:root{--void: #0A0A0A;--obsidian: #1A1A1E;--panel: #131316;--border: #2a2a2f;--ruin: #3D3D42;--bone: #D4CFC4;--bone-dim: #a8a39a;--text-muted: #a8a39a;--text-faint: #7a756c;--gold: #E2B94E;--gold-hi: #F5D87A;--gold-dim: rgba(226,185,78,.15);--gold-soft: rgba(226,185,78,.08);--blue: #4A7FA5;--teal: #2E6B6B;--blood: #8B3A3A;--overlay-06: rgba(10,10,10,.6);--overlay-75: rgba(10,10,10,.75);--overlay-85: rgba(10,10,10,.85);--overlay-92: rgba(10,10,10,.92);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--font-display: "Cinzel", serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-xs: 10px;--fs-sm: 11px;--fs-md: 12px;--fs-base: 13px;--fs-lg: 14px;--fs-xl: 18px;--fs-2xl: 24px;--fs-3xl: 28px;--fs-4xl: 32px;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-full: 50%;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-gold-sm: 0 2px 12px rgba(226,185,78,.25);--shadow-gold-md: 0 4px 20px rgba(226,185,78,.4);--shadow-card: 0 0 60px rgba(226,185,78,.03);--z-canvas: 0;--z-content: 1;--z-hud: 5;--z-hud-ui: 6;--z-floating: 8;--z-notifications: 9;--z-join: 10;--z-nav: 12;--z-modal: 15;--z-overlay: 20;--z-modal-top: 30;--tap-target: 44px;--tap-target-sm: 32px;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--safe-bottom: env(safe-area-inset-bottom, 0px);--kb-offset: 0px;--nav-height: calc(57px + env(safe-area-inset-top, 0px)) ;--hud-top: calc(var(--nav-height) + 8px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--bone)}body{font-family:var(--font-body);font-weight:300;font-size:var(--fs-base);line-height:1.5}::selection{background:var(--gold);color:var(--void)}:focus{outline:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--radius-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body .hidden{display:none}input,textarea,select{padding:10px 14px;font-size:var(--fs-base);font-family:var(--font-body);color:var(--bone);background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-slow)}input:focus,textarea:focus,select:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:var(--text-faint)}select{cursor:pointer}.input-full{width:100%}label.form-label{display:block;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-1)}button{padding:10px 18px;min-height:36px;font-size:var(--fs-md);font-weight:600;font-family:var(--font-display);color:var(--void);cursor:pointer;background:linear-gradient(135deg,var(--gold),var(--gold-hi));border:none;border-radius:var(--radius-sm);letter-spacing:1px;text-transform:uppercase;transition:opacity var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-fast)}button:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.btn-secondary,.btn-secondary{background:var(--obsidian);border:1px solid var(--border);color:var(--bone)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold);opacity:1;transform:translateY(-1px)}.btn-ghost{background:none;border:1px solid var(--border);color:var(--bone-dim);font-family:var(--font-mono);font-weight:500}.btn-ghost:hover{border-color:var(--gold);color:var(--gold);opacity:1;transform:none;box-shadow:none}.btn-icon{width:var(--tap-target);height:var(--tap-target);padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--overlay-85);border:1px solid var(--border);color:var(--bone);font-family:inherit;font-size:var(--fs-lg);letter-spacing:0;text-transform:none;border-radius:var(--radius-sm);transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-icon:hover{border-color:var(--gold);color:var(--gold);opacity:1;transform:none;box-shadow:none}.btn-icon.active{border-color:var(--gold);color:var(--gold)}.btn-icon svg{width:18px;height:18px;display:block}.btn-danger{border-color:var(--blood)}.btn-danger:hover{border-color:#c44;color:#c44}.modal,.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4)}.modal.hidden{display:none}.modal-box{padding:var(--space-7);text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:420px;max-height:calc(100vh - var(--space-7));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ruin) transparent}.modal-box.sm{max-width:340px;padding:var(--space-6)}.modal-box.md{max-width:420px}.modal-box.lg{max-width:700px;padding:var(--space-7)}.modal-box .field{margin-bottom:var(--space-3)}.modal-box .grid-2{gap:var(--space-3);margin-bottom:var(--space-3)}.modal-box .modal-actions{margin-top:var(--space-4)}.modal-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--gold);letter-spacing:2px;margin-bottom:var(--space-4)}.modal-subtitle{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);letter-spacing:1px;margin-bottom:var(--space-4)}.modal-error{color:var(--blood);font-size:var(--fs-sm);margin-bottom:var(--space-3);min-height:16px}.modal-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.modal-actions>*{flex:1}.card{padding:var(--space-5);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.card-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--obsidian);border:1px solid var(--border);transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-fast)}.card-row.interactive{cursor:pointer}.card-row.interactive:hover{border-color:var(--gold);background:#e2b94e0a;transform:translate(2px)}.badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.5px}.badge--gold{background:var(--gold-dim);color:var(--gold)}.badge--teal{background:#2e6b6b33;color:var(--teal)}.badge--blood{background:#8b3a3a33;color:var(--blood)}.role-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;vertical-align:middle;flex-shrink:0}.role-chip svg{flex:0 0 auto}.role-chip--vip{background:var(--gold-dim);color:var(--gold)}.role-chip--mod{background:#4a7fa52e;color:var(--blue)}.role-chip--admin{background:#8b3a3a33;color:var(--blood)}.player-link{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit;text-decoration:none;border-radius:2px}.player-link:hover,.player-link:focus-visible{color:var(--gold);text-decoration:underline;outline:none}.tabs{display:inline-flex;gap:2px;padding:2px;margin-bottom:var(--space-5);background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;max-width:100%}.tabs button{padding:8px var(--space-4);min-height:36px;font-size:var(--fs-xs);font-weight:500;font-family:var(--font-mono);color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-xs);cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:color var(--transition-fast),background var(--transition-fast)}.tabs button:hover{color:var(--bone);background:#e2b94e0a;border-color:transparent;opacity:1;transform:none;box-shadow:none}.tabs button.active{color:var(--gold);background:var(--gold-soft);border-color:var(--gold-dim)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.section-header h3{font-family:var(--font-display);font-size:var(--fs-base);font-weight:600;color:var(--bone);letter-spacing:2px;text-transform:uppercase}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-muted)}.empty-state .empty-icon{font-size:var(--fs-3xl);color:var(--border);margin-bottom:var(--space-2)}.empty-state .empty-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-1)}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--gold)}.text-center{text-align:center}.stack-1{margin-bottom:var(--space-1)}.stack-2{margin-bottom:var(--space-2)}.stack-3{margin-bottom:var(--space-3)}.stack-4{margin-bottom:var(--space-4)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.row{display:flex;gap:var(--space-2);align-items:center}.row-3{gap:var(--space-3)}.row-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-auto{flex:0 0 auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.field-hint{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-1);line-height:1.4}.input-color{width:var(--tap-target);height:var(--tap-target);min-width:var(--tap-target);padding:3px;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.hide{display:none}.btn-small{padding:6px var(--space-3);min-height:28px;font-size:var(--fs-xs);letter-spacing:1px}.empty-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-1)}.welcome-msg{text-align:center;font-family:var(--font-mono);color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--space-5)}#game{display:block;width:100vw;height:100vh;touch-action:none}#top-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-5);background:var(--overlay-92);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-top:calc(10px + env(safe-area-inset-top,0px))}#top-nav .nav-brand{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--gold);letter-spacing:2px;cursor:pointer}.nav-badge{font-family:var(--font-mono);font-size:8px;font-weight:600;color:var(--void);background:var(--gold);padding:2px 5px;border-radius:var(--radius-xs);letter-spacing:1px;vertical-align:middle;margin-left:6px}.nav-online{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--teal);font-weight:400;margin-left:var(--space-2)}.nav-global-score{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);font-weight:400;letter-spacing:1px;margin-left:var(--space-3);text-transform:uppercase}.nav-global-score .val{color:var(--gold);font-weight:600;margin-left:var(--space-1)}#top-nav .nav-links{display:flex;gap:var(--space-1)}#top-nav .nav-links button{padding:6px var(--space-4);min-height:var(--tap-target);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-body);color:var(--bone-dim);background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.5px;text-transform:none}#top-nav .nav-links button:hover{color:var(--bone);border-color:var(--border);opacity:1;transform:none;box-shadow:none}#top-nav .nav-links button.active{color:var(--gold);border-color:var(--gold)}.nav-right{display:flex;align-items:center;gap:var(--space-3)}.account-menu{position:relative}#account-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px 4px 4px;min-height:36px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--bone);font-family:var(--font-body);font-size:var(--fs-md);font-weight:500;letter-spacing:0;text-transform:none;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}#account-trigger:hover{border-color:var(--border);background:#e2b94e0a;transform:none;opacity:1;box-shadow:none}#account-trigger[aria-expanded=true]{border-color:var(--border);background:#e2b94e0f}.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--gold-dim);color:var(--gold);font-family:var(--font-display);font-weight:700;font-size:var(--fs-md);letter-spacing:0;text-transform:uppercase;flex:0 0 auto}.account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-caret{width:10px;height:6px;color:var(--text-muted);flex:0 0 auto}.account-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;padding:var(--space-1);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);z-index:var(--z-nav);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-dropdown.hidden{display:none}.account-dropdown__header{padding:var(--space-3) var(--space-3) var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-1)}.account-dropdown__name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-base);color:var(--bone);letter-spacing:1px}.account-dropdown__email{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown button{display:block;width:100%;padding:10px var(--space-3);min-height:36px;text-align:left;background:none;border:none;color:var(--bone);font-family:var(--font-body);font-size:var(--fs-md);font-weight:400;letter-spacing:0;text-transform:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.account-dropdown button:hover{background:#e2b94e14;color:var(--gold);transform:none;opacity:1;box-shadow:none}.account-dropdown__sep{height:1px;background:var(--border);margin:var(--space-1) var(--space-1)}.account-dropdown__danger{color:var(--text-muted)}.account-dropdown__danger:hover{background:#8b3a3a1a;color:var(--blood)}#hamburger-btn{display:none;width:var(--tap-target);height:var(--tap-target);padding:10px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--bone);cursor:pointer}#hamburger-btn:hover{border-color:var(--gold);color:var(--gold);transform:none;box-shadow:none;opacity:1}#hamburger-btn svg{width:100%;height:100%;display:block}.page{display:none;position:fixed;inset:0;z-index:var(--z-hud-ui);padding-top:calc(var(--hud-top) - 4px);overflow-y:auto;background:var(--void);scrollbar-width:thin;scrollbar-color:var(--ruin) transparent}.page.visible{display:block;animation:page-fade-in .2s ease}.page:focus{outline:none}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.page-inner{padding:var(--space-8);max-width:1500px;margin:0 auto}.page-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);color:var(--gold);letter-spacing:3px;margin:0}.page-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap}.page-hero__tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;margin-top:var(--space-1)}.page-hero__main{flex:1;min-width:0}.page-hero__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}#hud{position:fixed;inset:0;z-index:var(--z-hud);pointer-events:none}#hud.hidden{display:none}#brand-logo{display:none;position:absolute;top:var(--hud-top);left:50%;transform:translate(-50%);max-height:40px;max-width:200px;pointer-events:none;opacity:.8;z-index:var(--z-content)}#brand-logo.visible{display:block}.game-panel{position:absolute;top:var(--hud-top);pointer-events:auto;width:240px;background:var(--overlay-85);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#players-panel{left:var(--space-3)}.game-panel .gp-header{padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--gold);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.game-panel .gp-header span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);font-weight:400;letter-spacing:0}.gp-leave,.game-panel .gp-leave{padding:6px 10px;min-height:28px;font-size:9px;font-family:var(--font-mono);font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--ruin);border-radius:var(--radius-xs);cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:color var(--transition-fast),border-color var(--transition-fast)}.gp-leave:hover{color:var(--blood);border-color:var(--blood);transform:none;box-shadow:none}#players-list,#scores-list{padding:var(--space-1) 0}.player-row,.score-row{display:flex;align-items:center;gap:6px;padding:6px var(--space-3);min-height:32px;font-family:var(--font-body);font-size:var(--fs-md)}.player-row .player-dot,.score-row .player-dot{width:8px;height:8px;border-radius:var(--radius-full);flex:0 0 auto}.player-row .player-name{color:var(--bone);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-row.is-me .player-name,.player-row.is-leader .player-name{color:var(--gold);font-weight:500}.player-row .player-tag{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:1px}.pr-actions{display:flex;gap:var(--space-1);flex:0 0 auto}.pr-action{width:32px;height:32px;padding:0;font-size:var(--fs-xs);font-family:var(--font-mono);font-weight:600;color:var(--bone-dim);background:transparent;border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:none;letter-spacing:0;transition:border-color var(--transition-fast),color var(--transition-fast);min-height:auto}.pr-action:hover{border-color:var(--gold);color:var(--gold);transform:none;box-shadow:none;opacity:1}.pr-kick:hover{border-color:var(--blood);color:var(--blood)}.player-row .player-score{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--bone-dim);font-weight:500;min-width:28px;text-align:right}.player-row.is-leader .player-score{color:var(--gold)}.score-row .score-rank{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);width:14px}.score-row.is-leader .score-rank,.score-row.is-leader .player-name{color:var(--gold);font-weight:500}.score-row .player-name{color:var(--bone);flex:1}.score-row .score-val{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--bone-dim);font-weight:500}.score-row.is-leader .score-val{color:var(--gold)}.host-toolbar{position:absolute;top:var(--hud-top);left:50%;transform:translate(-50%);display:inline-flex;align-items:stretch;gap:var(--space-1);padding:var(--space-1);background:var(--overlay-92);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:var(--z-hud-ui);box-shadow:var(--shadow-sm);max-width:calc(100vw - var(--space-6));flex-wrap:nowrap}.host-toolbar.hidden{display:none}@media(min-width:769px){#hud:has(#timer-panel:not(.hidden)) .host-toolbar{top:calc(var(--hud-top) + 72px)}}.host-toolbar__group{display:flex;gap:var(--space-1)}.host-toolbar__sep{width:1px;background:var(--border);margin:4px 0;flex:0 0 auto}.host-btn{padding:8px var(--space-3);min-height:36px;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-display);color:var(--bone);cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);letter-spacing:1px;text-transform:uppercase;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.host-btn:hover{border-color:var(--gold);color:var(--gold);opacity:1;transform:none;box-shadow:none;background:var(--gold-soft)}.host-btn--primary{background:linear-gradient(135deg,var(--gold),var(--gold-hi));border-color:transparent;color:var(--void);padding:8px var(--space-4)}.host-btn--primary:hover{color:var(--void);opacity:.92;background:linear-gradient(135deg,var(--gold-hi),var(--gold));border-color:transparent}.host-btn--danger{color:var(--text-muted)}.host-btn--danger:hover{border-color:var(--blood);color:var(--blood);background:#8b3a3a1a}.host-btn.is-saved{border-color:var(--gold);color:var(--gold)}.host-btn:disabled{opacity:.4;cursor:not-allowed;border-color:transparent;background:transparent;color:var(--text-muted)}.host-btn--staff{color:var(--blue);display:inline-flex;align-items:center;gap:6px}.host-btn--staff:hover{border-color:var(--blue);color:var(--blue);background:#4a7fa51f}.host-toolbar__host-only,.host-toolbar__staff-only{display:none}.host-toolbar.is-host .host-toolbar__host-only,.host-toolbar.is-staff .host-toolbar__staff-only{display:inline-flex}.host-toolbar:not(.is-host).is-staff .host-toolbar__staff-only.host-toolbar__sep{display:none}.invite-pill{position:absolute;top:var(--hud-top);right:calc(var(--space-3) + 2 * var(--tap-target) + 2 * var(--space-2) + env(safe-area-inset-right,0px));display:inline-flex;align-items:center;gap:6px;padding:8px var(--space-3);min-height:36px;background:var(--overlay-92);border:1px solid var(--gold-dim);border-radius:var(--radius-md);color:var(--gold);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-hud-ui);transition:border-color var(--transition-fast),background var(--transition-fast)}.invite-pill:hover{border-color:var(--gold);background:var(--gold-soft);color:var(--gold);opacity:1;transform:none;box-shadow:none}.invite-pill.hidden{display:none}.invite-pill svg{width:16px;height:16px;flex:0 0 auto}.invite-pill__feedback{display:none;font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--teal);letter-spacing:1px;margin-left:4px}.invite-pill.copied .invite-pill__feedback{display:inline}.account-rank-badge{display:inline-block;vertical-align:middle;flex:0 0 auto;margin:0 2px}.host-crown{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--gold);flex:0 0 auto;margin-right:2px}.host-crown svg{width:100%;height:100%}.btn-danger-solid{background:var(--blood);border:1px solid var(--blood);color:var(--bone)}.btn-danger-solid:hover{background:#a04848;border-color:#a04848;color:var(--bone);opacity:1}#host-menu-toggle{display:none;position:absolute;top:var(--hud-top);left:calc(var(--space-3) + 52px);width:var(--tap-target);height:var(--tap-target);padding:0;background:var(--overlay-85);border:1px solid var(--border);color:var(--bone);font-size:var(--fs-lg);cursor:pointer;border-radius:var(--radius-sm);text-transform:none;letter-spacing:0;transition:border-color var(--transition-fast),color var(--transition-fast);pointer-events:auto;z-index:var(--z-hud-ui);align-items:center;justify-content:center;min-height:var(--tap-target)}#host-menu-toggle:hover{border-color:var(--gold);color:var(--gold);opacity:1;transform:none;box-shadow:none}#host-menu-toggle.active{border-color:var(--gold);color:var(--gold)}#host-menu-toggle svg{width:18px;height:18px;display:block;margin:0 auto}#players-toggle{display:none;position:absolute;top:var(--hud-top);left:var(--space-3);width:var(--tap-target);height:var(--tap-target);padding:0;background:var(--overlay-85);border:1px solid var(--border);color:var(--bone);font-size:var(--fs-lg);cursor:pointer;border-radius:var(--radius-sm);text-transform:none;letter-spacing:0;transition:border-color var(--transition-fast),color var(--transition-fast);pointer-events:auto;z-index:var(--z-hud-ui);align-items:center;justify-content:center;min-height:var(--tap-target)}#players-toggle:hover{border-color:var(--gold);color:var(--gold);opacity:1;transform:none;box-shadow:none}#players-toggle.active{border-color:var(--gold);color:var(--gold)}#requests-toggle{position:absolute;top:var(--hud-top);right:var(--space-3);width:var(--tap-target);height:var(--tap-target);padding:0;background:var(--overlay-85);border:1px solid var(--border);color:var(--bone);font-size:var(--fs-lg);cursor:pointer;border-radius:var(--radius-sm);text-transform:none;letter-spacing:0;transition:border-color var(--transition-fast),color var(--transition-fast);pointer-events:auto;display:flex;align-items:center;justify-content:center;min-height:var(--tap-target)}#requests-toggle:hover{border-color:var(--gold);color:var(--gold);opacity:1;transform:none;box-shadow:none}#requests-toggle.active{border-color:var(--gold);color:var(--gold)}#puzzle-peek-btn{position:absolute;top:var(--hud-top);right:calc(var(--space-3) + var(--tap-target) + var(--space-2));width:var(--tap-target);height:var(--tap-target);padding:0;background:var(--overlay-85);border:1px solid var(--border);color:var(--bone);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:border-color var(--transition-fast),color var(--transition-fast);z-index:var(--z-floating)}#puzzle-peek-btn:hover,#puzzle-peek-btn.active{border-color:var(--gold);color:var(--gold)}.puzzle-preview-viewport{width:100%;max-height:60vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000;border-radius:4px;touch-action:none;cursor:grab}.puzzle-preview-viewport.dragging{cursor:grabbing}.puzzle-preview-modal-img{max-width:100%;max-height:60vh;display:block;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.puzzle-preview-controls{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.puzzle-preview-controls .btn-secondary{min-width:44px;min-height:36px}#requests-toggle svg,#players-toggle svg{width:18px;height:18px;display:block;margin:0 auto}#requests-panel{position:absolute;top:calc(var(--hud-top) + 52px);right:var(--space-3);width:260px;pointer-events:auto;background:var(--overlay-85);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-3) var(--space-3);display:none}#requests-panel.open{display:block}#requests-panel.hidden{display:none}#requests-panel h4{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-2)}#request-list{max-height:140px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ruin) transparent}.req-item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);margin-bottom:3px;border-radius:var(--radius-sm);background:var(--overlay-85);font-size:var(--fs-md);font-family:var(--font-body);min-height:36px}.req-item.done{opacity:.5;text-decoration:line-through}.req-item .req-check{width:28px;height:28px;min-height:28px;border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);color:var(--gold);background:none;padding:0;text-transform:none;letter-spacing:0;font-family:inherit}.req-item .req-check:hover{border-color:var(--gold);opacity:1;transform:none;box-shadow:none}.req-item .req-text{flex:1;color:var(--bone)}.req-item .req-name{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.req-item .req-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-xl);min-width:28px;min-height:28px;padding:0 var(--space-1);line-height:1;text-transform:none;letter-spacing:0;font-family:inherit}.req-item .req-remove:hover{color:var(--blood);opacity:1;transform:none;box-shadow:none}#request-input-row{display:flex;gap:var(--space-1);margin-top:var(--space-2)}#request-input{flex:1;padding:8px var(--space-2);font-size:var(--fs-md);font-family:var(--font-body);color:var(--bone);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}#request-input:focus{border-color:var(--gold)}#request-input::placeholder{color:var(--text-faint)}#request-add-btn{padding:8px var(--space-3);min-height:36px;font-size:var(--fs-sm);font-weight:600;font-family:var(--font-display);color:var(--void);cursor:pointer;background:linear-gradient(135deg,var(--gold),var(--gold-hi));border:none;border-radius:var(--radius-sm);letter-spacing:1px}#chat-box{position:absolute;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:var(--space-3);width:280px;pointer-events:auto}#chat-messages{max-height:160px;overflow-y:auto;padding:var(--space-2) 10px;background:var(--overlay-85);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-family:var(--font-body);font-size:var(--fs-md);line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--ruin) transparent}#chat-messages:empty{display:none}#chat-messages .msg-name{font-weight:500}#chat-input{width:100%;padding:10px var(--space-3);font-size:var(--fs-md);font-family:var(--font-body);color:var(--bone);background:var(--panel);border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);outline:none}#chat-input:focus{border-color:var(--gold)}#chat-input::placeholder{color:var(--text-faint)}#streak-bar{position:absolute;top:calc(var(--hud-top) + 34px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;pointer-events:none;transition:opacity var(--transition-slow)}#streak-bar.hidden{opacity:0}#streak-fill-wrap{width:200px;height:8px;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-xs);overflow:hidden}#streak-fill{height:100%;width:0%;border-radius:var(--radius-xs);transition:width var(--transition-slow),background var(--transition-slow);background:var(--gold)}#streak-fill.x2{background:var(--gold);width:40%}#streak-fill.x3{background:var(--blue);width:65%}#streak-fill.x5{background:linear-gradient(90deg,var(--gold),var(--gold-hi));width:100%}#streak-label{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--gold);letter-spacing:1px;min-width:40px}#streak-count{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted)}.combo-flash{position:fixed;z-index:var(--z-floating);pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--gold-hi);letter-spacing:2px;text-shadow:0 0 20px rgba(226,185,78,.6);animation:combo-pop 1.5s ease-out forwards;left:50%;top:40%;transform:translate(-50%)}@keyframes combo-pop{0%{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.3)}to{opacity:0;transform:translate(-50%) translateY(-40px) scale(1)}}.floating-emote{position:fixed;z-index:var(--z-floating);pointer-events:none;font-size:var(--fs-4xl);animation:emote-float 2s ease-out forwards}@keyframes emote-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.3)}}#emote-bar{position:absolute;bottom:calc(56px + env(safe-area-inset-bottom,0px));right:60px;display:flex;gap:var(--space-1);pointer-events:auto}#emote-bar button{width:var(--tap-target);height:var(--tap-target);font-size:var(--fs-xl);line-height:1;background:var(--overlay-85);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-base),transform .1s;padding:0;text-transform:none;letter-spacing:0;font-family:inherit;color:inherit;min-height:var(--tap-target)}#emote-bar button:hover{border-color:var(--gold);transform:scale(1.1);opacity:1;box-shadow:none}#emote-bar button:active{transform:scale(.95)}#timer-panel{position:absolute;top:var(--hud-top);left:50%;transform:translate(-50%);text-align:center;padding:10px var(--space-5);background:var(--overlay-92);border:1px solid var(--gold);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}#timer-panel.hidden{display:none}#timer-label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:2px}#timer-value{font-family:var(--font-display);font-weight:700;font-size:var(--fs-3xl);color:var(--gold);letter-spacing:2px;line-height:1.1}#music-bar.hidden{display:none}#music-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));height:calc(44px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#0a0a0af0;border-top:1px solid var(--border);pointer-events:auto;z-index:2}#music-bar button{width:32px;height:32px;min-height:32px;padding:4px;background:none;border:none;color:var(--bone-dim);cursor:pointer;border-radius:var(--radius-sm);flex:0 0 auto;transition:color var(--transition-fast)}#music-bar button:hover{color:var(--gold);transform:none;box-shadow:none;opacity:1}#music-bar button svg{width:100%;height:100%;display:block}#music-play{width:36px;height:36px;color:var(--bone)}#music-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);justify-content:center}#music-title{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--bone-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#music-title.playing{color:var(--bone)}#music-progress-bar{width:100%;height:3px;background:var(--border);border-radius:var(--radius-xs);overflow:hidden;cursor:pointer}#music-progress-fill{height:100%;width:0%;background:var(--gold);border-radius:var(--radius-xs);transition:width .2s linear}#music-volume{width:70px;flex:0 0 auto;accent-color:var(--gold);cursor:pointer}#progress-panel{position:absolute;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--overlay-85);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}#progress-panel.hidden{display:none}#progress-track{width:200px;height:6px;background:#2a2a2f80;border-radius:var(--radius-xs);overflow:hidden}#progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),var(--gold-hi));transition:width var(--transition-slow) ease;border-radius:var(--radius-xs)}#progress-text{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--bone-dim);letter-spacing:1px;min-width:50px;text-align:right}#progress-panel.complete #progress-text{color:var(--gold)}.canvas-tools{position:absolute;right:var(--space-3);display:flex;flex-direction:column;padding:2px;gap:2px;background:var(--overlay-85);border:1px solid var(--border);border-radius:var(--radius-md);pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.canvas-tools--zoom{top:50%;transform:translateY(-50%)}.canvas-tools--view{top:calc(50% - 96px);transform:translateY(-100%)}.canvas-tools button{width:var(--tap-target);height:var(--tap-target);min-height:var(--tap-target);padding:0;background:transparent;border:1px solid transparent;color:var(--bone);font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:600;cursor:pointer;border-radius:var(--radius-sm);text-transform:none;letter-spacing:0;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;justify-content:center}.canvas-tools button:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-soft);opacity:1;transform:none;box-shadow:none}.canvas-tools button.active,.canvas-tools button[aria-pressed=false]{border-color:transparent}.canvas-tools button.active{border-color:var(--gold);color:var(--gold)}.canvas-tools button[aria-pressed=false]{color:var(--text-muted)}.canvas-tools button svg{width:18px;height:18px;display:block;margin:0 auto}.volume-popover{position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);padding:8px 12px;background:var(--overlay-85);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.volume-popover.hidden{display:none}.volume-popover input[type=range]{width:120px;display:block;accent-color:var(--gold);cursor:pointer}#chat-toggle,#emote-toggle{display:none;position:absolute;bottom:calc(56px + env(safe-area-inset-bottom,0px));width:var(--tap-target);height:var(--tap-target);min-height:var(--tap-target);border-radius:var(--radius-full);background:var(--overlay-85);border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;padding:0;z-index:var(--z-hud-ui);pointer-events:auto;align-items:center;justify-content:center}#chat-toggle{left:var(--space-3)}#emote-toggle{right:var(--space-3)}#chat-toggle svg,#emote-toggle svg{width:22px;height:22px}#image-loading-overlay{position:fixed;inset:0;z-index:var(--z-modal-top);background:var(--overlay-75);display:flex;align-items:center;justify-content:center;pointer-events:none!important}#image-loading-overlay *{pointer-events:none!important}#image-loading-overlay #img-load-retry{pointer-events:auto!important}#image-loading-overlay.hidden{display:none}.img-load-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.img-load-spinner{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--border);border-top-color:var(--gold);animation:img-load-spin .8s linear infinite}.img-load-spinner.hidden{display:none}#img-load-retry{margin-top:var(--space-2);padding:8px var(--space-4);min-height:36px;font-size:var(--fs-xs)}.img-load-text{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--bone-dim);letter-spacing:2px;text-transform:uppercase}@keyframes img-load-spin{to{transform:rotate(360deg)}}#join-screen{position:fixed;inset:0;z-index:var(--z-join);display:flex;align-items:center;justify-content:center;background:var(--void);padding:var(--space-4)}#join-screen.hidden{display:none}.join-box{width:100%;max-width:400px;padding:var(--space-8) var(--space-7);text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.join-box h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-4xl);letter-spacing:3px;color:var(--gold);margin-bottom:var(--space-1)}.join-box p{font-family:var(--font-mono);font-weight:300;color:var(--text-muted);font-size:var(--fs-sm);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-7)}.join-box input{width:100%;padding:12px var(--space-4);font-size:var(--fs-lg);margin-bottom:var(--space-3)}.join-box button{width:100%;padding:13px;min-height:var(--tap-target);font-size:var(--fs-base)}.join-box .sub{font-family:var(--font-mono);color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--space-5)}.join-box .btn-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.join-box .btn-row input{margin-bottom:0}.join-box .btn-row button{flex:1;padding:12px var(--space-4);font-size:var(--fs-md);border:1px solid transparent}.join-box .switch-link{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--space-4);letter-spacing:1px}.join-box .switch-link a{color:var(--gold);cursor:pointer;text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-base)}.join-box .switch-link a:hover{border-color:var(--gold)}.auth-error{color:var(--blood);font-size:var(--fs-md);margin-top:var(--space-2);min-height:14px}.upper{letter-spacing:2px;text-transform:uppercase}.puzzle-preview{margin:var(--space-2) 0;text-align:center}.puzzle-preview-img{max-height:120px;max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--border)}.puzzle-orientation{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-1)}.puzzle-grid-info{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--bone-dim);min-width:60px;text-align:center}#auth-step{width:min(400px,100%)}#auth-step.hidden{display:none}#auth-flip{width:100%;height:440px;perspective:1200px}#auth-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1)}#auth-flip.flipped #auth-flip-inner{transform:rotateY(180deg)}.auth-card{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center}.auth-card.back{transform:rotateY(180deg)}.auth-card .join-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.dashboard{padding:var(--space-7) var(--space-8) var(--space-9);max-width:1500px;margin:0 auto;width:100%}.dash-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.dash-hero .dash-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-3xl);color:var(--bone);letter-spacing:1px}.dash-hero .dash-tagline{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;margin-top:var(--space-1)}.dash-hero-right{display:flex;gap:var(--space-3)}.btn-quick-play,.btn-create-room{padding:10px var(--space-5);min-height:var(--tap-target);font-size:var(--fs-md);font-weight:600;font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-base),color var(--transition-base)}.btn-quick-play{color:var(--void);background:linear-gradient(135deg,var(--gold),var(--gold-hi));border:none;box-shadow:var(--shadow-gold-sm)}.btn-quick-play:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold-md);opacity:1}.btn-quick-play:active{transform:translateY(0)}.btn-create-room{color:var(--bone);background:var(--obsidian);border:1px solid var(--border)}.btn-create-room:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px);opacity:1}.dash-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.dash-stat{padding:var(--space-5);border-radius:var(--radius-md);text-align:center;background:var(--panel);border:1px solid var(--border);transition:border-color var(--transition-base),transform var(--transition-fast)}.dash-stat:hover{border-color:var(--gold-dim);transform:translateY(-1px)}.dash-stat .ds-val{font-family:var(--font-display);font-weight:700;font-size:var(--fs-3xl);color:var(--gold)}.dash-stat .ds-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:var(--space-1)}.dash-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-5);margin-bottom:var(--space-6)}.dash-col{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.dash-card{padding:var(--space-5);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md)}.dash-card input{margin-bottom:0;width:100%}.dash-card .section-header h3{font-size:var(--fs-md)}.saved-item{display:flex;justify-content:space-between;align-items:center;padding:10px var(--space-3);margin-bottom:6px;border-radius:var(--radius-sm);background:var(--obsidian);border:1px solid var(--gold-dim);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-fast)}.saved-item:hover{border-color:var(--gold);background:#e2b94e0f;transform:translate(2px)}.saved-item .si-info{text-align:left;min-width:0;flex:1}.saved-item .si-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-item .si-detail{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:2px}.saved-item .si-resume{font-family:var(--font-mono);font-size:9px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;flex:0 0 auto;margin-left:var(--space-2)}.top-player-row{display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-1);border-bottom:1px solid var(--border)}.top-player-row:last-child{border-bottom:none}.top-player-row .tp-rank{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);min-width:42px;flex:0 0 auto;display:inline-flex;align-items:center}.top-player-row.is-leader .tp-rank{color:var(--gold)}.top-player-row .tp-name{font-family:var(--font-body);font-size:var(--fs-md);color:var(--bone);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-player-row.is-leader .tp-name{color:var(--gold);font-weight:500}.top-player-row .tp-score{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--bone-dim)}.top-player-row.is-leader .tp-score{color:var(--gold)}.dash-featured #dash-featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.featured-card{position:relative;cursor:pointer;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-base),transform var(--transition-fast)}.featured-card:hover{border-color:var(--gold);transform:translateY(-2px)}.featured-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.featured-card .fc-info{padding:var(--space-2) 10px}.featured-card .fc-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-card .fc-artist{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:2px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:var(--space-3)}.mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3);min-height:80px;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color var(--transition-base),background var(--transition-base);text-transform:none;letter-spacing:0;color:var(--bone)}.mode-btn:hover{border-color:var(--gold-dim);background:var(--gold-soft);transform:none;box-shadow:none;opacity:1}.mode-btn.active{border-color:var(--gold);background:var(--gold-soft)}.mode-btn .mode-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--bone);letter-spacing:1px;text-transform:uppercase}.mode-btn.active .mode-name{color:var(--gold)}.mode-btn .mode-desc{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5;letter-spacing:0;text-transform:none;white-space:normal}.mode-btn.active .mode-desc{color:var(--bone-dim)}.mode-btn-sm{flex:1 1 0;padding:6px 10px;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--bone);font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base)}.mode-btn-sm:hover{border-color:var(--gold-dim);color:var(--gold)}.mode-btn-sm.active{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}.dash-empty{text-align:center;padding:var(--space-7) var(--space-5);font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-muted)}.dash-empty-icon{font-size:var(--fs-3xl);color:var(--border);margin-bottom:var(--space-2)}.room-browser{margin-bottom:var(--space-6)}.room-browser__count,.filters-count{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-xs);color:var(--text-muted)}.filters,.room-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.filters__search,.room-filters__search{display:flex;align-items:center;gap:var(--space-2);padding:0 10px;height:36px;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1 1 220px;min-width:220px;color:var(--text-muted);transition:border-color var(--transition-fast)}.filters__search:focus-within,.room-filters__search:focus-within{border-color:var(--gold);color:var(--bone)}.filters__search input,.room-filters__search input{background:none;border:none;outline:none;padding:0;margin:0;flex:1;color:var(--bone);font-size:var(--fs-md);min-width:0}.filters__search input::placeholder,.room-filters__search input::placeholder{color:var(--text-faint)}.filters__pills,.room-filters__pills{display:flex;gap:2px;padding:2px;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap}.filter-pill,.room-pill{padding:6px var(--space-3);min-height:32px;background:transparent;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.filter-pill:hover,.room-pill:hover{color:var(--bone);background:#e2b94e0a;transform:none;opacity:1;box-shadow:none}.filter-pill.is-active,.room-pill.is-active{color:var(--gold);background:var(--gold-soft);border-color:var(--gold-dim)}.room-list{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-3);text-align:left}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);min-height:56px;border-radius:var(--radius-sm);background:var(--obsidian);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-fast)}.list-row.interactive:hover{border-color:var(--gold);background:#e2b94e0a;transform:translate(2px)}.list-row--disabled{opacity:.5;cursor:not-allowed}.list-row__avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--panel);color:var(--gold);font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);overflow:hidden}.list-row__avatar img{width:100%;height:100%;object-fit:cover;display:block}.list-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.list-row__title{font-family:var(--font-display);font-size:var(--fs-base);font-weight:600;color:var(--bone);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row__meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.list-row__meta .dot{width:3px;height:3px;border-radius:var(--radius-full);background:currentColor;opacity:.5}.list-row__right{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2)}.status-chip{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;padding:3px var(--space-2);border-radius:var(--radius-xs);letter-spacing:.5px;white-space:nowrap}.status-chip--waiting{background:var(--gold-dim);color:var(--gold)}.status-chip--playing{background:#2e6b6b33;color:var(--teal)}.status-chip--full{background:#8b3a3a33;color:var(--blood)}.status-chip--locked{background:#e2b94e14;color:var(--gold);display:inline-flex;align-items:center;gap:3px}.mode-chip{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.room-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) 0 var(--space-1);border-top:1px solid var(--border)}.room-pagination.hidden{display:none}.inline-link{background:none;border:none;padding:0;color:var(--gold);text-decoration:underline;text-underline-offset:2px;font-family:inherit;font-size:inherit;letter-spacing:0;text-transform:none;cursor:pointer;min-height:auto}.inline-link:hover{color:var(--gold-hi);transform:none;opacity:1;box-shadow:none;background:none}.rejoin-pin{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);background:linear-gradient(135deg,#e2b94e1f,#e2b94e0a);border:1px solid var(--gold-dim);border-radius:var(--radius-md)}.rejoin-pin.hidden{display:none}.rejoin-pin__meta{flex:1;min-width:0}.rejoin-pin__label{font-family:var(--font-mono);font-size:9px;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:2px}.rejoin-pin__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--bone);letter-spacing:1px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rejoin-pin__detail{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.rejoin-pin__btn{flex:0 0 auto;padding:10px var(--space-5);font-size:var(--fs-md)}.rejoin-pin__dismiss{flex:0 0 auto;width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.dash-secondary{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(max-width:900px){.dash-secondary{grid-template-columns:1fr}}#complete-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4)}#complete-overlay.hidden{display:none}.complete-box{width:100%;max-width:420px;padding:var(--space-8);text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);max-height:calc(100vh - var(--space-7));overflow-y:auto}.complete-box h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);color:var(--gold);letter-spacing:3px;margin-bottom:var(--space-2)}.complete-box .time{font-family:var(--font-mono);color:var(--bone-dim);font-size:var(--fs-md);margin-bottom:var(--space-6)}.complete-box .scores{text-align:left;margin-bottom:var(--space-6)}.complete-box .score-row-wrap{margin-bottom:6px}.complete-box .score-row-wrap:first-child .score-row{background:var(--gold-dim)}.complete-box .score-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-base)}.complete-box .score-detail{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--bone-dim);padding:2px var(--space-3) 0 var(--space-6);letter-spacing:.5px}.complete-box .score-name{display:flex;align-items:center;gap:var(--space-2)}.complete-box .score-dot{width:10px;height:10px;border-radius:var(--radius-full);display:inline-block}.complete-box button{padding:13px var(--space-8);min-height:var(--tap-target);font-size:var(--fs-base)}.complete-actions{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.complete-actions>*{flex:1 1 140px;min-height:var(--tap-target)}.donate-details{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-2);text-align:left}.donate-details.hidden{display:none}.donate-details__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;list-style:none;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.donate-details__summary::-webkit-details-marker{display:none}.donate-details__summary:hover{color:var(--gold)}.donate-details__chev{flex:0 0 auto;transition:transform var(--transition-fast)}.donate-details[open] .donate-details__chev{transform:rotate(180deg)}.donate-details__body{padding:var(--space-3) 0 var(--space-2)}.donate-explainer{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--bone-dim);margin-bottom:var(--space-3);line-height:1.6}.donate-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.donate-row__label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;flex:1 1 auto;min-width:140px}.donate-row input{width:88px;padding:10px;font-size:var(--fs-md);text-align:center;font-family:var(--font-mono);min-height:var(--tap-target)}.donate-row button{padding:10px var(--space-4);min-height:var(--tap-target);font-size:var(--fs-md)}#image-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4)}#image-modal.hidden{display:none}.image-modal-box{width:100%;max-width:700px;max-height:calc(100vh - var(--space-7));overflow-y:auto;padding:var(--space-7);text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:var(--ruin) transparent}.image-modal-box h3{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--bone);margin-bottom:var(--space-2)}.image-modal-box p{font-family:var(--font-mono);color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-5)}.image-modal-box input{width:100%;margin-bottom:10px}.modal-cat-btn{padding:8px var(--space-3);min-height:36px;font-size:var(--fs-xs);font-weight:500;font-family:var(--font-mono);color:var(--bone-dim);background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;transition:border-color var(--transition-fast),color var(--transition-fast)}.modal-cat-btn:hover{border-color:var(--gold-dim);color:var(--bone);transform:none;box-shadow:none;opacity:1}.modal-cat-btn.active{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}#modal-art-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.modal-art-thumb{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast);display:block}.modal-art-thumb:hover{border-color:var(--gold-dim)}.modal-art-thumb.selected{border-color:var(--gold)}.image-modal-box .row{display:flex;gap:var(--space-2)}.image-modal-box .row select{flex:1}.image-modal-box .actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.image-modal-box .actions button{flex:1;min-height:var(--tap-target)}.image-modal-box .actions button.secondary{background:var(--obsidian);border:1px solid var(--border);color:var(--bone)}.image-modal-box .actions button.secondary:hover{border-color:var(--gold)}.image-modal-box .actions button.primary{background:linear-gradient(135deg,var(--gold),var(--gold-hi));border:none;color:var(--void)}.lb-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);flex-wrap:wrap}.lb-tabs button{padding:10px var(--space-5);min-height:var(--tap-target);font-size:var(--fs-md);font-weight:500;font-family:var(--font-body);color:var(--bone-dim);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:0;text-transform:none}.lb-tabs button.active{color:var(--gold);border-color:var(--gold)}.dash-card>.lb-table,.dash-card>#lb-top-content,.dash-card>#lb-time-trial-content,.dash-card>#lb-wins-content,.dash-card>#lb-recent-content{overflow-x:auto;scrollbar-width:thin}.lb-table{width:100%;border-collapse:collapse}.lb-table th{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.lb-table td{font-family:var(--font-body);font-size:var(--fs-base);color:var(--bone);padding:10px var(--space-3);border-bottom:1px solid rgba(42,42,47,.3)}.lb-table tr:first-child td{color:var(--gold);font-weight:500}.lb-rank{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--text-muted);width:56px}.lb-table tr.rank-top-1{background:linear-gradient(90deg,rgba(226,185,78,.14),transparent 60%)}.lb-table tr.rank-top-2{background:linear-gradient(90deg,rgba(226,185,78,.1),transparent 60%)}.lb-table tr.rank-top-3{background:linear-gradient(90deg,rgba(226,185,78,.07),transparent 60%)}.lb-table tr.rank-top-4{background:linear-gradient(90deg,rgba(226,185,78,.05),transparent 55%)}.lb-table tr.rank-top-5{background:linear-gradient(90deg,rgba(226,185,78,.04),transparent 55%)}.lb-table tr.rank-top-6{background:linear-gradient(90deg,rgba(226,185,78,.03),transparent 55%)}.lb-table tr.rank-top-7{background:linear-gradient(90deg,rgba(226,185,78,.02),transparent 50%)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:38px;height:26px;padding:0 8px 0 4px;border-radius:13px;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;letter-spacing:.5px;vertical-align:middle;line-height:1}.rank-badge__n{display:inline-block}.rank-badge img{width:22px;height:22px;flex:0 0 auto;display:block}.rank-badge--gold{color:var(--gold-hi);background:linear-gradient(135deg,#e2b94e2e,#e2b94e0a);border:1px solid rgba(226,185,78,.4);box-shadow:0 0 10px #e2b94e24,inset 0 1px #ffffff0a}.rank-badge--dim{color:var(--text-muted);background:transparent;border:1px solid var(--border);min-width:30px;padding:0 6px}.rank-badge--plain{color:var(--text-muted);background:transparent;border:1px solid transparent;min-width:0;padding:0 2px;font-weight:500}.lb-table tr.rank-top-1 td:nth-child(2){color:var(--gold);font-weight:600}.top-player-row .rank-badge{margin-right:6px}.top-player-row.rank-top-1 .tp-name{color:var(--gold);font-weight:600}.lb-score{text-align:right;font-family:var(--font-mono)}.lb-empty{text-align:center;padding:var(--space-8);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-md)}.game-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);margin-bottom:6px;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border)}.game-card .gc-name{font-size:var(--fs-base);font-weight:500;color:var(--bone)}.game-card .gc-detail{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);margin-top:3px}.game-card .gc-score{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--gold)}.profile-name-input{width:200px;max-width:100%}.profile-name-status{font-family:var(--font-mono);font-size:var(--fs-sm);min-height:18px;margin:calc(var(--space-4) * -1) 0 var(--space-5);text-align:right;color:var(--text-muted)}.profile-stats{margin-bottom:var(--space-5)}.feedback-status{font-family:var(--font-mono);font-size:var(--fs-sm);margin-top:6px;text-align:center;color:var(--text-muted)}#feedback-message{min-height:96px;resize:vertical}.page-inner>.dash-card+.dash-card,.admin-tab-panel>.dash-card+.dash-card,.admin-content-main>.dash-card+.dash-card{margin-top:var(--space-4)}.admin-tab-panel{display:flex;flex-direction:column;gap:var(--space-4)}.admin-tab-panel.hidden{display:none}.tabbed-shell{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tabbed-shell>.tabs{margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--obsidian);padding:var(--space-2);flex-wrap:wrap;gap:2px}.tabbed-shell__body{padding:var(--space-4)}.tabbed-shell .dash-card{background:transparent;border:1px solid var(--border)}.tabbed-shell .admin-content-sidebar{background:var(--obsidian)}.player-editor .field{margin-bottom:var(--space-3)}.player-editor .grid-2{gap:var(--space-3)}.player-editor__checkfield{display:flex;flex-direction:column;gap:6px;min-width:0}.player-editor__check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 10px;background:var(--obsidian);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-md);color:var(--bone);transition:border-color var(--transition-fast)}.player-editor__check:hover{border-color:var(--gold-dim)}.player-editor__check input[type=checkbox]{accent-color:var(--gold);width:14px;height:14px;flex:0 0 auto;margin:0}.player-editor__hint{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-muted);margin:calc(var(--space-3) * -1) 0 var(--space-4);line-height:1.5}.player-editor__section{margin:var(--space-2) 0 var(--space-3)}.gallery-page{padding:var(--space-7) var(--space-8);max-width:1500px;margin:0 auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.gallery-card{border-radius:var(--radius-sm);overflow:hidden;background:var(--panel);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition-slow),transform var(--transition-fast)}.gallery-card:hover{border-color:var(--gold);transform:translateY(-2px)}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.gallery-card .gc-body{padding:10px var(--space-3)}.gallery-card .gc-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;color:var(--bone);margin-bottom:2px}.gallery-card .gc-artist{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.gallery-card .gc-plays{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--gold);margin-top:var(--space-1)}.gallery-card .gc-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:9px;margin-top:var(--space-1)}.gc-badge.pending{background:var(--gold-dim);color:var(--gold)}.gc-badge.approved{background:#2e6b6b33;color:var(--teal)}.gallery-empty{text-align:center;padding:var(--space-8);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-md)}.upload-form{padding:var(--space-7);border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border);margin-bottom:var(--space-6)}.upload-form h3{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;color:var(--gold);letter-spacing:2px;margin-bottom:var(--space-4)}.upload-form label{display:block;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-1);margin-top:var(--space-3)}.upload-form label:first-of-type{margin-top:0}.upload-form input,.upload-form textarea,.upload-form select{width:100%}.upload-form textarea{min-height:60px;resize:vertical}.upload-form input[type=file]{padding:10px;background:var(--obsidian)}.upload-form input[type=file]::file-selector-button{padding:8px var(--space-4);min-height:36px;font-size:var(--fs-sm);font-weight:600;font-family:var(--font-display);color:var(--void);cursor:pointer;background:linear-gradient(135deg,var(--gold),var(--gold-hi));border:none;border-radius:var(--radius-sm);margin-right:var(--space-3)}.upload-form .upload-btn{margin-top:var(--space-4);width:100%;padding:13px;min-height:var(--tap-target);font-size:var(--fs-base)}.upload-form .upload-status{font-family:var(--font-mono);font-size:var(--fs-sm);margin-top:var(--space-2);text-align:center}.upload-form--inline{padding:0;background:none;border:none;margin:0}.th-right,.lb-table th.th-right{text-align:right}.admin-content-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--space-6);align-items:start}.admin-content-sidebar{position:sticky;top:calc(var(--hud-top) + var(--space-4));align-self:start}.admin-content-main{min-width:0}#admin-pending,#admin-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.admin-card{border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border);overflow:hidden}.admin-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid var(--border)}.admin-card .ac-info{padding:10px var(--space-3)}.admin-card .ac-title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-card .ac-artist{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:2px}.admin-card .ac-desc{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--bone-dim);margin-top:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-card .ac-actions{display:flex;gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap}.admin-card .ac-actions button{padding:6px 10px;min-height:32px;font-size:9px;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-xs);cursor:pointer;letter-spacing:.5px;text-transform:uppercase}.ac-approve{background:linear-gradient(135deg,var(--gold),var(--gold-hi));border:none;color:var(--void)}.ac-pending{background:none;border:1px solid var(--gold-dim);color:var(--bone-dim)}.ac-pending:hover{border-color:var(--gold);color:var(--gold)}.ac-delete{background:none;border:1px solid var(--ruin);color:var(--text-muted)}.ac-delete:hover{border-color:var(--blood);color:var(--blood)}.admin-section-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--bone);letter-spacing:2px;margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.admin-row-form{display:flex;gap:var(--space-1);flex-wrap:wrap}.admin-row-form input{flex:1;min-width:120px}.admin-row-form label{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;cursor:pointer}.admin-row-form input[type=checkbox]{accent-color:var(--gold)}.admin-ptable{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(180px,2fr) minmax(90px,.8fr) minmax(60px,.5fr) minmax(80px,.7fr) minmax(180px,auto);column-gap:var(--space-3)}.admin-ptable__head,.admin-ptable .ap-row{display:contents}.admin-ptable__head>*,.admin-ptable .ap-row>*{padding:10px 0;border-bottom:1px solid var(--border);align-self:center;min-width:0}.admin-ptable__head>*:first-child,.admin-ptable .ap-row>*:first-child{padding-left:12px}.admin-ptable__head>*:last-child,.admin-ptable .ap-row>*:last-child{padding-right:12px}.admin-ptable__head>*{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);background:#ffffff05}.admin-ptable .ap-name{color:var(--bone);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.admin-ptable .ap-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ptable .ap-email,.admin-ptable .ap-score,.admin-ptable .ap-games,.admin-ptable .ap-created{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--bone-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ptable .ap-score,.admin-ptable .ap-games,.admin-ptable .ap-created{text-align:right}.admin-ptable .ap-actions{display:flex;gap:6px;justify-content:flex-end}@media(max-width:768px){.admin-ptable{display:block;column-gap:0}.admin-ptable__head{display:none}.admin-ptable .ap-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name    actions" "email   email" "stats   stats";row-gap:4px;padding:10px 12px;border-bottom:1px solid var(--border)}.admin-ptable .ap-row>*{padding:0;border-bottom:none}.admin-ptable .ap-name{grid-area:name}.admin-ptable .ap-actions{grid-area:actions}.admin-ptable .ap-email{grid-area:email;text-align:left}.admin-ptable .ap-score{grid-area:stats;text-align:left}.admin-ptable .ap-games,.admin-ptable .ap-created{display:none}.admin-ptable .ap-score:after{content:" pts · " attr(data-games) " games";color:var(--bone-dim)}}.metrics-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.metric-tile{background:var(--obsidian);border:1px solid var(--border);border-radius:4px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.metric-tile__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.metric-tile__value{font-family:JetBrains Mono,monospace;font-size:28px;color:var(--bone);line-height:1.1}.metric-tile__sub{font-size:11px;color:var(--bone-dim);font-family:JetBrains Mono,monospace}.metrics-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:900px){.metrics-grid-2{grid-template-columns:1fr}}.metrics-chart{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2)}.metrics-chart__legend{display:flex;gap:var(--space-4);font-size:11px;color:var(--bone-dim)}.metrics-chart__legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:middle}.metrics-chart__bars{display:flex;align-items:stretch;gap:4px;height:200px}.metrics-chart__bar{flex:1 1 0;display:flex;flex-direction:column;align-items:stretch;min-width:0}.metrics-chart__bar-stack{flex:1;display:flex;flex-direction:column-reverse;gap:2px;align-items:stretch;justify-content:flex-start}.metrics-chart__seg{width:100%;border-radius:2px 2px 0 0;background:var(--gold);min-height:2px;transition:opacity .12s}.metrics-chart__seg.is-secondary{background:var(--blue)}.metrics-chart__bar:hover .metrics-chart__seg{opacity:.85}.metrics-chart__label{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-faint);text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics-funnel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.metrics-funnel__row{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:var(--space-3)}.metrics-funnel__label{font-size:12px;color:var(--bone)}.metrics-funnel__bar-track{background:var(--panel);border:1px solid var(--border);border-radius:3px;height:22px;overflow:hidden}.metrics-funnel__bar-fill{background:var(--gold);height:100%;transition:width .2s}.metrics-funnel__count{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--bone-dim);text-align:right}@media(max-width:600px){.metrics-funnel__row{grid-template-columns:1fr 60px;grid-template-areas:"label count" "bar bar";row-gap:4px}.metrics-funnel__label{grid-area:label}.metrics-funnel__count{grid-area:count}.metrics-funnel__bar-track{grid-area:bar;height:16px}}.metrics-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:12px}.metrics-table th,.metrics-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.metrics-table th{color:var(--text-faint);text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:400}.metrics-table td.num,.metrics-table th.num{text-align:right}.metrics-table tbody tr:last-child td{border-bottom:none}.metrics-table .err-message{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--bone);word-break:break-word;max-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:1200px){.dash-stats{grid-template-columns:repeat(5,1fr)}}@media(max-width:1024px){.gallery-page{padding:var(--space-6) var(--space-5)}#players-panel{width:220px}.dashboard{padding:var(--space-6) var(--space-5) var(--space-9)}}@media(max-width:900px){.dash-main,.admin-content-grid{grid-template-columns:1fr}.admin-content-sidebar{position:static}}@media(max-width:768px){:root{--nav-height: calc(124px + env(safe-area-inset-top, 0px)) }.dashboard{padding:var(--space-5) var(--space-4) var(--space-9)}.dash-hero{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.dash-hero .dash-name{font-size:var(--fs-2xl)}.dash-hero-right{width:100%;display:flex;gap:var(--space-2)}.btn-quick-play,.btn-create-room{flex:1;text-align:center;padding:10px var(--space-3);font-size:var(--fs-md)}.dash-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.dash-stat{padding:var(--space-3)}.dash-stat .ds-val{font-size:var(--fs-xl)}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-inner{padding:var(--space-5) var(--space-4)}.gallery-page{padding:var(--space-4)}#top-nav{padding:var(--space-2) var(--space-3);flex-wrap:wrap}#top-nav .nav-brand{font-size:var(--fs-base);letter-spacing:1px}.nav-online,.nav-global-score{display:none}#hamburger-btn{display:flex;align-items:center;justify-content:center}.nav-right{order:3;width:100%;flex-direction:column;gap:0;align-items:stretch}.account-menu{order:2;width:100%;border-top:1px solid var(--border);padding-top:var(--space-2);margin-top:var(--space-2)}#account-trigger{width:100%;justify-content:flex-start;padding:var(--space-2);min-height:var(--tap-target)}.account-name{max-width:none;flex:1}.account-dropdown{position:static;width:100%;min-width:0;margin-top:var(--space-1);box-shadow:none;background:var(--obsidian)}#top-nav .nav-links{display:none;width:100%;flex-direction:column;gap:2px;padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border);order:1}#top-nav .nav-links.open{display:flex}#top-nav .nav-links button{padding:12px var(--space-3);font-size:var(--fs-md);text-align:left;width:100%}#top-nav .nav-links button:hover{background:#e2b94e0f}#top-nav .nav-links button.active{background:var(--gold-soft)}#players-toggle{display:flex;align-items:center;justify-content:center}#players-panel{display:none;width:220px;top:calc(var(--hud-top) + 44px);left:var(--space-3)}#players-panel.open{display:block}.game-panel .gp-header{padding:6px 10px;font-size:var(--fs-xs)}.player-row{padding:var(--space-1) 10px;font-size:var(--fs-sm);min-height:28px}.pr-action{width:36px;height:36px;font-size:var(--fs-md)}#host-menu-toggle{display:flex}#host-menu-toggle.hidden{display:none}.host-toolbar{display:none;top:auto;bottom:calc(112px + var(--safe-bottom) + var(--kb-offset, 0px));max-width:calc(100vw - var(--space-4));flex-wrap:wrap;justify-content:center}.host-toolbar.open:not(.hidden){display:inline-flex}.host-toolbar__sep{display:none}.host-btn{padding:10px var(--space-3);min-height:var(--tap-target)}.host-btn--primary{padding:10px var(--space-4)}.invite-pill{top:var(--hud-top);right:calc(var(--space-3) + 2 * var(--tap-target) + 2 * var(--space-2))}#streak-bar{top:calc(var(--hud-top) + 54px)}#streak-fill-wrap{width:140px}#chat-toggle,#emote-toggle{display:flex}#chat-box{display:none;position:fixed;bottom:calc(68px + var(--safe-bottom) + var(--kb-offset, 0px));left:var(--space-3);right:var(--space-3);width:auto;max-width:360px}#chat-box.open{display:block}#chat-messages{max-height:30vh}#emote-bar{display:none;position:fixed;bottom:calc(68px + var(--safe-bottom) + var(--kb-offset, 0px));right:68px;flex-wrap:wrap;max-width:min(80vw,280px);justify-content:flex-end;gap:var(--space-1)}#emote-bar.open{display:flex}#chat-toggle,#emote-toggle{bottom:calc(var(--space-3) + var(--safe-bottom) + var(--kb-offset, 0px))}#progress-panel{padding:6px var(--space-3);bottom:calc(68px + var(--safe-bottom) + var(--kb-offset, 0px))}#progress-track{width:140px}.canvas-tools--zoom{top:auto;bottom:calc(68px + var(--safe-bottom));transform:none;right:var(--space-3)}.canvas-tools--view{top:auto;bottom:calc(68px + 180px + var(--safe-bottom));transform:none;right:var(--space-3)}.canvas-tools button{font-size:var(--fs-md)}#requests-toggle{width:var(--tap-target);height:var(--tap-target)}#requests-panel{width:240px;right:var(--space-3)}.req-item .req-check{width:var(--tap-target);height:var(--tap-target);min-height:var(--tap-target);font-size:var(--fs-md)}.req-item .req-remove{font-size:var(--fs-xl);min-width:var(--tap-target);min-height:var(--tap-target);padding:var(--space-1) var(--space-2)}}@media(max-width:480px){.dash-stats{grid-template-columns:repeat(2,1fr);gap:6px}.dash-stat{padding:10px}.dash-stat .ds-val{font-size:var(--fs-lg)}.stats-grid{grid-template-columns:repeat(2,1fr)}.join-box{padding:var(--space-7) var(--space-6)}#auth-flip{height:460px}#players-toggle{top:calc(var(--hud-top) - 4px);left:var(--space-2)}#players-panel{width:min(100vw - 24px,280px);left:var(--space-3);top:calc(var(--hud-top) + 40px)}.game-panel .gp-header{padding:6px var(--space-2)}.player-row{padding:3px var(--space-2);font-size:var(--fs-xs);min-height:28px}#host-bar{top:auto;bottom:calc(116px + var(--safe-bottom) + var(--kb-offset, 0px));left:50%;transform:translate(-50%);max-width:calc(100% - 24px);border-radius:var(--radius-sm);border-top:none;border:1px solid var(--border);background:var(--overlay-85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-2)}#streak-fill-wrap{width:100px;height:6px}#streak-label{font-size:var(--fs-md);min-width:30px}#streak-count{font-size:9px}#emote-bar{max-width:min(80vw,200px)}#music-volume{width:50px}#music-bar{padding:6px 10px;gap:var(--space-1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(hover:none)and (pointer:coarse){input,textarea,select{font-size:16px!important}}