.friends-nav,.friends-page{width:min(1100px,100% - 32px);margin-inline:auto}.friends-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.friends-logo{font-family:var(--pixel);font-size:.9rem;text-decoration:none}.friends-logo span{color:var(--gold);margin-left:.3rem}.friends-nav nav{flex-wrap:wrap;gap:1.5rem;display:flex}.friends-nav nav a{color:var(--muted);font-weight:800;text-decoration:none}.friends-nav nav a[aria-current],.friends-nav nav a:hover{color:var(--gold)}.friends-page{padding:2.5rem 0 1rem}.friends-page [hidden]{display:none!important}.friends-heading{max-width:760px;margin-bottom:2rem}.friends-eyebrow{color:var(--cyan);font-family:var(--pixel);margin:0 0 1rem;font-size:.6rem;line-height:1.9}.friends-heading h1{margin:0 0 1rem;font-size:clamp(1.3rem,3.3vw,2.1rem);line-height:1.65}.friends-heading h1 span{color:var(--gold);text-shadow:3px 3px 0 var(--gold-dark)}.friends-lead{color:var(--muted);margin:0;font-size:1.1rem}.friends-page h2{margin:0;font-size:.8rem;line-height:1.8}.friends-panel{background:var(--bg-alt);border:2px solid var(--border);border-radius:18px;padding:1.6rem}.friends-guest{text-align:center;background:radial-gradient(ellipse at top, #252c54, var(--bg-alt) 70%);padding:3rem 1.5rem}.friends-guest-icon{width:100px;height:100px;color:var(--cyan);border:2px dashed var(--border);background:var(--bg);border-radius:24px;place-items:center;margin:0 auto 1.4rem;display:grid}.friends-guest h2{color:var(--gold);font-size:clamp(.8rem,2vw,1.1rem)}.friends-guest>p:not(.friends-eyebrow){color:var(--muted)}.friends-guest .friend-button{margin:.6rem 0 .8rem}.friends-page .friend-button{background:var(--gold);color:#211900;min-height:44px;font:800 .95rem var(--sans);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:.8rem;padding:.7rem 1rem;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.friends-page .friend-button:hover:not(:disabled){background:#ffdb84}.friends-page .friend-button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.friends-page .friend-button.secondary:hover:not(:disabled){border-color:var(--muted)}.friends-page .friend-button.discord{color:#fff;background:#5865f2}.friends-page .friend-button.discord:hover{background:#4752c4}.friends-page .friend-button.danger{color:#ffa3ab;background:#3b1f32;border-color:#7a344b}.friends-page .friend-button.danger:hover:not(:disabled){background:#55263d}.friends-page .friend-button:disabled,.friends-page input:disabled{opacity:.5;cursor:not-allowed}.friends-page :is(a,button,input):focus-visible,.friends-nav a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.friends-account,.friends-identity{align-items:center;gap:1rem;display:flex}.friends-account{justify-content:space-between;margin-bottom:1.5rem}.friends-identity{min-width:0}.friends-identity strong{overflow-wrap:anywhere;font-size:1.15rem}.friends-connected{color:#8ee5b5;margin:.15rem 0 0;font-size:.85rem}.friends-logout{color:var(--muted);white-space:nowrap;text-underline-offset:4px;font-size:.9rem}.friend-avatar{width:48px;height:48px;color:var(--cyan);font:800 1.3rem var(--sans);background:#2b345d;border-radius:14px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.friends-add{border-color:#4b4660;grid-template-columns:1fr 1.7fr;align-items:center;gap:2rem;display:grid}.friends-add .friends-eyebrow{color:var(--gold);margin-bottom:.6rem}.friends-add p{color:var(--muted);margin-bottom:0}.friends-add label{margin-bottom:.5rem;font-weight:800;display:block}.friends-input-row{gap:.65rem;display:flex}.friends-page input{width:100%;min-width:0;min-height:46px;color:var(--text);background:var(--bg);border:2px solid var(--border);font:1rem var(--sans);color-scheme:dark;border-radius:9px;padding:.75rem .9rem}.friends-page input::placeholder{color:var(--muted);opacity:.8}.friends-input-row button{flex-shrink:0}.friends-small{font-size:.82rem}.friends-list-heading{justify-content:space-between;align-items:center;gap:1rem;margin:2.5rem 0 1rem;display:flex}.friend-count{min-width:1.8rem;min-height:1.8rem;color:var(--cyan);background:var(--surface);font:800 .85rem var(--sans);vertical-align:middle;border-radius:7px;justify-content:center;align-items:center;margin-left:.3rem;padding:.15rem .4rem;display:inline-flex}.friends-search-label{color:var(--muted);margin-bottom:.4rem;font-size:.9rem;display:block}.friends-search{max-width:380px;margin-bottom:.5rem}.friends-requests{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}.friends-section-title{align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.friends-section-title h2{font-size:.65rem}.friends-arrow{color:var(--cyan);font-size:1.8rem;line-height:1}.friends-arrow.outgoing{color:var(--gold)}.friend-list{margin:0;padding:0;list-style:none}.friend-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;display:flex}.friend-row+.friend-row{border-top:1px solid var(--border)}.friend-person{align-items:center;gap:.9rem;min-width:0;display:flex}.friend-profile{overflow-wrap:anywhere;min-width:0}.friend-profile h3{font:800 1.05rem var(--sans);margin:0}.friend-profile p{color:var(--muted);margin:.1rem 0 0;font-size:.85rem}.friend-profile .friend-since{font-size:.75rem}.friend-actions{flex-wrap:wrap;gap:.5rem;display:flex}.friend-actions .friend-button{padding:.45rem .8rem;font-size:.85rem}.friends-empty{color:var(--muted);margin:0;padding:1.5rem .2rem;font-size:.95rem}.friends-alert{color:#ffb2b9;background:#382334;border:1px solid #7a344b;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.friends-alert p{flex:260px;margin:0}.friends-feedback:empty{display:none}.friends-feedback{color:#8ee5b5;padding:.7rem 0}.friends-cooldown{color:var(--gold)}.friends-dialog{border:2px solid var(--border);background:var(--bg-alt);max-width:min(460px,100% - 32px);color:var(--text);font-family:var(--sans);border-radius:16px;padding:1.7rem}.friends-dialog::backdrop{background:#050817cc}.friends-dialog p{overflow-wrap:anywhere}.friends-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin:3rem 0 1rem;padding-top:1.5rem;font-size:.8rem}@media (width<=850px){.friends-add{grid-template-columns:1fr;gap:1.5rem}.friends-requests{grid-template-columns:1fr}}@media (width<=520px){.friends-page{padding-top:1.5rem}.friends-panel{padding:1.1rem}.friends-input-row{flex-direction:column}.friends-account{flex-wrap:wrap}.friends-logout{margin-left:4rem}.friends-page h2{font-size:.7rem}.friends-guest{padding-block:2rem}.desktop-break{display:none}}