@font-face{font-family:Metropolis;src:url(/assets/Metropolis-Regular-D7IH4wcm.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/assets/Metropolis-SemiBold-yaPfQx18.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/assets/Metropolis-Bold-CtobxDKK.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{color:#f7f7f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#111;--panel:#191919;--panel-strong:#222;--panel-soft:#2b2b2b;--ink:#f7f7f2;--ink2:#dedede;--muted:#aaa8a1;--line:#393933;--accent:#22c55e;--accent-strong:#16a34a;--danger:#ef5350;--success:#35c779;--viewport-bg:#0b0b0b;--app-bg:radial-gradient(circle at 50% 42%, #22c55e12, transparent 22rem), linear-gradient(180deg, #151515 0%, #101010 58%, #0b0b0b 100%);background:#111;font-family:Metropolis,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{overscroll-behavior:none;background:var(--viewport-bg);width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none;background:var(--viewport-bg);width:100%;min-width:0;height:100%;min-height:100%;margin:0;overflow:hidden}#root{overscroll-behavior:none;background:var(--viewport-bg);width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.52}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{--shell-bottom-pad:18px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--browser-bottom-pad:0px;--total-bottom-pad:calc(var(--shell-bottom-pad) + var(--safe-area-bottom) + var(--browser-bottom-pad));overscroll-behavior-x:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;height:100dvh;padding:0 16px var(--total-bottom-pad);background:var(--app-bg);overflow:hidden auto}.game-shell{width:min(100%,460px);min-height:calc(100vh - var(--total-bottom-pad));min-height:calc(100dvh - var(--total-bottom-pad));flex-direction:column;gap:14px;margin:0 auto;display:flex}.topbar{grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);align-items:center;column-gap:8px;min-height:76px;margin:5px 0;display:grid;position:relative}.topbar>.nav-icon{justify-self:start}.topbar-center{justify-content:center;justify-self:center;align-items:center;min-width:0;display:flex}.topbar-actions{justify-self:end;gap:8px;display:flex}.nav-icon.mobile-menu-toggle{display:none}.mobile-menu{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:4px;width:min(240px,100vw - 32px);padding:6px;display:none;position:absolute;top:calc(100% - 4px);right:0;box-shadow:0 18px 42px #00000057}.mobile-menu-item{min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:8px 10px;font-weight:800;display:grid}.mobile-menu-item:hover,.mobile-menu-item:focus{background:var(--panel-strong)}.mobile-menu-item svg{color:var(--accent)}.logo-image{object-fit:contain;width:min(300px,46vw);height:auto;max-height:65px;margin:13px auto 0;display:block}.puzzle-label{color:var(--muted);text-align:center;margin:-8px 0 0;font-size:.8rem;font-weight:700}.nav-icon,.status-pill,.modal-close{background:var(--panel-soft);width:40px;height:40px;color:var(--ink);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.nav-icon:hover,.modal-close:hover{background:var(--panel-strong);transform:scale(1.05)}.status-pill{width:auto;min-width:72px;color:var(--accent);border-radius:20px;justify-self:end;padding:0 12px;font-size:.85rem;font-weight:800}.tabs{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px;display:grid}.tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:.84rem;font-weight:800;transition:all .2s}.tabs button.active{background:var(--ink2);color:var(--bg);box-shadow:0 4px 12px #0003}.test-controls{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;padding-top:10px;font-size:.78rem;font-weight:800;display:flex}.test-controls .secondary-action{min-height:36px;padding:0 12px}.audio-stage{flex-direction:column;gap:8px;padding:14px 0 10px;display:flex}.audio-player{justify-items:center;gap:10px;padding:16px 0 6px;display:grid;position:relative}.audio-player-pool{display:grid;position:relative}.audio-player-slot{grid-area:1/1}.audio-player-slot:not(.is-active){opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.soundcloud-player-frame{opacity:0;pointer-events:none;border:0;width:320px;height:166px;position:fixed;bottom:0;right:-360px}.play-button{background:var(--accent);width:80px;height:80px;color:var(--bg);border:0;border-radius:50%;justify-content:center;align-self:end;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;display:inline-flex;box-shadow:0 0 0 8px #22c55e26,0 12px 28px #22c55e40}.play-button:hover:not(:disabled){box-shadow:0 0 0 12px #22c55e33,0 16px 36px #22c55e4d}.play-button:active:not(:disabled){box-shadow:0 0 0 4px #22c55e33,0 8px 16px #22c55e33}.soundcloud-unlock-button{border:1px solid var(--accent-strong);background:var(--accent);min-width:112px;min-height:48px;color:var(--bg);border-radius:999px;align-self:end;padding:0 22px;font-weight:900;box-shadow:0 0 0 8px #22c55e1f,0 12px 28px #22c55e33}.waveform-area{--snippet-end:0%;--snippet-played-end:0%;--snippet-duration:.1s;flex-direction:column;gap:8px;padding-top:22px;display:flex;position:relative}.waveform-header{top:0;left:max(42px, var(--snippet-end));color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:.85rem;font-weight:800;transition:left .22s;display:flex;position:absolute;transform:translate(-100%)}.snippet-caret{font-size:.6rem;line-height:1}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800}.inline-message{color:var(--danger);text-align:center;margin:0;font-weight:700}.snippet-progress-shell{border:1px solid var(--line);background:#1c1c1c;border-radius:6px;position:relative;overflow:hidden}.snippet-played-fill{z-index:0;width:var(--snippet-played-end);border-radius:inherit;transition:width var(--snippet-duration) linear;background:linear-gradient(90deg,#22c55ee6,#16a34ab8);position:absolute;inset:0 auto 0 0}.waveform-area:not(.is-playing) .snippet-played-fill{transition:none}.snippet-progress{z-index:1;height:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.snippet-progress li{background:#ffffff08;border-right:1px solid #ffffff24;min-width:2px}.snippet-progress li:last-child{border-right:0}.snippet-progress li.unlocked{background:#22c55e1c}.snippet-progress li.active{background:#22c55e26}.panel{padding:0}.admin-shell{min-height:100%;color:var(--ink);background:var(--app-bg);padding:28px 16px}.admin-panel{width:min(920px,100%);margin:0 auto}.admin-gate{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:14px;width:min(380px,100%);margin:15vh auto 0;padding:22px;display:grid}.admin-gate h1{margin:0;font-size:1.6rem;line-height:1.1}.admin-gate label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:800;display:grid}.admin-gate input{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--panel-soft);font:inherit;border-radius:6px;padding:0 12px;font-weight:700}.admin-header,.admin-controls,.admin-song-row,.admin-offset-controls{align-items:center;display:flex}.admin-header{justify-content:space-between;gap:16px;margin-bottom:22px}.admin-header h1{margin:3px 0 0;font-size:1.7rem;line-height:1.1}.admin-exit{text-decoration:none}.admin-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-controls{flex-wrap:wrap;gap:10px;margin-bottom:16px}.admin-controls label{color:var(--muted);gap:5px;font-size:.78rem;font-weight:800;display:grid}.admin-controls input,.admin-offset-controls input{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--panel);font:inherit;border-radius:6px;font-weight:700}.admin-controls input{width:220px;padding:0 12px}.admin-message{color:var(--muted);margin:0 0 14px;font-weight:800}.admin-song-list{gap:10px;display:grid}.admin-song-row{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.admin-song-meta{grid-area:1/1;gap:3px;min-width:220px;display:grid}.admin-song-meta strong{line-height:1.2}.admin-song-meta span{color:var(--muted);font-size:.82rem;font-weight:700}.admin-category{text-transform:uppercase;color:var(--accent)!important}.admin-audio-stage{grid-area:2/1/auto/-1;width:100%;min-width:0;padding:0}.admin-audio-stage .audio-player{min-height:64px}.admin-preview-actions{justify-content:flex-end;display:flex}.admin-preview-actions .secondary-action{min-width:132px}.admin-offset-controls{flex-wrap:wrap;grid-area:1/2;justify-content:flex-end;gap:8px}.admin-offset-controls input{width:92px;padding:0 10px}@media (width<=820px){.admin-song-row{grid-template-columns:1fr}.admin-audio-stage{grid-area:2/1}.admin-offset-controls{grid-area:3/1;justify-content:flex-start}}.history-panel,.result-card,.loading-panel{border:1px solid var(--line);background:var(--panel);border-radius:12px}.history-panel,.result-card{padding:14px}.selector{min-width:0;position:relative}.selector label,.history-panel h2{display:none}.search-shell{border:1px solid var(--line);background:var(--panel);min-height:48px;color:var(--muted);border-radius:12px;grid-template-columns:42px 1fr 34px;align-items:center;padding:0 5px 0 14px;display:grid}.search-shell input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:1rem;font-weight:700}.search-shell input::placeholder{color:#7e7a72}.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .1s;display:inline-flex}.icon-button:hover{background:var(--panel-strong);color:var(--ink)}.icon-button.ghost{color:var(--muted);background:0 0}.results-list{z-index:20;overscroll-behavior:contain;border:1px solid var(--line);background:#242424;border-radius:12px;max-height:280px;margin:6px 0 0;padding:6px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 12px 32px #00000073}.results-list.open-up{margin:0 0 6px;top:auto;bottom:100%;box-shadow:0 -12px 32px #00000057}.results-list button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;padding:11px 12px;font-size:.95rem;font-weight:800;display:flex}.results-list button:hover,.results-list button:focus{background:#303030}.guess-row{grid-template-columns:minmax(0,1fr) 116px;align-items:start;gap:12px;display:grid}.guess-row.is-surrender{grid-template-columns:minmax(0,1fr) 144px}.guess-row-action{white-space:nowrap;width:100%;min-height:48px;padding:0 12px}.secondary-action.guess-row-action{font-size:0}.guess-row-label{font-size:1rem}.actions,.result-actions{grid-template-columns:minmax(0,1fr) 110px;gap:12px;margin-top:20px;display:grid}.result-actions:has(>:only-child){grid-template-columns:1fr}.actions:not(.completed-actions){display:none}.actions:has(.surrender-action){grid-template-columns:minmax(0,1fr) 132px}.actions.completed-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-action,.secondary-action{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:1rem;font-weight:900;transition:all .2s;display:inline-flex}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:active,.secondary-action:active{transform:translateY(1px)}.primary-action{border:1px solid var(--accent-strong);background:var(--accent);color:var(--bg)}.secondary-action{border:1px solid var(--line);background:var(--panel);color:var(--ink)}.message{color:var(--accent);margin:10px 0 0;font-weight:800}.empty-state{color:var(--muted);margin:0}.guess-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.guess-list li{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--ink);border-radius:12px;grid-template-columns:32px 1fr;align-items:center;padding:6px 12px 6px 8px;font-size:.95rem;font-weight:800;display:grid}.guess-list li.empty{border:1px dashed var(--line);color:#57534c;background:0 0;grid-template-columns:1fr}.guess-list li.skipped{background:var(--panel);color:var(--muted)}.guess-list li.wrong{background:#ef535012;border-color:#ef535033}.guess-list li.correct{background:#35c77914;border-color:#35c77966}.guess-icon{width:26px;height:26px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.guess-list li.correct .guess-icon{color:var(--success)}.guess-list li.wrong .guess-icon{color:var(--danger)}.guess-list li.skipped .guess-icon{color:var(--accent)}.result-card h2{color:var(--ink);letter-spacing:-.01em;margin:8px 0 6px;font-size:1.5rem;line-height:1.15}.result-card p{color:var(--muted);margin:0 0 24px;font-size:.95rem;font-weight:700}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 24px;display:grid}.stats-grid span{background:var(--panel-strong);text-align:center;min-height:80px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;padding:8px;font-size:.75rem;font-weight:800;display:flex}.stats-grid strong{color:var(--ink);margin-bottom:2px;font-size:1.6rem;font-weight:900;line-height:1.1}.listen-links{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin-top:16px;display:grid}.listen-links a{background:var(--panel-soft);min-height:48px;color:var(--ink);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex}.listen-links a:hover,.listen-links a:focus{background:var(--panel-strong);transform:scale(1.02)}.result-soundcloud{gap:8px;margin:4px 0 12px;display:grid}.result-soundcloud-frame{background:var(--panel-strong);border:0;border-radius:10px;width:100%;height:120px}.result-modal{border-radius:16px;width:min(100%,410px);max-height:calc(100vh - 40px);padding:30px 20px 20px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000094}.loading-panel{color:var(--muted);text-align:center;padding:24px;font-weight:800}.contact-footer{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:6px 0 0;font-size:.78rem;font-weight:800;display:flex}.contact-footer a{color:var(--muted);text-decoration:none}.contact-footer a:hover,.contact-footer a:focus{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.modal-backdrop{z-index:50;background:#000000a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.how-modal{border:1px solid var(--line);background:#1e1e1e;border-radius:16px;width:min(100%,390px);padding:30px 24px 24px;position:relative;box-shadow:0 24px 80px #00000094}.modal-close{position:absolute;top:12px;right:12px}.how-modal h2{color:var(--ink);margin:0 0 14px;font-size:1.55rem}.how-modal p{color:var(--muted);margin:0 0 18px;line-height:1.45}.how-steps{gap:10px;display:grid}.how-steps span{border:1px solid var(--line);background:var(--panel-strong);min-height:48px;color:var(--ink);border-radius:10px;grid-template-columns:32px 1fr;align-items:center;padding:9px 12px;font-weight:800;display:grid}.how-steps svg{color:var(--accent)}.modal-action{width:100%;margin-top:18px}@media (width>=600px){.game-shell{width:min(100%,620px)}.app-shell{--shell-bottom-pad:18px;padding:0 24px var(--total-bottom-pad)}}@media (width>=960px){.game-shell{width:min(100%,740px)}.app-shell{--shell-bottom-pad:18px;padding:0 32px var(--total-bottom-pad)}}@media (width<=430px){.app-shell{--shell-bottom-pad:12px;--browser-bottom-pad:46px;padding:0 16px var(--total-bottom-pad)}.topbar{grid-template-columns:40px minmax(0,1fr) 40px;column-gap:4px;min-height:66px;margin-top:10px}.topbar>.nav-icon:not(.mobile-menu-toggle),.topbar-actions{display:none}.nav-icon.mobile-menu-toggle{color:var(--ink);background:0 0;border-color:#0000;grid-area:1/1;place-self:center start;display:inline-flex}.mobile-menu{display:grid;left:0;right:auto}.topbar-center{grid-area:1/2;width:100%}.logo-image{width:min(190px,100%);max-height:65px;margin:8px auto 0}.guess-row{grid-template-columns:minmax(0,1fr) 116px;gap:8px}.guess-row.is-surrender{grid-template-columns:minmax(0,1fr) 136px}.search-shell{grid-template-columns:34px minmax(0,1fr) 30px;padding:0 4px 0 10px}.snippet-progress{height:20px}.guess-list{gap:4px}.guess-list li{grid-template-columns:28px 1fr;min-height:36px;padding:4px 10px 4px 6px;font-size:.88rem}.guess-icon{width:22px;height:22px}}@media (height<=700px){.app-shell{--shell-bottom-pad:10px}.game-shell{gap:8px}.topbar{min-height:54px;margin:10px 0 2px}.logo-image{max-height:50px}.guess-list{gap:3px}.guess-list li{grid-template-columns:26px 1fr;min-height:32px;padding:3px 9px 3px 5px;font-size:.84rem}.guess-icon{width:20px;height:20px}.audio-stage{padding:8px 0 6px}.audio-player{padding-top:8px}.play-button{width:64px;height:64px}.contact-footer{padding-bottom:2px}}[data-theme=light]{color:#1a1a1a;--bg:#f8f9fa;--panel:#fff;--panel-strong:#f1f3f5;--panel-soft:#e9ecef;--ink:#111827;--ink2:#111827;--muted:#6b7280;--line:#e5e7eb;--viewport-bg:#f1f3f5;--app-bg:radial-gradient(circle at 50% 42%, #22c55e0a, transparent 28rem), linear-gradient(180deg, #fff 0%, #f8f9fa 58%, #f1f3f5 100%);background:#f8f9fa}[data-theme=light] .app-shell{background:var(--app-bg)}[data-theme=light] .play-button{box-shadow:0 0 0 10px #22c55e1f,0 12px 32px #0000001f}[data-theme=light] .snippet-progress-shell{background:#e9ecef}[data-theme=light] .snippet-played-fill{background:linear-gradient(90deg,#22c55ecc,#16a34a99)}[data-theme=light] .snippet-progress li{background:#fff6;border-color:#fffc}[data-theme=light] .snippet-progress li.unlocked{background:#22c55e26}[data-theme=light] .snippet-progress li.active{background:#22c55e40}[data-theme=light] .guess-list li.empty{color:#9ca3af}[data-theme=light] .results-list{background:#fff;box-shadow:0 16px 32px #00000014}[data-theme=light] .results-list button:hover,[data-theme=light] .results-list button:focus{background:#f3f4f6}[data-theme=light] .search-shell input::placeholder{color:#9ca3af}[data-theme=light] .how-modal{background:#fff;box-shadow:0 24px 80px #00000029}[data-theme=light] .modal-backdrop{background:#0000005c}