svg.logo{display:inline-block;flex-shrink:0;line-height:0}svg.logo .a-body{filter:drop-shadow(0 0 3px rgba(0,229,255,.55)) drop-shadow(0 0 9px rgba(124,77,255,.28)) drop-shadow(0 0 18px rgba(0,229,255,.18))}svg.logo .a-halo{filter:blur(2.5px)}svg.logo.logo--animate .a-body{animation:a-pulse 2.8s ease-in-out infinite}@keyframes a-pulse{0%,to{filter:drop-shadow(0 0 3px rgba(0,229,255,.55)) drop-shadow(0 0 9px rgba(124,77,255,.28)) drop-shadow(0 0 18px rgba(0,229,255,.18))}50%{filter:drop-shadow(0 0 6px rgba(0,229,255,.75)) drop-shadow(0 0 14px rgba(124,77,255,.42)) drop-shadow(0 0 26px rgba(0,229,255,.26))}}@media(prefers-reduced-motion:reduce){svg.logo.logo--animate .a-body{animation:none}}.modal-overlay[data-astro-cid-o4dbeirz]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;transition:opacity .2s,visibility 0s linear .2s}.modal-overlay[data-astro-cid-o4dbeirz].hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-overlay[data-astro-cid-o4dbeirz].visible{display:flex}.modal[data-astro-cid-o4dbeirz]{background:#0b162cfa;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(0,229,255,.14);border-radius:18px;padding:24px;width:90%;max-width:380px;box-shadow:0 20px 60px #0000008c,0 0 32px #00e5ff14}.modal-header[data-astro-cid-o4dbeirz]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-heading[data-astro-cid-o4dbeirz]{display:flex;align-items:center;gap:10px}.modal-title[data-astro-cid-o4dbeirz]{font-size:1.2rem;font-weight:800}.modal-close[data-astro-cid-o4dbeirz]{background:none;border:none;color:var(--text-muted, #888);font-size:1.5rem;cursor:pointer;line-height:1;padding:4px}.modal-close[data-astro-cid-o4dbeirz]:hover{color:var(--text, #fff)}.modal-tabs[data-astro-cid-o4dbeirz]{display:flex;gap:4px;margin-bottom:20px;background:#ffffff0a;border-radius:6px;padding:4px}.tab[data-astro-cid-o4dbeirz]{flex:1;background:none;border:none;color:var(--text-muted, #888);padding:8px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:background .2s,color .2s}.tab[data-astro-cid-o4dbeirz].active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #00e5ff2e}.modal-form[data-astro-cid-o4dbeirz]{display:flex;flex-direction:column;gap:14px}.field[data-astro-cid-o4dbeirz]{display:flex;flex-direction:column;gap:4px}.field[data-astro-cid-o4dbeirz] label[data-astro-cid-o4dbeirz]{font-size:.75rem;font-weight:600;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.08em}.field[data-astro-cid-o4dbeirz] input[data-astro-cid-o4dbeirz]{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 14px;color:var(--text, #fff);font-size:.9rem;outline:none;transition:border-color .2s}.field[data-astro-cid-o4dbeirz] input[data-astro-cid-o4dbeirz]:focus{border-color:#00e5ff6b;box-shadow:0 0 0 3px #00e5ff1f}.field-error[data-astro-cid-o4dbeirz]{font-size:.8rem;color:#ef4444;min-height:1.2em}.submit-btn[data-astro-cid-o4dbeirz]{background:var(--gradient-primary);border:none;border-radius:var(--radius-pill);padding:12px;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;transition:transform .15s,opacity .2s,box-shadow .2s;font-family:Space Grotesk,Inter,system-ui,sans-serif;box-shadow:0 6px 18px #00e5ff38}.submit-btn[data-astro-cid-o4dbeirz]:hover{opacity:.96;transform:translateY(-1px);box-shadow:0 8px 22px #00e5ff47}.submit-btn[data-astro-cid-o4dbeirz]:disabled{opacity:.5;cursor:not-allowed}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.friend-list{position:fixed;top:0;right:0;width:300px;height:100dvh;background:linear-gradient(180deg,#0b1e3afa,#07142afa);backdrop-filter:blur(12px);border-left:1px solid rgba(20,228,198,.3);box-shadow:-8px 0 40px #00000080;z-index:5000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;overflow:hidden}.fl-backdrop{position:fixed;inset:0;background:#0f172a99;z-index:4999;opacity:0;pointer-events:none;transition:opacity .3s ease}.fl-backdrop.visible,body:has(.friend-list.visible) .fl-backdrop{opacity:1;pointer-events:auto}.friend-list:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#14e4c6,#7ef0ff,transparent)}.friend-list.visible{transform:translate(0)}.fl-header{display:flex;justify-content:space-between;align-items:center;padding:18px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.fl-title{font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(90deg,#7ef0ff,#14e4c6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fl-close{background:none;border:none;color:var(--text-muted, #888);font-size:1.3rem;cursor:pointer;line-height:1;border-radius:8px;width:28px;height:28px;display:grid;place-items:center;transition:color .2s,background .2s}.fl-close:hover{color:#fff;background:#ffffff14}.fl-add-row{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.fl-add-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 12px;color:var(--text, #fff);font-size:.82rem;outline:none;transition:border-color .2s,box-shadow .2s}.fl-add-input:focus{border-color:var(--accent, #14e4c6);box-shadow:0 0 0 3px #14e4c626}.fl-add-btn{background:linear-gradient(135deg,#00e5ff,#7c4dff);border:none;border-radius:6px;padding:8px 14px;color:#fff;font-weight:700;font-size:.8rem;cursor:pointer;box-shadow:0 4px 14px #14e4c659;transition:transform .15s,box-shadow .2s,opacity .2s}.fl-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #14e4c673;opacity:1}.fl-add-btn:active{transform:translateY(0)}.fl-status{padding:6px 16px;font-size:.78rem;color:var(--accent, #14e4c6);border-bottom:1px solid rgba(255,255,255,.04);min-height:0}.fl-status.error{color:#f47c7c}.fl-item{position:relative;display:flex;align-items:center;gap:10px;padding:10px 16px;transition:background .2s}.fl-item:hover{background:#ffffff0a}.fl-avatar{position:relative;flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 2px 8px #00000059}.fl-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid #141516}.fl-dot.online{background:#8fce9f}.fl-dot.in-game{background:#00e5ff;box-shadow:0 0 8px #00e5ffe6}.fl-dot.away{background:#e0c46a}.fl-dot.offline{background:#5a5d60}.fl-info{flex:1;min-width:0;display:flex;flex-direction:column}.fl-name{font-weight:600;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-sub{font-size:.7rem;color:var(--text-muted, #888)}.fl-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.fl-item:hover .fl-actions{opacity:1}.fl-action{background:none;border:1px solid rgba(255,255,255,.08);border-radius:8px;width:28px;height:28px;display:grid;place-items:center;color:var(--text-muted, #888);font-size:.8rem;cursor:pointer;line-height:1;transition:color .2s,border-color .2s,background .2s}.fl-challenge:hover{color:#00e5ff;border-color:#14e4c680;background:#14e4c61f}.fl-challenge.disabled{opacity:.35;cursor:not-allowed}.fl-remove:hover{color:#f47c7c;border-color:#f47c7c80;background:#f47c7c1a}.fl-challenge-menu{position:absolute;right:52px;top:8px;display:none;flex-direction:column;gap:4px;background:#0b1e3afa;border:1px solid rgba(20,228,198,.35);border-radius:6px;padding:6px;box-shadow:0 8px 24px #00000080;z-index:5}.fl-challenge-menu.open{display:flex}.fl-challenge-opt{background:#ffffff0f;border:none;border-radius:6px;padding:6px 14px;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.fl-challenge-opt:hover{background:#14e4c659}.fl-list{flex:1;overflow-y:auto;padding:6px 0}.fl-empty{text-align:center;color:var(--text-muted, #888);padding:32px 16px;font-size:.82rem}.challenge-toast{position:fixed;top:16px;left:50%;transform:translate(-50%,-16px);width:320px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#1e2121fa,#0b1e3afa);border:1px solid rgba(20,228,198,.4);border-radius:8px;box-shadow:0 12px 40px #0009,0 0 24px #14e4c633;padding:14px 16px;z-index:2000;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.challenge-toast.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.ct-body{display:flex;align-items:center;gap:12px}.ct-emoji{font-size:1.5rem}.ct-text{display:flex;flex-direction:column;min-width:0}.ct-title{font-size:.9rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-sub{font-size:.75rem;color:var(--text-muted, #aaa)}.ct-actions{display:flex;gap:8px;margin-top:12px}.ct-accept,.ct-decline{flex:1;border:none;border-radius:6px;padding:8px 0;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}.ct-accept{background:linear-gradient(135deg,#00e5ff,#7c4dff);color:#fff}.ct-decline{background:#ffffff14;color:var(--text-muted, #aaa)}.ct-accept:hover,.ct-decline:hover{opacity:.88;transform:translateY(-1px)}.bottom-nav[data-astro-cid-ltxpr5xc]{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(420px,calc(100% - 24px));max-width:560px;display:flex;align-items:center;justify-content:space-around;gap:4px;padding:6px 8px;background:#0b162ceb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(0,229,255,.14);border-radius:20px;box-shadow:0 12px 32px #00000073,0 0 24px #00e5ff14;z-index:1700}.bn-item[data-astro-cid-ltxpr5xc]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:12px;text-decoration:none;color:var(--text-muted);font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:color .2s,background .2s,transform .15s}.bn-icon[data-astro-cid-ltxpr5xc]{font-size:1.05rem;line-height:1;filter:drop-shadow(0 0 6px rgba(0,229,255,.18))}.bn-item[data-astro-cid-ltxpr5xc].is-active{color:#7ef0ff;background:#00e5ff1a;box-shadow:0 0 0 1px #00e5ff24 inset}.bn-item[data-astro-cid-ltxpr5xc]:hover{color:#e6f7ff;background:#ffffff0a}@media(min-width:768px){.bottom-nav[data-astro-cid-ltxpr5xc]{bottom:calc(16px + env(safe-area-inset-bottom));padding:8px 10px}}.game-layout~.bottom-nav[data-astro-cid-ltxpr5xc]{opacity:.92}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/Inter.subset.woff2) format("woff2");unicode-range:U+0020-007E,U+2014,U+2026}:root{--bg: #071426;--bg-2: #0b1e3a;--bg-3: #0f2a4d;--surface: rgba(17, 32, 64, .88);--surface-2: rgba(22, 42, 82, .92);--surface-3: rgba(30, 52, 96, .96);--text: #e6edf7;--text-muted: #8ea0c2;--text-dim: #6b7fa3;--accent: #14e4c6;--accent-bright: #00e5ff;--accent-purple: #7c4dff;--accent-warm: #ff6b35;--accent-amber: #ffb627;--accent-bg: rgba(20, 228, 198, .1);--accent-bg-light: rgba(0, 229, 255, .08);--accent-shadow: rgba(0, 229, 255, .18);--accent-glow: rgba(0, 229, 255, .38);--accent-purple-glow: rgba(124, 77, 255, .35);--accent-warm-glow: rgba(255, 107, 53, .28);--border: rgba(120, 160, 220, .1);--border-glow: rgba(0, 229, 255, .14);--border-strong: rgba(120, 160, 220, .16);--state-idle-bg: #111f3a;--state-idle-glow: rgba(0, 229, 255, .18);--state-wait-bg: #1e1430;--state-wait-glow: rgba(255, 107, 53, .28);--state-go-bg: #0e2a3a;--state-go-glow: rgba(20, 228, 198, .38);--btn-idle: #14e4c6;--btn-wait: #ff6b35;--btn-go: #00e5ff;--success: #14e4c6;--error: #ff5a5a;--star: #ffb627;--gradient-primary: linear-gradient(135deg, #00e5ff 0%, #7c4dff 100%);--gradient-aeonix: linear-gradient(135deg, #00e5ff 0%, #14e4c6 35%, #7c4dff 75%, #ff6b35 100%);--gradient-warm: linear-gradient(135deg, #ff6b35 0%, #ffb627 100%);--gradient-quick: linear-gradient(135deg, #ffd23f 0%, #ff9f1c 100%);--gradient-card: linear-gradient(135deg, rgba(17,32,64,.96) 0%, rgba(22,42,82,.88) 100%);--gradient-surface-glow: radial-gradient(600px circle at 0% 0%, rgba(0,229,255,.06), transparent 60%);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--transition: .35s cubic-bezier(.4, 0, .2, 1);--blur: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(900px 600px at 15% -10%,rgba(124,77,255,.14),transparent 60%),radial-gradient(700px 500px at 90% 0%,rgba(0,229,255,.1),transparent 55%),radial-gradient(600px 400px at 50% 100%,rgba(255,182,39,.06),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 55%,#060f24 100%);background-attachment:fixed;color:var(--text);min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:0 0 env(safe-area-inset-bottom);user-select:none;overflow-x:hidden;overflow-y:auto}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(1.2px 1.2px at 28% 42%,rgba(255,255,255,.7) 0,transparent 100%),radial-gradient(1px 1px at 44% 12%,rgba(255,255,255,.5) 0,transparent 100%),radial-gradient(1px 1px at 68% 28%,rgba(255,255,255,.6) 0,transparent 100%),radial-gradient(1.4px 1.4px at 85% 52%,rgba(255,255,255,.45) 0,transparent 100%),radial-gradient(1px 1px at 56% 68%,rgba(255,255,255,.35) 0,transparent 100%),radial-gradient(1px 1px at 18% 78%,rgba(255,255,255,.4) 0,transparent 100%),radial-gradient(1px 1px at 92% 82%,rgba(255,255,255,.5) 0,transparent 100%),linear-gradient(rgba(120,160,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,220,.04) 1px,transparent 1px);background-size:auto,auto,auto,auto,auto,auto,auto,auto,56px 56px,56px 56px;pointer-events:none;z-index:0;opacity:.85}body:after{content:"";position:fixed;inset:0;background:radial-gradient(1200px 500px at 50% -10%,rgba(0,229,255,.05),transparent 65%);pointer-events:none;z-index:0}.app{width:100%;max-width:560px;padding:12px 24px 88px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1;margin:0 auto}.header{text-align:center}.header .brand-label{font-size:.8rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.header .brand{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(2rem,8vw,3rem);font-weight:700;letter-spacing:-.04em;background:linear-gradient(135deg,#7ef0ff,#00e5ff 28%,#7c4dff 72%,#ffb627);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-top:4px;filter:drop-shadow(0 0 18px rgba(0,229,255,.35)) drop-shadow(0 0 32px rgba(124,77,255,.22))}.stats{display:flex;gap:10px}.stat-card{flex:1;background:var(--gradient-card);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 10px;text-align:center;box-shadow:0 8px 28px #00000059,0 0 0 1px #ffffff05 inset}.stat-card .stat-value{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:var(--text)}.stat-card .stat-label{font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.hint{text-align:center;font-size:.78rem;color:var(--text-muted)}.hint kbd{background:var(--surface-2);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:1px 6px;font-size:.72rem;font-family:inherit}.rating{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:var(--radius-pill);background:#00e5ff1a;color:var(--accent-bright);border:1px solid rgba(0,229,255,.22);box-shadow:0 0 14px #00e5ff24;letter-spacing:.02em}.rating.rating-elite{background:linear-gradient(135deg,#00e5ff24,#7c4dff1f);color:#7ef0ff;border-color:#00e5ff47;box-shadow:0 0 16px #00e5ff2e}.rating.rating-great{background:#14e4c61f;color:#14e4c6;border-color:#14e4c647}.rating.rating-good{background:#ffb6271f;color:#ffb627;border-color:#ffb62740}.rating.rating-slow{background:#ff5a5a1a;color:#ff7a7a;border-color:#ff5a5a38}@keyframes fade-up{0%{transform:translateY(16px)}to{transform:translateY(0)}}.app>*{animation:fade-up .5s ease backwards}.app>*:nth-child(1){animation-delay:.05s}.app>*:nth-child(2){animation-delay:.12s}.app>*:nth-child(3){animation-delay:.18s}.app>*:nth-child(4){animation-delay:.24s}.app>*:nth-child(5){animation-delay:.3s}::view-transition-group(root){animation-duration:.22s}::view-transition-old(root),::view-transition-new(root){animation:none!important}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4px;transition:opacity .3s,visibility 0s linear .3s}.top-bar.hidden{opacity:0;pointer-events:none;visibility:hidden}.grid-container{display:grid;width:100%;height:100%;padding:var(--grid-padding, 8px);gap:var(--grid-gap, 6px);opacity:0;transition:opacity .3s}.grid-container.visible{opacity:1}.arena{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius);background:radial-gradient(500px 300px at 50% 0%,rgba(0,229,255,.06),transparent 60%),var(--state-idle-bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 0 48px var(--state-idle-glow),0 20px 60px #00000073,0 0 0 1px #ffffff08 inset;overflow:hidden;outline:none;-webkit-user-select:none}.arena.state-wait{background:radial-gradient(500px 300px at 50% 0%,rgba(255,107,53,.1),transparent 60%),var(--state-wait-bg);box-shadow:0 0 48px var(--state-wait-glow),0 20px 60px #00000073}.arena.state-go{background:radial-gradient(500px 300px at 50% 0%,rgba(20,228,198,.12),transparent 60%),var(--state-go-bg);box-shadow:0 0 52px var(--state-go-glow),0 20px 60px #00000073}@media(max-width:767px){.app{padding-left:4px;padding-right:4px}}@keyframes tile-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.top-nav{width:100%;max-width:560px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 20px 12px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1900}.top-nav-row{display:flex;align-items:center;gap:10px}.top-nav-brand{display:flex;align-items:center;color:var(--text)}.top-nav-title{margin:0;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:#e6f7ff;text-shadow:0 0 6px rgba(0,229,255,.55),0 0 18px rgba(0,229,255,.28),0 0 28px rgba(124,77,255,.18);white-space:nowrap}.top-nav-titlewrap{display:flex;align-items:center;gap:8px;min-width:0}.title-icon{font-size:.95rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(0,229,255,.45))}.top-nav-titlebtn{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--accent-bright);min-width:0}.title-menu{position:relative;min-width:0}.title-caret{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.title-menu.is-open .title-caret{transform:rotate(180deg);color:var(--accent-bright)}.title-menu-pop{position:absolute;top:calc(100% + 10px);left:0;min-width:184px;background:#0b162cf5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,229,255,.18);border-radius:14px;padding:6px;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff0a,0 0 24px #00e5ff1f;z-index:2100}.title-menu-link{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:600;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:color .2s,background .2s,text-shadow .2s}.title-menu-link:hover,.title-menu-link.is-active{color:#7ef0ff;background:#00e5ff14}.title-menu-link.is-active{font-weight:800;text-shadow:0 0 6px rgba(0,229,255,.5),0 0 14px rgba(0,229,255,.3),0 0 26px rgba(124,77,255,.18)}.top-nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}.nav-btn{background:none;border:none;border-radius:6px;padding:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;transition:background .2s,color .2s}.nav-btn:hover{background:#ffffff0f;color:var(--text)}.nav-btn.hidden{display:none}.nav-login{background:var(--gradient-primary);border:none;border-radius:var(--radius-pill);padding:7px 16px;color:#fff;cursor:pointer;font-weight:700;font-size:.78rem;box-shadow:0 4px 16px #00e5ff38,0 0 0 1px #ffffff14 inset;transition:transform .15s,box-shadow .2s,opacity .2s}.nav-login:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 22px #00e5ff47,0 0 0 1px #ffffff1a inset}.nav-login.hidden{display:none}.online-count{display:flex;align-items:center;gap:6px;height:24px;padding:0 9px;font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums;color:#7ef0ff;background:#00e5ff1a;border:1px solid rgba(0,229,255,.22);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;box-shadow:0 0 12px #00e5ff24}.online-count:before{content:"";width:6px;height:6px;border-radius:50%;background:#00e5ff;box-shadow:0 0 6px #00e5ffe6;flex-shrink:0}.online-count.hidden{display:none}.auth-avatar{width:32px;height:32px;border-radius:10px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;text-decoration:none;color:#fff;box-shadow:0 4px 14px #00e5ff38;transition:opacity .2s,transform .15s,visibility 0s linear .2s}.auth-avatar.hidden{display:none}.auth-avatar:hover{opacity:.85}.online-count{display:none}:root[data-online] .online-count{display:flex}.online-count:after{content:var(--online-count, "")}.auth-avatar{display:none}:root[data-auth=in] .auth-avatar{display:flex}.auth-avatar:before{content:var(--avatar-letter, "")}:root[data-auth=in] #login-btn{display:none}#friend-list-btn{display:none}:root[data-auth=in] #friend-list-btn{display:flex}@keyframes sk-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.sk-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;background:#ffffff08}.sk-bar{height:12px;border-radius:4px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:200px 100%;animation:sk-shimmer 1.2s infinite linear}.sk-bar--sm{width:28px;flex-shrink:0}.sk-bar--md{width:64px;flex-shrink:0}.sk-bar--lg{flex:1}.sk-bar--bar{width:56px;flex-shrink:0}.app-version{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;z-index:50;font-size:.65rem;font-weight:600;letter-spacing:.05em;color:#ffffff59;pointer-events:none;user-select:none}