:root{--bg-main:#080b11;--bg-surface:#0f1420;--bg-surface-elevated:#161e31;--bg-card:#121929b8;--bg-card-hover:#1a243ad9;--bg-glass:#0f1420a6;--border-glass:#ffffff14;--border-glass-hover:#ffffff2e;--border-focus:#3b82f6;--border-accent:#06b6d459;--bg-modal:#0f172afa;--bg-modal-elevated:#0b101cfa;--bg-overlay:#030712bf;--border-modal:#ffffff14;--bg-field:#ffffff09;--bg-field-hover:#ffffff0e;--bg-toggle-off:#ffffff29;--accent-gold:#f59e0b;--accent-gold-glow:#f59e0b59;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d459;--accent-violet:#8b5cf6;--accent-violet-glow:#8b5cf659;--accent-pink:#ec4899;--accent-pink-glow:#ec489959;--accent-green:#10b981;--accent-green-glow:#10b98159;--accent-red:#ef4444;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-gold:#fbbf24;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--glass-blur:blur(calc(16px * var(--glass-k,1)));--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #0009;--shadow-neon-cyan:0 0 20px #06b6d466;--shadow-neon-gold:0 0 20px #f59e0b66;--shadow-neon-violet:0 0 20px #8b5cf666;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--brand-gradient:linear-gradient(90deg, #fff, #94a3b8);--bg-chip:#0f172ab3;--text-accent-cyan:#67e8f9}:root[data-theme=light]{--bg-main:#e9eef5;--bg-surface:#ffffff1a;--bg-surface-elevated:#ffffff29;--bg-card:#ffffff24;--bg-card-hover:#fff3;--bg-glass:#ffffff1f;--border-glass:#ffffff47;--border-glass-hover:#ffffff6b;--border-accent:#06b6d473;--bg-modal:#f8faff99;--bg-modal-elevated:#ffffff8c;--bg-overlay:#0f172a73;--border-modal:#0f172a1a;--bg-field:#ffffff1f;--bg-field-hover:#fff3;--bg-toggle-off:#0f172a29;--text-main:#0b0f17;--text-secondary:#0b0f17;--text-muted:#1a202c;--shadow-sm:0 2px 8px #0f172a14;--shadow-md:0 8px 24px #0f172a1f;--shadow-lg:0 16px 40px #0f172a2e;--brand-gradient:linear-gradient(90deg, #0b0f17, #1f2937);--bg-chip:#0f172a0d;--text-accent-cyan:#0891b2}:root{--accent:#22d3ee;--accent-rgb:34, 211, 238;--accent-2:#3b82f6;--accent-ink:#03141c;--glass-bg:#0a0e1c8f;--glass-bg-strong:#080c18cc;--glass-border:#ffffff1f;--glass-highlight:inset 0 1px 0 #ffffff14;--glass-filter:blur(calc(14px * var(--glass-k,1))) saturate(1.15);--glass-shadow:0 12px 32px #00000059;--art-scrim:linear-gradient(180deg, #05081447 0%, #0508140a 30%, #0508144d 72%, #0508149e 100%);--art-scrim-dense:linear-gradient(180deg, #0508124d 0%, #05081229 28%, #05081242 65%, #0508127a 100%)}:root[data-district=flame]{--accent:#f59e0b;--accent-rgb:245, 158, 11;--accent-2:#ef4444;--accent-ink:#1c0f02}:root[data-district=cyberpunk]{--accent:#e040fb;--accent-rgb:224, 64, 251;--accent-2:#2dd4bf;--accent-ink:#1d0322}:root[data-district=gold]{--accent:#fbbf24;--accent-rgb:251, 191, 36;--accent-2:#9f1239;--accent-ink:#1c1303}:root[data-theme=light]{--glass-k:.1;--glass-bg:#ffffff1f;--glass-bg-strong:#ffffff2e;--glass-border:#ffffff4d;--glass-highlight:inset 0 1px 0 #ffffff38;--glass-filter:blur(calc(12px * var(--glass-k,1))) saturate(1.05);--glass-shadow:0 12px 32px #0f172a24;--art-scrim:none;--art-scrim-dense:none}:root[data-theme=light] body{text-shadow:0 0 1px #ffffffe6,0 0 8px #ffffffb3}:root[data-theme=light] .screen-title__brand,:root[data-theme=light] .app-header-name,:root[data-theme=light] .uname-text{text-shadow:none}:root[data-perf=lite]{--glass-bg:#0a0e1cdb}:root[data-perf=lite][data-theme=light]{--glass-bg:#ffffff2e}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}:root[data-theme=light] .home:before{background-image:var(--art-home-bg-day,var(--art-home-bg,none))}:root[data-theme=light] .lobby:before,:root[data-theme=light] .store-modal:before{background-image:var(--art-lobby-bg-day,var(--art-lobby-bg,none))}:root[data-theme=light] .learn-library:before{background-image:var(--art-learn-bg-day,var(--art-learn-bg,none))}:root[data-theme=light] .clans:before{background-image:var(--art-clans-bg-day,var(--art-clans-bg,none))}@media (aspect-ratio<=4/5){:root[data-theme=light] .home:before{background-image:var(--art-home-bg-day-portrait,var(--art-home-bg-portrait,var(--art-home-bg,none)))}:root[data-theme=light] .lobby:before{background-image:var(--art-lobby-bg-day-portrait,var(--art-lobby-bg-portrait,var(--art-lobby-bg,none)))}:root[data-theme=light] .learn-library:before{background-image:var(--art-learn-bg-day-portrait,var(--art-learn-bg-portrait,var(--art-learn-bg,none)))}:root[data-theme=light] .clans:before{background-image:var(--art-clans-bg-day-portrait,var(--art-clans-bg-portrait,var(--art-clans-bg,none)))}}:root[data-plain] .create-room__stage,:root[data-plain] .room-card__stage,:root[data-plain] .store-banner{background-image:none!important}:root[data-plain] .psum{--psum-stage:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-main);color:var(--text-main);background-image:radial-gradient(at 50% 0,#8b5cf61f 0%,#0000 60%),radial-gradient(at 80% 100%,#06b6d414 0%,#0000 50%),radial-gradient(at 20% 100%,#f59e0b0f 0%,#0000 50%);min-height:100dvh;overflow:hidden}#root{box-sizing:border-box;width:100vw;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);flex-direction:column;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-field)}::-webkit-scrollbar-thumb{background:var(--border-glass-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{-webkit-user-select:text;user-select:text;outline:none;font-family:inherit}:where(button,a[href],summary,select,[role=button],[role=tab],[role=radio],[role=option],[role=switch]):focus-visible,:where(input[type=range],input[type=checkbox],input[type=radio]):focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal)}.glass-panel:hover{border-color:var(--border-glass-hover)}.btn-primary{color:#fff;border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#06b6d4,#3b82f6);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #06b6d459}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #06b6d480}.btn-primary:active{transform:translateY(1px)}.btn-gold{color:#111827;border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#f59e0b,#d97706);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #f59e0b59}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80}.btn-ghost{border:1px solid var(--border-glass);color:var(--text-main);border-radius:var(--radius-md);transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:var(--border-glass-hover);background:#ffffff1a}.badge-vip{border-radius:var(--radius-full);color:#fbbf24;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b40,#d9770626);border:1px solid #f59e0b80;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-admin{border-radius:var(--radius-full);color:#fcd34d;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#fbbf2438,#dc26261f);border:1px solid #fbbf248c;align-items:center;gap:5px;padding:3px 10px 3px 6px;font-size:.75rem;font-weight:700;display:inline-flex}.modal-overlay{z-index:1000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(calc(10px * var(--glass-k,1)));backdrop-filter:blur(calc(10px * var(--glass-k,1)));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));justify-content:flex-start;align-items:flex-start;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay>*{flex-shrink:0;max-width:100%;margin:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes marqueeScroll{0%,12%{transform:translate(0)}45%,55%{transform:translateX(calc(-1 * var(--marquee-distance,0px)))}88%,to{transform:translate(0)}}@keyframes floatUpAndFade{0%{opacity:0;transform:translateY(20px)scale(.5)}15%{opacity:1;transform:translateY(-20px)scale(1.2)}35%{transform:translateY(-60px)scale(1)}to{opacity:0;transform:translateY(-280px)scale(.85)}}@media (prefers-reduced-motion:reduce){@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUpAndFade{0%{opacity:0;transform:translateY(0)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-140px)}}.marquee-track{white-space:normal!important}.marquee-track__text{flex-wrap:wrap;white-space:normal!important;animation:none!important}.marquee-track__text>span{white-space:normal!important}}html{font-size:calc(100% * var(--ui,1))}.art-icon,svg.lucide{zoom:var(--ui,1)}html,body{overscroll-behavior:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (orientation:landscape) and (height<=550px){::-webkit-scrollbar{display:none}}.pulse-glow-chat,.pulse-glow-dm{position:relative;border-color:#34d399!important}.pulse-glow-dm{border-color:#38bdf8!important}.pulse-glow-chat:after,.pulse-glow-dm:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;animation:1.8s ease-in-out infinite pulseGlowRing;position:absolute;inset:-2px}.pulse-glow-chat:after{box-shadow:0 0 16px 4px #34d3998c}.pulse-glow-dm:after{box-shadow:0 0 18px 5px #38bdf88c}@keyframes pulseGlowRing{0%,to{opacity:0;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}.notif-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:800;line-height:1;display:inline-flex}.notif-badge-dm{background:#0284c7;box-shadow:0 0 8px #38bdf8}.notif-badge-chat{background:#059669;box-shadow:0 0 8px #34d399}.settings-section{flex-direction:column;gap:12px;width:100%;display:flex}.settings-section .field{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.settings-section .field:hover{background:var(--bg-field-hover);border-color:var(--border-accent);box-shadow:var(--shadow-md)}.settings-section .labels{text-align:start;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-section .labels label{color:var(--text-main);letter-spacing:.2px;font-size:.86rem;font-weight:700}.settings-section .labels .subtitle{color:var(--text-secondary);font-size:.72rem;font-weight:500;display:block}pv-slider,.pv-slider{width:calc(160px * var(--ui,1));align-items:center;gap:10px;display:flex;position:relative}pv-slider .input,.pv-slider .input{appearance:none;background:linear-gradient(to right, #06b6d4 0%, #38bdf8 var(--fill,56%), var(--bg-toggle-off) var(--fill,56%), var(--bg-toggle-off) 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:6px;transition:background .1s}pv-slider .input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #06b6d4;border-radius:50%;width:16px;height:16px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 10px #06b6d4e6,0 2px 4px #00000080}.pv-slider .input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #06b6d4;border-radius:50%;width:16px;height:16px;transition:transform .1s,box-shadow .1s;box-shadow:0 0 10px #06b6d4e6,0 2px 4px #00000080}pv-slider .input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 14px #06b6d4,0 3px 6px #0009}.pv-slider .input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 14px #06b6d4,0 3px 6px #0009}select.sound,select.polyphony,.settings-section select{background-color:var(--bg-modal);border:1px solid var(--border-accent);border-radius:var(--ctl-radius-sm);color:var(--text-main);cursor:pointer;appearance:none;min-width:calc(140px * var(--ui,1));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;outline:none;padding:8px 30px 8px 12px;font-size:.82rem;font-weight:700;transition:all .15s}select.sound:hover,select.polyphony:hover,select.sound:focus,select.polyphony:focus,.settings-section select:hover,.settings-section select:focus{border-color:#38bdf8;box-shadow:0 0 12px #06b6d44d}select.sound option,select.polyphony option,.settings-section select option{background:var(--bg-modal);color:var(--text-main);padding:8px}pv-stepper,.pv-stepper{background:var(--bg-field-hover);border:1px solid var(--border-glass);border-radius:10px;align-items:center;gap:3px;padding:3px 5px;display:inline-flex}pv-stepper .step,.pv-stepper .step{width:calc(28px * var(--ui,1));height:calc(28px * var(--ui,1));background:var(--bg-field);color:var(--text-main);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}pv-stepper .step:hover:not(:disabled),.pv-stepper .step:hover:not(:disabled){color:#38bdf8;background:#06b6d44d;transform:translateY(-1px)}pv-stepper .step:disabled,.pv-stepper .step:disabled{opacity:.3;cursor:not-allowed}pv-stepper .step.reset,.pv-stepper .step.reset{color:var(--text-secondary);margin-left:2px}pv-stepper .input,.pv-stepper .input{width:calc(66px * var(--ui,1));text-align:center;color:#38bdf8;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;font-size:.84rem;font-weight:800}.pv-stepper-step-btn{min-width:calc(34px * var(--ui,1));height:calc(28px * var(--ui,1));background:var(--bg-field);border:1px solid var(--border-glass);color:var(--text-main);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:.76rem;font-weight:700;transition:all .15s;display:flex}.pv-stepper-step-btn:hover{border-color:var(--border-accent);color:#38bdf8;background:#06b6d440;transform:translateY(-1px)}label.toggle,.toggle{width:calc(44px * var(--ui,1));height:calc(24px * var(--ui,1));cursor:pointer;flex-shrink:0;display:inline-block;position:relative}label.toggle input,.toggle input{opacity:0;width:0;height:0;position:absolute}label.toggle .slider,.toggle .slider{background:var(--bg-toggle-off);border:1px solid var(--border-glass);border-radius:24px;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}label.toggle .slider:before,.toggle .slider:before{content:"";background:#cbd5e1;border-radius:50%;width:18px;height:18px;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 5px #0006}label.toggle input:checked+.slider,.toggle input:checked+.slider{background:linear-gradient(135deg,#06b6d4,#2563eb);border-color:#06b6d4;box-shadow:0 0 12px #06b6d473}label.toggle input:checked+.slider:before,.toggle input:checked+.slider:before{background:#fff;transform:translate(20px)}.toggle input:focus-visible+.slider,.pv-slider .input:focus-visible,select.sound:focus-visible,select.polyphony:focus-visible,.settings-section select:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}p.tips,.tips{color:var(--text-secondary);background:#06b6d412;border:1px solid #06b6d438;border-radius:12px;align-items:center;gap:8px;margin:2px 0 6px;padding:10px 14px;font-size:.76rem;line-height:1.4;display:flex}p.tips i,.tips i{color:#38bdf8;flex-shrink:0;font-size:.88rem}kbd.text,.tips kbd{color:#f1f5f9;background:#0f172ae6;border:1px solid #ffffff38;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:2px 7px;font-family:inherit;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 2px #00000080}.settings-shell{flex:1;min-height:0;max-height:min(60vh,520px);display:flex;overflow:hidden}.settings-sidebar{width:calc(168px * var(--ui,1));border-right:1px solid var(--border-glass);flex-direction:column;flex-shrink:0;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.settings-menu-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.settings-menu-item:hover{color:var(--text-main);background:var(--bg-field-hover)}.settings-menu-item.active{color:#0891b2;border-color:var(--border-accent);background:#06b6d426}:root[data-theme=dark] .settings-menu-item.active,:root:not([data-theme=light]) .settings-menu-item.active{color:#67e8f9}.settings-panel-header{color:var(--text-main);justify-content:space-between;align-items:center;padding:4px 4px 12px;font-size:.95rem;font-weight:800;display:flex}.settings-content{flex-direction:column;flex:1;gap:12px;min-width:0;padding:4px 16px 16px;display:flex;overflow-y:auto}@media (width<=560px){.settings-shell{flex-direction:column;max-height:min(78vh,640px)}.settings-sidebar{border-right:none;border-bottom:1px solid var(--border-glass);flex-direction:row;gap:6px;width:100%;padding:8px;overflow:auto hidden}.settings-sidebar .settings-menu-item{white-space:nowrap;flex-shrink:0}.settings-content{padding:10px 12px 14px}.settings-section .field{flex-wrap:wrap;padding:12px}.settings-section .labels,pv-slider,.pv-slider{width:100%}select.sound,select.polyphony{width:100%;min-width:0}}.lobby-actions>button,.lobby-actions>div>button{white-space:nowrap}@media (width<=560px){.lobby-actions{width:100%;gap:8px!important}.lobby-actions>button:not(.tb-btn){min-height:calc(40px * var(--ui,1));padding:8px 12px!important;font-size:.8rem!important}}.modal-overlay--sheet{padding:0}.modal-overlay--sheet>*{margin:auto 0 0}.room-chat{z-index:200;background:var(--bg-modal);min-height:0;-webkit-backdrop-filter:blur(calc(16px * var(--glass-k,1)));backdrop-filter:blur(calc(16px * var(--glass-k,1)));border:1px solid var(--border-glass);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000073}.room-chat[hidden]{display:none!important}.room-chat__header{border-bottom:1px solid var(--border-glass);color:var(--text-main);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 8px 16px;font-size:.88rem;font-weight:800;display:flex}.room-chat__messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.room-chat__form{border-top:1px solid var(--border-glass);flex-shrink:0;gap:6px;padding:10px;display:flex}.room-chat--overlay{width:clamp(280px, 30vw, calc(380px * var(--ui,1)));max-width:calc(100% - 24px);max-height:calc(100% - 24px);position:absolute;top:12px;bottom:12px;right:12px}.room-chat--side{flex:0 0 min(40vw, calc(320px * var(--ui,1)));max-width:60%;height:100%;box-shadow:none;border-top:none;border-bottom:none;border-right:none;border-radius:0;position:relative}.room-chat--full{z-index:900;top:var(--vv-top,0px);height:var(--vv-height,100dvh);box-shadow:none;background:var(--bg-main);box-shadow:0 0 0 100vmax var(--bg-main);-webkit-backdrop-filter:none;backdrop-filter:none;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);border:none;border-radius:0;position:fixed;left:0;right:0}.room-chat--full .room-chat__header{padding-top:calc(8px + env(safe-area-inset-top,0px));min-height:calc(52px * var(--ui,1));font-size:1rem}.room-chat--full .room-chat__form{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}:root:has(.room-chat--full:not([hidden])) .orientation-notice{display:none!important}.room-chat--compact{flex-basis:min(32vw, calc(250px * var(--ui,1)));min-width:calc(200px * var(--ui,1))}.room-chat--compact .room-chat__header{padding:4px 6px 4px 12px;font-size:.78rem}.room-chat--compact .room-chat__messages{gap:5px;padding:6px}.room-chat--compact .chat-msg{padding:5px 8px;font-size:.76rem}.room-chat--compact .chat-video{max-width:180px}.room-chat--compact .room-chat__form{padding:6px}.room-chat--compact .chat-input,.room-chat--compact .room-chat__form .btn-primary{height:calc(34px * var(--ui,1));min-height:calc(34px * var(--ui,1))!important}.room-chat--typing{z-index:900;top:var(--vv-top,0px);left:var(--vv-left,0px);width:var(--vv-width,100vw);height:var(--vv-height,100dvh);background:var(--bg-main);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;max-width:none;position:fixed}.room-chat__header--movable{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.room-chat.is-moving{opacity:.92;box-shadow:0 18px 44px #0000008c}.room-chat__resize{z-index:3;touch-action:none;position:absolute}.room-chat__resize--w{cursor:ew-resize;width:8px;top:0;bottom:0;left:0}.room-chat__resize--h{cursor:ns-resize;height:8px;bottom:0;left:0;right:0}.room-chat__resize--wh{cursor:nesw-resize;width:16px;height:16px;bottom:0;left:0}.room-chat__resize--w:after{content:"";width:4px;height:calc(36px * var(--ui,1));background:var(--border-glass-hover);opacity:0;border-radius:2px;transition:opacity .15s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.room-chat:hover .room-chat__resize--w:after,.room-chat__resize:focus-visible:after,.room-chat.is-resizing .room-chat__resize--w:after{opacity:1}.room-chat__resize:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:-2px}.room-chat.is-resizing{transition:none}.room-chat.is-resizing iframe{pointer-events:none}.room-chat.is-resizing .chat-msg__body{-webkit-user-select:none;user-select:none}.scroll-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.scroll-tabs::-webkit-scrollbar{display:none}.scroll-tabs>button{white-space:nowrap;flex-shrink:0}.room-settings-drawer .settings-shell{flex:none;height:min(62dvh,520px);min-height:260px;max-height:none}.settings-screen{z-index:1000;isolation:isolate;background:#070a14;flex-direction:column;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.settings-screen:before,.settings-screen:after{content:"";pointer-events:none;position:absolute;inset:0}.settings-screen:before{z-index:-2;background:var(--art-stage-cyan,var(--art-lobby-bg,none)) center 40% / cover no-repeat}:root[data-district=flame] .settings-screen:before{background-image:var(--art-stage-flame,var(--art-lobby-bg,none))}:root[data-district=cyberpunk] .settings-screen:before{background-image:var(--art-stage-cyberpunk,var(--art-lobby-bg,none))}:root[data-district=gold] .settings-screen:before{background-image:var(--art-stage-gold,var(--art-lobby-bg,none))}.settings-screen:after{z-index:-1;background:var(--art-scrim-dense)}:root[data-theme=light] .settings-screen{background:var(--bg-main)}:root[data-theme=light] .settings-screen:before,:root[data-theme=light][data-district] .settings-screen:before{background-image:var(--art-lobby-bg-day,var(--art-lobby-bg,none));background-position:50%}@media (aspect-ratio<=4/5){:root[data-theme=light] .settings-screen:before,:root[data-theme=light][data-district] .settings-screen:before{background-image:var(--art-lobby-bg-day-portrait,var(--art-lobby-bg-day,var(--art-lobby-bg,none)))}}:root[data-theme=light] .settings-screen__title{text-shadow:0 0 2px #fff,0 0 12px #ffffffd9}:root[data-theme=light] .settings-screen .settings-sidebar,:root[data-theme=light] .settings-screen .settings-section .field,:root[data-theme=light] .settings-screen .settings-section .settings-card,:root[data-theme=light] .settings-screen .settings-note,:root[data-theme=light] .settings-screen .settings-section>.tips,:root[data-theme=light] .settings-screen .settings-group-title{background:#ffffff9e;border-color:#ffffffbf;box-shadow:0 6px 22px #0f172a1f}.settings-screen__panel{width:100%;min-height:0;max-width:calc(1180px * var(--ui,1));box-sizing:border-box;flex-direction:column;flex:1;margin-inline:auto;display:flex}.settings-screen__head{padding:max(16px, env(safe-area-inset-top)) clamp(14px, 3vw, 24px) 12px;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-screen__title{min-width:0;font-family:var(--font-heading);color:var(--text-main);text-shadow:0 2px 14px #0000008c;align-items:center;gap:10px;margin:0;font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:800;display:flex}.settings-screen__title svg{color:var(--accent);flex-shrink:0}.settings-screen__close{flex-shrink:0}.settings-screen .settings-shell{flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden}.settings-screen .settings-sidebar{border:1px solid var(--glass-border);background:var(--glass-bg);width:auto;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-highlight), var(--glass-shadow);scrollbar-width:none;border-radius:16px;flex-direction:row;gap:4px;margin:0 clamp(14px,3vw,24px);padding:6px;overflow:auto hidden}.settings-screen .settings-sidebar::-webkit-scrollbar{display:none}.settings-screen .settings-menu-item{white-space:nowrap;border-radius:12px;flex-shrink:0;padding:9px 14px;font-size:.86rem}.settings-screen .settings-menu-item.active,:root:not([data-theme=light]) .settings-screen .settings-menu-item.active{color:var(--text-main);background:rgba(var(--accent-rgb), .2);border-color:rgba(var(--accent-rgb), .55);box-shadow:0 0 16px rgba(var(--accent-rgb), .25)}.settings-screen .settings-menu-item.active svg{color:var(--accent)}.settings-screen .settings-content{padding:16px clamp(14px, 3vw, 24px) max(28px, env(safe-area-inset-bottom));gap:14px}.settings-screen .settings-section{grid-template-columns:repeat(auto-fill, minmax(min(100%, calc(440px * var(--ui,1))), 1fr));align-items:stretch;gap:12px;display:grid}.settings-screen .settings-section>:not(.field):not(.settings-card){grid-column:1/-1}.settings-screen .settings-section .field,.settings-screen .settings-section .settings-card{background:var(--glass-bg);min-height:76px;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-color:var(--glass-border);box-shadow:var(--glass-highlight);padding:16px 18px}.settings-screen .settings-section .field:hover{border-color:rgba(var(--accent-rgb), .45)}.settings-screen .settings-section .labels label{font-size:.95rem}.settings-screen .settings-section .labels .subtitle{font-size:.8rem;line-height:1.45}:root[data-perf=lite] .settings-screen .settings-sidebar,:root[data-perf=lite] .settings-screen .settings-section .field{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-bg-strong)}@media (width<=560px){.settings-screen__close span{display:none}.settings-screen .settings-menu-item{padding:8px 12px;font-size:.82rem}}.settings-note{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.5}.settings-screen .settings-note,.settings-screen .settings-section>.tips{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);color:var(--text-secondary);border-radius:12px;padding:10px 14px}@media (width<=560px){.settings-screen .settings-sidebar{grid-template-columns:none;display:flex;overflow-x:auto}.settings-screen .settings-sidebar .settings-menu-item{min-height:calc(40px * var(--ui,1));text-align:start;flex-direction:row;padding:8px 12px;font-size:.82rem}.settings-screen .settings-section .field{flex-wrap:wrap;padding:14px}.settings-screen .settings-section .labels{flex:100%}.settings-screen .settings-section .field:has(>.toggle){flex-wrap:nowrap}.settings-screen .settings-section .field:has(>.toggle) .labels{flex:1 1 0}.settings-screen .settings-section .field>.seg{width:100%}.settings-screen .settings-section .field>.seg>button{flex:1;justify-content:center}}.settings-screen__panel:focus{outline:none}.admin-screen{--adm:#ef4444;--adm-rgb:239, 68, 68;z-index:1300;isolation:isolate;background:#070a14;flex-direction:column;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.admin-screen:before,.admin-screen:after{content:"";pointer-events:none;position:absolute;inset:0}.admin-screen:before{z-index:-2;background:var(--art-clans-bg,none) center 30% / cover no-repeat}.admin-screen:after{z-index:-1;background:var(--art-scrim-dense)}@media (aspect-ratio<=4/5){.admin-screen:before{background-image:var(--art-clans-bg-portrait,var(--art-clans-bg,none));background-position:top}}:root[data-theme=light] .admin-screen{background:var(--bg-main)}.admin-screen__panel{width:100%;min-height:0;max-width:calc(1180px * var(--ui,1));box-sizing:border-box;flex-direction:column;flex:1;margin-inline:auto;display:flex}.admin-screen__panel:focus{outline:none}.admin-head{padding:max(16px, env(safe-area-inset-top)) clamp(14px, 3vw, 24px) 12px;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-head__title{align-items:center;gap:12px;min-width:0;display:flex}.admin-head__title h2{font-family:var(--font-heading);color:var(--text-main);text-shadow:0 2px 14px #0000008c;margin:0;font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:800}.admin-head__sub{color:#fca5a5;font-size:.78rem}.admin-head__icon{width:calc(40px * var(--ui,1));height:calc(40px * var(--ui,1));color:var(--adm);background:rgba(var(--adm-rgb), .18);border:1px solid rgba(var(--adm-rgb), .4);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.admin-tabs{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-highlight), var(--glass-shadow);scrollbar-width:none;border-radius:16px;gap:4px;margin:0 clamp(14px,3vw,24px);padding:6px;display:flex;overflow-x:auto}.admin-tabs>button{color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:700;display:inline-flex}.admin-tabs>button:hover{color:var(--text-main);background:var(--bg-field-hover)}.admin-tabs>button.is-active{color:var(--text-main);background:rgba(var(--adm-rgb), .2);border-color:rgba(var(--adm-rgb), .5)}.admin-feedback{color:#6ee7b7;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);background:#10b9812e;border:1px solid #10b98173;border-radius:12px;align-items:center;gap:8px;margin:12px clamp(14px,3vw,24px) 0;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex}.admin-feedback.is-error{color:#fca5a5;background:rgba(var(--adm-rgb), .18);border-color:rgba(var(--adm-rgb), .45)}.admin-body{overscroll-behavior:contain;min-height:0;padding:16px clamp(14px, 3vw, 24px) max(28px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.admin-body>*{flex-shrink:0}.admin-mute-row{border-top:1px dashed var(--glass-border);padding-top:6px}.admin-mute-row>.ui-btn{flex:1}.admin-setting{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-setting__text{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-setting__text strong{color:var(--text-main);font-size:.88rem}.admin-setting__text span{color:var(--text-secondary);font-size:.76rem}.admin-tabs__badge{text-align:center;color:#fff;background:var(--adm);border-radius:999px;min-width:20px;padding:1px 6px;font-size:.72rem;font-weight:800}.admin-report{gap:10px}.admin-report.is-hot{border-color:rgba(var(--adm-rgb), .55);box-shadow:0 0 0 1px rgba(var(--adm-rgb), .25), var(--glass-highlight)}.admin-report__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.admin-report__who{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-report__who strong{color:var(--text-main);font-size:1rem}.admin-report__stats{color:var(--text-secondary);font-size:.78rem}.admin-report__reasons{flex-wrap:wrap;gap:6px;display:flex}.admin-report__reason{color:#fca5a5;background:rgba(var(--adm-rgb), .12);border:1px solid rgba(var(--adm-rgb), .35);border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:700}:root[data-theme=light] .admin-report__reason{color:#b91c1c}.admin-report__actions{flex-wrap:wrap;gap:8px;display:flex}.admin-report__list{border-top:1px solid var(--glass-border);margin:0 -18px -16px}.admin-card{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-highlight);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.admin-card h3{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:.98rem;font-weight:800;display:flex}.admin-card h3 small{color:var(--text-secondary);font-weight:600}.admin-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(320px * var(--ui,1))), 1fr));align-items:start;gap:14px;display:grid}.admin-logbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-search{flex:1 1 calc(220px * var(--ui,1));min-width:0;height:var(--ctl-h,calc(40px * var(--ui,1)));border:1px solid var(--glass-border);background:var(--glass-bg-strong);color:var(--text-secondary);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.admin-card>.admin-search{flex:none}.admin-search input{min-width:0;color:var(--text-main);background:0 0;border:0;outline:none;flex:1;font-size:.86rem}.admin-chips{scrollbar-width:none;gap:6px;max-width:100%;display:flex;overflow-x:auto}.admin-chips>button{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:.8rem;font-weight:700}.admin-chips>button.is-active{color:var(--text-main);background:rgba(var(--adm-rgb), .22);border-color:rgba(var(--adm-rgb), .55)}.admin-logs{gap:0;padding:0;overflow:hidden}.admin-log{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px 14px;padding:11px 16px;font-size:.85rem;display:flex}.admin-log:last-child{border-bottom:0}.admin-log:hover{background:#ffffff08}.admin-log__main{flex-direction:column;flex:1 1 calc(260px * var(--ui,1));gap:4px;min-width:0;display:flex}.admin-log__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-log__meta strong{color:var(--text-main)}.admin-log__to{color:var(--text-secondary);font-size:.78rem}.admin-log__to b{color:#c4b5fd}.admin-log__ip{color:#fca5a5;background:rgba(var(--adm-rgb), .12);border:1px solid rgba(var(--adm-rgb), .3);border-radius:6px;padding:1px 6px;font-size:.7rem}.admin-log__text{color:var(--text-main);word-break:break-word}.admin-log__time{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.admin-tag{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b66;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:800}.admin-tag--room{color:#38bdf8;background:#06b6d42e;border-color:#06b6d466}.admin-tag--clan{color:#4ade80;background:#22c55e29;border-color:#22c55e66}.admin-tag--dm{color:#c084fc;background:#a855f72e;border-color:#a855f766}.admin-tag--moderation{color:#fca5a5;background:rgba(var(--adm-rgb), .18);border-color:rgba(var(--adm-rgb), .4)}.admin-empty{text-align:center;color:var(--text-secondary);padding:32px;font-size:.88rem}.admin-empty--sm{text-align:start;padding:8px 2px;font-size:.8rem}.admin-form{flex-direction:column;gap:8px;display:flex}.admin-form__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-form__row>input{flex:1 1 calc(140px * var(--ui,1));min-width:0}.admin-form textarea,.admin-form input[type=text]{box-sizing:border-box;border:1px solid var(--glass-border);background:var(--glass-bg-strong);width:100%;color:var(--text-main);font:inherit;resize:vertical;border-radius:12px;padding:10px 12px;font-size:.86rem}.admin-form__row>input[type=text]{width:auto}.admin-count{color:var(--text-muted);flex:1;font-size:.74rem}.admin-users{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.admin-user{text-align:start;border:1px solid var(--glass-border);background:var(--glass-bg-strong);color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.admin-user:disabled{opacity:.5;cursor:not-allowed}.admin-user.is-selected{background:rgba(var(--adm-rgb), .16);border-color:rgba(var(--adm-rgb), .55)}.admin-user__name{min-width:0;font-size:.86rem}.admin-user__meta{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.admin-picked{border:1px dashed rgba(var(--adm-rgb), .4);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;padding:10px 12px;font-size:.86rem;font-weight:700;overflow:hidden}.admin-picked.is-set{color:var(--text-main);background:rgba(var(--adm-rgb), .1);border-style:solid}.admin-banned{flex-direction:column;gap:6px;max-height:360px;display:flex;overflow-y:auto}.admin-ban{background:rgba(var(--adm-rgb), .1);border:1px solid rgba(var(--adm-rgb), .25);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-ban__info{flex-direction:column;gap:2px;min-width:0;font-size:.8rem;display:flex}.admin-ban__info strong{color:#fca5a5}.admin-ban__info span{color:var(--text-secondary);overflow-wrap:anywhere}.admin-ban__info small{color:var(--text-muted)}.srv__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.srv__head h3{margin:0}.srv__meta{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.72rem;display:flex}.srv__dot{background:var(--text-muted);vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-left:8px;display:inline-block}.srv__dot--good{background:#34d399;box-shadow:0 0 8px #34d399}.srv__dot--fair{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.srv__dot--down{background:#f87171;box-shadow:0 0 8px #f87171}.srv__probes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.srv-probe{--tone:var(--text-muted);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-top:3px solid var(--tone);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:12px;display:flex}.srv-probe--good{--tone:#34d399}.srv-probe--fair{--tone:#fbbf24}.srv-probe--slow{--tone:#fb923c}.srv-probe--down{--tone:#f87171}.srv-probe__label{color:var(--text-secondary);font-size:.74rem;font-weight:700}.srv-probe__ms{color:var(--tone);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1.2}.srv-probe--down .srv-probe__ms,.srv-probe--idle .srv-probe__ms{font-size:.95rem}.srv-probe__ms small{opacity:.8;font-size:.7rem;font-weight:700}.srv-probe__sub{color:var(--text-muted);font-size:.68rem}.srv__facts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0 0;display:grid}.srv__facts>div{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;min-width:0;padding:8px 10px}.srv__facts dt{color:var(--text-muted);font-size:.68rem;font-weight:700}.srv__facts dd{color:var(--text-main);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:.9rem;font-weight:800;overflow:hidden}:root[data-perf=lite] .admin-tabs,:root[data-perf=lite] .admin-card,:root[data-perf=lite] .admin-feedback{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-bg-strong)}@media (width<=560px){.admin-head__close span{display:none}.srv__probes{grid-template-columns:1fr}}@media (width<=1000px){.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.admin-tabs>button{white-space:normal;justify-content:flex-start;min-width:0}.admin-tabs>button:first-child{grid-column:1/-1}.admin-chips{flex-wrap:wrap;overflow:visible}.admin-chips>button{min-height:36px}}.settings-screen .settings-section .field:has(>.seg){flex-wrap:wrap}.settings-screen .settings-section .field:has(>.seg)>.labels{flex:100%}.settings-screen .settings-section .field:has(>.seg)>.seg{width:100%}.settings-screen .settings-section .field:has(>.seg)>.seg>button{flex:1;justify-content:center}.settings-screen .settings-section .settings-menu-item{white-space:normal;text-align:center;flex-shrink:1;justify-content:center;min-width:0;line-height:1.2}.settings-group-title{border:1px solid var(--glass-border,var(--border-glass));background:var(--glass-bg-strong,var(--bg-field));letter-spacing:.08em;text-transform:uppercase;color:var(--text-main);border-radius:999px;grid-column:1/-1;justify-self:start;margin:10px 0 0;padding:4px 12px;font-size:.72rem;font-weight:800}.settings-section>.settings-group-title:first-child{margin-top:0}.settings-section .field--wide{grid-column:1/-1}.settings-section .field.field--stack,.settings-screen .settings-section .field.field--stack{flex-flow:column;justify-content:flex-start;align-items:stretch;gap:10px}.settings-section .field.field--stack>.labels,.settings-screen .settings-section .field.field--stack>.labels{flex:none;width:auto}.settings-screen .settings-section .field.field--stack>.seg{width:100%}.settings-screen .settings-section .field.field--stack>.seg>button{flex:1;justify-content:center}.settings-section .is-disabled>*{opacity:.45}.settings-section .is-disabled :is(input,select,button){pointer-events:none}.settings-section .settings-card{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.settings-card__title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent,var(--text-secondary));margin:0;font-size:.72rem;font-weight:800}.settings-card__body{flex-direction:column;gap:12px;transition:opacity .15s;display:flex}.settings-card.is-off .settings-card__body{opacity:.45}.settings-card.is-off .settings-card__body :is(input,button){pointer-events:none}.settings-card__hint{color:var(--text-secondary);margin:0;font-size:.72rem;line-height:1.45}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-row__label{color:var(--text-main);font-size:.86rem;font-weight:700}.settings-row__sub{color:var(--text-secondary);font-size:.72rem}.settings-slider{flex-direction:column;gap:6px;display:flex}.settings-slider__head{justify-content:space-between;gap:10px;font-size:.8rem;display:flex}.settings-slider__head span:first-child{color:var(--text-main);font-weight:700}.settings-slider__head span:last-child{color:var(--text-secondary);font-variant-numeric:tabular-nums}.settings-slider .pv-slider{width:100%}.settings-choice-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, calc(170px * var(--ui,1))), 1fr));gap:8px;display:grid}.settings-choice-grid>.settings-menu-item{justify-content:space-between}.settings-section .field.field--stack>.pv-slider{width:100%}.settings-section .labels .subtitle.is-error{color:#f87171}:root[data-theme=light] .settings-section .labels .subtitle.is-error{color:#b91c1c}.about-body{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.about-legal{flex-wrap:wrap;gap:8px;display:flex}.about-made{color:var(--text-muted);font-size:.72rem}.admin-store-form__nums label{flex-direction:column;flex:1 1 calc(110px * var(--ui,1));min-width:0;color:var(--text-secondary);gap:4px;font-size:.72rem;display:flex}.admin-store-form__nums input:not([type=checkbox]){box-sizing:border-box;border:1px solid var(--glass-border);background:var(--glass-bg-strong);width:100%;color:var(--text-main);font:inherit;border-radius:10px;padding:8px 10px}.admin-store-form__check{align-items:center;flex-direction:row!important;flex:none!important}.admin-store-preview{object-fit:contain;background:var(--glass-bg-strong);border-radius:10px;width:48px;height:48px}.admin-store-refresh{margin-left:auto}.admin-store-list{flex-direction:column;gap:6px;max-height:480px;display:flex;overflow-y:auto}.admin-store-row{border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.admin-store-row.is-off{opacity:.55}.admin-store-row__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-store-row__info small{color:var(--text-muted);overflow-wrap:anywhere;font-size:.7rem}:root{--ctl-h-sm:calc(34px * var(--ui,1));--ctl-h:calc(40px * var(--ui,1));--ctl-h-lg:calc(48px * var(--ui,1));--ctl-radius-sm:calc(9px * var(--ui,1));--ctl-radius:calc(10px * var(--ui,1));--ctl-radius-lg:calc(12px * var(--ui,1));--ctl-font-sm:.78rem;--ctl-font:.82rem;--ctl-font-lg:.95rem;--ctl-icon-sm:20px;--ctl-icon:24px;--ctl-icon-lg:26px;--ctl-gap:calc(8px * var(--ui,1))}.btn-primary,.btn-gold,.btn-ghost{min-height:var(--ctl-h);white-space:nowrap;line-height:1.1}.btn-primary:disabled,.btn-gold:disabled,.btn-ghost:disabled,.tb-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary:focus-visible,.btn-gold:focus-visible,.btn-ghost:focus-visible,.tb-btn:focus-visible,.chip-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.tb-group{align-items:center;gap:var(--ctl-gap);min-width:0;display:flex}.app-header-brand:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:4px;border-radius:12px}@media (width<=520px){.app-header{gap:8px!important;padding:8px 12px!important}.app-header-brand{min-width:0;gap:8px!important}.app-header-name{white-space:nowrap;font-size:1.05rem!important}.app-header-tagline{display:none}}@media (width<=370px){.app-header-titles{display:none}}.tb-btn{--tb-tone:148, 163, 184;--tb-fg:var(--text-main);height:var(--ctl-h);min-width:var(--ctl-h);border-radius:var(--ctl-radius);border:1px solid rgba(var(--tb-tone), .32);background:rgba(var(--tb-tone), .1);color:var(--tb-fg);font-size:var(--ctl-font);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:700;line-height:1;display:inline-flex;position:relative}.tb-btn:hover:not(:disabled){background:rgba(var(--tb-tone), .18);border-color:rgba(var(--tb-tone), .55)}.tb-btn:active:not(:disabled){transform:translateY(1px)}.tb-btn.is-active{background:rgba(var(--tb-tone), .24);border-color:rgba(var(--tb-tone), .7);box-shadow:0 0 0 1px rgba(var(--tb-tone), .25), 0 4px 14px rgba(var(--tb-tone), .2)}.tb-btn--icon{width:var(--ctl-h);padding:0}.tb-btn--sm{height:var(--ctl-h-sm);min-width:var(--ctl-h-sm);font-size:var(--ctl-font-sm);border-radius:var(--ctl-radius-sm);padding:0 10px}.tb-btn--sm.tb-btn--icon{width:var(--ctl-h-sm);padding:0}.tb-btn--neutral{--tb-tone:148, 163, 184;--tb-fg:var(--text-main)}.tb-btn--cyan{--tb-tone:6, 182, 212;--tb-fg:var(--text-accent-cyan)}.tb-btn--sky{--tb-tone:56, 189, 248;--tb-fg:#38bdf8}.tb-btn--green{--tb-tone:52, 211, 153;--tb-fg:#34d399}.tb-btn--gold{--tb-tone:245, 158, 11;--tb-fg:#fbbf24}.tb-btn--violet{--tb-tone:168, 85, 247;--tb-fg:#c084fc}.tb-btn--danger{--tb-tone:239, 68, 68;--tb-fg:#fca5a5}:root[data-theme=light] .tb-btn--sky{--tb-fg:#0284c7}:root[data-theme=light] .tb-btn--green{--tb-fg:#059669}:root[data-theme=light] .tb-btn--gold{--tb-fg:#b45309}:root[data-theme=light] .tb-btn--violet{--tb-fg:#7e22ce}:root[data-theme=light] .tb-btn--danger{--tb-fg:#dc2626}.rec-btn__dot{background:#ef4444;border-radius:50%;width:9px;height:9px;box-shadow:0 0 6px #ef4444cc}.rec-btn.is-recording{--tb-tone:239, 68, 68;--tb-fg:#fca5a5;font-variant-numeric:tabular-nums;background:#ef444440;border-color:#ef4444;box-shadow:0 0 12px #ef444466}:root[data-theme=light] .rec-btn.is-recording{--tb-fg:#dc2626}.tb-btn--solid{background:linear-gradient(135deg, rgba(var(--tb-tone), .28), rgba(var(--tb-tone), .14))}.seg{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg>button{height:calc(32px * var(--ui,1));color:var(--text-secondary);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);border-radius:9px;padding:0 14px;font-size:.82rem;font-weight:700}.seg>button:hover{color:var(--text-main)}.seg>button.is-active{background:var(--bg-surface-elevated);color:var(--text-main);box-shadow:var(--shadow-sm)}:root[data-theme=light] .seg{background:#0f172a12;border-color:#0f172a1a}:root[data-theme=light] .seg>button.is-active{color:#0b0f17;box-shadow:0 2px 8px #0f172a29, inset 0 0 0 1px rgba(var(--accent-rgb), .45);background:#fff}:root[data-theme=light] .pcard--profile .seg{background:#ffffff0f;border-color:#ffffff24}:root[data-theme=light] .pcard--profile .seg>button.is-active{color:#f8fafc;box-shadow:none;background:#ffffff29}.link-btn{height:calc(26px * var(--ui,1));color:var(--text-accent-cyan);background:#06b6d414;border:1px solid #06b6d438;border-radius:7px;align-items:center;gap:4px;padding:0 8px;font-size:.74rem;font-weight:700;display:inline-flex}.link-btn:hover{background:#06b6d429}.link-btn--muted{color:var(--text-secondary);background:var(--bg-field);border-color:var(--border-glass)}@media (width<=640px){:root{--ctl-h:calc(38px * var(--ui,1));--ctl-gap:calc(6px * var(--ui,1))}}.ui-btn{height:var(--ctl-h);border-radius:var(--ctl-radius);font-family:var(--font-body);font-size:var(--ctl-font);white-space:nowrap;cursor:pointer;transition:transform var(--transition-fast), filter var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ui-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-btn--sm{height:var(--ctl-h-sm);border-radius:var(--ctl-radius-sm);font-size:var(--ctl-font-sm);gap:6px;padding:0 12px}.ui-btn--lg{height:var(--ctl-h-lg);border-radius:var(--ctl-radius-lg);font-size:var(--ctl-font-lg);padding:0 24px}.ui-btn--block{width:100%}.ui-btn--primary{background:linear-gradient(180deg, #ffffff2e, #fff0 60%), var(--accent);color:var(--accent-ink);box-shadow:0 6px 20px rgba(var(--accent-rgb), .35), inset 0 1px 0 #ffffff59}.ui-btn--primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 8px 26px rgba(var(--accent-rgb), .5), inset 0 1px 0 #fff6}.ui-btn--secondary{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-main);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.ui-btn--secondary:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .55)}.ui-btn--ghost{border-color:var(--glass-border);color:var(--text-secondary);background:0 0}.ui-btn--ghost:hover:not(:disabled){color:var(--text-main);border-color:var(--border-glass-hover)}.ui-btn--danger{color:#fca5a5;background:#ef444424;border-color:#ef444473}.ui-btn--danger:hover:not(:disabled){background:#ef44443d}:root[data-theme=light] .ui-btn--danger{color:#b91c1c}@media (prefers-reduced-motion:reduce){.ui-btn{transition:none}}.tb-btn>.art-icon,.ui-btn>.art-icon{width:var(--ctl-icon);height:var(--ctl-icon);transition:transform .16s}.tb-btn--sm>.art-icon,.ui-btn--sm>.art-icon,.tb-btn>.art-icon.art-icon--compact{width:var(--ctl-icon-sm);height:var(--ctl-icon-sm)}.ui-btn--lg>.art-icon{width:var(--ctl-icon-lg);height:var(--ctl-icon-lg)}@media (width<=420px){.tb-btn>.art-icon.art-icon--compact{width:17px;height:17px}}.modal-close{width:var(--ctl-h-sm);height:var(--ctl-h-sm);border-radius:var(--ctl-radius-sm);justify-content:center;align-items:center;display:inline-flex}.modal-close>svg{width:var(--ctl-icon-sm);height:var(--ctl-icon-sm)}.tb-btn:hover:not(:disabled)>.art-icon,.ui-btn:hover:not(:disabled)>.art-icon{transform:scale(1.14)rotate(-5deg)}@media (prefers-reduced-motion:reduce){.tb-btn>.art-icon,.ui-btn>.art-icon{transition:none}.tb-btn:hover:not(:disabled)>.art-icon,.ui-btn:hover:not(:disabled)>.art-icon{transform:none}}.art-star{opacity:.3;filter:grayscale()}.art-star.is-on{opacity:1;filter:none}.animate-spin{animation:.9s linear infinite sp-spin}@keyframes sp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.animate-spin{animation-duration:2.4s}}.met-btn{font-variant-numeric:tabular-nums;gap:6px}.met-btn__dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px;transition:background 80ms,box-shadow 80ms}.met-btn.is-active .met-btn__dot{background:#10b9818c}.met-btn.is-beat .met-btn__dot{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.met-btn.is-beat.is-accent .met-btn__dot{background:var(--accent-gold);box-shadow:0 0 9px var(--accent-gold)}.met-bpm{align-items:center;gap:6px;display:flex}.met-bpm__input{width:4.2em;height:var(--ctl-h-sm);text-align:center;font-variant-numeric:tabular-nums;color:var(--text-main);background:var(--bg-field,#ffffff0f);border:1px solid var(--border-glass);border-radius:var(--ctl-radius-sm);appearance:textfield;padding:0 6px;font-size:.9rem;font-weight:800}.met-bpm__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.met-bpm__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.met-bpm__unit{color:var(--text-secondary);flex:1;font-size:.68rem;font-weight:700}.uname{vertical-align:middle;align-items:center;gap:4px;min-width:0;max-width:100%;font-weight:800;display:inline-flex}.uname-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.uname-clan{color:#fbbf24;flex-shrink:0;font-size:.86em;font-weight:800}.uname-icon{flex-shrink:0;width:.95em;height:.95em}.uname-icon.art-icon{width:1.2em;height:1.2em}.uname--vip .uname-icon{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf24b3)}.uname--vip .uname-text:not(.uname-text--custom){color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#fde68a,#f59e0b,#fff7d6,#f59e0b,#fde68a);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3.2s linear infinite unameShimmer}.uname--vip .uname-text{filter:drop-shadow(0 0 6px #f59e0b73)}.uname--admin .uname-icon{color:#f87171;filter:drop-shadow(0 0 4px #ef4444bf)}.uname--admin .uname-text:not(.uname-text--custom){color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#f87171,#fb923c,#fecaca,#ef4444,#f87171);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2.6s linear infinite unameShimmer}.uname--admin .uname-text{filter:drop-shadow(0 0 6px #ef444480)}.uname-text--gradient{animation:4s linear infinite unameShimmer}.uname-badge{letter-spacing:.06em;border-radius:6px;flex-shrink:0;padding:1px 6px;font-size:.6em;font-weight:900;line-height:1.5}.uname-badge--vip,.uname-badge--admin{box-shadow:none;background:0 0;padding:0;display:inline-flex}.uname-badge-art{width:1.35em;height:1.35em}:root[data-theme=light] .uname--vip .uname-text:not(.uname-text--custom){background-image:linear-gradient(90deg,#b45309,#d97706,#f59e0b,#d97706,#b45309)}:root[data-theme=light] .uname--admin .uname-text:not(.uname-text--custom){background-image:linear-gradient(90deg,#b91c1c,#ea580c,#dc2626,#c2410c,#b91c1c)}:root[data-theme=light] .uname--vip .uname-text,:root[data-theme=light] .uname--admin .uname-text,:root[data-theme=light] .uname-text--custom{filter:drop-shadow(0 0 .6px #0f172ab3)drop-shadow(0 1px 1px #0f172a2e)}@keyframes unameShimmer{0%{background-position:0%}to{background-position:200%}}@property --frame-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.avatar-frame{box-sizing:border-box;background:var(--border-glass-hover);flex-shrink:0;padding:2px;display:inline-flex;position:relative}.avatar-frame-inner{background:var(--bg-surface-elevated);justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex;overflow:hidden}.avatar-frame-inner>img{object-fit:cover;width:100%;height:100%}.avatar-photo{object-fit:cover;border-radius:inherit;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.avatar-layers{width:100%;height:100%;display:block;position:relative}.mini-avatar{justify-content:center;align-items:center;width:18px;height:18px;line-height:1;display:inline-flex}.avatar-layers>img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.avatar-frame--vip{background:conic-gradient(from var(--frame-angle), #fde68a, #f59e0b, #b45309, #fff7d6, #f59e0b, #fde68a);padding:2.5px;animation:4s linear infinite frameSpin;box-shadow:0 0 12px #f59e0b80}.avatar-frame--admin{background:conic-gradient(from var(--frame-angle), #ef4444, #f97316, #7f1d1d, #fecaca, #ef4444);padding:2.5px;animation:3s linear infinite frameSpin;box-shadow:0 0 12px #ef44448c}@keyframes frameSpin{to{--frame-angle:360deg}}.role-card--vip{background:linear-gradient(135deg, #f59e0b1f, #0f172a00 60%), var(--bg-field)!important;border-color:#f59e0b73!important}.role-card--admin{background:linear-gradient(135deg, #ef44441f, #0f172a00 60%), var(--bg-field)!important;border-color:#ef444473!important}.swatch{width:calc(30px * var(--ui,1));height:calc(30px * var(--ui,1));transition:transform var(--transition-fast), border-color var(--transition-fast);border:2px solid #0000;border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff26}.swatch:hover{transform:translateY(-1px)}.swatch.is-active{border-color:var(--text-main)}.color-input{width:calc(38px * var(--ui,1));height:calc(32px * var(--ui,1));border:1px solid var(--border-glass-hover);cursor:pointer;background:0 0;border-radius:8px;padding:0}@media (prefers-reduced-motion:reduce){.uname-text,.avatar-frame{animation:none!important}}.reaction-btn{width:calc(30px * var(--ui,1));height:calc(28px * var(--ui,1));transition:background var(--transition-fast), transform var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.reaction-btn:hover{background:var(--bg-field-hover);transform:translateY(-1px)scale(1.08)}.tb-select{height:var(--ctl-h);border-radius:var(--ctl-radius);background:var(--bg-field) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27%3E%3Cpath d=%27M1 1l4 4 4-4%27 fill=%27none%27 stroke=%27%2394a3b8%27 stroke-width=%271.5%27/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;border:1px solid var(--border-glass-hover);color:var(--text-main);font-size:var(--ctl-font);cursor:pointer;padding:0 28px 0 12px;font-weight:700}.tb-select:hover{border-color:var(--border-accent)}.tb-select:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.tb-select option{background:var(--bg-surface);color:var(--text-main)}.tb-select--sm{height:var(--ctl-h-sm);font-size:var(--ctl-font-sm);border-radius:var(--ctl-radius-sm)}:root[data-theme=light] .tb-select{background-color:#94a3b81a;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27%3E%3Cpath d=%27M1 1l4 4 4-4%27 fill=%27none%27 stroke=%27%230b0f17%27 stroke-width=%271.6%27/%3E%3C/svg%3E");border-color:#94a3b852}:root[data-theme=light] .tb-select:hover{background-color:#94a3b82e;border-color:#94a3b88c}:root[data-theme=light] .tb-select option{color:#0b0f17;background:#fff}.tb-btn--primary{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;padding:0 18px;font-weight:800;box-shadow:0 4px 16px #06b6d466}.tb-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#22d3ee,#60a5fa);transform:translateY(-1px);box-shadow:0 6px 20px #06b6d48c}.tb-btn--lg{height:calc(44px * var(--ui,1));border-radius:12px;padding:0 22px;font-size:.92rem}.person-row{align-items:center;gap:10px;min-width:0;display:flex}.person-row__main{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.person-row__text{flex-direction:column;flex:auto;min-width:0;display:flex}.person-row__text>*{min-width:0;max-width:100%}.person-row__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.glass-panel.pm-panel{width:94%;max-width:calc(620px * var(--ui,1));background:var(--bg-modal);border-radius:20px;flex-direction:column;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000c}.pm-panel .pm-head{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pm-panel .pm-title{color:var(--text-main);font-size:1.2rem;font-weight:800}.pm-panel .pm-tabs-bar{border-bottom:1px solid var(--border-glass);padding:10px 20px}.pm-panel .pm-tabs{width:100%;display:flex}.pm-panel .pm-tab{flex:1}.pm-panel .pm-body{flex:1;padding:20px;overflow-y:auto}.pm-panel .pm-name-edit{flex-direction:column;gap:6px;display:flex}.pm-panel .pm-name-edit__row,.pm-panel .pm-field-row{align-items:center;gap:8px;display:flex}.pm-panel .pm-field{min-width:0;height:var(--ctl-h);box-sizing:border-box;border-radius:var(--ctl-radius);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;padding:0 12px;font-size:.95rem;font-weight:700}.pm-panel .pm-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .18);outline:none}.pm-panel .pm-field--static{align-items:center;display:flex;overflow:hidden}.pm-panel .pm-field--area{resize:vertical;height:auto;padding:10px 12px;font-size:.88rem;font-weight:500;line-height:1.5}.pm-panel .pm-field--error{border-color:#f87171}.pm-panel .pm-error{color:#f87171;font-size:.76rem}.pm-panel .pm-bio__edit{flex-direction:column;gap:8px;display:flex}.pm-panel .pm-bio__actions{align-items:center;gap:8px;display:flex}.pm-panel .pm-bio__count{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.7rem}.pm-panel .pm-bio__text{color:var(--text-main);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.88rem;line-height:1.5}.pm-panel .pm-bio__text--empty{color:var(--text-muted);font-style:italic}.pm-panel .pm-account{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px 16px}.pm-panel .pm-account__role{flex-direction:column;gap:6px;display:flex}.pm-panel .pm-account__session{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.pm-panel .pm-account__email{color:var(--text-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.pm-panel .pm-role-pill{height:var(--ctl-h-sm);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:0 12px;font-size:.78rem;font-weight:800;display:inline-flex}.pm-panel .pm-role-pill--admin{color:#fca5a5;background:#ef444424;border-color:#ef444466}.pm-panel .pm-role-pill--vip{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b66}:root[data-theme=light] .pm-panel .pm-role-pill--admin{color:#b91c1c}:root[data-theme=light] .pm-panel .pm-role-pill--vip{color:#b45309}@media (width<=480px){.pm-panel .pm-account{flex-direction:column;align-items:stretch}.pm-panel .pm-account__session{justify-content:space-between;margin-left:0}}.pm-panel .pm-list{flex-direction:column;gap:10px;display:flex}.pm-panel .pm-empty{text-align:center;color:var(--text-muted);padding:30px;font-size:.85rem}.pm-panel .pm-person{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:12px;padding:12px 14px}.pm-panel .pm-person--blocked{background:#ef44440d;border:1px solid #ef444433}.pm-panel .pm-person__avatar{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.8rem;display:flex;position:relative}.pm-panel .pm-person__dot{background:var(--text-muted);border:1px solid #000;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.pm-panel .pm-person__dot.is-online{background:#10b981}.pm-panel .pm-person__name{color:var(--text-main);font-size:.9rem;display:flex}.pm-panel .pm-person__meta{color:var(--text-secondary);font-size:.72rem}.pm-panel .pm-person__main--blocked{gap:10px}.pm-panel .pm-person__blocked-name{color:#fca5a5;font-size:.9rem;font-weight:600}.pm-panel .pm-person__blocked-meta{color:var(--text-muted);font-size:.72rem}.pm-panel .pm-unblock{flex-shrink:0}.psum{text-align:center;--psum-accent:#06b6d4;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.psum--vip{--psum-accent:#f59e0b}.psum--admin{--psum-accent:#ef4444}.psum__portrait{box-shadow:0 18px 44px #0000008c, 0 0 26px color-mix(in srgb, var(--psum-accent) 35%, transparent);background:#ffffff1a;border:1px solid #ffffff42;border-radius:45px;margin-top:14px;padding:7px}.psum--admin .psum__portrait{border-color:#f8717199}.psum--vip .psum__portrait{border-color:#fbbf2499}.psum__portrait .avatar-frame-inner{background:radial-gradient(80% 70% at 50% 85%, #05081400 0%, #05081459 100%), var(--psum-stage,none) center 40% / cover no-repeat, var(--bg-field)}.psum__name{max-width:100%;font-family:var(--font-heading);color:var(--text-main);justify-content:center;margin-top:4px;font-size:1.5rem;font-weight:800;display:flex}.psum__name .uname-badge-art{width:22px;height:22px}.psum__name .uname{min-width:0;max-width:100%}.psum__name .uname-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.psum__panel{box-sizing:border-box;text-align:start;background:#080c1880;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:10px;width:100%;padding:12px 14px;display:flex}.psum__panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:800}.psum__panel .psum__since{align-self:center}.psum__chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.psum__chips:empty{display:none}.psum-chip{color:var(--text-secondary);background:var(--bg-field);border:1px solid var(--border-glass-hover);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.psum-chip--you{color:var(--text-accent-cyan);background:#06b6d41f;border-color:#06b6d459}.psum-chip--clan{color:#c4b5fd;background:#a78bfa24;border-color:#a78bfa59}.psum__level{flex-direction:column;gap:6px;width:100%;display:flex}.psum__level-row{justify-content:space-between;align-items:baseline;gap:8px;font-size:.78rem;display:flex}.psum__level:not(:has(.psum__bar)) .psum__level-row{justify-content:center}.psum__level-num{color:var(--text-main);font-weight:800}.psum__level-next{color:var(--text-muted);font-variant-numeric:tabular-nums}.psum__bar{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:999px;height:7px;overflow:hidden}.psum__bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--psum-accent), color-mix(in srgb, var(--psum-accent) 55%, #fff));height:100%;display:block}.psum__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.psum-stat{background:var(--bg-field);border:1px solid var(--border-glass);color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px 6px;display:flex}.psum-stat>strong{color:var(--text-main);font-variant-numeric:tabular-nums;text-overflow:ellipsis;max-width:100%;font-size:1.05rem;font-weight:800;overflow:hidden}.psum-stat>span{white-space:nowrap;font-size:.68rem;font-weight:600}.psum__bio{box-sizing:border-box;background:var(--bg-field-hover);width:100%;color:var(--text-main);word-break:break-word;white-space:pre-line;border-radius:12px;margin:0;padding:10px 14px;font-size:.85rem;line-height:1.5}.psum__since{color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;display:inline-flex}.psum__id{letter-spacing:.05em;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:600}.pstats{--psum-accent:#06b6d4;flex-direction:column;gap:14px;display:flex}.pstats__level{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:14px;grid-template-columns:1fr auto;align-items:end;gap:6px 10px;padding:14px 16px;display:grid}.pstats__level .psum__bar{grid-column:1/-1}.pstats__level-num{color:var(--text-main);font-size:1.15rem;font-weight:800}.pstats__level-sub{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.74rem}.pstats__level-next{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.pstats__head{color:var(--text-secondary);margin-bottom:-6px;font-size:.78rem;font-weight:700}.pstats__empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border-glass-hover);border-radius:12px;padding:18px 12px;font-size:.8rem}.pstats__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pstats__row{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:10px;grid-template-columns:22px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:grid}.pstats__rank{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;font-weight:800}.pstats__row:first-child .pstats__rank{color:#fbbf24}.pstats__row:nth-child(2) .pstats__rank{color:#cbd5e1}.pstats__row:nth-child(3) .pstats__rank{color:#d97706}.pstats__title{text-overflow:ellipsis;white-space:nowrap;color:var(--text-main);font-weight:600;overflow:hidden}.pstats__stars{gap:1px;display:inline-flex}.pstats__acc{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.72rem}.pstats__score{color:var(--text-main);font-variant-numeric:tabular-nums;min-width:calc(52px * var(--ui,1));text-align:right}@media (width<=420px){.pstats__acc{display:none}.pstats__row{grid-template-columns:22px minmax(0,1fr) auto auto}}.avpick__grid{grid-template-columns:repeat(auto-fill, minmax(calc(82px * var(--ui,1)), 1fr));gap:10px;display:grid}.avpick__tile{background:radial-gradient(90% 70% at 50% 30%, rgba(var(--accent-rgb), .16) 0%, transparent 70%), var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;display:flex;position:relative}.avpick__tile:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .55);transform:translateY(-2px);box-shadow:0 8px 18px #0000004d}.avpick__tile:disabled{cursor:default}.avpick__tile.is-selected{border-color:var(--accent);color:var(--text-main);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .22), 0 8px 22px rgba(var(--accent-rgb), .18)}.avpick__art{width:calc(56px * var(--ui,1));height:calc(56px * var(--ui,1));place-items:center;display:grid}.avpick__tile.is-locked .avpick__art{opacity:.45;filter:grayscale(.7)}.avpick__tile .avatar-photo{object-fit:cover;border-radius:14px;width:100%;height:100%}.avpick__name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.7rem;font-weight:700;overflow:hidden}.avpick__badge{background:var(--accent);color:#04121a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #00000059}.avpick__badge--lock{color:var(--text-secondary);background:#0f172ad9}.avpick__row{flex-direction:column;gap:6px;margin-top:4px;display:flex}.avpick__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.72rem;font-weight:800}.avpick__chips{flex-wrap:wrap;gap:6px;display:flex}.avpick__chip{height:var(--ctl-h-sm);color:var(--text-main);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.76rem;font-weight:700;display:inline-flex}.avpick__chip.is-selected{color:var(--text-accent-cyan);background:rgba(var(--accent-rgb), .16);border-color:var(--accent)}.avpick__chip:disabled{cursor:default}.avpick__error{color:#f87171;font-size:.74rem}.ncp__modes{flex-shrink:0}.ncp__preview{min-height:calc(56px * var(--ui,1));background:radial-gradient(120% 120% at 50% 0%, rgba(var(--accent-rgb), .14) 0%, transparent 65%), #00000047;border:1px solid var(--glass-border);border-radius:14px;justify-content:center;align-items:center;padding:12px;font-size:1.2rem;display:flex}:root[data-theme=light] .ncp__preview{background:#0f172a0d}.ncp__swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ncp__swatch{width:calc(30px * var(--ui,1));height:calc(30px * var(--ui,1));background:var(--sw);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.ncp__swatch:hover{transform:scale(1.1)}.ncp__swatch.is-active{box-shadow:0 0 0 2px var(--bg-modal), 0 0 0 4px var(--sw), 0 0 14px var(--sw)}.ncp__custom{width:calc(30px * var(--ui,1));height:calc(30px * var(--ui,1));border:1px dashed var(--border-glass-hover);color:var(--text-secondary);background:var(--sw,conic-gradient(#f87171, #fbbf24, #34d399, #22d3ee, #a78bfa, #f472b6, #f87171));cursor:pointer;border-radius:50%;place-items:center;display:inline-grid;position:relative;overflow:hidden}.ncp__custom>svg{filter:drop-shadow(0 1px 2px #000c);color:#fff}.ncp__custom>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ncp__custom--stop{border-style:solid;box-shadow:inset 0 0 0 1px #fff3}.ncp__gradients{grid-template-columns:repeat(auto-fill, minmax(calc(96px * var(--ui,1)), 1fr));gap:8px;display:grid}.ncp__gradient{height:calc(36px * var(--ui,1));background:var(--grad);color:#0b1020;text-shadow:0 1px #ffffff59;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:999px;font-size:.72rem;font-weight:800}.ncp__gradient:hover{transform:translateY(-1px)}.ncp__gradient.is-active{box-shadow:0 0 0 2px var(--bg-modal), 0 0 0 4px var(--text-main)}.ncp__stops{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ncp__stops-label{color:var(--text-secondary);font-size:.74rem;font-weight:700}.ncp__hint{color:var(--text-muted);margin:0;font-size:.78rem}.ncp__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ncp__status{color:#34d399;font-size:.78rem;font-weight:700}.ncp__status--error{color:#f87171}.pm-stack{flex-direction:column;gap:14px;display:flex}.pm-section{background:var(--bg-field);border:1px solid var(--border-glass);text-align:start;border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.pm-section__head{min-height:var(--ctl-h-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pm-section__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:inline-flex}.pm-section__link{align-self:flex-start}@media (width<=760px){.pm-section{padding:12px 14px}}.badge-row{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.badge{filter:grayscale()brightness(.55)contrast(.9);opacity:.55;transition:transform var(--transition-fast), filter var(--transition-fast);border-radius:50%;display:inline-flex}.badge img{display:block}.badge.is-earned{filter:drop-shadow(0 3px 8px #00000073);opacity:1}.badge:hover{transform:translateY(-2px)scale(1.06)}.badge__fallback{color:#fbbf24;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.psum .badge-row{margin-top:10px}.clan-crest{vertical-align:middle;object-fit:contain;filter:drop-shadow(0 1px 2px #00000073);flex-shrink:0;display:inline-block}.daily-modal{width:90%;max-width:calc(560px * var(--ui,1));background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), 0 20px 50px #000000b3;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:20px;padding:0 24px 24px;position:relative;overflow:hidden}.daily-modal__band{background:var(--art-home-bg,none) center 22% / cover no-repeat;height:96px;margin:0 -24px;-webkit-mask-image:linear-gradient(#000 45%,#0000 100%);mask-image:linear-gradient(#000 45%,#0000 100%)}.daily-modal__close{width:calc(34px * var(--ui,1));height:calc(34px * var(--ui,1));color:#f1f5f9;background:#05081480;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.daily-modal__head{text-align:center;margin:-26px 0 18px;position:relative}.daily-modal__head h2{font-family:var(--font-heading);color:var(--text-main);margin:0 0 4px;font-size:1.45rem;font-weight:800}.daily-modal__head p{color:var(--text-secondary);margin:0;font-size:.86rem}.daily-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.daily-grid__day{text-align:center;background:var(--bg-field);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex;position:relative}.daily-grid__day.is-current{background:rgba(var(--accent-rgb), .12);border-color:rgba(var(--accent-rgb), .6);box-shadow:0 0 18px rgba(var(--accent-rgb), .3)}.daily-grid__day.is-done{opacity:.6}.daily-grid__day.is-grand{background:linear-gradient(135deg,#f59e0b33,#d977060f);border-color:#f59e0b73;grid-column:span 2}.daily-grid__day.is-grand.is-current .art-icon{filter:drop-shadow(0 0 14px #fbbf24b3)}.daily-grid__check{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-6px;right:-6px}.daily-grid__label{color:var(--text-secondary);font-size:.7rem;font-weight:700}.daily-grid__coin{margin:4px 0 2px}.daily-grid__amount{color:var(--text-main);align-items:center;gap:4px;font-size:.84rem;font-weight:800;display:inline-flex}.daily-grid__amount--gold{color:#fbbf24}.daily-grid__amount--gem{color:#67e8f9;font-size:.78rem}:root[data-theme=light] .daily-grid__amount--gold{color:#b45309}:root[data-theme=light] .daily-grid__amount--gem{color:#0e7490}.daily-grid__grand{justify-content:center;align-items:center;gap:10px;display:flex}.daily-grid__grand>div{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.daily-modal__msg{text-align:center;color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d;border-radius:10px;margin-bottom:12px;padding:10px;font-size:.9rem;font-weight:600}.daily-modal__msg.is-success{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.daily-modal__msg.is-error{color:#fca5a5;background:#ef444426;border-color:#ef444459}.pcard{width:92%;max-width:calc(400px * var(--ui,1));box-sizing:border-box;--pcard-pad:24px;max-height:88dvh;padding:var(--pcard-pad);background:var(--bg-modal);overscroll-behavior:contain;text-align:center;border-radius:20px;flex-direction:column;gap:16px;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0009}.pcard__close{z-index:2;position:absolute;top:12px;right:12px}.glass-panel.pcard.pcard--profile{--pcard-pad:22px;--text-main:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--text-accent-cyan:#67e8f9;--bg-field:#ffffff14;--bg-field-hover:#ffffff24;--border-glass:#ffffff29;--border-glass-hover:#ffffff47;--glass-bg:#080c1873;--glass-bg-strong:#080c18b3;--glass-border:#ffffff29;--bg-modal:#0b1020;width:min(calc(420px * var(--ui,1)), calc(100vw - 24px));max-width:none;height:min(calc(720px * var(--ui,1)), calc(100dvh - 24px));max-height:none;color:var(--text-main);text-shadow:0 1px 3px #00000080;background:#070a14;border:1px solid #ffffff29;border-radius:24px;padding:0;display:block;overflow:hidden;box-shadow:0 30px 80px #0009}.pcard__stage{background:linear-gradient(180deg, #05081400 0%, #05081440 26%, #050814c7 50%, #050814f0 72%, #05081a 100%), var(--pcard-stage,none) center top / cover no-repeat, #0b1020;position:absolute;inset:0}.pcard--profile .pcard__close{z-index:3}.pcard--profile .uname-text{text-shadow:none;filter:drop-shadow(0 1px 2px #0009)}.pcard__body{z-index:1;box-sizing:border-box;height:100%;padding:var(--pcard-pad);overscroll-behavior:contain;scrollbar-width:thin;text-align:center;flex-direction:column;gap:14px;display:flex;position:relative;overflow-y:auto}:root[data-plain] .pcard--profile{--pcard-stage:none!important}:root[data-plain] .pcard--profile .psum{--psum-stage:none!important}.pm-view{flex-direction:column;gap:14px;display:flex}.pm-nav{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid}.pm-nav__item{min-width:0;min-height:calc(58px * var(--ui,1));color:var(--text-main);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);background:#080c1880;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;font-size:.74rem;font-weight:700;display:flex;position:relative}.pm-nav__item>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pm-nav__item:hover{border-color:rgba(var(--accent-rgb), .6);background:#080c18b3}.pm-nav__item>b{background:#ffffff24;border-radius:999px;min-width:18px;padding:0 5px;font-size:.66rem;line-height:18px;position:absolute;top:6px;right:8px}.psum>.pcard__actions,.psum>.pm-nav{align-self:stretch;width:100%}.pm-friend{transition:border-color var(--transition-fast), background var(--transition-fast);background:#080c188c;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:8px;padding:8px 10px 8px 8px;display:flex}.pm-friend:hover{border-color:rgba(var(--accent-rgb), .5);background:#080c18b3}.pm-friend__main{min-width:0;color:inherit;text-align:start;cursor:pointer;background:0 0;border:none;flex:auto;align-items:center;gap:12px;padding:0;display:flex}.pm-friend__avatar{flex-shrink:0;display:inline-flex;position:relative}.pm-friend__dot{background:#64748b;border:2px solid #0b1020;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.pm-friend__dot.is-online{background:#22c55e;box-shadow:0 0 8px #22c55eb3}.pm-friend__text{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.pm-friend__name{min-width:0;font-size:.98rem;font-weight:800;line-height:1.2;display:flex}.pm-friend__name .uname{min-width:0;max-width:100%}.pm-friend__name .uname-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pm-friend__name .uname-badge-art{width:16px;height:16px}.pm-friend__meta{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:.74rem;font-weight:600;display:flex}.pm-friend__status{align-items:center;gap:5px;display:inline-flex}.pm-friend__status:before{content:"";background:#64748b;border-radius:50%;width:6px;height:6px}.pm-friend__status.is-online{color:#86efac}.pm-friend__status.is-online:before{background:#22c55e}.pm-friend__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pm-subhead{min-height:var(--ctl-h);align-items:center;gap:10px;padding-right:40px;display:flex}.pm-subhead__title{font-family:var(--font-heading);color:var(--text-main);margin:0;font-size:1.1rem;font-weight:800}.pcard--profile:has(.pm-view:not(.pm-view--profile)) .pcard__stage{background:linear-gradient(180deg, #0508148c 0%, #050814e6 22%, #05081a 45%), var(--pcard-stage,none) center top / cover no-repeat, #0b1020}.pcard--profile .pm-section{background:#080c188c;border-color:#ffffff1f}:root[data-theme=light] .pcard--profile .ui-btn--danger,:root[data-theme=light] .pcard--profile .ui-btn.pcard__report-btn{color:#fca5a5}:root[data-theme=light] .pcard--profile .pcard__link--danger:hover{color:#f87171}:root[data-theme=light] .pcard--profile .psum-chip--you{color:#67e8f9}:root[data-theme=light] .pcard--profile .tb-btn{--tb-fg:#f8fafc}:root[data-theme=light] .pcard--profile .tb-select option{color:#f8fafc;background:#0b1020}.pcard__actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,136px),1fr));gap:8px;display:grid}.pcard__actions>.ui-btn,.pcard__actions>.tb-btn{width:100%;min-width:0;padding:0 12px}.pcard__note{border-radius:var(--ctl-radius);background:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .3);font-size:var(--ctl-font);color:var(--text-accent-cyan);padding:10px 12px;font-weight:700}.pcard__section{background:var(--bg-field);border:1px solid var(--border-glass);text-align:start;border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.pcard__section-head{min-height:var(--ctl-h-sm);justify-content:space-between;align-items:center;gap:10px;display:flex}.pcard__section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.72rem;font-weight:800}.pcard__section>.tb-btn{width:100%}.pcard__volume{align-items:center;gap:10px;display:flex}.pcard__volume .pv-slider{flex:1;width:auto}.pcard__volume-pct{text-align:right;min-width:40px;color:var(--text-main);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.pcard-admin{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:.8rem;display:flex}.pcard-admin__chips{flex-wrap:wrap;gap:6px;display:flex}.pcard-admin__chips>span{border:1px solid var(--border-glass);background:var(--bg-field);color:var(--text-main);border-radius:999px;padding:2px 8px;font-size:.74rem;font-weight:700}.pcard-admin__chips>span.is-warn{color:#fca5a5;background:#ef44441a;border-color:#ef444473}:root[data-theme=light] .pcard-admin__chips>span.is-warn{color:#b91c1c}.pcard-admin__state{color:#fbbf24;font-weight:700}.pcard-admin__state.is-ban{color:#f87171}.pcard-admin__recent{flex-direction:column;gap:3px;margin:0;padding:0;font-size:.74rem;list-style:none;display:flex}.pcard-admin__recent time{color:var(--text-muted);margin-right:4px}.pcard-admin__actions{flex-wrap:wrap;gap:6px;display:flex}.pcard__report{flex-direction:column;gap:4px;display:flex}.ui-btn.pcard__report-btn{color:#fca5a5;width:100%;box-shadow:none;letter-spacing:.02em;background:#ef44441a;border:1px solid #ef444473;font-weight:800}.ui-btn.pcard__report-btn:hover:not(:disabled){color:#fff;background:#ef444447}.ui-btn.pcard__report-btn.is-sent{color:var(--text-secondary);border-color:var(--border-glass);background:var(--bg-field)}:root[data-theme=light] .ui-btn.pcard__report-btn{color:#dc2626}.pcard__report-msg{text-align:center;color:#6ee7b7;font-size:.78rem}.pcard__report-msg.is-error{color:#fca5a5}:root[data-theme=light] .pcard__report-msg{color:#059669}:root[data-theme=light] .pcard__report-msg.is-error{color:#dc2626}.pcard__links{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.pcard__link{min-height:var(--ctl-h-sm);border-radius:var(--ctl-radius-sm);font-size:var(--ctl-font-sm);color:var(--text-muted);align-items:center;gap:6px;padding:0 6px;font-weight:700;display:inline-flex}.pcard__link>.art-icon{width:var(--ctl-icon-sm);height:var(--ctl-icon-sm);opacity:.8}.pcard__link:hover{color:var(--text-main);background:var(--bg-field)}.pcard__link--danger:hover{color:#f87171}:root[data-theme=light] .pcard__link--danger:hover{color:#dc2626}.pcard__section--mod{background:#f59e0b0f;border-color:#f59e0b59}.pcard__section--mod .pcard__section-title{color:#fbbf24}:root[data-theme=light] .pcard__section--mod .pcard__section-title{color:#b45309}.pcard__mod-grid{grid-template-columns:1fr;gap:8px;display:grid}.pcard__mod-grid>.tb-btn,.pcard__mod-grid>.ui-btn{justify-content:center;width:100%;min-width:0}.pcard__mod-grid span{text-overflow:ellipsis;overflow:hidden}.pcard__kick-note{opacity:.9;background:#ef44442e;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800}@media (width<=480px){.pcard{--pcard-pad:18px;border-radius:18px;gap:14px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.pcard__actions>.ui-btn,.pcard__mod-grid>.tb-btn,.pcard__mod-grid>.ui-btn{white-space:normal;height:auto;min-height:var(--ctl-h);padding-top:6px;padding-bottom:6px;line-height:1.2}.pcard__section{padding:12px}}@media (width>=761px) and (height<=520px){.profile-modal{max-height:calc(100dvh - 16px)!important}.profile-modal .modal-head{padding:8px 16px!important}.profile-modal .modal-tabs{padding:6px 12px!important}}.invite__head{flex-direction:column;align-items:center;gap:6px;padding:4px 28px 0;display:flex}.invite__icon{width:calc(56px * var(--ui,1));height:calc(56px * var(--ui,1));background:radial-gradient(circle, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .06) 70%);border:1px solid rgba(var(--accent-rgb), .35);border-radius:50%;place-items:center;display:grid}.invite__title{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:800}.invite__hint{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.4}.invite__search{height:var(--ctl-h);border-radius:var(--ctl-radius);background:var(--bg-field);border:1px solid var(--border-glass);color:var(--text-muted);align-items:center;gap:8px;padding:0 12px;display:flex}.invite__search:focus-within{border-color:rgba(var(--accent-rgb), .6)}.invite__search input{min-width:0;height:100%;color:var(--text-main);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:16px}.invite__list{text-align:start;flex-direction:column;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex}.invite__row{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:14px;align-items:center;gap:10px;padding:8px 8px 8px 10px;display:flex}.invite__who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.invite__who .uname{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:800;overflow:hidden}.invite__meta{color:var(--text-muted);align-items:center;gap:6px;font-size:.74rem;display:flex}.invite__tag{color:#34d399;background:#10b98124;border-radius:999px;padding:1px 7px;font-size:.66rem;font-weight:800}:root[data-theme=light] .invite__tag{color:#047857}.invite__row>.ui-btn{flex-shrink:0}.invite__empty{color:var(--text-muted);margin:8px 0;font-size:.86rem}.invite-notice{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:10000;width:min(calc(380px * var(--ui,1)), calc(100vw - 24px));box-sizing:border-box;background:var(--bg-modal);border-radius:18px;flex-direction:column;gap:12px;padding:14px 14px 12px;animation:.28s cubic-bezier(.2,.8,.3,1) both inviteIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000080}@keyframes inviteIn{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.invite-notice{animation:none}}.invite-notice__close{width:28px;height:28px;color:var(--text-muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.invite-notice__close:hover{background:var(--bg-field)}.invite-notice__body{align-items:center;gap:12px;padding-right:24px;display:flex}.invite-notice__text{flex-direction:column;gap:3px;min-width:0;display:flex}.invite-notice__kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text-accent-cyan);align-items:center;gap:5px;font-size:.7rem;font-weight:800;display:inline-flex}.invite-notice__msg{color:var(--text-main);overflow-wrap:anywhere;font-size:.9rem;line-height:1.35}.invite-notice__msg .uname{font-weight:800;display:inline}.invite-notice__meta{color:var(--text-muted);font-size:.74rem}.invite-notice__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.invite-notice__actions>.ui-btn{width:100%}.profile-photo-error{color:#f87171;text-align:center;max-width:96px;font-size:.66rem;line-height:1.3}.modal-overlay.auth-overlay{z-index:1200}.glass-panel.auth-modal-panel{width:92%;max-width:calc(480px * var(--ui,1));background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:24px;padding:0 26px 28px;position:relative;overflow:hidden;box-shadow:0 24px 70px #000000e6,0 0 40px #06b6d426}.modal-close.auth-close{background:var(--bg-field);border:1px solid var(--border-glass-hover);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:6px;transition:all .15s;position:absolute;top:18px;right:18px}.auth-modal-hero{text-align:center;margin-bottom:24px}.auth-title{color:var(--text-main);letter-spacing:-.3px;margin-bottom:6px;font-size:1.45rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);max-width:calc(380px * var(--ui,1));margin:0 auto;font-size:.84rem;line-height:1.45}.auth-error{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:12px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:.82rem;display:flex}.auth-modal-perks{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:16px;flex-direction:column;gap:12px;margin-bottom:22px;padding:14px 16px;display:flex}.auth-perk{align-items:center;gap:12px;display:flex}.auth-perk__icon{width:32px;height:calc(32px * var(--ui,1));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-perk__icon--cyan{background:#06b6d426}.auth-perk__icon--green{background:#10b98126}.auth-perk__icon--gold{background:#f59e0b26}.auth-perk__text{color:var(--text-secondary);font-size:.82rem;line-height:1.35}.auth-google-button{width:100%;height:var(--ctl-h-lg);border-radius:var(--ctl-radius-lg);color:#1f2937;font-size:var(--ctl-font-lg);cursor:pointer;opacity:1;background:#fff;border:none;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 24px #ffffff2e}.auth-google-button:disabled{cursor:not-allowed;opacity:.8}.auth-google-logo{flex-shrink:0}.auth-guest-section{border-top:1px solid var(--border-glass);flex-direction:column;gap:12px;margin-top:22px;padding-top:18px;display:flex}.auth-guest-field{flex-direction:column;gap:8px;width:100%;display:flex}.auth-guest-head{justify-content:space-between;align-items:center;display:flex}.auth-guest-label{color:var(--text-secondary);letter-spacing:.2px;font-size:.8rem;font-weight:700}.auth-guest-count{color:var(--text-muted);font-size:.72rem}.auth-guest-input{box-sizing:border-box;background:var(--bg-field);border:1px solid var(--border-glass-hover);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px 14px;font-size:.9rem;transition:all .15s}.auth-guest-input:focus{border-color:#06b6d4;box-shadow:0 0 12px #06b6d440}.auth-guest-button{box-sizing:border-box;width:100%;height:var(--ctl-h-lg);border-radius:var(--ctl-radius-lg);color:var(--text-accent-cyan);font-size:var(--ctl-font-lg);cursor:pointer;text-align:center;background:linear-gradient(135deg,#06b6d438,#3b82f638);border:1px solid #06b6d473;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:0 20px;font-weight:800;transition:all .18s;display:flex;box-shadow:0 4px 16px #06b6d426}.auth-guest-button:hover{background:linear-gradient(135deg,#06b6d459,#3b82f659);border-color:#06b6d4;transform:translateY(-1px);box-shadow:0 6px 20px #06b6d440}.auth-guest-hint{color:var(--text-muted);text-align:center;padding:0 4px;font-size:.74rem;line-height:1.45}.auth-consent{color:var(--text-muted);text-align:center;margin:4px 0 0;padding:0 4px;font-size:.72rem;line-height:1.45}.auth-consent__link{font:inherit;color:var(--accent-cyan,#38bdf8);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ui-btn.pcard__admin-btn{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b73;flex-wrap:wrap;row-gap:4px;width:100%;font-weight:800}.ui-btn.pcard__admin-btn:hover:not(:disabled){background:#f59e0b33}.pcard__admin-flag{color:#fde68a;background:#f59e0b2e;border-radius:999px;padding:1px 8px;font-size:.68rem;font-weight:800}.pcard__admin-flag.is-warn{color:#fecaca;background:#ef444440}.pcard__admin-flag.is-ban{color:#fff;background:#dc2626}.modal-overlay.aup-overlay{z-index:1500}.glass-panel.aup{--text-main:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-accent-cyan:#67e8f9;--bg-field:#ffffff0f;--bg-field-hover:#ffffff1a;--border-glass:#ffffff1f;--border-glass-hover:#ffffff3d;--glass-bg:#ffffff0f;--glass-border:#ffffff24;--bg-modal:#0b1020;width:min(calc(780px * var(--ui,1)), calc(100vw - 24px));height:min(calc(760px * var(--ui,1)), calc(100dvh - 24px));color:var(--text-main);text-shadow:none;background:radial-gradient(120% 60% at 0 0,#f59e0b1f 0%,#0000 60%),#0a0e1a;border:1px solid #f59e0b59;border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000a6}.aup__head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.aup__who{align-items:center;gap:14px;min-width:0;display:flex}.aup__who-text{flex-direction:column;gap:2px;min-width:0;display:flex}.aup__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#fbbf24;align-items:center;gap:6px;font-size:.68rem;font-weight:800;display:inline-flex}.aup__name{min-width:0;font-family:var(--font-heading);font-size:1.3rem;font-weight:800;display:flex}.aup__name .uname-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aup__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;display:flex}.aup__role{font-family:var(--font-body);color:var(--text-secondary);background:#ffffff1a;border-radius:999px;padding:1px 8px;font-size:.68rem;font-weight:800}.aup__role--admin{color:#fca5a5;background:#ef444433}.aup__role--vip{color:#fcd34d;background:#f59e0b33}.aup__head-actions{flex-shrink:0;gap:6px;display:flex}.aup__status{flex-wrap:wrap;gap:6px;padding:0 18px 10px;display:flex}.aup-pill{border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:700}.aup-pill--ban{color:#fff;background:#dc2626d9}.aup-pill--mute{color:#fde68a;background:#f59e0b33;border:1px solid #f59e0b66}.aup-pill--warn{color:#fecaca;background:#ef44442e;border:1px solid #ef444466}.seg.aup__tabs{background:#ffffff0d;border-color:#ffffff1a;flex-shrink:0;margin:0 18px;display:flex;overflow-x:auto}.seg.aup__tabs>button{color:var(--text-muted);flex:1 0 auto}.seg.aup__tabs{scrollbar-width:none;flex-wrap:nowrap}.aup .seg.aup__tabs>button.is-active{color:#fde68a;background:#f59e0b2e;box-shadow:inset 0 0 0 1px #f59e0b66}.aup__body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:12px;min-height:0;padding:14px 18px;display:flex;overflow-y:auto}.aup__empty{text-align:center;color:var(--text-muted);border:1px dashed #ffffff24;border-radius:14px;padding:30px 12px;font-size:.85rem}.aup__empty.is-error{color:#fca5a5;border-color:#ef444466}.aup__note{color:#fde68a;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;padding:10px 12px;font-size:.76rem;line-height:1.45}.aup-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:12px 14px}.aup-card>h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:.7rem;font-weight:800}.aup-facts{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px 16px;margin:0;display:grid}.aup-fact{min-width:0}.aup-fact dt{color:var(--text-muted);font-size:.7rem;font-weight:700}.aup-fact dd{color:var(--text-main);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-size:.9rem;font-weight:700}.aup-fact dd small{color:var(--text-muted);font-size:.72rem;font-weight:600;display:block}.aup-stats{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:8px;display:grid}.aup-stat{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1px;padding:10px 12px;display:flex}.aup-stat>strong{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.aup-stat>span{color:var(--text-secondary);font-size:.72rem;font-weight:700}.aup-stat>small{color:var(--text-muted);font-size:.68rem}.aup-stat.is-warn{background:#ef444414;border-color:#ef444466}.aup-stat.is-warn>strong{color:#fca5a5}.aup-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.aup-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px}.aup-item--open{border-color:#ef444466}.aup-item__top{flex-wrap:wrap;align-items:center;gap:8px;font-size:.86rem;display:flex}.aup-item p{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:.84rem;line-height:1.45}.aup-item__msg{color:var(--text-main)!important;margin-top:0!important}.aup-item__meta{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.72rem}.aup-tag{color:var(--text-secondary);background:#ffffff14;border-radius:999px;padding:1px 8px;font-size:.68rem;font-weight:800}.aup-tag--open{color:#fca5a5;background:#ef444433}.aup-tag--resolved{color:#86efac;background:#22c55e2e}.aup-tag--dismissed{color:#cbd5e1;background:#94a3b82e}.aup__actions{background:#00000040;border-top:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 18px 16px;display:flex}.aup-action{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.aup-action__label{min-width:calc(130px * var(--ui,1));color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:inline-flex}.aup-action__row{flex-wrap:wrap;flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.aup-input{min-width:0;height:var(--ctl-h-sm);border-radius:var(--ctl-radius-sm);color:var(--text-main);font:inherit;background:#ffffff0f;border:1px solid #ffffff29;flex:140px;padding:0 10px;font-size:.8rem}.aup-input:focus{border-color:#f59e0b99;outline:none}.aup .tb-select option{color:#f8fafc;background:#0b1020}.aup__notice{color:#86efac;background:#22c55e1f;border-radius:10px;padding:8px 12px;font-size:.78rem;font-weight:700}.aup__notice.is-error{color:#fca5a5;background:#ef44441f}:root[data-theme=light] .aup .ui-btn--danger{color:#fca5a5}:root[data-theme=light] .aup .tb-btn{--tb-fg:#f8fafc}:root[data-theme=light] .aup .tb-select{background-color:#ffffff0f;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27%3E%3Cpath d=%27M1 1l4 4 4-4%27 fill=%27none%27 stroke=%27%23cbd5e1%27 stroke-width=%271.5%27/%3E%3C/svg%3E");border-color:#ffffff29}:root[data-theme=light] .aup .seg{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=light] .pcard--profile .ui-btn.pcard__admin-btn{color:#fcd34d}@media (width<=560px){.aup__head,.aup__status,.aup__body,.aup__actions{padding-left:12px;padding-right:12px}.seg.aup__tabs{margin:0 12px}.aup-action__label{flex:100%;min-width:0}.glass-panel.aup{overscroll-behavior:contain;overflow-y:auto}.aup__body{flex:none;overflow:visible}.seg.aup__tabs>button{flex:none}}.tb-btn--quiet{background:var(--bg-field);border-color:var(--border-glass-hover);color:var(--text-main)}.tb-btn--quiet>svg{color:var(--tb-fg)}.tb-btn--quiet:hover:not(:disabled){background:rgba(var(--tb-tone), .12);border-color:rgba(var(--tb-tone), .45)}.cost-chip{color:#fbbf24;background:#f59e0b24;border-radius:6px;align-items:center;height:20px;margin-left:2px;padding:0 7px;font-size:.72rem;font-weight:800;display:inline-flex}:root[data-theme=light] .cost-chip{color:#b45309}.lobby-head{background:var(--bg-card);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);border-radius:18px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.lobby-head__top,.lobby-head__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 18px;display:flex}.lobby-head__bar{border-top:1px solid var(--border-glass);background:#00000024;padding:10px 18px}:root[data-theme=light] .lobby-head__bar{background:#0f172a06}.lobby-head__title{align-items:center;gap:14px;min-width:0;display:flex}.lobby-head__heading{align-items:center;gap:10px;min-width:0;display:flex}.lobby-head__heading h1{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.15rem,3.2vw,1.45rem);font-weight:800;overflow:hidden}.lobby-head__meta{color:var(--text-secondary);margin:3px 0 0;font-size:.8rem}.lobby-head__meta strong{color:var(--text-main);font-weight:700}.lobby-head__nav,.lobby-head__actions{align-items:center;gap:var(--ctl-gap);min-width:0;display:flex}@media (width<=720px){.lobby-head__top{flex-flow:column;align-items:stretch;row-gap:10px;padding:12px 14px}.lobby-head__title{flex:none;order:0;min-width:0}.lobby-head__top>.screen-actions{border-left:0;order:2;align-self:flex-end;margin-left:0;padding-left:0}.lobby-head__top.lobby-head__top--account{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title exit""account account";align-items:center;gap:10px 8px;display:grid}.lobby-head__top--account>.lobby-head__title{grid-area:title}.lobby-head__title .screen-title__text{flex:auto}.lobby-head__top>.lobby-head__account{grid-area:account;margin-left:0}.lobby-head__top>.account-toolbar.lobby-head__account{justify-content:space-between;width:100%;min-width:0;display:flex}.lobby-head__top--account>.screen-actions{grid-area:exit;place-self:center end}.lobby-head__top--account>.screen-actions>.screen-actions__sep{display:none}.lobby-head__account .account-toolbar__purse{flex:0 auto}.lobby-head__account .account-wallet{flex:0 auto;justify-content:flex-start;gap:6px;min-width:0;padding:0 8px;overflow:hidden}.lobby-head__account .account-profile{flex-shrink:0}.lobby-head__bar{padding:10px 14px 12px}@media (width<=400px){.lobby-head__top>.account-toolbar.lobby-head__account{gap:6px}.lobby-head__account .account-toolbar__purse{gap:4px}.lobby-head__top>.lobby-head__account .account-toolbar__actions>.tb-btn--sm{width:28px;min-width:28px}.lobby-head__account .account-wallet{gap:4px;padding:0 6px}.lobby-head__account .account-wallet__item{gap:3px;font-size:.78rem}.lobby-head__account .account-wallet__item>.art-icon{width:16px;height:16px}}.lobby-head__nav,.lobby-head__actions{width:100%}.lobby-head__nav>.tb-btn,.lobby-head__actions>.tb-btn{flex:1 1 0}}.room-grid{grid-template-columns:repeat(auto-fill, minmax(calc(300px * var(--ui,1)), 1fr));gap:16px;display:grid}.room-grid__empty{border:1px dashed var(--border-glass-hover);color:var(--text-muted);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:36px 16px;font-size:.86rem;display:flex}.room-card{--rc:#06b6d4;background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--rc) 14%, transparent), transparent 60%), var(--bg-card);border:1px solid color-mix(in srgb, var(--rc) 30%, transparent);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:16px;flex-direction:column;gap:12px;padding:20px 18px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.room-card:hover:not(.is-full){border-color:color-mix(in srgb, var(--rc) 60%, transparent);box-shadow:0 12px 30px #00000073, 0 0 0 1px color-mix(in srgb, var(--rc) 25%, transparent);transform:translateY(-2px)}.room-card__strip{background:linear-gradient(90deg, var(--rc), color-mix(in srgb, var(--rc) 40%, #fff), var(--rc));height:4px;position:absolute;inset:0 0 auto}.room-card.is-full{opacity:.6;filter:saturate(.6)}.room-card--featured{grid-column:1/-1}.room-card--featured .room-card__strip{height:5px}@media (width>=760px){.room-card--featured{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head join""host join""seats join";align-items:center;column-gap:20px;display:grid}.room-card--featured .room-card__head{grid-area:head}.room-card--featured .room-card__host{grid-area:host}.room-card--featured .room-card__seats{grid-area:seats}.room-card--featured .room-card__ban{grid-column:1}.room-card--featured .room-card__join{width:auto;min-width:calc(180px * var(--ui,1));grid-area:join;margin-top:0}}.room-card__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.room-card__name{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:800;overflow:hidden}.room-card__badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.room-card__badge{border-radius:6px;align-items:center;padding:4px 6px;display:flex}.room-card__badge--pin{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.room-card__badge--lock{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.room-card__count{color:#6ee7b7;font-variant-numeric:tabular-nums;background:#10b98126;border:1px solid #10b98159;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:800;display:flex}.room-card__count.is-full{color:#fca5a5;background:#ef444426;border-color:#ef444459}.room-card__host{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.room-card__host strong{color:var(--text-main);font-weight:700}.room-card__muted{color:var(--text-muted)}.room-card__ban{color:#fca5a5;background:#ef444426;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;display:flex}.room-card__seats{min-height:calc(34px * var(--ui,1));flex-wrap:wrap;align-items:center;gap:6px;display:flex}.room-seat{width:calc(34px * var(--ui,1));height:calc(34px * var(--ui,1));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.room-seat.is-taken{background:var(--bg-field);border:2px solid var(--seat,color-mix(in srgb, var(--rc) 70%, transparent));box-shadow:0 0 8px color-mix(in srgb, var(--seat,var(--rc)) 35%, transparent)}.room-seat.is-taken .avatar-photo{object-fit:cover;width:100%;height:100%}.room-seat.is-empty{border:2px dashed var(--border-glass-hover);background:#0000002e}.room-seat.is-more{color:var(--text-secondary);background:var(--bg-field);border:1px solid var(--border-glass-hover);font-size:.72rem;font-weight:800}.room-card__empty{font-size:.74rem;font-style:italic}.room-card__join{width:100%;min-height:var(--ctl-h);border-radius:var(--ctl-radius);font-size:var(--ctl-font);color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--rc), color-mix(in srgb, var(--rc) 65%, #1e293b));box-shadow:0 4px 14px color-mix(in srgb, var(--rc) 35%, transparent);transition:filter var(--transition-fast), transform var(--transition-fast);border:none;margin-top:auto;padding:0 10px;font-weight:800}.room-card__join:hover:not(:disabled){filter:brightness(1.1)}.room-card__join:active:not(:disabled){transform:translateY(1px)}.room-card__join:disabled{cursor:not-allowed;color:var(--text-muted);background:var(--bg-field);box-shadow:none}@media (width<=560px){.room-grid{grid-template-columns:1fr}}.lobby{isolation:isolate;box-sizing:border-box;flex-direction:column;flex:1;gap:16px;width:100%;padding:16px 24px;display:flex;position:relative;overflow-y:auto}.lobby:before,.lobby:after{content:"";pointer-events:none;position:fixed;inset:0}.lobby:before{z-index:-3;background:var(--art-lobby-bg,none) center 35% / cover no-repeat}.lobby:after{z-index:-2;background:var(--art-scrim-dense)}@media (aspect-ratio<=4/5){.lobby:before{background-image:var(--art-lobby-bg-portrait,var(--art-lobby-bg,none));background-position:top}}.lobby>*{width:100%;max-width:calc(1280px * var(--ui,1));margin-inline:auto}@media (width<=720px){.lobby{padding:12px}}.lobby .lobby-head{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.lobby .tb-btn--quiet{background:#ffffff0a}:root[data-theme=light] .lobby .tb-btn--quiet{background:#ffffff57}.lobby .tb-btn--quiet>.art-icon{margin:-2px 0}.cost-chip .art-icon{margin-left:3px}.lobby__body{flex-direction:column;gap:16px;display:flex}.lobby__main{min-width:0}.lobby__body>.online-panel{order:-1}@media (width>=1200px){.lobby__body{grid-template-columns:minmax(0, 1fr) calc(260px * var(--ui,1));align-items:start;display:grid}.lobby__body>.online-panel{order:0}}.lobby__rooms{flex-direction:column;gap:16px;display:flex}.lobby .room-card{background:var(--glass-bg);border-color:color-mix(in srgb, var(--rc) 35%, var(--glass-border));box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);padding-top:0}.room-card__stage{background:color-mix(in srgb, var(--rc) 22%, #0b1020) center 32% / cover no-repeat;border-bottom:1px solid color-mix(in srgb, var(--rc) 45%, transparent);height:92px;margin:0 -18px 2px;position:relative}.room-card__stage:after{content:"";background:linear-gradient(#05081400 40%,#05081473 100%);position:absolute;inset:0}.room-card:hover:not(.is-full) .room-card__stage{filter:brightness(1.08)}@media (width>=760px){.room-card--featured{grid-template-areas:"stage stage""head join""host join""seats join";padding-bottom:18px}.room-card--featured .room-card__stage{grid-area:stage;height:110px;margin-bottom:10px}}.lobby .room-card__join{border-radius:var(--ctl-radius)}.lobby-empty{text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:20px;flex-direction:column;align-items:center;gap:10px;margin-top:8px;padding:24px 24px 36px;display:flex}.lobby-empty__art{width:min(calc(280px * var(--ui,1)), 70vw);filter:drop-shadow(0 18px 30px #00000080);height:auto;margin-bottom:-6px}.lobby-empty h3{font-family:var(--font-heading);color:var(--text-main);margin:0;font-size:1.3rem;font-weight:800}.lobby-empty p{max-width:calc(440px * var(--ui,1));color:var(--text-secondary);margin:0 0 8px;font-size:.88rem;line-height:1.5}.lobby-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.lobby-pages__num{min-width:calc(36px * var(--ui,1));padding:0}@media (width<=720px){.lobby-head__actions{flex-wrap:wrap}.lobby-head__actions>.tb-btn{flex:1 1 0;min-width:0}.lobby-head__actions>.ui-btn{flex:100%}}.clans{isolation:isolate;box-sizing:border-box;flex-direction:column;flex:1;gap:16px;width:100%;padding:16px 24px;display:flex;position:relative;overflow-y:auto}.clans:before,.clans:after{content:"";pointer-events:none;position:fixed;inset:0}.clans:before{z-index:-2;background:var(--art-clans-bg,none) center 30% / cover no-repeat}.clans:after{z-index:-1;background:var(--art-scrim-dense)}@media (aspect-ratio<=4/5){.clans:before{background-image:var(--art-clans-bg-portrait,var(--art-clans-bg,none));background-position:top}}.clans>*{width:100%;max-width:calc(1280px * var(--ui,1));margin-inline:auto}@media (width<=720px){.clans{padding:12px}}.clans .lobby-head{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.clans .seg>button{align-items:center;gap:6px;display:inline-flex}.clans__mine{min-height:var(--ctl-h);border-radius:var(--ctl-radius);background:var(--glass-bg);color:var(--text-main);border:1px solid #f59e0b59;align-items:center;gap:8px;padding:2px 12px 2px 4px;font-weight:700;display:inline-flex}.clans__none{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:.82rem;font-weight:600;display:inline-flex}.clan-tag{letter-spacing:.04em;color:#fbbf24;font-weight:800}:root[data-theme=light] .clan-tag{color:#b45309}.clans__section{flex-direction:column;gap:16px;display:flex}.clans__search{max-width:calc(480px * var(--ui,1));color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:12px;align-items:center;gap:10px;padding:10px 16px;display:flex}.clans__search input{min-width:0;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.clans__alert{border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;font-weight:600;display:flex}.clans__alert.is-error{color:#fca5a5;background:#ef444426;border:1px solid #ef444466}.clans__alert.is-success{color:#6ee7b7;background:#34d39926;border:1px solid #34d39966}.clans__empty{text-align:center;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;font-size:.92rem;font-weight:600;display:flex}.clans__grid{grid-template-columns:repeat(auto-fill, minmax(min(calc(320px * var(--ui,1)), 100%), 1fr));gap:18px;display:grid}.clan-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);transition:transform var(--transition-fast), border-color var(--transition-fast);border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex}.clan-card:hover{border-color:#f59e0b66;transform:translateY(-2px)}.clan-card.is-mine{border-color:#f59e0bb3}.clan-card__head{align-items:center;gap:12px;display:flex}.clan-card__title{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:.78rem;display:flex}.clan-card__title h3{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:800;overflow:hidden}.clan-card__level{color:var(--text-secondary);background:var(--bg-field);border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.clan-card__desc{min-height:calc(34px * var(--ui,1));color:var(--text-secondary);overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.clan-card__stats{color:var(--text-secondary);background:#00000038;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:flex}:root[data-theme=light] .clan-card__stats{background:#0f172a0d}.clan-card__score{color:#fbbf24;align-items:center;gap:4px;font-weight:800;display:inline-flex}.clan-card__foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.clan-card__members{color:var(--text-muted);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.clan-card__yours{color:#10b981;align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:inline-flex}.clans-board{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:18px;padding:16px 18px 6px}.clans-board__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.clans-board__head h2{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:800;display:inline-flex}.clans-board__head>span{color:var(--text-muted);font-size:.8rem}.clans-podium{max-width:calc(620px * var(--ui,1));grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;width:100%;margin:8px auto 4px;display:grid}.clans-podium__slot{text-align:center;min-width:0;color:var(--text-main);flex-direction:column;align-items:center;gap:4px;font-size:.8rem;display:flex}.clans-podium__slot strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.clans-podium__score{color:#fbbf24;font-weight:800}.clans-podium__step{width:100%;font-family:var(--font-heading);color:#ffffffd9;background:linear-gradient(#94a3b859,#94a3b814);border:1px solid #ffffff1f;border-bottom:none;border-radius:12px 12px 0 0;justify-content:center;align-items:flex-start;margin-top:6px;padding-top:8px;font-size:1.5rem;font-weight:900;display:flex}.clans-podium__slot.is-rank-1 .clans-podium__step{color:#fff7d6;background:linear-gradient(#fbbf2480,#fbbf2414);height:96px}.clans-podium__slot.is-rank-2 .clans-podium__step{height:70px}.clans-podium__slot.is-rank-3 .clans-podium__step{height:calc(52px * var(--ui,1));background:linear-gradient(#b4530973,#b4530914)}.clans-podium__slot.is-mine strong{color:#fbbf24}.clans-board__list{margin:0;padding:0;list-style:none}.clans-board__list li{border-top:1px solid var(--glass-border);align-items:center;gap:12px;padding:12px 4px;display:flex}.clans-board__list li.is-mine{background:#f59e0b0f}.clans-board__rank{width:calc(34px * var(--ui,1));color:var(--text-muted);font-weight:800}.clans-board__name{min-width:0;color:var(--text-main);flex:1;font-size:.9rem}.clans-board__name>span{color:var(--text-muted);font-size:.75rem}.clans-board__score{flex-direction:column;align-items:flex-end;display:flex}.clans-board__score b{color:#f59e0b;font-variant-numeric:tabular-nums;font-size:1rem}.clans-board__score span{color:var(--text-secondary);font-size:.7rem}.clan-home{max-width:calc(860px * var(--ui,1));background:var(--glass-bg);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid #f59e0b4d;border-radius:20px;padding:22px}.clan-home__hero{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.clan-home__title{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.clan-home__title h2{font-family:var(--font-heading);color:var(--text-main);margin:0;font-size:1.6rem;font-weight:800}.clan-home__meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.8rem;display:flex}.clan-home__meta>span{align-items:center;gap:4px;display:inline-flex}.clan-home__online i{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #10b981cc}.clan-home__desc{color:var(--text-secondary);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:.86rem;line-height:1.45}.clan-home__actions{flex-wrap:wrap;align-self:flex-start;gap:8px;display:flex}.clan-home__tabs{width:100%;display:flex}.clan-home__tabs>button{flex:1 1 0;justify-content:center;gap:6px}.clan-home__badge{color:#fff;background:#f59e0b;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:800;display:inline-grid}.clan-home__none{padding:24px 12px}.clans__alert{position:relative}.clans__alert-close{width:24px;height:24px;color:inherit;opacity:.8;border-radius:6px;place-items:center;margin-left:auto;display:inline-grid}.clans__alert-close:hover{opacity:1;background:#ffffff14}.clan-role,.clan-policy{white-space:nowrap;color:var(--text-secondary);background:var(--bg-field);border:1px solid var(--glass-border);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-flex}.clan-role--leader{color:#fbbf24;background:#f59e0b24;border-color:#f59e0b66}.clan-role--elder{color:#38bdf8;background:#38bdf81f;border-color:#38bdf859}.clan-policy--open{color:#34d399;border-color:#34d39959}.clan-policy--approval{color:#fbbf24;border-color:#f59e0b59}.clan-policy--closed{color:#f87171;border-color:#ef444459}:root[data-theme=light] .clan-role--leader,:root[data-theme=light] .clan-policy--approval{color:#b45309}:root[data-theme=light] .clan-role--elder{color:#0369a1}:root[data-theme=light] .clan-policy--open{color:#047857}:root[data-theme=light] .clan-policy--closed{color:#b91c1c}.clan-announce{background:linear-gradient(135deg,#f59e0b29,#f59e0b0d);border:1px solid #f59e0b59;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.clan-announce p{color:var(--text-main);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:.88rem;line-height:1.45}.clan-members{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.clan-member{background:var(--bg-field);border:1px solid var(--glass-border);border-radius:14px;padding:10px 12px}.clan-member__avatar{flex-shrink:0;display:inline-flex;position:relative}.clan-member__dot{border:2px solid var(--bg-modal);background:#64748b;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.clan-member__dot.is-online{background:#10b981}.clan-member__sub{color:var(--text-muted);align-items:center;gap:6px;font-size:.74rem;display:flex}.person-row__text .uname{font-weight:800}.clan-member__actions{flex-wrap:nowrap}@media (width<=560px){.clan-member__label{display:none}.clan-member__actions>.tb-btn{width:var(--ctl-h-sm);justify-content:center;padding:0}}.clan-chat{height:min(60dvh, calc(520px * var(--ui,1)));border:1px solid var(--glass-border);background:#0000002e;border-radius:14px;flex-direction:column;min-height:300px;display:flex;overflow:hidden}:root[data-theme=light] .clan-chat{background:#ffffff57}.clan-chat__list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;min-height:0;padding:14px;display:flex;overflow-y:auto}.clan-chat__empty{color:var(--text-muted);text-align:center;margin:auto;font-size:.86rem}.clan-chat__day{justify-content:center;margin:10px 0 6px;display:flex}.clan-chat__day span{color:var(--text-muted);background:var(--bg-field);border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:700}.clan-msg{background:var(--bg-field);border:1px solid var(--glass-border);border-radius:4px 14px 14px;align-self:flex-start;max-width:min(78%,560px);margin-top:6px;padding:8px 12px}.clan-msg.is-grouped{border-top-left-radius:14px;margin-top:0}.clan-msg.is-mine{background:rgba(var(--accent-rgb), .16);border-color:rgba(var(--accent-rgb), .35);border-radius:14px 4px 14px 14px;align-self:flex-end}.clan-msg.is-mine.is-grouped{border-top-right-radius:14px}.clan-msg.is-pending{opacity:.6}.clan-msg__head{align-items:baseline;gap:8px;min-width:0;margin-bottom:2px;display:flex}.clan-msg__name{color:var(--text-accent-cyan);font-size:.76rem;font-weight:800}.clan-msg__time{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.66rem}.clan-msg__text{color:var(--text-main);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.4}.clan-chat__error{margin:0 10px 8px}.clan-chat__form{border-top:1px solid var(--glass-border);background:var(--bg-modal);gap:8px;padding:10px;display:flex}.clan-chat__form input{min-width:0;height:var(--ctl-h);border-radius:var(--ctl-radius);color:var(--text-main);background:var(--bg-field);border:1px solid var(--glass-border);outline:none;flex:1;padding:0 14px;font-size:16px}.clan-chat__form input:focus{border-color:rgba(var(--accent-rgb), .6)}.clan-chat__form .ui-btn{width:var(--ctl-h);flex-shrink:0;padding:0}.clan-dialog__title{color:var(--text-main);margin:4px 36px 0;font-size:1.15rem;font-weight:800}.clan-dialog__msg{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.45}.clan-form.clan-form--dialog{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:start;background:0 0;border:none;padding:0}.clan-form__hint{color:var(--text-muted);font-size:.76rem;font-weight:500}.clan-policy-seg{width:100%;display:flex}.clan-policy-seg>button{flex:1 1 0;justify-content:center}.clan-successors{text-align:start;flex-direction:column;gap:6px;max-height:40dvh;display:flex;overflow-y:auto}.clan-successor{background:var(--bg-field);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.clan-successor.is-active{background:#f59e0b1f;border-color:#f59e0b}.clan-successors .clan-successor input{accent-color:#f59e0b;flex-shrink:0;width:auto;margin:0;padding:0}.clan-successor .person-row__text{flex:1}.clan-successor__auto{color:var(--text-main);font-size:.84rem;font-weight:700}.clan-successor small{color:var(--text-muted);font-size:.72rem}.clan-card__pending{color:#fbbf24;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:inline-flex}:root[data-theme=light] .clan-card__pending{color:#b45309}@media (width<=560px){.clan-home{padding:14px}.clan-home__hero{gap:12px}.clan-home__hero .clan-crest{width:64px!important;height:64px!important}.clan-home__title h2{font-size:1.25rem}.clan-home__actions{width:100%}.clan-home__actions>.ui-btn{flex:1 1 0}.clan-msg{max-width:88%}}.clan-form-wrap{max-width:calc(560px * var(--ui,1))}.clan-form{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex}.clan-form h2{color:var(--text-main);margin:0;font-size:1.3rem;font-weight:800}.clan-form__cost{color:var(--text-secondary);margin:-8px 0 0;font-size:.85rem}.clan-form__field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;display:flex}.clan-form__field input,.clan-form__field textarea{box-sizing:border-box;width:100%;color:var(--text-main);background:var(--bg-field);border:1px solid var(--glass-border);resize:none;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem}.clan-form__field input:focus,.clan-form__field textarea:focus{border-color:rgba(var(--accent-rgb), .6)}.clan-form__tag{font-weight:800;color:#fbbf24!important}.clan-form__crests{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.clan-form__crests>button{aspect-ratio:1;background:var(--bg-field);border:1px solid var(--glass-border);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;display:flex}.clan-form__crests>button:hover{transform:translateY(-2px)}.clan-form__crests>button.is-active{background:#f59e0b2e;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b59}@media (width<=480px){.clan-form__crests{grid-template-columns:repeat(4,minmax(0,1fr))}}.create-room__stage{box-sizing:border-box;background:#0b1020 50% 35%/cover no-repeat;align-items:flex-end;height:110px;margin:0 -24px 16px;padding:10px 16px;display:flex;position:relative}.create-room__stage:before{content:"";background:linear-gradient(#05081400 30%,#050814bf 100%);position:absolute;inset:0}.create-room__stage span{color:#f1f5f9;text-shadow:0 1px 6px #000000b3;font-size:.8rem;font-weight:700;position:relative}.lobby-head__top>.lobby-head__account{margin-left:auto}.lobby-head__top>.lobby-head__account+.screen-actions{border-left:1px solid var(--border-glass-hover);margin-left:0;padding-left:14px}.lobby-head__top>.lobby-head__account+.screen-actions>.screen-actions__sep{display:none}@media (width<=720px){.lobby-head__top>.lobby-head__account+.screen-actions{border-left:0;padding-left:0}}@media (width<=560px){.clans__mine{min-width:0}.clans__mine>span:last-child{display:none}}:root[data-theme=light] .clan-card__score,:root[data-theme=light] .clans-podium__score{color:#b45309}.glass-panel.lobby-create-panel{width:90%;max-width:calc(460px * var(--ui,1));background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:20px;padding:0 24px 24px;overflow:hidden;box-shadow:0 20px 50px #000c}.lobby-create-title{color:var(--text-main);margin-bottom:16px;font-size:1.25rem;font-weight:800}.lobby-create-form{flex-direction:column;gap:14px;display:flex}.lobby-field-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;display:block}.lobby-field-input{box-sizing:border-box;background:var(--bg-field);border:1px solid var(--border-glass-hover);width:100%;color:var(--text-main);border-radius:8px;padding:10px 12px;font-size:.9rem}.lobby-field-input.lobby-field-input--secret{color:#fff;background:#0006}.lobby-cap-group{gap:8px;display:flex}.lobby-cap-btn{background:var(--bg-field);border:1px solid var(--border-glass);color:var(--text-secondary);border-radius:8px;flex:1;padding:10px;font-size:.88rem;font-weight:700}.lobby-cap-btn.lobby-cap-btn--active{color:var(--text-accent-cyan);background:#06b6d433;border:1px solid #06b6d4}.lobby-toggle-row{min-height:calc(44px * var(--ui,1));cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.lobby-toggle-text{flex-direction:column;gap:2px;display:flex}.lobby-toggle-title{color:var(--text-main);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.lobby-toggle-hint{color:var(--text-secondary);font-size:.72rem}.lobby-toggle-name{color:var(--text-main);font-size:.85rem;font-weight:600}.lobby-toggle-check{cursor:pointer;accent-color:#06b6d4;flex-shrink:0;width:22px;height:22px}.lobby-toggle-check.lobby-toggle-check--danger{accent-color:#ef4444}.lobby-create-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.btn-ghost.lobby-create-cancel{padding:10px 16px}.lobby-create-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:10px;padding:10px 20px;font-weight:800;box-shadow:0 4px 14px #06b6d466}.glass-panel.lobby-pass-panel{width:90%;max-width:calc(380px * var(--ui,1));background:var(--bg-modal);text-align:center;border:1px solid #f59e0b59;border-radius:20px;padding:24px;box-shadow:0 20px 50px #000c}.lobby-pass-icon{margin-bottom:8px}.lobby-pass-title{color:var(--text-main);margin-bottom:4px;font-size:1.15rem;font-weight:800}.lobby-pass-text{color:var(--text-secondary);margin-bottom:14px;font-size:.8rem}.lobby-pass-input{box-sizing:border-box;background:var(--bg-field);border:1px solid var(--border-glass-hover);width:100%;color:var(--text-main);text-align:center;border-radius:10px;margin-bottom:8px;padding:10px 14px;font-size:.95rem}.lobby-pass-error{color:#ef4444;margin-bottom:10px;font-size:.78rem}.lobby-pass-actions{gap:8px;margin-top:12px;display:flex}.btn-ghost.lobby-pass-cancel{flex:1;padding:10px}.lobby-pass-submit{color:#fff;cursor:pointer;opacity:1;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:10px;flex:1;padding:10px;font-weight:800}.lobby-pass-submit.lobby-pass-submit--busy{background:var(--bg-field-hover);cursor:default;opacity:.75}.seg--fill{width:100%;display:flex}.seg--fill>button{flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 6px;font-size:.74rem;display:inline-flex}.unread-pill{border-radius:var(--radius-full);color:#fff;background:#ef4444;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 0 8px #ef444473}.day-divider{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;margin:6px 0 2px;font-size:.68rem;font-weight:700;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--border-glass);flex:1;height:1px}.chat-msg{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:10px;padding:8px 12px;font-size:.84rem;line-height:1.4}.chat-msg--me{background:#06b6d41f;border-color:#06b6d44d}.chat-msg--system{color:#93c5fd;background:#3b82f61a;border-color:#3b82f640}:root[data-theme=light] .chat-msg--system{color:#1d4ed8}.chat-msg__head{align-items:center;gap:6px;min-width:0;margin-bottom:2px;font-size:.8rem;display:flex}.chat-msg__time{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.66rem;font-weight:600}.chat-msg__text{color:var(--text-main)}.chat-msg__body,.chat-msg__body *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;cursor:text;overflow-wrap:anywhere;white-space:pre-wrap}.chat-link{color:var(--accent-cyan);text-underline-offset:2px;-webkit-touch-callout:default;cursor:pointer;text-decoration:underline}.chat-link:hover{text-decoration-thickness:2px}.chat-msg__copy{width:calc(24px * var(--ui,1));height:calc(24px * var(--ui,1));color:var(--text-muted);opacity:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -6px -4px auto;transition:opacity .15s,background .15s;display:inline-flex}.chat-msg__time+.chat-msg__copy{margin-left:0}.chat-msg:hover .chat-msg__copy,.chat-msg__copy:focus-visible{opacity:1}.chat-msg__copy:hover{background:var(--bg-field);color:var(--text-main)}@media (hover:none){.chat-msg__copy{opacity:.7;width:calc(30px * var(--ui,1));height:calc(30px * var(--ui,1))}}.chat-video{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;max-width:320px;margin-top:6px;display:block;position:relative;overflow:hidden}.chat-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.chat-video--poster{cursor:pointer;padding:0}.chat-video--poster img{object-fit:cover;width:100%;height:100%;display:block}.chat-video__play{width:calc(52px * var(--ui,1));height:calc(36px * var(--ui,1));color:#fff;background:#ff0000e0;border-radius:10px;justify-content:center;align-items:center;padding-left:3px;transition:transform .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-video--poster:hover .chat-video__play,.chat-video--poster:focus-visible .chat-video__play{transform:translate(-50%,-50%)scale(1.08)}.chat-input{min-width:0;height:calc(40px * var(--ui,1));background:var(--bg-field);border:1px solid var(--border-glass-hover);color:var(--text-main);border-radius:10px;flex:1;padding:0 12px;font-size:.84rem}.chat-input:focus{border-color:var(--accent-cyan)}.chat-new-pill{z-index:2;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.chat-msg__icon{flex-shrink:0;margin-top:1px}.dm-profile-hit{cursor:pointer;align-items:center;min-width:0;max-width:100%;display:inline-flex}.dm-online-dot{background:var(--text-muted);border:2px solid var(--bg-surface);width:10px;height:10px;box-shadow:none;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.dm-online-dot.is-online{background:#10b981;box-shadow:0 0 6px #10b981}.glass-panel.dm-panel{width:94%;max-width:calc(780px * var(--ui,1));background:var(--bg-modal);border:1px solid var(--border-glass-hover);border-radius:20px;height:78vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000d9}.glass-panel.dm-panel.is-narrow{width:100%;height:min(86dvh,720px)}.dm-sidebar{width:calc(280px * var(--ui,1));background:var(--bg-surface);border-right:1px solid var(--border-glass);flex-direction:column;min-width:0;display:flex}.dm-panel.is-narrow .dm-sidebar{border-right:none;width:100%}.dm-sidebar__head{border-bottom:1px solid var(--border-glass);padding:14px 12px 10px}.dm-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:800;display:flex}.dm-title__text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.dm-icon-btn{color:var(--text-secondary);width:calc(40px * var(--ui,1));height:calc(40px * var(--ui,1));cursor:pointer;justify-content:center;align-items:center;display:flex}.dm-icon-btn--close{margin-right:-6px}.dm-icon-btn--back{flex-shrink:0}.dm-tab--badged{position:relative}.notif-badge.dm-tab-badge{min-width:15px;height:15px;padding:0 3px;font-size:.6rem}.dm-tab-count{opacity:.8;font-size:.66rem}.dm-list{flex:1;padding:8px;overflow-y:auto}.dm-notify-prompt{border:1px solid var(--border-accent,#06b6d459);color:var(--text-main);background:#06b6d414;border-radius:12px;margin:8px 8px 0;padding:10px 12px;font-size:.82rem;line-height:1.4}.dm-notify-prompt__actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.dm-empty{text-align:center;color:var(--text-muted);padding:30px 14px;font-size:.8rem}.dm-empty--loose{line-height:1.5}.dm-empty__hint{color:var(--text-secondary);margin-top:6px;font-size:.72rem}.dm-friend{text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:10px 12px;transition:background .15s;display:flex}.dm-friend.is-selected{background:#06b6d426;border:1px solid #06b6d459}.dm-avatar-wrap{display:inline-flex;position:relative}.dm-avatar-wrap--rigid{flex-shrink:0}.dm-person__info{flex:1;overflow:hidden}.dm-friend__name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;text-decoration:none;overflow:hidden}.dm-friend__name.is-blocked{color:#fca5a5;text-decoration:line-through}.dm-friend__status{color:var(--text-muted);font-size:.7rem}.dm-friend__status.is-online{color:#34d399}.dm-online-card{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:10px;flex-direction:column;gap:8px;margin-bottom:6px;padding:10px 12px;display:flex}.dm-online-card__profile{text-align:start;align-items:center;gap:8px;width:100%;display:flex}.dm-online-card__name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:700;overflow:hidden}.dm-online-card__where{color:var(--text-secondary);font-size:.68rem}.tb-btn.dm-btn-block{width:100%}.tb-btn.dm-btn-static{cursor:default}.tb-btn.dm-btn-grow{flex:1}.dm-request{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;margin-bottom:8px;padding:12px}.person-row.dm-request__row{gap:8px;margin-bottom:8px}.dm-request__avatar{flex-shrink:0;display:inline-flex}.dm-request__name{color:var(--text-main);min-width:0;font-size:.85rem;display:flex}.truncate.dm-request__hint{color:#fbbf24;font-size:.68rem}.dm-request__actions{gap:6px;display:flex}.dm-blocked{background:#ef44440f;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:9px 10px;display:flex}.dm-blocked__name{color:#fca5a5;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.84rem;font-weight:700;overflow:hidden}.dm-chat{flex-direction:column;flex:1;min-width:0;display:flex}.dm-sidebar.is-hidden,.dm-chat.is-hidden{display:none}.dm-chat__head{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;gap:8px;padding:14px 20px;display:flex}.dm-panel.is-narrow .dm-chat__head{padding:10px 12px}.dm-partner{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.dm-partner__text{min-width:0}.dm-partner__name{color:var(--text-main);min-width:0;font-size:.95rem;display:flex}.dm-partner__name.is-blocked{color:#fca5a5;display:block}.dm-partner__status{color:var(--text-secondary);font-size:.72rem}.dm-partner__status.is-friend{color:#34d399}.dm-chat__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dm-messages{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.dm-placeholder{text-align:center;color:var(--text-muted);margin:auto;font-size:.85rem}.dm-invite{text-align:center;max-width:calc(380px * var(--ui,1));background:var(--bg-field);border:1px dashed var(--border-glass-hover);border-radius:16px;margin:auto;padding:24px}.dm-invite__title{color:var(--text-main);margin-bottom:6px;font-size:1rem;font-weight:800}.dm-invite__text{color:var(--text-secondary);margin-bottom:16px;font-size:.8rem;line-height:1.5}.dm-invite__actions{justify-content:center;gap:8px;display:flex}.btn-primary.dm-invite__accept{padding:8px 16px;font-size:.82rem}.btn-primary.dm-invite__request{padding:9px 18px;font-size:.84rem}.dm-invite__waiting{color:#fbbf24;align-items:center;gap:6px;font-size:.84rem;font-weight:700;display:inline-flex}.dm-msg{flex-direction:column;align-self:flex-start;align-items:flex-start;max-width:75%;display:flex}.dm-msg.is-me{align-self:flex-end;align-items:flex-end}.dm-msg__bubble{background:var(--bg-field-hover);border:1px solid var(--border-glass);color:var(--text-main);box-shadow:none;word-break:break-word;border-radius:14px 14px 14px 2px;padding:10px 14px;font-size:.88rem;line-height:1.4}.dm-msg.is-me .dm-msg__bubble{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb);border:none;border-radius:14px 14px 2px;box-shadow:0 4px 14px #06b6d44d}.dm-msg .dm-msg__bubble.is-failed{color:#fff;box-shadow:none;background:#ef444440;border:1px solid #ef444480}.dm-msg__meta{color:var(--text-muted);margin-top:3px;padding:0 4px;font-size:.65rem}.dm-msg__meta.is-failed{color:#fca5a5}.dm-alert{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:10px;align-items:center;gap:8px;margin:10px 0;padding:10px 14px;font-size:.82rem;display:flex}.dm-error{color:#fca5a5;background:#ef444433;border-radius:8px;margin:6px 0;padding:8px 12px;font-size:.82rem}.dm-composer{border-top:1px solid var(--border-glass);background:var(--bg-surface);gap:10px;padding:14px;display:flex}.dm-input{min-width:0;height:calc(42px * var(--ui,1));background:var(--bg-field);border:1px solid var(--border-glass-hover);color:var(--text-main);opacity:1;border-radius:10px;flex:1;padding:0 14px;font-size:.9rem}.dm-input.is-dim{opacity:.5}.btn-primary.dm-send{min-height:calc(42px * var(--ui,1));opacity:1;padding:0 16px}.btn-primary.dm-send:disabled{opacity:.4}.home{isolation:isolate;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom;background:var(--bg-main);width:100%;min-width:0;height:100%;color:var(--text-main);box-sizing:border-box;flex-direction:column;flex:1;align-items:center;padding:clamp(16px,4vw,40px) clamp(14px,4vw,32px);display:flex;position:relative;overflow:hidden auto}.home:before,.home:after{content:"";pointer-events:none;position:fixed;inset:0}.home:before{z-index:-3;background:var(--art-home-bg,none) center 30% / cover no-repeat}.home:after{z-index:-2;background:var(--art-scrim)}@media (aspect-ratio<=4/5){.home:before{background-image:var(--art-home-bg-portrait,var(--art-home-bg,none));background-position:top}}.scene-ambient,.lobby>.scene-ambient,.learn-library>.scene-ambient{z-index:-1;pointer-events:none;width:100%;max-width:none;height:100%;margin:0;position:fixed;inset:0}.home__inner{width:100%;min-width:0;max-width:calc(1100px * var(--ui,1));flex-direction:column;gap:clamp(18px,3vw,28px);margin-block:auto;display:flex}.home__intro{text-align:center;position:relative}.home__intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0508149e 0%,#05081459 45%,#05081400 72%);position:absolute;inset:-18px -8% -10px}:root[data-theme=light] .home__intro:before{background:radial-gradient(#ffffff1a 0%,#ffffff0a 45%,#fff0 72%)}.home__intro h1{font-family:var(--font-heading);letter-spacing:-.02em;text-shadow:0 2px 18px #0000008c;margin:0 0 6px;font-size:clamp(1.45rem,3.6vw,2.3rem);font-weight:800}.home__intro p{color:var(--text-secondary);text-shadow:0 1px 10px #0009;margin:0;font-size:clamp(.85rem,1.6vw,.98rem)}:root:not([data-theme=light]) .home__intro p{color:#cbd5e1}:root[data-theme=light] .home__intro h1,:root[data-theme=light] .home__intro p{text-shadow:none}.home__live{border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);align-items:center;gap:8px;padding:6px 14px;font-weight:700;color:var(--text-main)!important;text-shadow:none!important;margin-top:12px!important;font-size:.82rem!important;display:inline-flex!important}.home__live-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite homeLivePulse;box-shadow:0 0 #34d39999}@keyframes homeLivePulse{0%{box-shadow:0 0 #34d3998c}to{box-shadow:0 0 0 9px #34d39900}}:root[data-perf=lite] .home__live-dot{animation:none}@media (prefers-reduced-motion:reduce){.home__live-dot{animation:none}}.home__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.5vw,24px);width:100%;min-width:0;max-width:100%;display:grid}.mode-card{text-align:start;min-height:clamp(360px,58vh,480px);color:var(--text-main);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);border-radius:22px;flex-direction:column;justify-content:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.mode-card:hover,.mode-card:focus-visible{border-color:rgba(var(--accent-rgb), .7);box-shadow:var(--glass-shadow), 0 0 32px rgba(var(--accent-rgb), .28);transform:translateY(-4px)}.mode-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mode-card__art{background-color:#ffffff08;background-position:50% 30%;background-repeat:no-repeat;background-size:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.001)}.mode-card__art:after{content:"";background:linear-gradient(#05081400 50%,#0508144d 72%,#0508149e 100%);position:absolute;inset:0}.mode-card:hover .mode-card__art,.mode-card:focus-visible .mode-card__art{transform:scale(1.05)}.mode-card__tag{height:calc(30px * var(--ui,1));border-radius:var(--radius-full);-webkit-backdrop-filter:blur(calc(8px * var(--glass-k,1)));backdrop-filter:blur(calc(8px * var(--glass-k,1)));color:#f1f5f9;letter-spacing:.08em;background:#0508148c;border:1px solid #ffffff29;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:.74rem;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.mode-card--lobby .mode-card__tag svg{color:#34d399}.mode-card__panel{-webkit-backdrop-filter:blur(calc(12px * var(--glass-k,1))) saturate(1.15);backdrop-filter:blur(calc(12px * var(--glass-k,1))) saturate(1.15);color:#f1f5f9;background:#080c1894;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:6px;margin:12px;padding:16px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff12}:root[data-theme=light] .mode-card__panel,:root[data-perf=lite] .mode-card__panel{color:#f8fafc;text-shadow:0 1px 3px #000000b3;background:linear-gradient(#080c182e 0%,#080c1880 100%);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f}:root[data-theme=light] .mode-card__desc{color:#e2e8f0}.mode-card__title{font-family:var(--font-heading);letter-spacing:-.01em;font-size:1.4rem;font-weight:800}.mode-card__desc{color:#cbd5e1;font-size:.85rem;line-height:1.45}@media (width<=900px){.mode-card{min-height:340px}.mode-card__title{font-size:1.2rem}}@media (width<=640px){.home__grid{grid-template-columns:1fr}.home{padding:10px 12px max(10px, env(safe-area-inset-bottom,0px))}.home__inner{gap:14px;max-width:480px}.home__intro h1{font-size:clamp(1.25rem,6vw,1.65rem)}.home__intro p{font-size:.82rem;line-height:1.35}.home__live{padding:5px 12px;margin-top:8px!important}.mode-card{border-radius:16px;flex-direction:row;align-items:stretch;min-height:142px}.mode-card__art{background-position:50%;flex:0 0 31%;height:auto;min-height:142px;position:relative;inset:auto}.mode-card__art:after{background:linear-gradient(90deg,#05081405,#0508143d)}.mode-card__panel{background:#080c18c7;border:0;border-radius:0 16px 16px 0;flex:auto;justify-content:center;gap:4px;min-width:0;margin:0;padding:10px 12px}.mode-card__tag{height:24px;padding-inline:8px;font-size:.62rem;top:8px;left:8px;right:auto}.mode-card__tag svg{width:13px;height:13px}.mode-card__title{font-size:1rem;line-height:1.15}.mode-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.3;display:-webkit-box;overflow:hidden}:root[data-theme=light] .mode-card__panel{border-radius:0 16px 16px 0}}@media (orientation:landscape) and (height<=800px) and (width<=1100px) and (pointer:coarse){.home{padding:8px 14px;overflow-y:auto}.home__inner{gap:10px}.home__intro h1{margin-bottom:2px;font-size:clamp(1rem,2.8vw,1.35rem)}.home__intro p{font-size:.74rem;line-height:1.25}.home__live{padding:4px 10px;margin-top:5px!important}.home__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:100%}.mode-card{min-height:clamp(150px,40vh,230px)}.mode-card__panel{gap:4px;padding:10px}.mode-card__title{font-size:.98rem}.mode-card__desc{font-size:.72rem;line-height:1.3}}@media (prefers-reduced-motion:reduce){.mode-card,.mode-card__art{transition:none}}.online-panel{background:var(--glass-bg);border:1px solid var(--glass-border);min-width:0;box-shadow:var(--glass-highlight);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:16px;align-items:center;gap:12px;padding:8px 12px;display:flex}.online-panel__label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;font-size:.76rem;font-weight:700;display:inline-flex}.online-panel__label strong{color:var(--text-main)}.online-panel__list{scrollbar-width:thin;gap:8px;min-width:0;padding:2px 0;display:flex;overflow-x:auto}@media (width>=1200px){.online-panel{flex-direction:column;align-items:stretch;max-height:calc(100dvh - 40px);padding:14px;position:sticky;top:0}.online-panel__label{padding:0 4px 4px;font-size:.8rem}.online-panel__list{flex-direction:column;overflow:hidden auto}.online-panel .online-chip{border-radius:12px;width:100%;max-width:none}}.online-chip{max-width:200px;height:var(--ctl-h);border-radius:var(--radius-full);background:var(--bg-field);border:1px solid var(--border-glass-hover);color:var(--text-main);text-align:start;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;padding:0 12px 0 5px;display:inline-flex}.online-chip.is-friend{border-color:rgba(var(--accent-rgb), .45)}.online-chip:hover{background:var(--bg-field-hover);border-color:rgba(var(--accent-rgb), .6);transform:translateY(-1px)}.online-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.online-chip__text{flex-direction:column;min-width:0;font-size:.8rem;line-height:1.15;display:flex}.online-chip__meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:600;overflow:hidden}.online-chip__text{overflow:hidden}@media (width<=560px){.online-panel{flex-direction:column;align-items:stretch;gap:6px}}.seg--fill>button svg{flex-shrink:0}.seg--compact>button:not(.is-active)>span:not(.notif-badge){display:none}.seg--compact>button.is-active{flex:2 1 0}.player-chip{border:2px solid var(--pc);box-shadow:0 4px 14px var(--pc-rest);transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1)}.player-chip.is-playing{box-shadow:0 0 20px var(--pc-glow), inset 0 0 10px var(--pc-inset);border-color:#fff;transform:scale(1.04)}.player-card{min-width:0;max-width:min(calc(240px * var(--ui,1)), 60vw);background:linear-gradient(135deg, var(--pc-bg), #0f172a8c 70%), #0f172a99;text-align:start;cursor:pointer;border-radius:14px;flex-shrink:0;align-items:center;gap:10px;padding:7px 14px 7px 7px;display:flex;position:relative;overflow:hidden}.player-card:before{content:"";background:linear-gradient(90deg, transparent, var(--pc), transparent);opacity:.7;pointer-events:none;height:2px;position:absolute;inset:0 0 auto}.player-card:hover{transform:translateY(-1px)}.player-card.is-playing:hover{transform:scale(1.04)}.player-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.player-card__avatar{width:calc(44px * var(--ui,1));height:calc(44px * var(--ui,1));background:var(--pc-soft);border:1.5px solid var(--pc);box-shadow:0 0 10px var(--pc-rest);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.player-card__avatar .avatar-photo{object-fit:cover;width:100%;height:100%}.player-card__body{flex-direction:column;gap:2px;min-width:0;line-height:1.15;display:flex;overflow:hidden}.player-card__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;font-size:.9rem;font-weight:800;display:flex;overflow:hidden}.player-card__clan{color:#fbbf24;font-size:.7rem;font-weight:800}.player-card__role{color:var(--pc);white-space:nowrap;align-items:center;gap:5px;font-size:.68rem;font-weight:700;display:flex}.player-card__dot{background:var(--pc);width:6px;height:6px;box-shadow:0 0 6px var(--pc);border-radius:50%}.player-strip[data-size=lg] .player-card{min-width:calc(170px * var(--ui,1));flex:1 1 0;max-width:260px}.player-strip[data-size=md] .player-card{border-radius:12px;gap:8px;padding:5px 12px 5px 5px}.player-strip[data-size=md] .player-card__avatar{width:calc(34px * var(--ui,1));height:calc(34px * var(--ui,1));border-radius:10px}.player-strip[data-size=md] .player-card__name{font-size:.8rem}.player-strip[data-size=md] .player-card__role{font-size:.62rem}.player-strip[data-size=sm] .player-card{border-radius:10px;gap:6px;padding:3px 10px 3px 3px}.player-strip[data-size=sm] .player-card__avatar{width:calc(26px * var(--ui,1));height:calc(26px * var(--ui,1));border-radius:8px}.player-strip[data-size=sm] .player-card__name{font-size:.74rem}.player-strip--inline .player-card{border-radius:12px;gap:0;padding:3px}.player-strip--inline .player-card:before{display:none}.player-strip--inline .player-card__avatar{width:calc(28px * var(--ui,1));height:calc(28px * var(--ui,1));border-radius:8px}.player-strip--stage{z-index:20;pointer-events:none;background:0 0;padding:2px;position:absolute;top:10px;left:12px;right:56px}.player-strip--stage .player-card{pointer-events:auto;background:linear-gradient(135deg, var(--pc-bg), #080c1859 70%), var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), 0 6px 18px #00000059;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}@media (width<=640px){.player-strip--stage{top:6px;left:8px;right:48px}}.player-strip--stage .player-card{-webkit-backdrop-filter:none}:root[data-theme=light] .player-strip--stage .player-card{background:linear-gradient(135deg, var(--pc-bg), #ffffff4d 70%), #ffffff7a}:root[data-theme=light] .player-card__name{color:var(--text-main)}.player-strip--inline.player-strip--solo{justify-content:flex-end}.player-strip--solo .player-card{border-radius:14px;gap:10px;padding:4px 16px 4px 4px}.player-strip--solo .player-card__avatar{width:calc(40px * var(--ui,1));height:calc(40px * var(--ui,1));border-radius:10px}.player-strip--solo .player-card__body{text-align:start}.player-strip--solo .player-card{background:var(--bg-field)}.player-strip--solo .player-card__name{color:var(--text-main);font-size:.95rem}.player-strip--solo .player-card__role{font-size:.72rem}@media (width<=720px){.player-strip--solo .player-card{border-radius:11px;gap:8px;padding:2px 10px 2px 2px}.player-strip--solo .player-card__avatar{border-radius:8px;width:30px;height:30px}.player-strip--solo .player-card__name{font-size:.82rem}.player-strip--solo .player-card__role{font-size:.64rem}}.player-invite{border:1.5px dashed rgba(var(--accent-rgb), .55);background:rgba(var(--accent-rgb), .1);color:var(--text-accent-cyan);white-space:nowrap;cursor:pointer;pointer-events:auto;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:14px;flex-shrink:0;align-self:stretch;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:.8rem;font-weight:800;display:inline-flex}.player-invite:hover{background:rgba(var(--accent-rgb), .2);border-style:solid}:root[data-theme=light] .player-invite{color:#0e7490;background:#ffffff7a}.player-invite--inline{width:calc(38px * var(--ui,1));height:calc(38px * var(--ui,1));border-radius:12px;justify-content:center;align-self:center;padding:0}.player-invite--inline .art-icon{width:24px;height:24px}.player-card__name>:not(.uname){flex-shrink:0}:root[data-perf=lite] *,:root[data-perf=lite] :before,:root[data-perf=lite] :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}:root[data-perf=lite] body{background-image:none}:root[data-perf=lite]{--bg-card:#121929f0;--bg-glass:#0f1420f0;--glass-blur:none}:root[data-perf=lite][data-theme=light]{--bg-card:#ffffff2e;--bg-glass:#ffffff2e}:root[data-perf=lite] .uname-text,:root[data-perf=lite] .avatar-frame,:root[data-perf=lite] .pulse-glow-chat:after,:root[data-perf=lite] .pulse-glow-dm:after{animation:none!important}:root[data-perf=lite] .pulse-glow-chat:after,:root[data-perf=lite] .pulse-glow-dm:after{opacity:.8}:root[data-perf=lite] .uname-text,:root[data-perf=lite] .uname-icon{filter:none!important}:root[data-perf=lite] .player-chip{transition:none}:root[data-perf=lite] .player-chip.is-playing{box-shadow:0 0 0 2px var(--pc-glow);transform:none}@media (prefers-reduced-motion:reduce){.player-chip{transition:none}.pulse-glow-chat:after,.pulse-glow-dm:after{opacity:.8;animation:none}}.hit-pad{position:relative}@media (pointer:coarse){.hit-pad:after{content:"";position:absolute;inset:-6px -3px}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{font-size:16px!important}.seg>button{min-height:calc(38px * var(--ui,1))}.link-btn{height:calc(34px * var(--ui,1))}.pv-stepper-step-btn,.modal-close{min-width:calc(40px * var(--ui,1));min-height:calc(40px * var(--ui,1))}.tb-btn--sm:before{content:"";position:absolute;inset:-3px}.pv-stepper .step{position:relative}.pv-stepper .step:before{content:"";position:absolute;inset:-6px -3px}}:is(:root:not(:has(.piano-kb)) .orientation-notice,:root:has(.modal-overlay,.solo-settings-overlay,.room-tips,.invite-notice) .orientation-notice){display:none!important}@media (width<=560px){.scroll-tabs{flex-wrap:wrap;overflow:visible}.scroll-tabs>button{flex:auto;justify-content:center}.settings-sidebar{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;display:grid;overflow:visible}.settings-sidebar .settings-menu-item{min-height:calc(48px * var(--ui,1));text-align:center;flex-direction:column;justify-content:center;gap:3px;padding:6px 2px;font-size:.68rem}.clan-form__row{grid-template-columns:1fr!important}.modal-body{padding:14px!important}}@media (width<=720px) and (orientation:portrait){.solo-toolbar--studio>*{order:10}.solo-toolbar--studio .solo-toolbar__soundpack{flex:0 124px;order:0;min-width:104px}.solo-toolbar--studio .solo-toolbar__velocity{order:1}.solo-toolbar--studio .solo-toolbar__transpose{order:2}.solo-toolbar--studio .solo-toolbar__metronome{order:3}.solo-toolbar--studio .solo-toolbar__soundpack .tb-select{text-overflow:ellipsis;width:100%;min-width:0;padding-left:8px;padding-right:22px;overflow:hidden}.solo-toolbar--studio .tb-btn--sm,.solo-toolbar--studio .tb-select--sm{padding-inline:8px;font-size:.76rem}.solo-toolbar--studio .solo-toolbar__zen{order:20}.solo-toolbar--room-portrait>*{order:10}.solo-toolbar--room-portrait .solo-toolbar__soundpack{flex:0 120px;order:0;min-width:0}.solo-toolbar--room-portrait .solo-toolbar__velocity{order:1}.solo-toolbar--room-portrait .solo-toolbar__transpose{order:2}.solo-toolbar--room-portrait .solo-toolbar__metronome{order:3}.solo-toolbar--room-portrait .solo-toolbar__soundpack .tb-select{text-overflow:ellipsis;width:100%;min-width:0;padding-left:9px;padding-right:24px;overflow:hidden}.solo-toolbar--room-portrait .solo-toolbar__reactions,.solo-toolbar--room-portrait .solo-toolbar__zen{order:20}.solo-toolbar--room-portrait .solo-toolbar__spacer{display:none}}@media (width<=1100px) and (orientation:landscape){.solo-toolbar--room-landscape>*{order:10}.solo-toolbar--room-landscape .solo-toolbar__soundpack{flex:0 180px;order:0;min-width:130px}.solo-toolbar--room-landscape .solo-toolbar__velocity{order:1}.solo-toolbar--room-landscape .solo-toolbar__transpose{order:2}.solo-toolbar--room-landscape .solo-toolbar__metronome{order:3}.solo-toolbar--room-landscape .solo-toolbar__spacer{display:none}.solo-toolbar--room-landscape .solo-toolbar__reactions{order:20}.solo-toolbar--room-landscape .solo-toolbar__zen{order:21}}@media (width<=560px){.app-header{flex-wrap:nowrap!important;gap:8px!important;padding:7px 12px!important}.app-header-brand{min-width:0;gap:7px!important}.app-header-logo{width:34px!important;height:34px!important}.app-header-name{font-size:1.05rem!important}.app-header-tagline{display:none}.app-header__actions{flex-shrink:0;gap:6px!important}.app-header__actions>.tb-btn,.app-header__account.tb-btn{height:38px;min-height:38px;padding-inline:9px;font-size:.74rem}.app-header__account.tb-btn>.art-icon{width:18px;height:18px}.app-header__discord,.app-header__rules,.app-header__account.tb-btn{flex:0 0 38px;width:38px;padding-inline:0!important}.app-header__account.tb-btn>span{display:none}}@media (width<=380px){.app-header{gap:5px!important;padding-inline:8px!important}.app-header-brand{gap:5px!important}.app-header-logo{width:29px!important;height:29px!important}.app-header-name{font-size:.94rem!important}.app-header__actions{gap:4px!important}.app-header__actions>.tb-btn,.app-header__account.tb-btn{padding-inline:7px;font-size:.68rem}.app-header__discord,.app-header__rules,.app-header__account.tb-btn{flex-basis:34px;width:34px;min-width:34px}}@media (width<=720px) and (orientation:portrait){.auth-modal-panel{max-height:calc(100dvh - 28px);border-radius:20px!important;width:min(100vw - 24px,480px)!important;padding:0 16px 16px!important;overflow:hidden auto!important;box-shadow:0 18px 48px #0000006b!important}.auth-modal-panel .auth-welcome{height:112px;margin-inline:-16px}.auth-modal-panel .auth-modal-hero{margin-bottom:12px!important}.auth-modal-panel .auth-logo{width:44px;height:44px;margin:-25px auto 6px}.auth-modal-panel .auth-modal-hero h2{margin-bottom:4px!important;font-size:1.22rem!important}.auth-modal-panel .auth-modal-hero p{font-size:.76rem!important;line-height:1.35!important}.auth-modal-panel .auth-modal-perks{border-radius:12px!important;gap:7px!important;margin-bottom:12px!important;padding:9px 11px!important}.auth-modal-panel .auth-modal-perks>div{gap:9px!important}.auth-modal-panel .auth-modal-perks>div>div:first-child{background:#64748b1f!important;border-radius:8px!important;width:28px!important;height:28px!important}.auth-modal-panel .auth-modal-perks>div>span{font-size:.74rem!important;line-height:1.25!important}.auth-modal-panel .auth-google-button{min-height:46px;height:46px!important;box-shadow:0 3px 12px #0f172a1f!important}.auth-modal-panel .auth-guest-section{gap:8px!important;margin-top:12px!important;padding-top:12px!important}.auth-modal-panel .auth-guest-input{min-height:42px;padding-block:8px!important}.auth-modal-panel .auth-guest-button{min-height:44px;height:44px!important;box-shadow:none!important}.auth-modal-panel .auth-guest-section>span{font-size:.68rem!important}}@media (height<=700px) and (width<=720px) and (orientation:portrait){.auth-modal-panel .auth-welcome{height:78px}.auth-modal-panel .auth-modal-hero{margin-bottom:8px!important}.auth-modal-panel .auth-modal-perks{gap:5px!important;margin-bottom:9px!important;padding-block:7px!important}.auth-modal-panel .auth-modal-perks>div>span{font-size:.7rem!important}}:root[data-theme=light] .auth-modal-panel{background:var(--bg-modal)!important;border-color:#47556924!important}:root[data-theme=light] .auth-modal-panel .auth-modal-perks{background:#ffffff57!important;border-color:#4755691f!important}@media (width<=380px){.auth-modal-panel .auth-welcome{height:88px}.auth-modal-panel{padding-inline:12px!important}.auth-modal-panel .auth-welcome{margin-inline:-12px}}.seg--stacked>button{height:auto;min-height:calc(44px * var(--ui,1));flex-direction:column;gap:2px;padding:4px 2px;font-size:.66rem}.room-tips{top:calc(var(--room-topbar-h,46px) + 10px);z-index:260;width:min(calc(340px * var(--ui,1)), calc(100% - 20px));background:var(--bg-modal-elevated,var(--bg-modal));border:1px solid var(--border-accent);box-shadow:var(--shadow-lg);color:var(--text-secondary);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px 12px;padding:10px 12px;font-size:.74rem;animation:.2s ease-out modalFadeIn;display:grid;position:absolute;right:10px}.room-tips:before{content:"";background:inherit;border-left:1px solid var(--border-accent);border-top:1px solid var(--border-accent);width:12px;height:12px;position:absolute;top:-7px;right:22px;transform:rotate(45deg)}.room-tips__item{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.room-tips__close{min-height:calc(34px * var(--ui,1));color:var(--text-accent-cyan);background:#06b6d426;border-radius:8px;grid-column:1/-1;padding:0 12px;font-size:.74rem;font-weight:700}.player-strip--inline::-webkit-scrollbar{display:none}@media (orientation:landscape) and (height<=800px) and (width<=1100px) and (pointer:coarse){.home{padding:8px 14px}.home__inner{gap:10px}.home__intro h1{margin-bottom:2px;font-size:1rem}.home__intro p{font-size:.74rem;line-height:1.25}.home__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-card{border-radius:16px;gap:0;min-height:clamp(150px,40vh,230px);padding:0;position:relative}.mode-card__art{border-radius:inherit;background-position:50% 35%;height:auto;position:absolute;inset:0}.mode-card__icon{width:calc(44px * var(--ui,1));height:calc(44px * var(--ui,1));border-radius:13px}.mode-card__icon svg,.mode-card__icon .art-icon{width:22px;height:22px}.mode-card__tag{display:none}.mode-card__title{font-size:.98rem}.mode-card__desc{font-size:.72rem;line-height:1.35}.home__live{padding:4px 10px;margin-top:5px!important}.mode-card{min-height:clamp(150px,40vh,230px)}.mode-card__panel{gap:4px;padding:10px}.learn-grid{grid-template-columns:repeat(auto-fill, minmax(calc(240px * var(--ui,1)), 1fr))!important;gap:12px!important}.learn-card{padding:14px!important}.learn-card__desc{display:none}.modal-hero__icon,.modal-perks{display:none!important}.modal-hero{padding-inline:44px;margin-bottom:12px!important}.modal-hero h2{font-size:1.15rem!important}.modal-panel:not(.modal-panel--tall){padding-top:16px!important;padding-bottom:16px!important}.modal-panel--tall{max-height:calc(100dvh - 24px)!important}.modal-head{padding:8px 16px!important}.modal-head h2{font-size:1.05rem!important}.modal-tabs{padding:6px 12px!important}.modal-body{padding:12px 16px!important}.daily-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important;margin-bottom:12px!important}.daily-grid__day{padding:8px 4px!important}.mode-card__panel{z-index:1;margin:12px;position:relative}}.app-dialog__panel{width:min(calc(400px * var(--ui,1)), 100%);background:var(--bg-modal);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:24px 22px 20px;display:flex;box-shadow:0 24px 60px #000000bf}.app-dialog__icon{width:calc(60px * var(--ui,1));height:calc(60px * var(--ui,1));background:radial-gradient(circle, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .06) 70%);border:1px solid rgba(var(--accent-rgb), .35);border-radius:50%;place-items:center;display:grid}.app-dialog__icon.is-danger{background:radial-gradient(circle,#ef444438,#ef44440f 70%);border-color:#ef444466}.app-dialog__title{color:var(--text-main);overflow-wrap:anywhere;margin:4px 0 0;font-size:1.12rem;font-weight:700}.app-dialog__msg{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:.92rem;line-height:1.45}.app-dialog__input{border:1px solid var(--border-glass);width:100%;color:var(--text-main);background:#0000004d;border-radius:11px;outline:none;margin-top:4px;padding:11px 13px;font-size:1rem}.app-dialog__input:focus{border-color:var(--accent-cyan)}.app-dialog__reasons{grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:4px;display:grid}.app-dialog__reasons>button{min-height:calc(36px * var(--ui,1));border:1px solid var(--border-glass);background:var(--bg-field,#ffffff0d);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:6px 10px;font-size:.84rem;font-weight:700}.app-dialog__reasons>button:hover{color:var(--text-main)}.app-dialog__reasons>button.is-active{color:var(--text-main);background:#ef444433;border-color:#ef444499}.app-dialog__textarea{font:inherit;resize:vertical;min-height:4.5em;font-size:.9rem}.app-dialog__actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:8px;display:grid}.app-dialog__actions>button{width:100%;min-width:0;padding:0 12px}.ui-btn.app-dialog__danger{color:#fff;background:linear-gradient(#ffffff29,#fff0 60%),#dc2626;box-shadow:0 6px 18px #ef444459,inset 0 1px #ffffff4d}.ui-btn.app-dialog__danger:hover:not(:disabled){filter:brightness(1.08)}.idle-hint{padding:16px calc(52px * var(--ui,1));text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.6s ease-out both idleHintIn;display:flex;position:absolute;inset:0}.idle-hint__icon{width:calc(52px * var(--ui,1));height:calc(52px * var(--ui,1));color:var(--accent-cyan);background:#22d3ee14;border:1px solid #22d3ee38;border-radius:16px;place-items:center;display:grid}.idle-hint__title{color:var(--text-main);opacity:.85;font-size:1.05rem;font-weight:700}.idle-hint__text{max-width:calc(420px * var(--ui,1));color:var(--text-muted);font-size:.88rem;line-height:1.45}:root[data-theme=light]:not([data-plain]):not([data-perf=lite]) .idle-hint{text-shadow:0 1px 3px #000000b3}:root[data-theme=light]:not([data-plain]):not([data-perf=lite]) .idle-hint__title{color:#f8fafc;opacity:1}:root[data-theme=light]:not([data-plain]):not([data-perf=lite]) .idle-hint__text{color:#e2e8f0}@keyframes idleHintIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (height<=500px){.idle-hint__text,.idle-hint__icon{display:none}}@media (height<=380px){.idle-hint{display:none}}.offline-pill{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:9998;color:#fde68a;pointer-events:none;background:#78350feb;border:1px solid #fbbf2473;border-radius:999px;align-items:center;gap:9px;max-width:calc(100vw - 24px);padding:8px 15px;font-size:.82rem;font-weight:700;animation:.25s offlineIn;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.offline-pill__spin{border:2px solid #fde68a59;border-top-color:#fde68a;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.9s linear infinite offlineSpin}@keyframes offlineSpin{to{transform:rotate(360deg)}}@keyframes offlineIn{0%{opacity:0}to{opacity:1}}@media (orientation:landscape) and (height<=500px){.solo-toolbar{row-gap:4px!important;padding-top:3px!important;padding-bottom:3px!important}.solo-toolbar .tb-btn--sm,.solo-toolbar .tb-select--sm{height:calc(28px * var(--ui,1));min-height:calc(28px * var(--ui,1))}}.solo-toolbar{border-bottom:1px solid var(--border-glass);flex-wrap:wrap;align-items:center;gap:8px;padding:6px clamp(12px,2vw,20px);display:flex}.solo-toolbar .solo-toolbar__velocity,.solo-toolbar .solo-toolbar__transpose,.solo-toolbar .solo-toolbar__metronome,.solo-toolbar .solo-toolbar__reactions,.solo-toolbar .solo-toolbar__midi,.solo-toolbar .solo-toolbar__sustain,.solo-toolbar .solo-toolbar__reverb{position:relative}.solo-toolbar .solo-toolbar__spacer{flex:1}.solo-toolbar .solo-toolbar__pop{z-index:50;padding:10px 12px;position:absolute;top:calc(100% + 6px)}.solo-toolbar .solo-toolbar__pop--slider{min-width:calc(200px * var(--ui,1));left:0}.solo-toolbar .solo-toolbar__pop--met{min-width:calc(240px * var(--ui,1));left:0}.solo-toolbar .solo-toolbar__pop--midi,.solo-toolbar .solo-toolbar__pop--sus{min-width:calc(230px * var(--ui,1));right:0}.solo-toolbar .solo-toolbar__pop--rvb{min-width:calc(220px * var(--ui,1));right:0}.solo-toolbar .solo-toolbar__row{justify-content:space-between;align-items:center;display:flex}.solo-toolbar .solo-toolbar__row--gap{gap:10px}.solo-toolbar .solo-toolbar__row--spaced{margin-top:10px}.solo-toolbar .solo-toolbar__slider-head{margin-bottom:6px}.solo-toolbar .solo-toolbar__pop-head{margin-bottom:8px}.solo-toolbar .solo-toolbar__label{color:var(--text-secondary);font-size:.72rem;font-weight:700}.solo-toolbar .solo-toolbar__value{color:var(--text-main);font-size:.72rem;font-weight:800}.solo-toolbar .solo-toolbar__range{width:100%}.solo-toolbar .solo-toolbar__range--spaced{margin-top:8px}.solo-toolbar .solo-toolbar__reset{width:100%;margin-top:6px;padding:4px;font-size:.7rem}.solo-toolbar .solo-toolbar__caption{color:var(--text-secondary);margin:8px 0 4px;font-size:.68rem}.solo-toolbar .solo-toolbar__meta{color:var(--text-secondary);justify-content:space-between;margin-bottom:2px;font-size:.68rem;display:flex}.solo-toolbar .solo-toolbar__meta--met{margin:8px 0 2px}.solo-toolbar .solo-toolbar__hint{color:var(--text-muted);margin-top:2px;font-size:.64rem;line-height:1.4}.solo-toolbar .solo-toolbar__hint--spaced{margin-top:8px}.solo-toolbar .solo-toolbar__out-select{width:100%;margin-top:6px}.solo-toolbar .solo-toolbar__grow{flex:1}.solo-toolbar .solo-toolbar__status{color:var(--text-muted);align-items:center;gap:6px;font-size:.68rem;display:flex}.solo-toolbar .solo-toolbar__status.is-on{color:#34d399}.solo-toolbar .solo-toolbar__status--midi{margin-bottom:8px}.solo-toolbar .solo-toolbar__status--sus{margin-top:6px}.solo-toolbar .solo-toolbar__dot{background:var(--text-muted);width:7px;height:7px;box-shadow:none;border-radius:50%}.solo-toolbar .solo-toolbar__dot.is-on{background:#10b981}.solo-toolbar .solo-toolbar__dot.is-warn{background:#f59e0b}.solo-toolbar .solo-toolbar__dot.is-glow{box-shadow:0 0 8px #10b981}.piano-kb:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(180deg, #ffffff38 0, #ffffff0a 1.5px, #fff0 3px) top / 100% 6px no-repeat, linear-gradient(180deg, #24262d 0%, #0c0d11 55%, #040406 100%) top / 100% 6px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--accent) 62%, #16040a) 0%, color-mix(in srgb, var(--accent) 34%, #070208) 100%) bottom / 100% 3px no-repeat;height:9px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 3px #0009}.pk-w{z-index:1;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#e7e2d6 0%,#f6f3ec 6%,#fdfcf8 42%,#f9f7f1 86%,#ece8de 100%);border-left:1px solid #ffffffd9;border-right:1px solid #3026183d;border-radius:0 0 5px 5px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;padding-bottom:13px;display:flex;position:relative;box-shadow:inset 0 9px 8px -7px #0006}.pk-w:after{content:"";pointer-events:none;background:linear-gradient(#ddd8cb 0%,#c9c3b4 100%);border-radius:0 0 5px 5px;height:7px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffffbf}.pk-w.is-active{background:linear-gradient(180deg, #d3cec2 0%, #e9e5dc 9%, color-mix(in srgb, var(--kc) 20%, #f5f2eb) 42%, color-mix(in srgb, var(--kc) 72%, #fff) 100%);box-shadow:inset 0 13px 10px -7px #00000080, inset 0 -18px 18px -10px var(--kc)}.pk-w.is-active:after{background:color-mix(in srgb, var(--kc) 55%, #8d8778);height:3px;box-shadow:none}.pk-w.is-dense{padding-bottom:6px}.pk-w.is-dense:after{height:4px}.pk-w.is-dense.is-active:after{height:2px}.pk-b{z-index:3;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(90deg,#08080a 0%,#232327 14%,#2b2b30 50%,#202024 86%,#08080a 100%);border-radius:0 0 4px 4px;flex-direction:column;justify-content:flex-end;align-items:center;height:62%;padding-bottom:12px;display:flex;position:absolute;top:0;box-shadow:0 3px 4px #00000080,1px 0 2px #00000059,-1px 0 2px #00000059}.pk-b:before{content:"";pointer-events:none;background:linear-gradient(#161619 0%,#26262b 55%,#3a3a41 100%);border-radius:0 0 2px 2px;position:absolute;inset:0 13% 8px}.pk-b:after{content:"";pointer-events:none;background:linear-gradient(#4b4b53 0%,#2a2a30 100%);border-radius:0 0 4px 4px;height:8px;position:absolute;bottom:0;left:0;right:0}.pk-b.is-active{box-shadow:0 1px 2px #00000080}.pk-b.is-active:before{background:linear-gradient(180deg, #1b1b1f 0%, color-mix(in srgb, var(--kc) 55%, #1b1b1f) 62%, var(--kc) 100%);bottom:4px}.pk-b.is-active:after{background:color-mix(in srgb, var(--kc) 65%, #000);height:4px}.pk-label{z-index:1;pointer-events:none;position:relative}.learn-practice{border-left:1px solid var(--border-glass);flex-wrap:wrap;align-items:center;gap:8px 10px;padding-left:10px;display:flex}.lp-chip{min-height:calc(30px * var(--ui,1));border:1px solid var(--border-glass-hover);background:var(--bg-field);color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:.76rem;font-weight:700;display:inline-flex}.lp-chip:disabled{opacity:.45;cursor:default}.lp-chip.is-on{color:#fcd34d;background:#fbbf2424;border-color:#fbbf2480}.lp-chip--icon{padding:0 8px}.lp-sections{min-height:calc(40px * var(--ui,1));border-bottom:1px solid var(--border-glass);color:var(--text-muted);background:#0000001f;align-items:center;gap:8px 10px;padding:5px 16px;font-size:.76rem;display:flex}.lp-sections__label{flex-shrink:0;align-items:center;gap:6px;font-weight:700;display:inline-flex}.lp-sections__list{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.lp-sections__list::-webkit-scrollbar{display:none}.lp-sec{min-width:calc(30px * var(--ui,1));height:calc(28px * var(--ui,1));border:1px solid var(--border-glass-hover);background:var(--bg-field);color:var(--text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:0 7px;font-size:.74rem;font-weight:700;display:inline-flex}.lp-sec.is-done{color:#34d399;border-color:#34d39973}.lp-sec.is-on{color:var(--text-accent-cyan);border-color:var(--accent-cyan);background:#06b6d429}.lp-sec:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.lp-sections__count{color:#34d399;font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:800}.lp-sections__speed{color:var(--text-accent-cyan);font-variant-numeric:tabular-nums}.lp-sections__pass{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.lp-sections__pass.is-good{color:#34d399}.lp-sections.lp-sections--compact{background:0 0;border:0;gap:6px;min-height:0;padding:0;display:inline-flex}.lp-sections--compact .tb-select{max-width:112px}@media (orientation:landscape) and (height<=550px){.lp-loop>svg,.lp-loop>.art-icon,.lp-chip__text{display:none}}@media (width<=768px),(orientation:landscape) and (height<=500px){.lp-sections{min-height:calc(36px * var(--ui,1));gap:6px;padding:3px 10px}.lp-sections__label-text{display:none}.lp-sec{height:calc(26px * var(--ui,1));min-width:calc(28px * var(--ui,1))}}.lp-loop{color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.lp-note{color:#c4b5fd;font-size:.72rem;font-weight:600}.seg.seg--sm{border-radius:9px;padding:2px}.seg.seg--sm>button{height:calc(26px * var(--ui,1));border-radius:7px;padding:0 10px;font-size:.74rem}@media (orientation:landscape) and (height<=500px),(width<=768px){.lp-note{display:none}}.learn-import{justify-content:flex-start;gap:8px 12px}.learn-stats{color:var(--text-secondary);align-items:center;gap:14px;font-size:.82rem;font-weight:700;display:inline-flex}.learn-stats>span{align-items:center;gap:6px;display:inline-flex}.learn-filter{margin-left:auto}.learn-card__mastery{color:#34d399;align-items:center;gap:3px;font-weight:700;display:inline-flex}.learn-card__credit{color:var(--text-muted);margin:-10px 0 14px;font-size:.68rem;line-height:1.35}.learn-stats__stars{color:#fbbf24}.learn-tag{letter-spacing:.3px;white-space:nowrap;border-radius:7px;align-items:center;height:22px;padding:0 8px;font-size:.68rem;font-weight:800;display:inline-flex}.song-lb{width:min(calc(320px * var(--ui,1)), calc(100% - 32px));background:var(--bg-field);border:1px solid var(--border-glass);text-align:start;border-radius:12px;margin:16px auto 0;padding:10px 12px}.song-lb--compact{margin-top:14px}.song-lb__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:6px;font-size:.74rem;font-weight:800;display:flex}.song-lb__empty{color:var(--text-muted);font-size:.78rem}.song-lb__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.song-lb__list li{color:var(--text-main);border-radius:7px;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:3px 6px;font-size:.8rem;display:grid}.song-lb__list li.is-me{background:#06b6d424}.song-lb__rank{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.song-lb__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.song-lb__stars{gap:1px;display:inline-flex}.song-lb__score{color:#22d3ee;font-variant-numeric:tabular-nums;font-weight:800}.learn-tag--public{color:#67e8f9;background:#22d3ee1f;border:1px solid #22d3ee66}.learn-import__hint{color:var(--text-muted);font-size:.8rem}.learn-import__error{color:#fca5a5;flex-basis:100%;font-size:.8rem;font-weight:600}.learn-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.learn-library{isolation:isolate;box-sizing:border-box;flex-direction:column;flex:1;gap:16px;width:100%;padding:16px 24px;display:flex;position:relative;overflow-y:auto}.learn-library:before,.learn-library:after{content:"";pointer-events:none;position:fixed;inset:0}.learn-library:before{z-index:-3;background:var(--art-learn-bg,none) center 30% / cover no-repeat}.learn-library:after{z-index:-2;background:var(--art-scrim-dense)}@media (aspect-ratio<=4/5){.learn-library:before{background-image:var(--art-learn-bg-portrait,var(--art-learn-bg,none));background-position:top}}.learn-library>*{width:100%;max-width:calc(1280px * var(--ui,1));margin-inline:auto}@media (width<=720px){.learn-library{padding:12px}}.learn-library .lobby-head{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.learn-library .learn-stats>span:first-child svg{color:var(--accent)}.learn-stars{gap:2px;display:inline-flex}.learn-stars .art-icon{opacity:.3;filter:grayscale()}.learn-stars .art-icon.is-on{opacity:1;filter:drop-shadow(0 0 4px #fbbf2473)}.learn-next{grid-template-columns:calc(220px * var(--ui,1)) minmax(0, 1fr) auto;text-align:start;color:var(--text-main);background:var(--glass-bg);border:1px solid rgba(var(--accent-rgb), .4);box-shadow:var(--glass-highlight), var(--glass-shadow), 0 0 26px rgba(var(--accent-rgb), .12);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast);border-radius:18px;align-items:center;gap:18px;padding:10px 18px 10px 10px;display:grid}.learn-next:hover{border-color:rgba(var(--accent-rgb), .75);transform:translateY(-2px)}.learn-next:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.learn-next__cover{background:#ffffff0a 50%/cover no-repeat;border-radius:12px;height:104px}.learn-next__body{flex-direction:column;gap:4px;min-width:0;display:flex}.learn-next__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:800}.learn-next__title{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem;font-weight:800;overflow:hidden}.learn-next__meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.84rem;display:inline-flex}@media (width<=720px){.learn-next{grid-template-columns:110px minmax(0,1fr);gap:12px;padding-right:12px}.learn-next__cover{height:84px}.learn-next__title{font-size:1.1rem}.learn-next__cta{grid-column:1/-1}}.learn-grid{grid-template-columns:repeat(auto-fill, minmax(min(calc(300px * var(--ui,1)), 100%), 1fr));gap:18px;display:grid}.learn-card{cursor:pointer;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.learn-card:hover{border-color:rgba(var(--accent-rgb), .6);box-shadow:var(--glass-highlight), var(--glass-shadow), 0 0 22px rgba(var(--accent-rgb), .18);transform:translateY(-3px)}.learn-card__cover{background:#ffffff0a 50%/cover no-repeat;height:112px;transition:transform .5s;position:relative}.learn-card__cover:after{content:"";background:linear-gradient(#05081400 55%,#05081473 100%);position:absolute;inset:0}.learn-card__diff{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(calc(6px * var(--glass-k,1)));backdrop-filter:blur(calc(6px * var(--glass-k,1)));background:#0508148c;border:1px solid #ffffff2e;border-radius:8px;padding:3px 9px;font-size:.68rem;font-weight:800;position:absolute;bottom:10px;left:12px}.learn-card--easy .learn-card__diff{color:#6ee7b7}.learn-card--medium .learn-card__diff{color:#fcd34d}.learn-card--hard .learn-card__diff{color:#fca5a5}.learn-card__body{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.learn-card__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.learn-card__title{min-width:0;font-family:var(--font-heading);color:var(--text-main);margin:0;font-size:1.12rem;font-weight:800}.learn-card__tools{flex-shrink:0;align-items:center;gap:6px;display:flex}.learn-card__composer{color:var(--text-secondary);margin:2px 0 10px;font-size:.82rem}.learn-card__desc{min-height:calc(34px * var(--ui,1));color:var(--text-muted);margin:0 0 12px;font-size:.8rem;line-height:1.4}.learn-card__stats{background:#00000038;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;margin-bottom:12px;padding:8px 10px;font-size:.78rem;display:flex}:root[data-theme=light] .learn-card__stats{background:#0f172a0d}.learn-card__meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.learn-card__xp{color:#67e8f9;align-items:center;gap:4px;font-weight:800;display:inline-flex}:root[data-theme=light] .learn-card__xp{color:#0e7490}.learn-card__practice{color:#a78bfa;font-weight:700}.learn-card:hover .learn-card__play{border-color:rgba(var(--accent-rgb), .6);color:var(--text-main)}@media (prefers-reduced-motion:reduce){.learn-card,.learn-next{transition:none}}.learn-hud{z-index:6;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);pointer-events:none;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px 9px;display:flex;position:absolute;top:12px;left:14px}.learn-hud__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:.62rem;font-weight:800}.learn-hud__score{font-family:var(--font-heading);color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(var(--accent-rgb), .45);font-size:1.7rem;font-weight:900;line-height:1.05}.learn-hud__combo{color:var(--text-secondary);align-items:center;gap:5px;font-size:.82rem;font-weight:800;display:inline-flex}.learn-hud.is-hot .learn-hud__combo{color:#fbbf24}.learn-hud.is-hot .learn-hud__combo svg{color:#f59e0b}@media (width<=640px){.learn-hud{padding:5px 10px 6px;top:8px;left:8px}.learn-hud__score{font-size:1.25rem}}.learn-result{padding-top:0!important}.learn-result__art{background:50% 45%/cover no-repeat;height:150px;margin:0 -28px 18px;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.learn-result__art+.learn-result__stars{margin-top:-46px;position:relative}.learn-result:not(:has(.learn-result__art)){padding-top:32px!important}.learn-result__star{filter:grayscale()brightness(.45);opacity:.7;transition:transform .3s,filter .3s}.learn-result__star.is-on{filter:drop-shadow(0 0 12px #fbbf2499);opacity:1;transform:scale(1.08)}.learn-result__label-icon{vertical-align:-3px;margin-right:5px}.learn-stage{background:var(--bg-main);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.learn-topbar{background:var(--bg-modal);-webkit-backdrop-filter:blur(calc(16px * var(--glass-k,1)));backdrop-filter:blur(calc(16px * var(--glass-k,1)));border-bottom:1px solid var(--border-glass);z-index:300;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:auto;padding:10px 18px;display:flex;overflow-x:visible}.learn-topbar--landscape{flex-wrap:nowrap;min-height:40px;padding:6px 14px;overflow-x:auto}.learn-topbar__info{flex-shrink:1;align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}.learn-topbar__text{min-width:0;overflow:hidden}.learn-topbar__title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.learn-topbar__meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.learn-topbar__controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.learn-practice-caret{transition:transform .15s;transform:rotate(90deg)}.learn-practice-caret.is-open{transform:rotate(-90deg)}.learn-progress{background:var(--bg-field);z-index:19;width:100%;height:3px}.learn-progress__fill{background:linear-gradient(90deg,#06b6d4,#3b82f6);height:100%;transition:width .1s linear}.learn-field{flex:1;min-height:90px;position:relative;overflow:hidden}.learn-field__canvas{width:100%;height:100%;position:absolute;top:0;left:0}.learn-hit{color:#fca5a5;text-transform:uppercase;pointer-events:none;background:#ef444440;border:1px solid #ef4444;border-radius:20px;padding:6px 16px;font-size:1rem;font-weight:800;animation:.6s forwards scaleFade;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.learn-hit--perfect{color:var(--text-accent-cyan);background:#06b6d440;border:1px solid #06b6d4}.learn-hit--good{color:#6ee7b7;background:#10b98140;border:1px solid #10b981}.learn-start{-webkit-backdrop-filter:blur(calc(8px * var(--glass-k,1)));backdrop-filter:blur(calc(8px * var(--glass-k,1)));z-index:10;background:#030712bf;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.learn-start__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:50px;align-items:center;gap:12px;padding:16px 36px;font-size:1.2rem;font-weight:800;transition:transform .15s;display:flex;box-shadow:0 8px 32px #06b6d480}.learn-start__hint{text-align:center;color:var(--text-secondary);margin-top:12px;padding:0 20px;font-size:.85rem}.learn-dock{z-index:15;border-top:1px solid var(--border-glass-hover);background:#070b14;flex-direction:column;flex-shrink:0;display:flex}.learn-dock__keys{flex-direction:column;min-height:80px;max-height:40dvh;display:flex}.learn-dock__keys--landscape{max-height:36dvh}.learn-result-overlay{-webkit-backdrop-filter:blur(calc(16px * var(--glass-k,1)));backdrop-filter:blur(calc(16px * var(--glass-k,1)));z-index:1000;background:#030712e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.learn-result-card{background:var(--bg-modal);width:100%;max-width:calc(440px * var(--ui,1));text-align:center;border:1px solid #06b6d44d;border-radius:24px;padding:32px 28px;animation:.3s scaleIn;overflow:hidden;box-shadow:0 20px 60px #000c}.learn-result-stars{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.learn-result-title{font-family:var(--font-heading);color:#fff;margin:0 0 6px;font-size:1.6rem;font-weight:800}.learn-result-song{color:var(--text-secondary);margin-bottom:24px;font-size:.88rem}.learn-result-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.learn-result-stat{background:var(--bg-field);border:1px solid var(--border-glass);border-radius:12px;padding:12px}.learn-result-stat__label{color:var(--text-secondary);text-transform:uppercase;font-size:.72rem}.learn-result-stat__value{margin-top:2px;font-size:1.3rem;font-weight:800}.learn-result-stat__value--score{color:#06b6d4}.learn-result-stat__value--accuracy{color:#10b981}.learn-result-hits{background:var(--bg-field);border-radius:12px;justify-content:space-around;margin-bottom:24px;padding:10px 14px;font-size:.8rem;display:flex}.learn-result-hits__perfect{color:#22d3ee}.learn-result-hits__good{color:#34d399}.learn-result-hits__miss{color:#f87171}.learn-result-practice{color:#c4b5fd;margin-bottom:20px;font-size:.82rem;font-weight:600}.learn-result-reward{background:#06b6d426;border:1px solid #06b6d44d;border-radius:14px;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding:12px;display:flex}.learn-result-reward__label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.learn-result-reward__value{color:#38bdf8;font-size:1rem;font-weight:800}.learn-result-actions{gap:12px;display:flex}.learn-result-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;display:flex}.learn-result-btn--primary{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;font-weight:700}.learn-result-btn--secondary{background:var(--bg-field);color:var(--text-secondary);border:1px solid var(--border-glass-hover);font-weight:600}.store-modal{width:min(calc(960px * var(--ui,1)), 94vw);background:var(--bg-modal);border-radius:20px;flex-direction:column;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000c}.store-head{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.store-head__title{color:var(--text-main);align-items:center;gap:8px;font-size:1.3rem;font-weight:800;display:flex}.store-head__tag{color:#fbbf24;background:#f59e0b26;border-radius:6px;padding:3px 8px;font-size:.75rem}.store-head__wallet{gap:14px;margin-top:4px;font-size:.82rem;font-weight:700;display:flex}.store-head__tokens{color:#f59e0b}.store-head__gems{color:#06b6d4}.store-tabs{border-bottom:1px solid var(--border-glass);padding:10px clamp(12px,3vw,22px)}.store-tabs .seg{max-width:100%;display:flex}.store-tabs .seg>button{align-items:center;gap:6px;display:inline-flex}.store-alert{color:#6ee7b7;background:#10b98126;border:1px solid #10b98166;border-radius:8px;margin:10px 22px 0;padding:9px 14px;font-size:.85rem;font-weight:600}.store-alert.is-error{color:#fca5a5;background:#ef444426;border-color:#ef444466}.store-layout{grid-template-columns:calc(260px * var(--ui,1)) minmax(0, 1fr);flex:1;gap:18px;min-height:0;padding:16px 22px 20px;display:grid}.store-preview{--rarity:#94a3b8;background:var(--bg-field);border:1px solid color-mix(in srgb, var(--rarity) 45%, var(--border-glass));box-shadow:0 0 24px color-mix(in srgb, var(--rarity) 18%, transparent);border-radius:16px;flex-direction:column;align-self:start;align-items:center;gap:12px;padding:16px;display:flex}.store-preview--empty{min-height:260px;color:var(--text-muted);text-align:center;justify-content:center;font-size:.85rem}.store-preview__stage{width:calc(196px * var(--ui,1));background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--rarity) 22%, transparent), transparent 70%), #00000040;height:196px;color:var(--text-secondary);border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative}.store-preview__avatar{width:calc(168px * var(--ui,1));justify-content:center;align-items:center;height:168px;font-size:104px;line-height:1;display:flex}.store-preview__theme{width:calc(168px * var(--ui,1));height:112px;display:block}.store-preview__theme .store-thumb__theme{border-radius:12px}.store-preview__trying{color:#fde68a;letter-spacing:.3px;text-transform:uppercase;background:#0000008c;border-radius:6px;padding:2px 8px;font-size:.68rem;font-weight:800;position:absolute;top:8px;left:8px}.store-preview__info{text-align:center;min-width:0}.store-preview__rarity{color:var(--rarity);letter-spacing:.5px;text-transform:uppercase;font-size:.72rem;font-weight:800}.store-preview__name{color:var(--text-main);margin:2px 0 4px;font-size:1.05rem;font-weight:800}.store-preview__desc{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.4}.store-preview__action{width:100%;min-height:calc(42px * var(--ui,1));white-space:normal;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;display:inline-flex}.store-preview__action:disabled{opacity:.6;cursor:default}.store-list{min-width:0;min-height:0;max-height:calc(88vh - 190px);padding-right:2px;overflow-y:auto}.store-slots{flex-wrap:wrap;margin-bottom:12px}.store-empty{color:var(--text-muted);text-align:center;padding:24px 4px;font-size:.85rem}.store-grid{grid-template-columns:repeat(auto-fill, minmax(calc(132px * var(--ui,1)), 1fr));gap:10px;display:grid}.store-card{--rarity:#94a3b8;background:var(--bg-field);border:1px solid var(--border-glass);color:var(--text-main);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;display:flex;position:relative}.store-card:hover{border-color:color-mix(in srgb, var(--rarity) 60%, transparent);transform:translateY(-2px)}.store-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.store-card.is-selected{border-color:var(--rarity);box-shadow:0 0 0 1px var(--rarity), 0 0 18px color-mix(in srgb, var(--rarity) 30%, transparent)}.store-card.is-equipped{background:#06b6d41a}.store-card__rarity{color:var(--rarity);letter-spacing:.4px;text-transform:uppercase;align-self:flex-start;font-size:.62rem;font-weight:800}.store-card__name{font-size:.85rem;font-weight:700;line-height:1.25}.store-card__state{color:#fbbf24;align-items:center;gap:4px;font-size:.74rem;font-weight:700;display:inline-flex}.store-card__state--owned{color:var(--text-secondary)}.store-card__state--equipped{color:var(--text-accent-cyan)}.store-thumb{width:calc(64px * var(--ui,1));height:calc(64px * var(--ui,1));color:#fbbf24;justify-content:center;align-items:center;font-size:40px;line-height:1;display:flex}.store-thumb--theme{width:100%;height:calc(48px * var(--ui,1))}.store-thumb__theme{background-position:50%;background-size:cover;border-radius:8px;width:100%;height:100%;display:block}.store-thumb__img{object-fit:contain;width:100%;height:100%}.store-thumb__slot{filter:grayscale(.3);font-size:34px}@media (width<=720px){.store-modal{width:100%;max-height:92vh}.store-head{padding:12px 14px}.store-alert{margin:8px 14px 0}.store-layout{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 14px 14px;overflow-y:auto}.store-preview{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"stage info""stage action";align-items:center;gap:6px 12px;padding:10px;display:grid}.store-preview--empty{min-height:0;display:flex}.store-preview__stage{width:calc(96px * var(--ui,1));grid-area:stage;height:96px}.store-preview__avatar{width:calc(84px * var(--ui,1));height:84px;font-size:52px}.store-preview__avatar .avatar-layers{width:calc(84px * var(--ui,1));height:84px}.store-preview__theme{width:calc(84px * var(--ui,1));height:calc(56px * var(--ui,1))}.store-preview__info{text-align:start;grid-area:info}.store-preview__desc{display:none}.store-preview__action{min-height:calc(38px * var(--ui,1));grid-area:action}.store-preview__trying{padding:1px 5px;font-size:.58rem;top:4px;left:4px}.store-list{max-height:none;overflow:visible}.store-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.store-thumb{width:calc(52px * var(--ui,1));height:calc(52px * var(--ui,1));font-size:34px}}@media (prefers-reduced-motion:reduce){.store-card{transition:none}.store-card:hover{transform:none}}:root[data-perf=lite] .store-card{transition:none}:root[data-perf=lite] .store-preview,:root[data-perf=lite] .store-card.is-selected{box-shadow:none}.store-modal{isolation:isolate;background:#070a14;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;position:relative}.store-modal:before,.store-modal:after{content:"";pointer-events:none;position:absolute;inset:0}.store-modal:before{z-index:-2;background:var(--art-lobby-bg,none) center 35% / cover no-repeat}.store-modal:after{z-index:-1;background:var(--art-scrim-dense)}:root[data-theme=light] .store-modal{background:var(--bg-main)}.store-modal>*{width:100%;max-width:calc(1180px * var(--ui,1));box-sizing:border-box;margin-inline:auto}.store-head__tokens,.store-head__gems{align-items:center;gap:5px;display:inline-flex}.store-banner{border:1px solid var(--glass-border);min-height:150px;box-shadow:var(--glass-shadow);background:#0b1020 right 16%/cover no-repeat;border-radius:18px;align-items:center;margin-top:4px;margin-bottom:10px;display:flex;position:relative;overflow:hidden}.store-banner:before{content:"";background:linear-gradient(90deg,#050814b8 0%,#0508145c 38%,#05081400 62%);position:absolute;inset:0}.store-banner__text{color:#f1f5f9;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 24px;display:flex;position:relative}.store-banner__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:800}.store-banner__title{font-family:var(--font-heading);font-size:clamp(1.15rem,2.6vw,1.6rem);font-weight:800}.store-banner--flame .store-banner__eyebrow{color:#fbbf24}.store-banner--cyberpunk .store-banner__eyebrow{color:#f0abfc}.store-banner--gold .store-banner__eyebrow{color:#fde68a}.store-banner--cyan .store-banner__eyebrow{color:#67e8f9}@media (width<=640px){.store-banner{background-position:70% 20%;min-height:112px}.store-banner__text{padding:14px 16px}}.store-preview{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter)}.store-preview__stage{background-position:50% 40%;background-size:cover;overflow:hidden}.store-preview__stage .store-preview__avatar{filter:drop-shadow(0 12px 22px #0000008c)}.modal-overlay:has(>.store-modal){padding:0}.store-modal .store-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-highlight)}.store-modal .store-card.is-equipped{background:linear-gradient(#06b6d424, #06b6d424), var(--glass-bg)}.store-modal .seg{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border)}.store-modal .store-tabs{border-bottom:0}.store-modal .store-empty{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-radius:14px;padding:18px}.price-tag{align-items:center;gap:5px;display:inline-flex}.price-tag__part{align-items:center;gap:3px;display:inline-flex}.screen-actions{align-items:center;gap:var(--ctl-gap,8px);flex-shrink:0;margin-left:auto;display:flex}.screen-actions__sep{background:var(--border-glass-hover);width:1px;height:22px;margin:0 2px}.screen-actions__exit{font-weight:800}.tb-btn.screen-actions__exit{--tb-tone:148, 163, 184}.screen-actions__pop{z-index:60;min-width:calc(210px * var(--ui,1));flex-direction:column;gap:8px;padding:10px 12px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.screen-actions__pop-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.screen-actions__pct{color:var(--text-main);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.legal-modal{width:92%;max-width:calc(640px * var(--ui,1));background:var(--bg-modal);border-radius:20px;flex-direction:column;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #000c}.legal-modal__head{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.legal-modal__head h2{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:800}.legal-modal__tabs{border-bottom:1px solid var(--border-glass);padding:10px 20px}.legal-modal__body{min-height:0;color:var(--text-secondary);flex:1;padding:16px 22px 20px;font-size:.86rem;line-height:1.6;overflow-y:auto}.legal-modal__body section+section{margin-top:14px}.legal-modal__body h3{color:var(--text-main);margin:0 0 4px;font-size:.92rem;font-weight:800}.legal-modal__body p{margin:0 0 6px}.legal-modal__body ul{margin:0 0 6px;padding-left:20px}.legal-modal__body li+li{margin-top:3px}.legal-modal__updated{color:var(--text-muted);font-size:.72rem;margin-top:16px!important}.solo-toolbar{z-index:250;background:#0000004d;position:relative}:root[data-theme=light] .solo-toolbar{-webkit-backdrop-filter:blur(calc(12px * var(--glass-k,1))) saturate(1.1);backdrop-filter:blur(calc(12px * var(--glass-k,1))) saturate(1.1);background:#ffffff1f;box-shadow:inset 0 -1px #ffffff38,0 4px 18px #0f172a14}.reaction-pop{z-index:50;grid-template-columns:repeat(5, calc(40px * var(--ui,1)));gap:2px;max-width:calc(100vw - 16px);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.reaction-pop .reaction-btn{width:calc(40px * var(--ui,1));height:calc(40px * var(--ui,1));font-size:1.3rem}.edge-tabs{z-index:25;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.edge-tab{width:calc(40px * var(--ui,1));border:1px solid var(--border-glass-hover);background:var(--bg-modal);-webkit-backdrop-filter:blur(calc(10px * var(--glass-k,1)));backdrop-filter:blur(calc(10px * var(--glass-k,1)));color:var(--text-secondary);cursor:pointer;transition:width var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border-right:none;border-radius:12px 0 0 12px;flex-direction:column;align-items:center;gap:4px;padding:10px 0;display:flex;position:relative;box-shadow:-4px 4px 14px #00000059}.edge-tab:hover{width:calc(46px * var(--ui,1));color:var(--text-main)}.edge-tab--chat.is-active{color:#34d399;background:#10b98129;border-color:#34d39980}.edge-tab--dm{color:#38bdf8}.edge-tab__label{writing-mode:vertical-rl;letter-spacing:.06em;font-size:.66rem;font-weight:800;transform:rotate(180deg)}.edge-tab .notif-badge{position:absolute;top:-6px;left:-6px;right:auto}.room-chat--overlay{right:52px}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.room-chat--overlay:not([hidden]),.room-chat--side:not([hidden]){animation:.22s cubic-bezier(.16,1,.3,1) slideInRight}.modal-overlay--drawer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#02061759;justify-content:flex-end;align-items:stretch;padding:0;animation:none;overflow:hidden}.modal-overlay--drawer>*{max-height:100dvh;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;height:100%!important;width:min(calc(780px * var(--ui,1)), 100%)!important;border-radius:20px 0 0 20px!important;margin:0!important}@media (prefers-reduced-motion:reduce){.room-chat--overlay:not([hidden]),.room-chat--side:not([hidden]),.modal-overlay--drawer>*{animation:none}}@media (height<=550px){.edge-tab{width:calc(34px * var(--ui,1));padding:7px 0}.edge-tab__label{display:none}}.app-header-logo{width:calc(40px * var(--ui,1));height:calc(40px * var(--ui,1));filter:drop-shadow(0 4px 12px #ffbe5a59);flex-shrink:0;display:block}.art-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000073);-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-block}.account-wallet{height:var(--ctl-h);box-sizing:border-box;border-radius:var(--ctl-radius);background:var(--glass-bg);border:1px solid var(--glass-border);font:inherit;color:inherit;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}.account-wallet:hover{background:#fbbf2414;border-color:#fbbf248c}.account-wallet--compact{height:var(--ctl-h-sm)}.account-wallet__item{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.88rem;font-weight:800;display:inline-flex}.account-wallet__item--tokens{color:#fbbf24}.account-wallet__item--gems{color:#67e8f9}:root[data-theme=light] .account-wallet__item--tokens{color:#b45309}:root[data-theme=light] .account-wallet__item--gems{color:#0e7490}.account-wallet__sep{background:var(--glass-border);width:1px;height:14px}.account-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #ef4444}.account-count{text-align:center;color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg-main), 0 0 8px #ef444499;pointer-events:none;background:#ef4444;border-radius:999px;padding:0 5px;font-size:.68rem;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){[role=status][style*=toastIn],[role=alert][style*=toastIn]{animation:none!important}}.auth-welcome{background:#0b1020 50% 22%/cover no-repeat;height:190px;margin:0 -26px;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.auth-logo{filter:drop-shadow(0 8px 20px #ffbe5a66);margin:-34px auto 12px;display:block;position:relative}@media (height<=640px){.auth-welcome{height:120px}}.empty-art{filter:drop-shadow(0 8px 20px #00000059);max-width:60%;height:auto;margin:0 auto 10px;display:block}.empty-art--icon{opacity:.85}.tb-select-wrap{align-items:center;gap:6px;display:inline-flex}.lang-picker__field{border-radius:var(--radius-md);border:1px solid var(--border-glass-hover);background:var(--bg-field);min-width:170px;color:var(--text-main);font:inherit;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:inline-flex}.lang-picker__field:hover{border-color:var(--border-accent);background:var(--bg-field-hover)}.lang-picker__field:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.lang-picker__field[aria-expanded=true]{border-color:var(--accent-cyan)}.lang-picker__chevron{opacity:.7;width:8px;height:8px;transition:transform var(--transition-fast);border-bottom:2px solid;border-right:2px solid;transform:translateY(-2px)rotate(45deg)}[aria-expanded=true]>.lang-picker__chevron{transform:translateY(2px)rotate(225deg)}.lang-picker__list{z-index:3000;overscroll-behavior:contain;background:var(--lang-picker-bg,#0f172a);border:1px solid var(--border-modal);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0;padding:6px;list-style:none;animation:.14s ease-out lang-picker-in;position:fixed;overflow-y:auto}.lang-picker__list--sheet{max-height:72vh;padding:8px 8px calc(12px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:.18s ease-out lang-picker-up;bottom:0;left:0;right:0}.lang-picker__backdrop{z-index:2999;background:#03071299;position:fixed;inset:0}:root[data-theme=light]{--lang-picker-bg:#f8fafc}.lang-picker__sheet-title{font:700 .95rem var(--font-heading);color:var(--text-secondary);text-align:center;padding:8px 12px 10px}.lang-picker__option{border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.lang-picker__option:hover,.lang-picker__option:focus-visible{background:var(--bg-field-hover)}.lang-picker__option:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-cyan)}.lang-picker__option.is-selected{background:#06b6d41f}.lang-picker__names{flex-direction:column;min-width:0;line-height:1.25;display:flex}.lang-picker__native{font-size:.95rem;font-weight:600}.lang-picker__english{color:var(--text-secondary);font-size:.75rem}.lang-picker__check{color:var(--text-accent-cyan);flex:none}.lang-picker__divider{background:var(--border-glass-hover);height:1px;margin:6px 10px}@keyframes lang-picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes lang-picker-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lang-picker__list{animation:none}}.account-toolbar{flex-wrap:nowrap;gap:12px}.account-toolbar--compact{gap:8px}.account-toolbar__actions{border-radius:calc(var(--ctl-radius) + 3px);background:var(--glass-bg);border:1px solid var(--glass-border);flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.account-toolbar__actions>.tb-btn{background:0 0;border-color:#0000}.account-toolbar__actions>.tb-btn:hover{background:var(--glass-bg)}.account-toolbar--compact .account-toolbar__actions>.tb-btn--sm{width:30px;min-width:30px;height:30px;padding:0}.account-toolbar__purse{align-items:center;gap:6px;min-width:0;display:inline-flex}.account-profile{height:calc(var(--ctl-h) + 6px);border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);max-width:220px;color:var(--text-main);font:inherit;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-shrink:0;align-items:center;gap:9px;padding:0 14px 0 3px;display:inline-flex}.account-profile:hover{border-color:#06b6d48c;transform:translateY(-1px)}.account-profile--compact{height:var(--ctl-h);max-width:none;padding:0 2px}.account-profile__text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;display:flex}.account-profile__name{align-items:center;gap:4px;max-width:150px;font-size:.86rem;font-weight:800;display:inline-flex}.account-profile__name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-profile--vip,.account-profile--admin{background:linear-gradient(135deg,#fbbf2429,#f59e0b0d);border-color:#fbbf2499;animation:3.2s ease-in-out infinite accountGlow}.account-profile--vip .account-profile__name,.account-profile--admin .account-profile__name{color:#fcd34d}:root[data-theme=light] .account-profile--vip .account-profile__name,:root[data-theme=light] .account-profile--admin .account-profile__name{color:#b45309}@keyframes accountGlow{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 14px 1px #fbbf2459}}.account-gift--ready>.art-icon{animation:2.4s ease-in-out infinite giftWiggle}@keyframes giftWiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-12deg)scale(1.08)}90%{transform:rotate(10deg)scale(1.08)}95%{transform:rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.account-profile--vip,.account-profile--admin,.account-gift--ready>.art-icon{animation:none}}@media (width<=640px){.account-profile__text{display:none}.account-profile{padding:0 3px}}.empty-art{animation:5s ease-in-out infinite emptyFloat}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.empty-art{animation:none}}.reaction-float--vip>span:first-child{filter:drop-shadow(0 0 14px #fbbf24d9)drop-shadow(0 4px 10px #00000080)!important}.zen-exit{width:calc(48px * var(--ui,1));height:calc(48px * var(--ui,1));background:var(--bg-modal);-webkit-backdrop-filter:blur(calc(8px * var(--glass-k,1)));backdrop-filter:blur(calc(8px * var(--glass-k,1)));cursor:pointer;border:1px solid #38bdf873;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;box-shadow:0 4px 16px #0000008c}.zen-exit>.art-icon{width:calc(28px * var(--ui,1));height:calc(28px * var(--ui,1));zoom:1}.zen-exit:hover{border-color:#38bdf8cc}.zen-exit:hover>.art-icon{transform:scale(1.08)}:root[data-perf=lite] .zen-exit{-webkit-backdrop-filter:none;backdrop-filter:none}.screen-title{align-items:center;gap:10px;min-width:0;display:flex}.screen-title__logo{width:calc(32px * var(--ui,1));height:calc(32px * var(--ui,1));flex-shrink:0}.screen-title__brand{font-family:var(--font-heading);letter-spacing:-.3px;white-space:nowrap;background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.02rem;font-weight:800}.screen-title__sep{width:1px;height:calc(26px * var(--ui,1));background:var(--border-glass-hover,var(--border-glass));flex-shrink:0}.screen-title__text{flex-direction:column;min-width:0;display:flex}.screen-title__name{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:800;line-height:1.2;overflow:hidden}.screen-title__meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:.78rem;overflow:hidden}.screen-title__meta strong{color:var(--text-main);font-weight:700}.screen-title--compact .screen-title__brand,.screen-title--compact .screen-title__sep{display:none}.screen-title--compact{gap:8px}.screen-title--compact .screen-title__logo{width:26px;height:26px}.screen-title--compact .screen-title__name{font-size:.95rem}@media (width<=720px){.screen-title__brand,.screen-title__sep{display:none}}.reaction-layer{pointer-events:none;z-index:25;position:absolute;inset:0;overflow:hidden}.rail-step{color:var(--text-accent-cyan);cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#06b6d440,#0f172ae6);border:1px solid #06b6d480;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 2px 10px #06b6d440}.rail-step--octave{background:linear-gradient(135deg,#06b6d424,#0f172aeb)}.rail-step:disabled{background:var(--bg-field);border-color:var(--border-glass);color:#475569;box-shadow:none;cursor:not-allowed}:root[data-theme=light] .rail-step{color:#0e7490;background:linear-gradient(#fff,#e6f7fb);border-color:#06b6d473;box-shadow:0 2px 8px #06b6d42e}:root[data-theme=light] .rail-step--octave{background:linear-gradient(#f1f5f9,#dceff5)}:root[data-theme=light] .rail-step:disabled{background:var(--bg-field);color:#94a3b8;box-shadow:none}[dir=rtl] .piano-kb,[dir=rtl] .learn-stage{direction:ltr}[dir=rtl] :has(>.rail-step){direction:ltr}