@font-face{font-family:Summer Favourite;src:url(/assets/SummerFavourite-ARLr6-Cmy7Tje_.ttf)format("truetype");font-weight:400;font-style:normal}:root{--bg:#0d0d0d;--surface:#111;--surface2:#1a1a1a;--accent:#f0a040;--text:#e8e8e0;--muted:#fff;--border:#222;--amber:#f0a040;--red:#e05050}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text);background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;min-height:100vh;padding-top:2rem;font-family:Funnel Sans,sans-serif;display:flex}#game-nav{justify-content:center;align-items:center;padding:1.5rem 0 1rem;display:flex}#game-title{color:var(--accent);-webkit-user-select:none;user-select:none;letter-spacing:.01em;font-family:Summer Favourite,cursive;font-size:60px;font-weight:400;text-decoration:none;transition:opacity .15s}#game-title:hover{opacity:.75}#game-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.75rem;width:828px;height:456px;padding:1rem 1.25rem;font-family:Funnel Sans,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001f,0 8px 24px #0000002e,0 24px 64px #00000038,inset 0 0 0 .5px #ffffff0a}@keyframes card-shake{0%{transform:translate(0)}15%{transform:translate(-5px)rotate(-.4deg)}30%{transform:translate(4px)rotate(.3deg)}45%{transform:translate(-3px)rotate(-.2deg)}60%{transform:translate(2px)rotate(.1deg)}75%{transform:translate(-1px)}to{transform:translate(0)}}#game-card.shake{animation:.35s cubic-bezier(.36,.07,.19,.97) both card-shake}.canvas-wrap{background:var(--surface2);border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:100%;height:70px;position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;position:absolute;top:0;left:0}#canvas-ripple,#canvas-ripple-tap{pointer-events:none}.panel{flex-direction:column;flex:1;gap:.6rem;min-height:0;display:none;overflow-y:auto}.panel.active{display:flex}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.value{color:var(--text);font-size:.95rem}.hint{color:var(--muted);text-align:center;font-size:.75rem}.big-number{color:var(--accent);font-size:4rem;font-weight:200;line-height:1}.big-number .unit{color:var(--muted);margin-left:.25rem;font-size:1rem;font-weight:400}button{border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:3px;min-height:36px;padding:.5rem 1rem;font-family:Funnel Sans,sans-serif;font-size:.85rem;transition:background .15s,color .15s}button:active{opacity:.7}button.primary{background:var(--accent);color:var(--bg)}button.secondary{border-color:var(--muted);color:var(--muted)}#panel-idle{gap:0;position:relative;overflow:hidden}.idle-wave-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.idle-content{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.4rem;display:flex;position:relative}.tagline-mobile{display:none}.tagline-desktop{display:inline}.idle-tagline--sub{z-index:1;color:#ffffffa6;text-align:left;align-self:flex-start;margin:0 0 .2rem;font-size:1.05rem;line-height:1.5;position:relative}.idle-tagline{z-index:1;color:#ffffffa6;text-align:center;width:max-content;max-width:90%;margin:0;font-size:1rem;line-height:1.5;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}@media (width<=768px){.idle-tagline{text-align:left;width:auto;max-width:calc(100% - 2rem);font-size:.8rem;top:calc(4rem + 30px);left:1rem;transform:none}.tagline-mobile{display:inline}.tagline-desktop{display:none}.idle-tagline--sub{text-align:center;font-size:.72rem;position:absolute;top:calc(50% - 6rem + 30px);left:0;right:0}}.idle-bottom{z-index:1;flex-direction:column;align-items:stretch;display:flex;position:relative}.idle-toggles{gap:.5rem;display:flex}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;display:flex}.toggle-switch input[type=checkbox]{display:none}.toggle-track{background:#ffffff1f;border:1.5px solid #ffffff59;border-radius:10px;flex-shrink:0;width:34px;height:20px;transition:background .2s,border-color .2s;position:relative}.toggle-thumb{background:#ffffffb3;border-radius:50%;width:12px;height:12px;transition:left .2s,background .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.toggle-switch input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-track .toggle-thumb{background:var(--bg);left:16px}.toggle-label{letter-spacing:.1em;text-transform:uppercase;color:#fff;min-width:2.5rem;font-size:.72rem;transition:color .2s}.mode-btn-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill-start{min-height:unset;letter-spacing:.08em;border:1px solid var(--accent);color:var(--accent);background:#f0a04000;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem 1.1rem;font-size:.75rem;transition:background .22s,color .22s,box-shadow .22s;display:inline-flex}.btn-icon{flex-shrink:0;display:none}.pill-start:hover{color:var(--bg);background:#f0a040;box-shadow:0 0 14px #f0a04059}.pill-start:active{opacity:.8}.challenge-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);opacity:1;border-radius:2px;padding:.2rem .5rem;font-size:.65rem;display:inline-block}#tap-overlay{z-index:10;touch-action:manipulation;background:0 0;display:none;position:absolute;inset:0}#tap-overlay.active{display:block}.screen-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.dot-nav{align-items:center;gap:6px;display:flex}.dot-nav .dot{background:var(--muted);opacity:.4;border-radius:50%;width:8px;height:8px;transition:opacity .2s,background .2s}.dot-nav .dot.active{background:var(--accent);opacity:1}.status-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:.65rem;display:flex}.status-badge:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.status-badge.complete:before{background:var(--muted)}#btn-sound-toggle{display:flex}#btn-sound-toggle:active{transform:scale(.92)}.idle-mobile-title-row{display:none}#btn-open-lb{transition:transform .1s,box-shadow .2s,border-color .2s,background .2s}#btn-open-lb:hover{background:#ffffff14;border-color:#fff9;box-shadow:0 0 12px #ffffff40}#btn-open-lb:hover svg{color:#fff!important}#btn-open-lb:active{transform:scale(.85)}@keyframes countdown-tick{0%{opacity:0;filter:blur(2px);transform:scale(1.6)translateY(-4px)}60%{opacity:1;filter:blur();transform:scale(.92)translateY(1px)}80%{opacity:1;transform:scale(1.05)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.listen-countdown{font-variant-numeric:tabular-nums;color:#fff;letter-spacing:-.03em;text-align:right;min-width:2ch;font-size:2.25rem;font-weight:200;line-height:1}.listen-countdown.tick-active{animation:.5s cubic-bezier(.22,1,.36,1) both countdown-tick}#panel-blackout{flex:1;justify-content:center;align-items:center;gap:.5rem}.blackout-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:1;font-size:.65rem}.blackout-number{color:var(--muted);opacity:1;font-size:3.5rem;font-weight:200;line-height:1}.select-hz-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.hz-display{color:var(--accent);font-size:4.5rem;font-weight:200;line-height:1}.hz-display .unit{color:var(--muted);margin-left:.2rem;font-size:1.1rem;font-weight:400}.hz-range-labels{color:var(--muted);letter-spacing:.06em;justify-content:space-between;font-size:.65rem;display:flex}#panel-listen{gap:0;position:relative;overflow:hidden}.listen-wave-canvas{width:100%;height:100%;position:absolute;inset:0}.listen-content{z-index:1;width:100%;height:100%;padding:var(--pad);box-sizing:border-box;flex-direction:column;gap:.75rem;display:flex;position:relative}.listen-spacer{flex:1}.listen-hint{letter-spacing:.04em;color:#fff;opacity:1;text-align:center;margin:0 0 .5rem;font-size:.9rem;font-weight:500;line-height:1.5;position:relative;top:-20px}#panel-tap{gap:0;position:relative;overflow:hidden}.tap-wave-canvas{width:100%;height:100%;position:absolute;inset:0;transform:translateY(-30px)}.tap-content{z-index:1;width:100%;height:100%;padding:var(--pad);box-sizing:border-box;flex-direction:column;gap:.75rem;display:flex;position:relative}.tap-spacer{flex:1}.tap-hint{letter-spacing:.04em;color:#fff;opacity:1;text-align:center;margin:0 0 .5rem;font-size:.78rem;font-weight:500;line-height:1.5}#fr-name-input:focus{border-color:#f59e0b!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important;box-shadow:0 0 0 3px #f59e0b2e!important}#tap-feedback{letter-spacing:.06em;text-transform:uppercase;opacity:0;pointer-events:none;font-size:.82rem;font-weight:600}.drift-canvas{flex-shrink:0;width:100%;height:80px;display:block}.result-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem}h1{letter-spacing:.06em;color:var(--accent);font-size:1.4rem}.countdown-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.countdown-word{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:0;font-size:2.5rem;font-weight:200;transition:opacity .25s,transform .25s;transform:translateY(6px)}.countdown-word.visible{opacity:1;transform:translateY(0)}body.theme-dark{background:#1a1a1a}body.theme-dark #game-title{color:var(--accent)}.idle-mobile-title{letter-spacing:.01em;color:var(--accent);-webkit-user-select:none;user-select:none;z-index:2;white-space:nowrap;font-family:Summer Favourite,cursive;font-size:48px;font-weight:400;text-decoration:none;display:none;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.mp-state{display:none}.mp-state.mp-active{display:flex}.mp-arcade-btn{border:1.5px solid var(--accent);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;min-height:unset;background:0 0;border-radius:3px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-family:Funnel Sans,sans-serif;font-size:.8rem;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 0 #f0a04000}.mp-arcade-btn:hover{background:#f0a04014;box-shadow:0 0 16px #f0a04040}@media (hover:hover){#btn-create-match:hover{background:var(--accent);color:var(--bg);box-shadow:0 0 24px #f0a04073}}.mp-arcade-btn:active{opacity:.7}.mp-arcade-btn--ready{background:var(--accent);color:var(--bg);box-shadow:0 0 20px #f0a04059}.mp-arcade-btn--ready:hover{background:var(--accent);box-shadow:0 0 28px #f0a0408c}.daily-intro-header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.daily-intro-title-mobile{display:none}@media (width<=768px){.daily-intro-header{display:none}.daily-intro-title-mobile{display:block}}.mp-pulse-ring{border:1.5px solid var(--accent);border-radius:50%;flex-shrink:0;width:48px;height:48px;animation:1.6s ease-in-out infinite mp-pulse;position:relative}.mp-pulse-ring:before{content:"";border:1px solid var(--accent);opacity:.35;border-radius:50%;animation:1.6s ease-in-out .3s infinite mp-pulse;position:absolute;inset:-8px}.mp-pulse-ring:after{content:"";background:#f0a0402e;border-radius:50%;animation:1.6s ease-in-out infinite mp-pulse-inner;position:absolute;inset:8px}@keyframes mp-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes mp-pulse-inner{0%,to{opacity:.3}50%{opacity:.7}}@media (width<=768px){body{background:var(--surface);justify-content:flex-start;align-items:stretch;gap:0;padding:0}#game-nav{display:none}#game-card{width:100%;max-width:none;height:100dvh;box-shadow:none;padding:1.25rem 1rem env(safe-area-inset-bottom,1rem) 1rem;border:none;border-radius:0;flex:1}.canvas-wrap{height:90px}.drift-canvas{height:100px}#panel-tap .tap-hint,#panel-tap .drift-canvas{transform:translateY(-260px)}button{min-height:44px;font-size:.9rem}.idle-bottom>div{flex-direction:row;justify-content:space-between;align-items:flex-end}.idle-bottom-row .idle-toggles{margin-left:auto}.mode-btn-row{flex-wrap:nowrap;justify-content:center;gap:1.5rem;width:auto;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.pill-start{width:64px;height:64px;min-height:unset;letter-spacing:.06em;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:0;font-size:.62rem}.btn-icon{display:block}.btn-label{display:none}.idle-mobile-title-row{z-index:2;align-items:center;gap:.6rem;display:flex;position:absolute;top:calc(1rem + 30px);left:1rem}.idle-mobile-title{font-size:24px;display:block;position:static;top:auto;left:auto;transform:none}#btn-sound-toggle{display:none}body.state-idle #btn-sound-toggle{display:flex}body.state-idle.lb-open #btn-sound-toggle{display:none}body.mp-open #btn-sound-toggle{display:none!important}.tagline-mobile{font-size:1.1875rem}.toggle-switch[title=Theme]{display:none}.idle-bottom{margin-bottom:60px}.listen-hint{transform:translateY(-120px)}.final-actions{transform:translateY(-50px)}.fr-submit-row{flex-direction:column;align-items:center}.fr-submit-row input{width:100%}.fr-submit-row #btn-submit-score{flex-shrink:unset;width:100%}#footer-links a{color:#ffffff4d!important}#footer-links span{color:#fff3!important}#footer-links{display:none!important}body.state-idle #footer-links{display:flex!important}#mp-overlay{overflow:hidden;padding:.75rem 1rem!important}#mp-overlay .mp-state{gap:.75rem!important}}