*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#0d0221,#1a0a2e,#190a33);color:#fff}button{font-family:inherit;cursor:pointer;border:none;background:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px currentColor}50%{box-shadow:0 0 40px currentColor}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.pulse{animation:pulse 1s ease-in-out infinite}.glow{animation:glow 2s ease-in-out infinite}:root{--color-teal: #00D4AA;--color-cyan: #00FFFF;--color-purple: #9B59B6;--color-indigo: #4B0082;--color-hot-pink: #FF1493;--color-gold: #FFD700;--color-danger: #FF3366;--color-danger-soft: #FF6B6B;--color-white: #FFFFFF;--text-muted: #888899;--text-dim: #AAAABB;--text-faint: #9999AA;--bg-surface-1: rgba(155, 89, 182, .15);--bg-surface-2: rgba(155, 89, 182, .25);--bg-surface-3: rgba(155, 89, 182, .35);--bg-surface-4: rgba(155, 89, 182, .5);--bg-teal: rgba(0, 212, 170, .15);--bg-teal-strong: rgba(0, 212, 170, .4);--bg-gold: rgba(255, 215, 0, .15);--bg-gold-mid: rgba(255, 215, 0, .2);--bg-gold-strong: rgba(255, 215, 0, .5);--bg-danger: rgba(255, 51, 102, .15);--border-default: rgba(155, 89, 182, .5);--border-strong: rgba(155, 89, 182, .6);--border-hover: #9B59B6;--border-active: #00D4AA;--space-xs: .4vh;--space-sm: .8vh;--space-md: 1.5vh;--space-lg: 2.5vh;--space-xl: 4vh;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--weight-medium: 600;--weight-bold: 700;--weight-heavy: 800;--weight-black: 900;--transition-fast: all .2s;--transition-medium: all .3s;--glow-teal: 0 0 20px rgba(0, 212, 170, .4);--glow-purple: 0 0 20px rgba(155, 89, 182, .3);--glow-gold: 0 0 20px rgba(255, 215, 0, .3);--glow-danger: 0 0 20px rgba(255, 51, 102, .5)}:where(button,a,[role=button],input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;box-shadow:0 0 0 4px #00ffff59;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;height:100vh;position:relative;overflow:hidden}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1}.content{position:relative;z-index:2;height:95vh;max-width:500px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2.5vh 20px;gap:1.5vh;overflow:hidden}.content.center{justify-content:center}.content.wide{max-width:650px}.content--dense{--space-xs: .3vh;--space-sm: .5vh;--space-md: 1vh;--space-lg: 1.5vh}.home-content{padding:2vh 20px 1vh;gap:1vh;justify-content:flex-start;max-width:500px;margin:auto;height:100vh;height:100dvh;overflow:hidden}.home-cockpit,.home-settings{display:contents}@media(min-width:768px){.home-content{max-width:720px;padding:2vh 32px 1vh}}@media(min-width:1024px){.home-content{max-width:min(1400px,94vw);padding:2vh clamp(24px,3vw,48px) 1vh}.home-content .settings-scroll{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);padding:.5vh 4px;margin:0}.home-cockpit{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(16px,2vw,28px);align-items:stretch}.home-cockpit .home-buttons--above-fold{display:flex;align-items:stretch;margin:0;padding:0}.home-cockpit .main-buttons-row{display:flex;flex-direction:row;gap:clamp(10px,1.2vw,16px);width:100%}.home-cockpit .main-buttons-row>button{flex:1 1 0;height:100%;min-height:clamp(80px,12vh,140px)}.home-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);align-content:start}.home-settings>.meter-setting,.home-settings>.microphone-setting,.home-settings>.rewards-setting{grid-column:1 / -1}.home-settings .timer-presets{flex-wrap:wrap;justify-content:center}.home-settings .mode-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:clamp(6px,.8vw,12px);width:100%}.home-settings .mode-buttons>button{width:100%}.home-settings .mode-btn{padding:clamp(6px,.9vh,11px) clamp(6px,.8vw,14px);min-width:0}}.home-content .slider{height:clamp(4px,.6vh,7px);margin:.3vh 0}.home-content .slider::-webkit-slider-thumb{width:clamp(12px,1.8vh,18px);height:clamp(12px,1.8vh,18px);box-shadow:0 0 6px #00ffff80}.home-content .slider::-moz-range-thumb{width:clamp(12px,1.8vh,18px);height:clamp(12px,1.8vh,18px);box-shadow:0 0 6px #00ffff80}.home-content .setting-label,.home-content .setting label{font-size:clamp(.8rem,1.4vh,1rem)}.home-content .mode-btn{padding:clamp(6px,1vh,12px) clamp(12px,2.2vw,28px);font-size:clamp(.85rem,1.5vh,1.1rem)}.home-content .preset-btn{padding:clamp(6px,.8vh,10px) clamp(6px,1vw,12px);font-size:clamp(.8rem,1.4vh,1rem)}.timer-presets{display:flex;gap:clamp(4px,.8vw,8px);flex-wrap:wrap;justify-content:center}.timer-preset-btn{padding:clamp(4px,.6vh,8px) clamp(8px,1.2vw,14px);font-size:clamp(.6rem,1vh,.8rem);font-weight:var(--weight-bold);color:var(--text-dim);background:var(--bg-surface-1);border:1px solid rgba(155,89,182,.4);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.timer-preset-btn:hover{background:var(--bg-surface-3);border-color:var(--border-hover);color:#ccd}.timer-preset-btn.active{color:var(--color-teal);border-color:var(--border-active);background:var(--bg-teal)}.home-content .meter-option{padding:clamp(4px,.6vh,8px) clamp(4px,.8vw,10px)}.home-content .meter-option-icon{font-size:clamp(1.1rem,1.9vh,1.6rem)}.home-content .meter-option-name{font-size:clamp(.8rem,1.4vh,1rem);color:var(--text-dim)}.home-content .start-btn,.home-content .multiplayer-btn{padding:clamp(6px,1vh,12px) clamp(14px,2.5vw,35px);min-width:clamp(100px,22vw,140px)}.home-content .start-btn .btn-icon,.home-content .multiplayer-btn .btn-icon{font-size:clamp(1rem,1.8vh,1.5rem)}.home-content .start-btn .btn-text,.home-content .multiplayer-btn .btn-text{font-size:clamp(.6rem,1vh,.85rem)}.home-content .achievements-btn{padding:clamp(5px,.8vh,10px) clamp(16px,3vw,35px);font-size:clamp(.7rem,1.1vh,.95rem)}.home-content .reward-time-input,.home-content .reward-name-input{padding:clamp(5px,.8vh,10px) 6px;font-size:clamp(.8rem,1.3vh,1rem)}.home-content .reward-equals{font-size:clamp(.7rem,1.1vh,.9rem)}.home-content .add-reward-btn{width:clamp(30px,4vh,40px);height:clamp(30px,4vh,40px);font-size:clamp(1.1rem,1.8vh,1.5rem)}.home-content .reward-chip{padding:clamp(2px,.4vh,5px) clamp(5px,.8vw,10px);font-size:clamp(.55rem,.85vh,.75rem)}.home-header{text-align:center;flex-shrink:0}.home-title{font-size:clamp(1.6rem,4vh,2.8rem);font-weight:var(--weight-black);letter-spacing:clamp(4px,1.2vw,10px);color:var(--color-white);text-shadow:0 0 20px #00FFFF,0 0 40px #00FFFF,2px 2px 0 #9B59B6;margin:0}.home-subtitle{font-size:clamp(.55rem,1vh,.8rem);color:var(--text-dim);letter-spacing:4px;margin-top:.3vh;text-transform:uppercase}.hero-band{display:flex;align-items:center;gap:clamp(8px,1.4vw,14px);padding:clamp(6px,.9vh,10px) clamp(10px,1.4vw,16px);margin:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(135deg,#00d4aa0f,#9b59b61f,#ff149314);box-shadow:var(--glow-purple);flex-shrink:0}.hero-preview{flex:0 0 auto;width:clamp(44px,6vw,60px);display:flex;align-items:center;justify-content:center}.hero-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:clamp(1px,.25vh,3px)}.hero-headline{font-size:clamp(.78rem,1.55vh,1.05rem);font-weight:var(--weight-heavy);letter-spacing:clamp(.6px,.2vw,1.6px);line-height:1.2;color:var(--color-white);text-shadow:0 0 6px rgba(0,255,255,.5),0 0 12px rgba(0,212,170,.3);margin:0;text-transform:uppercase}.hero-subhead{font-size:clamp(.55rem,1vh,.78rem);color:var(--text-dim);line-height:1.35;margin:0}@media(max-height:780px){.hero-band{display:none}}.settings-scroll .home-buttons.home-buttons--above-fold{margin-top:0;margin-bottom:0;padding:0;gap:0}.home-buttons--above-fold .main-buttons-row{gap:clamp(8px,1.4vw,14px);width:100%;align-items:stretch}.home-buttons--above-fold .main-buttons-row>button{flex:1 1 0}.settings-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:clamp(8px,1.2vh,14px);padding:.5vh 10px;margin:0 -10px;min-height:0}.settings-scroll{scrollbar-width:thin;scrollbar-color:rgba(155,89,182,.45) transparent}.settings-scroll::-webkit-scrollbar{width:6px}.settings-scroll::-webkit-scrollbar-track{background:transparent}.settings-scroll::-webkit-scrollbar-thumb{background:#9b59b673;border-radius:3px}.settings-scroll::-webkit-scrollbar-thumb:hover{background:#9b59b6b3}.reward-row{display:flex;align-items:center;gap:1.4vw;flex-wrap:wrap;justify-content:center}.reward-time-input{width:clamp(55px,11vw,80px);padding:clamp(7px,1.1vh,14px) 6px;font-size:clamp(.95rem,1.7vh,1.2rem);font-weight:var(--weight-bold);color:var(--color-cyan);background:var(--bg-surface-4);border:2px solid #9B59B6;border-radius:var(--radius-sm);text-align:center;outline:none}.reward-time-input:focus{border-color:var(--border-active)}.reward-equals{font-size:clamp(.85rem,1.4vh,1.1rem);color:var(--text-dim);font-weight:var(--weight-medium)}.reward-name-input{flex:1;min-width:100px;max-width:180px;padding:clamp(7px,1.1vh,14px) 8px;font-size:clamp(.95rem,1.7vh,1.2rem);color:var(--color-cyan);background:var(--bg-surface-4);border:2px solid #9B59B6;border-radius:var(--radius-sm);outline:none}.reward-name-input:focus{border-color:var(--border-active)}.reward-name-input::placeholder{color:var(--text-faint)}.add-reward-btn{width:clamp(36px,5vh,50px);height:clamp(36px,5vh,50px);font-size:clamp(1.3rem,2.2vh,1.8rem);font-weight:var(--weight-bold);color:#0d0221;background:#00d4aa;border:none;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.add-reward-btn:hover:not(:disabled){background:#0ff}.add-reward-btn:disabled{opacity:.4;cursor:not-allowed}.rewards-chips{display:flex;flex-wrap:wrap;gap:1vw;justify-content:center;margin-top:.5vh}.reward-chip{display:inline-flex;align-items:center;gap:4px;padding:clamp(3px,.5vh,6px) clamp(6px,1vw,12px);font-size:clamp(.65rem,1vh,.85rem);color:var(--color-white);background:var(--bg-gold-mid);border:1px solid rgba(255,215,0,.4);border-radius:12px}.reward-chip button{background:none;border:none;color:var(--color-danger-soft);font-size:clamp(.75rem,1.1vh,.95rem);cursor:pointer;padding:0;margin-left:2px;line-height:1}.reward-chip button:hover{color:#f44}.home-buttons{display:flex;flex-direction:column;gap:1vh;align-items:center;justify-content:center;flex-shrink:0;padding:.5vh 0 0}.settings-scroll .home-buttons{margin-top:1.5vh;padding-bottom:1vh}.main-buttons-row{display:flex;gap:4vw;align-items:stretch;justify-content:center}.achievements-btn{padding:clamp(7px,1.1vh,14px) clamp(25px,5.5vw,50px);font-size:clamp(.95rem,1.5vh,1.2rem);font-weight:var(--weight-bold);color:var(--color-gold);background:var(--bg-surface-1);border:1px solid var(--bg-gold-strong);border-radius:var(--radius-sm);transition:var(--transition-fast);letter-spacing:1px}.achievements-btn:hover{background:var(--bg-gold);border-color:var(--color-gold)}.game-content{position:relative;z-index:2;height:95vh;max-width:500px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2.5vh 20px;gap:1.5vh;overflow:hidden}.header{text-align:center;flex-shrink:0}.decorative-shapes{display:flex;justify-content:center;align-items:center;gap:clamp(15px,4vw,30px);margin-bottom:1.5vh}.shape{opacity:.7}.shape.dot{width:clamp(16px,3.5vw,26px);height:clamp(16px,3.5vw,26px);border-radius:50%;background-color:#00d4aa}.title{font-size:clamp(2rem,6vh,4rem);font-weight:var(--weight-black);letter-spacing:clamp(8px,2vw,15px);color:var(--color-white);text-shadow:0 0 30px #00FFFF,0 0 60px #00FFFF,4px 4px 0 #9B59B6;margin:0;white-space:nowrap}.subtitle{font-size:clamp(.8rem,1.5vh,1.2rem);color:var(--text-muted);letter-spacing:clamp(3px,1vw,8px);margin-top:1vh}.setting{display:flex;flex-direction:column;align-items:center;gap:1.2vh}.setting label,.setting .setting-label{font-size:clamp(.85rem,1.7vh,1.2rem);font-weight:var(--weight-bold);color:var(--color-teal);letter-spacing:2px;opacity:.9}.home-content .settings-scroll>.setting{background:linear-gradient(180deg,#1a0f2e8c,#0c061a8c);border:1px solid rgba(155,89,182,.28);border-radius:var(--radius-lg);padding:clamp(8px,1.2vh,14px) clamp(10px,1.6vw,18px);gap:clamp(6px,.9vh,10px);box-shadow:0 0 0 1px #00d4aa0a inset}.home-content .settings-scroll>.setting:hover{border-color:#9b59b673}.mode-buttons{display:flex;gap:2.5vw}.mode-btn{padding:clamp(8px,1.4vh,16px) clamp(18px,3.5vw,38px);font-size:clamp(.9rem,1.7vh,1.2rem);font-weight:var(--weight-heavy);letter-spacing:1px;color:var(--text-dim);background:var(--bg-surface-2);border:2px solid var(--border-strong);border-radius:var(--radius-sm);transition:var(--transition-fast)}.mode-btn:hover{background:var(--bg-surface-3);border-color:var(--border-hover)}.mode-btn.active{color:var(--color-white);background:linear-gradient(135deg,#00d4aa,#00a88a);border-color:var(--border-active);box-shadow:0 0 15px var(--bg-teal-strong)}.slider{width:100%;max-width:350px;height:clamp(6px,1vh,10px);-webkit-appearance:none;appearance:none;background:var(--bg-surface-3);border-radius:3px;outline:none;margin:.8vh 0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:clamp(16px,2.5vh,24px);height:clamp(16px,2.5vh,24px);background:#0ff;border-radius:3px;cursor:pointer;box-shadow:0 0 8px #0ff9}.slider::-moz-range-thumb{width:clamp(16px,2.5vh,24px);height:clamp(16px,2.5vh,24px);background:#0ff;border-radius:3px;cursor:pointer;box-shadow:0 0 8px #0ff9;border:none}.preset-buttons{display:flex;gap:1.5vw;flex-wrap:wrap;justify-content:center}.preset-btn{padding:clamp(6px,.85vh,11px) clamp(11px,2vw,22px);font-size:clamp(.8rem,1.4vh,1.1rem);font-weight:var(--weight-bold);color:var(--text-dim);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:var(--transition-fast)}.preset-btn:hover{background:var(--bg-surface-3);border-color:var(--border-hover)}.preset-btn.active{color:var(--color-teal);border-color:var(--border-active);background:var(--bg-teal)}.hint{font-size:clamp(.7rem,1.2vh,.9rem);color:var(--text-dim);letter-spacing:1px}.device-select{width:100%;max-width:350px;padding:clamp(6px,1vh,12px) 12px;font-size:clamp(.75rem,1.2vh,.95rem);font-weight:var(--weight-medium);color:var(--color-cyan);background:var(--bg-surface-4);border:2px solid #9B59B6;border-radius:var(--radius-sm);cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300FFFF' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.device-select:hover{border-color:var(--border-active)}.device-select option{background:#1a0a2e;color:var(--color-cyan);padding:8px}.start-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6vh;padding:clamp(11px,1.7vh,20px) clamp(25px,5vw,56px);min-width:clamp(130px,28vw,180px);font-weight:var(--weight-black);letter-spacing:2px;color:#0d0221;background:linear-gradient(135deg,#00d4aa,#00a88a);border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.3);box-shadow:0 0 25px var(--bg-teal-strong);transition:var(--transition-fast)}.start-btn .btn-icon{font-size:clamp(1.6rem,2.8vh,2.2rem);line-height:1}.start-btn .btn-text{font-size:clamp(.85rem,1.4vh,1.1rem);white-space:nowrap;letter-spacing:1px}.start-btn:hover{transform:scale(1.03);box-shadow:0 0 35px #00d4aa99}.footer{display:flex;align-items:center;gap:clamp(10px,3vw,20px);margin-top:auto;flex-shrink:0}.footer span{font-size:clamp(.6rem,1.1vh,.8rem);color:var(--text-muted);letter-spacing:clamp(1px,.3vw,2px)}.decor-line{width:clamp(30px,8vw,60px);height:2px;background:#9b59b6;opacity:.5}.container.fishing-theme{background:linear-gradient(180deg,#87ceeb,#1e90ff,#005a8c)}.container.fishing-theme .instruction{text-shadow:0 0 20px #20B2AA,0 0 40px #20B2AA,2px 2px 0 #006994}.container.fishing-theme .timer{text-shadow:0 0 30px #FFD700}.container.fishing-theme .threshold-info{background:#00649680;border-color:#20b2aa}.container.fishing-theme .quit-btn{background:#e74c3c}.game-header{text-align:center;flex-shrink:0}.instruction{font-size:clamp(1.8rem,5vh,3rem);font-weight:var(--weight-black);letter-spacing:clamp(4px,1vw,8px);color:var(--color-white);text-shadow:0 0 30px #00FFFF;margin:0 0 1vh;white-space:nowrap}.timer-display{text-align:center;flex-shrink:0}.timer-label{font-size:clamp(.85rem,1.5vh,1.1rem);font-weight:var(--weight-bold);color:var(--color-teal);letter-spacing:clamp(1px,.5vw,3px)}.timer{font-size:clamp(2.8rem,8vh,5.5rem);font-weight:var(--weight-black);font-variant-numeric:tabular-nums;text-shadow:0 0 40px currentColor;margin-top:1vh}.meter-section{text-align:center;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.game-content--gameover .gameover-meter-buttons{max-width:360px;flex-direction:row;gap:clamp(8px,1.5vw,16px)}.game-content--gameover .gameover-meter-buttons .play-again-btn,.game-content--gameover .gameover-meter-buttons .home-btn{flex:1 1 0;padding:clamp(10px,1.8vh,18px) clamp(12px,3vw,24px);font-size:clamp(.9rem,1.6vh,1.1rem);white-space:nowrap}.game-content--gameover .threshold-info{position:relative}.game-content--gameover .gameover-meter-copy{position:absolute;top:calc(100% + 8px);left:50%;width:min(90vw,520px);transform:translate(-50%);pointer-events:none}.game-content--gameover .gameover-meter-copy .loss-roast,.game-content--gameover .gameover-meter-copy .streak-message{display:block}.meter-label{font-size:clamp(.85rem,1.5vh,1.1rem);font-weight:var(--weight-bold);color:var(--color-teal);letter-spacing:clamp(1px,.5vw,3px);flex-shrink:0}.meter-container{display:flex;align-items:stretch;gap:clamp(10px,3vw,20px);margin-top:1.5vh;flex:1;min-height:0;max-height:clamp(150px,35vh,300px)}.meter-scale{display:flex;flex-direction:column;justify-content:space-between;padding:1vh 0;font-size:clamp(.65rem,1.2vh,.8rem);color:var(--text-muted);font-weight:var(--weight-bold)}.threshold-info{background:var(--bg-surface-3);padding:clamp(8px,1.5vh,15px) clamp(15px,4vw,30px);border-radius:var(--radius-sm);border:2px solid #9B59B6;font-size:clamp(.85rem,1.5vh,1.1rem);font-weight:var(--weight-bold);color:var(--color-teal);letter-spacing:clamp(1px,.3vw,2px);flex-shrink:0}.quit-btn{padding:clamp(10px,1.8vh,18px) clamp(20px,5vw,40px);font-size:clamp(.9rem,1.6vh,1.2rem);font-weight:var(--weight-heavy);letter-spacing:clamp(1px,.4vw,3px);color:var(--color-white);background:#f36;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 20px #ff336680;transition:var(--transition-fast);flex-shrink:0}.quit-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #ff3366b3}.game-controls{display:flex;gap:clamp(6px,1vw,12px)}.game-control-btn{min-width:44px;min-height:44px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(1rem,1.8vh,1.3rem);color:var(--color-white);background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.game-control-btn:hover,.game-control-btn:focus-visible{background:#ffffff2e;border-color:#ffffff80}.permission-denied{text-align:center}.permission-denied .icon{font-size:clamp(3rem,7vh,5rem);display:block;margin-bottom:2vh}.permission-denied h2{font-size:clamp(1.5rem,4vh,2.5rem);font-weight:var(--weight-black);color:#f36;letter-spacing:clamp(2px,.7vw,5px);margin-bottom:2vh}.permission-denied p{font-size:clamp(.9rem,1.5vh,1.1rem);color:var(--text-muted);margin-bottom:1vh}.back-btn{margin-top:2vh;padding:clamp(10px,1.5vh,15px) clamp(25px,5vw,40px);font-size:clamp(.9rem,1.5vh,1.1rem);font-weight:var(--weight-heavy);letter-spacing:clamp(1px,.3vw,2px);color:#0d0221;background:#00d4aa;border-radius:var(--radius-sm);transition:var(--transition-fast)}.back-btn:hover{transform:scale(1.03);box-shadow:0 0 25px #00d4aa80}.result-emoji{font-size:clamp(3rem,8vh,6rem);margin-bottom:1.5vh}.result-title{font-size:clamp(2.5rem,7vh,5rem);font-weight:var(--weight-black);letter-spacing:clamp(5px,1.5vw,10px);margin:0 0 1vh;white-space:nowrap}.result-subtitle{font-size:clamp(.8rem,1.6vh,1.2rem);color:var(--text-muted);letter-spacing:clamp(2px,.7vw,5px);margin-bottom:2vh}.stat-box{background:var(--bg-surface-3);padding:clamp(15px,3vh,30px) clamp(30px,8vw,60px);border-radius:var(--radius-sm);border:3px solid #9B59B6;text-align:center;margin-bottom:2vh}.stat-label{display:block;font-size:clamp(.85rem,1.5vh,1.1rem);font-weight:var(--weight-bold);color:var(--color-teal);letter-spacing:clamp(1px,.4vw,3px);margin-bottom:1vh}.stat-value{font-size:clamp(2.5rem,7vh,5rem);font-weight:var(--weight-black);font-variant-numeric:tabular-nums;text-shadow:0 0 30px currentColor}.button-group{display:flex;flex-direction:column;gap:1.5vh;width:100%;max-width:400px}.play-again-btn{padding:clamp(12px,2vh,20px) clamp(20px,5vw,40px);font-size:clamp(1rem,1.8vh,1.3rem);font-weight:var(--weight-black);letter-spacing:clamp(2px,.5vw,4px);color:#0d0221;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.2);box-shadow:0 0 25px #00d4aa80;transition:all .2s}.play-again-btn:hover{transform:scale(1.03)}.home-btn{padding:clamp(10px,1.8vh,18px) clamp(20px,5vw,40px);font-size:clamp(.9rem,1.5vh,1.1rem);font-weight:var(--weight-heavy);letter-spacing:clamp(1px,.4vw,3px);color:var(--color-white);background:var(--bg-surface-3);border-radius:var(--radius-sm);border:2px solid #9B59B6;transition:var(--transition-fast)}.home-btn:hover{background:var(--bg-surface-4)}.mode-btn{display:flex;align-items:center;justify-content:center;gap:8px}.container.fishing-theme .game-content{max-width:800px;gap:1vh;padding:1.5vh 10px}.container.fishing-theme .game-header{margin-bottom:0}.container.fishing-theme .instruction{font-size:clamp(1.2rem,3vh,1.8rem);margin-bottom:.3vh}.container.fishing-theme .timer-display{margin-bottom:0}.container.fishing-theme .timer{font-size:clamp(2rem,6vh,4rem);margin-top:.3vh}.container.fishing-theme .timer-label{font-size:clamp(.65rem,1.1vh,.85rem)}.container.fishing-theme .threshold-info{padding:clamp(5px,.8vh,10px) clamp(10px,2.5vw,20px);font-size:clamp(.65rem,1.1vh,.85rem)}.container.fishing-theme .quit-btn{padding:clamp(6px,1vh,12px) clamp(14px,3.5vw,28px);font-size:clamp(.75rem,1.2vh,.95rem)}.container.fishing-theme .game-rewards-info{margin-bottom:.3vh}.rewards-setting{width:100%}.game-rewards-info{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,10px);margin-bottom:1.5vh;width:100%;max-width:350px;flex-shrink:0}.reward-progress{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,10px);width:100%;padding:clamp(8px,1.3vh,12px) clamp(12px,3vw,20px);background:var(--bg-gold);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-lg)}.next-reward-info{display:flex;align-items:center;gap:clamp(6px,1.5vw,10px)}.next-reward-icon{font-size:clamp(1.1rem,2vh,1.5rem)}.next-reward-name{font-size:clamp(.9rem,1.5vh,1.1rem);color:var(--color-white);font-weight:var(--weight-bold)}.next-reward-time{font-size:clamp(.75rem,1.3vh,.9rem);color:var(--color-teal);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.reward-progress-bar{width:100%;height:8px;background:var(--bg-surface-4);border-radius:4px;overflow:hidden}.reward-progress-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px var(--bg-gold-strong)}.all-rewards-earned{padding:clamp(8px,1.3vh,12px) clamp(15px,4vw,24px);background:var(--bg-teal);border:1px solid var(--bg-teal-strong);border-radius:20px;font-size:clamp(.8rem,1.4vh,1rem);color:var(--color-teal);font-weight:var(--weight-bold)}.earned-achievements{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,15px);padding:clamp(12px,2vh,20px) clamp(15px,4vw,30px);background:var(--bg-gold);border:2px solid rgba(255,215,0,.4);border-radius:var(--radius-md);margin-bottom:1.5vh;animation:earned-glow 2s ease-in-out infinite}@keyframes earned-glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px var(--bg-gold-strong)}}.earned-label{font-size:clamp(.9rem,1.6vh,1.2rem);font-weight:var(--weight-black);color:var(--color-gold);letter-spacing:clamp(1px,.4vw,3px);text-shadow:0 0 20px var(--bg-gold-strong)}.earned-list{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,15px);justify-content:center}.earned-item{display:flex;align-items:center;gap:clamp(4px,1vw,8px);padding:clamp(6px,1vh,10px) clamp(12px,3vw,20px);background:var(--bg-surface-3);border-radius:25px;border:1px solid #9B59B6}.earned-icon{font-size:clamp(1.1rem,2vh,1.5rem)}.earned-name{font-size:clamp(.8rem,1.4vh,1rem);font-weight:var(--weight-bold);color:var(--color-white)}.achievements-stats{display:flex;gap:clamp(15px,4vw,30px);margin-bottom:2vh}.stat-item{display:flex;flex-direction:column;align-items:center;padding:clamp(10px,1.5vh,15px) clamp(15px,4vw,25px);background:var(--bg-surface-3);border:2px solid #9B59B6;border-radius:var(--radius-md)}.stat-number{font-size:clamp(1.8rem,4vh,2.5rem);font-weight:var(--weight-black);color:var(--color-cyan);text-shadow:0 0 20px rgba(0,255,255,.5)}.stat-desc{font-size:clamp(.7rem,1.2vh,.9rem);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.achievements-list{display:flex;flex-direction:column;gap:clamp(8px,1.3vh,12px);width:100%;max-width:500px;flex:1;min-height:0;overflow-y:auto;padding:1vh;margin-bottom:1.5vh}.achievements-list::-webkit-scrollbar{width:8px}.achievements-list::-webkit-scrollbar-track{background:var(--bg-surface-3);border-radius:4px}.achievements-list::-webkit-scrollbar-thumb{background:#9b59b6;border-radius:4px}.no-achievements{text-align:center;padding:clamp(20px,4vh,40px);color:var(--text-muted)}.no-achievements-icon{font-size:clamp(2.5rem,6vh,4rem);display:block;margin-bottom:1.5vh}.achievement-card{display:flex;align-items:center;gap:clamp(10px,2vw,15px);padding:clamp(10px,1.5vh,15px) clamp(12px,3vw,20px);background:var(--bg-surface-3);border:2px solid #9B59B6;border-radius:var(--radius-md);transition:transform .2s}.achievement-card:hover{transform:translate(5px);border-color:var(--color-gold)}.achievement-icon{font-size:clamp(1.5rem,3vh,2rem)}.achievement-info{display:flex;flex-direction:column;gap:clamp(2px,.4vh,3px);flex:1}.achievement-name{font-size:clamp(.85rem,1.5vh,1.1rem);font-weight:var(--weight-bold);color:var(--color-white)}.achievement-desc{font-size:clamp(.7rem,1.2vh,.9rem);color:var(--text-muted)}.achievement-date{font-size:clamp(.55rem,1vh,.75rem);color:var(--text-faint)}:root{--zine-ink-1: #D9CCEA;--zine-ink-2: #8A7AA8;--zine-display: "Archivo Black", "Space Grotesk", system-ui, sans-serif;--zine-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}@media(min-width:1024px){.container:has(.home-content){background:radial-gradient(900px 600px at 100% 0%,rgba(255,20,147,.18),transparent 55%),radial-gradient(1100px 700px at 0% 100%,rgba(0,212,170,.12),transparent 55%),linear-gradient(180deg,#0d0221,#170632)}.home-content{max-width:min(1400px,94vw);padding:28px clamp(24px,3vw,48px) 0;height:100dvh;overflow:hidden;gap:20px}.home-header{width:100%;text-align:left;padding-bottom:16px;border-bottom:2px solid var(--color-hot-pink);margin-bottom:4px;flex-shrink:0}.home-masthead-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.home-title{font-family:var(--zine-display);font-size:clamp(40px,5.5vw,72px);font-weight:900;letter-spacing:clamp(4px,.8vw,10px);line-height:.95;margin:0;text-transform:uppercase;text-shadow:0 0 20px var(--color-cyan),0 0 40px rgba(0,255,255,.45),3px 3px 0 var(--color-purple)}.home-subtitle{font-family:var(--zine-mono);font-size:11px;letter-spacing:3px;margin-top:6px;color:var(--zine-ink-1);text-transform:uppercase}.home-masthead-stamp{font-family:var(--zine-mono);font-size:11px;letter-spacing:2.4px;color:var(--zine-ink-2);text-transform:uppercase;padding-bottom:6px}.home-content .settings-scroll{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;gap:20px;padding:0 4px 48px;margin:0;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.home-cockpit,.home-settings{display:contents}.home-content .hero-band{grid-column:span 7;align-self:stretch;display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:24px;padding:28px 32px;border-radius:20px;background:linear-gradient(135deg,#ff149324,#9b59b61a);border:1px solid rgba(255,20,147,.35);box-shadow:0 20px 60px #ff14931a;position:relative;overflow:hidden}.home-content .hero-band:after{content:"01";position:absolute;top:14px;left:22px;font-family:var(--zine-display);font-size:72px;font-weight:900;color:var(--color-hot-pink);opacity:.12;line-height:1;pointer-events:none;z-index:0}.home-content .hero-copy{order:1;min-width:0;gap:14px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;padding-left:56px}.home-content .hero-preview{order:2;width:clamp(90px,12vw,130px);align-self:center;position:relative;z-index:1}.home-content .hero-headline{font-family:var(--zine-display);font-size:clamp(28px,2.6vw,40px);font-weight:900;letter-spacing:-.5px;line-height:1;text-transform:uppercase;text-shadow:0 0 18px rgba(0,255,255,.3)}.home-content .hero-subhead{font-size:15px;line-height:1.55;color:var(--zine-ink-1);max-width:52ch}.home-content .hero-kicker{display:block;font-family:var(--zine-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--color-hot-pink);font-weight:700}.home-content .home-buttons--above-fold{grid-column:span 5}.home-content .home-buttons--above-fold .main-buttons-row{flex-direction:column;gap:14px;width:100%;height:100%}.home-content .start-btn,.home-content .multiplayer-btn{flex:1;min-height:140px;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:22px 26px;border-radius:20px;border:1px solid;text-align:left;min-width:0;letter-spacing:0}.home-content .start-btn{background:linear-gradient(135deg,#00d4aa,#0ff);color:#0d0221;border-color:#00000026;box-shadow:0 10px 30px #00d4aa40}.home-content .multiplayer-btn{background:linear-gradient(135deg,#ff1493,#9b59b6);color:#fff;border-color:#ffffff26;box-shadow:0 10px 30px #ff149340}.home-content .start-btn .btn-icon,.home-content .multiplayer-btn .btn-icon{font-family:var(--zine-mono);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;opacity:.85;line-height:1.1}.home-content .start-btn .btn-text,.home-content .multiplayer-btn .btn-text{font-family:var(--zine-display);font-size:26px;letter-spacing:-.3px;text-transform:uppercase;line-height:1}.home-content .settings-scroll>.setting,.home-content .home-settings>.setting{background:#1a0a2e8c;border:1px solid rgba(155,89,182,.3);border-radius:20px;padding:22px 22px 20px;align-items:stretch;box-shadow:none}.home-content .settings-scroll>.setting:hover{border-color:#ff149366}.home-content .setting-label,.home-content .setting>label{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--zine-mono);font-size:11px;letter-spacing:2.5px;color:var(--zine-ink-1);text-transform:uppercase;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);opacity:1}.panel-idx{font-family:var(--zine-display);font-size:14px;color:var(--color-hot-pink);letter-spacing:1px}.home-content .home-settings>.setting{grid-column:span 6}.home-content .home-settings>.setting:has(.mode-description){grid-column:span 5;background:linear-gradient(160deg,#9b59b624,#1a0a2e8c);border-color:#9b59b661}.home-content .home-settings>.setting:has(#duration-slider){grid-column:span 7;background:linear-gradient(160deg,#00d4aa1a,#1a0a2e8c);border-color:#00d4aa47;justify-content:center}.home-content .home-settings>.meter-setting,.home-content .home-settings>.microphone-setting,.home-content .home-settings>.rewards-setting{grid-column:1 / -1}.home-content .mode-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;counter-reset:mode-n}.home-content .mode-btn{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 12px 14px;background:#ffffff05;border:1px solid rgba(155,89,182,.35);border-radius:12px;color:var(--zine-ink-1);font-family:var(--zine-display);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;min-height:72px;counter-increment:mode-n}.home-content .mode-btn:before{content:counter(mode-n,decimal-leading-zero);font-family:var(--zine-mono);font-size:10px;letter-spacing:1.5px;color:var(--zine-ink-2)}.home-content .mode-btn:hover{border-color:var(--color-purple);color:#fff}.home-content .mode-btn.active{color:#0d0221;background:linear-gradient(135deg,var(--color-teal),var(--color-cyan));border-color:var(--color-teal);box-shadow:0 0 18px #00d4aa59}.home-content .mode-btn.active:before{color:#0d022199}.home-content .mode-description,.home-content .setting .hint{font-size:13px;color:var(--zine-ink-1);line-height:1.5;padding:10px 0 0 14px;border-left:2px solid var(--color-teal);margin-top:14px}.home-content .slider{height:4px;background:linear-gradient(90deg,var(--color-hot-pink),var(--color-cyan));border-radius:2px}.home-content .slider::-webkit-slider-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--color-hot-pink);box-shadow:0 0 16px #ff14938c}.home-content .slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--color-hot-pink);box-shadow:0 0 16px #ff14938c}.home-content .setting:has(#duration-slider) .setting-label,.home-content .setting:has(#sensitivity-slider) .setting-label,.home-content .setting:has(#warning-slider) .setting-label{align-items:center}.home-content .timer-presets{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:12px}.home-content .timer-preset-btn{padding:8px 14px;border-radius:30px;font-family:var(--zine-mono);font-size:12px;font-weight:700;letter-spacing:.5px;background:#9b59b624;border:1px solid rgba(155,89,182,.35);color:var(--zine-ink-1)}.home-content .timer-preset-btn.active{background:var(--color-teal);color:#0d0221;border-color:var(--color-teal)}.home-content .meter-setting{background:#1a0a2e8c}.home-content .meter-setting{counter-reset:meter-n}.home-content .meter-option{padding:20px 10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0d022199;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--zine-display);transition:all .2s ease;position:relative;counter-increment:meter-n}.home-content .meter-option:before{content:counter(meter-n,decimal-leading-zero);position:absolute;top:8px;left:10px;font-family:var(--zine-mono);font-size:10px;color:var(--zine-ink-2);letter-spacing:1px}.home-content .meter-option-icon{font-size:34px;margin-top:8px}.home-content .meter-option-name{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--zine-ink-1)}.home-content .meter-option.selected,.home-content .meter-option[aria-pressed=true]{border-color:var(--color-hot-pink);background:linear-gradient(160deg,#ff14932e,#0d022199)}.home-content .meter-option.selected .meter-option-name{color:#fff}.home-content .rewards-setting{background:#ffd7000d;border:1px dashed rgba(255,215,0,.35)}.home-content .rewards-setting .reward-row{gap:10px;justify-content:flex-start}.home-content .reward-time-input,.home-content .reward-name-input{font-family:var(--zine-mono);background:#0d0221b3;border-radius:8px;padding:12px 14px}.home-content .reward-time-input{color:var(--color-gold);width:80px}.home-content .reward-equals{font-family:var(--zine-mono);letter-spacing:1.5px;color:var(--color-gold);text-transform:uppercase}.home-content .add-reward-btn{width:auto;height:auto;padding:12px 22px;border-radius:8px;font-family:var(--zine-display);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;background:var(--color-gold)}.home-content .add-reward-btn:hover:not(:disabled){background:#ffe347}}@media(min-width:1024px)and (max-width:1199px){.home-content .settings-scroll{grid-template-columns:repeat(6,1fr)}.home-content .hero-band,.home-content .home-buttons--above-fold,.home-content .home-settings>.setting,.home-content .home-settings>.setting:has(.mode-description),.home-content .home-settings>.setting:has(#duration-slider),.home-content .home-settings>.meter-setting,.home-content .home-settings>.microphone-setting,.home-content .home-settings>.rewards-setting{grid-column:1 / -1}}@media(min-width:1024px)and (max-height:820px){.home-content{padding-top:16px;gap:12px}.home-header{padding-bottom:8px;margin-bottom:0}.home-title{font-size:clamp(36px,4.4vw,58px)}.home-content .settings-scroll{gap:14px;padding-bottom:28px}.home-content .hero-band{padding:18px 24px}.home-content .hero-headline{font-size:clamp(24px,2.1vw,34px)}.home-content .home-buttons--above-fold .main-buttons-row{gap:10px}.home-content .start-btn,.home-content .multiplayer-btn{min-height:92px}.home-content .settings-scroll>.setting,.home-content .home-settings>.setting{padding:14px}.home-content .mode-btn{min-height:62px;padding:12px 10px}.home-content .mode-description,.home-content .setting .hint{margin-top:8px;padding-top:8px}}@media(max-width:1023px){.container:has(.home-content){background:radial-gradient(600px 500px at 100% 0%,rgba(255,20,147,.18),transparent 55%),radial-gradient(700px 500px at 0% 100%,rgba(0,212,170,.1),transparent 55%),linear-gradient(180deg,#0d0221,#170632)}.home-header{width:100%;text-align:left;padding-bottom:10px;border-bottom:2px solid var(--color-hot-pink);margin-bottom:4px}.home-masthead-row{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px}.home-masthead-stamp{display:inline-block;font-family:var(--zine-mono);font-size:10px;letter-spacing:2px;color:var(--zine-ink-2);text-transform:uppercase;padding-bottom:4px;white-space:nowrap}.home-title{font-family:var(--zine-display);text-transform:uppercase}.home-subtitle{font-family:var(--zine-mono);text-transform:uppercase}.hero-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(12px,3vw,20px);padding:clamp(16px,4vw,22px);border-radius:16px;background:linear-gradient(135deg,#ff149324,#9b59b61a);border:1px solid rgba(255,20,147,.35);box-shadow:0 12px 40px #ff14931a;position:relative;overflow:hidden;flex-shrink:0}.hero-band:after{content:"01";position:absolute;top:10px;right:14px;font-family:var(--zine-display);font-size:clamp(36px,9vw,64px);font-weight:900;color:var(--color-hot-pink);opacity:.15;line-height:1;pointer-events:none}.hero-copy{order:1;min-width:0;display:flex;flex-direction:column;gap:clamp(6px,1.4vw,10px)}.hero-preview{order:2;width:clamp(44px,10vw,72px);flex:0 0 auto}.hero-kicker{display:block;font-family:var(--zine-mono);font-size:clamp(9px,1.2vw,11px);letter-spacing:2.2px;text-transform:uppercase;color:var(--color-hot-pink);font-weight:700}.hero-headline{font-family:var(--zine-display);font-size:clamp(20px,5.5vw,28px);font-weight:900;letter-spacing:-.3px;line-height:1;text-transform:uppercase;text-shadow:0 0 14px rgba(0,255,255,.3);margin:0}.hero-subhead{font-size:clamp(13px,1.5vw,14px);line-height:1.45;color:var(--zine-ink-1);margin:0}.home-buttons--above-fold .main-buttons-row{display:flex;flex-direction:column;gap:10px;width:100%}.home-content .start-btn,.home-content .multiplayer-btn{width:100%;min-height:clamp(80px,14vw,100px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:18px 22px;border-radius:16px;border:1px solid;text-align:left;letter-spacing:0;transform:none;gap:6px}.home-content .start-btn{background:linear-gradient(135deg,#00d4aa,#0ff);color:#0d0221;border-color:#00000026;box-shadow:0 8px 24px #00d4aa38}.home-content .multiplayer-btn{background:linear-gradient(135deg,#ff1493,#9b59b6);color:#fff;border-color:#ffffff26;box-shadow:0 8px 24px #ff149338}.home-content .start-btn:hover,.home-content .multiplayer-btn:hover{transform:none}.home-content .start-btn .btn-icon,.home-content .multiplayer-btn .btn-icon{font-family:var(--zine-mono);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;opacity:.85;line-height:1.1}.home-content .start-btn .btn-text,.home-content .multiplayer-btn .btn-text{font-family:var(--zine-display);font-size:clamp(18px,5vw,22px);letter-spacing:-.2px;text-transform:uppercase;line-height:1;white-space:normal}.home-content .settings-scroll>.setting,.home-content .home-settings>.setting{background:#1a0a2e8c;border:1px solid rgba(155,89,182,.3);border-radius:16px;padding:16px;box-shadow:none;align-items:stretch}.home-content .setting-label,.home-content .setting>label{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--zine-mono);font-size:10px;letter-spacing:2px;color:var(--zine-ink-1);text-transform:uppercase;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);opacity:1;text-align:left}.home-content .home-settings>.setting:has(.mode-description){background:linear-gradient(160deg,#9b59b624,#1a0a2e8c);border-color:#9b59b661}.home-content .mode-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;counter-reset:mode-n;flex-wrap:nowrap}.home-content .mode-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;padding:12px 10px;background:#ffffff05;border:1px solid rgba(155,89,182,.35);border-radius:12px;color:var(--zine-ink-1);font-family:var(--zine-display);font-size:12px;letter-spacing:1.2px;text-transform:uppercase;min-height:60px;counter-increment:mode-n;min-width:0;width:100%;text-align:left}.home-content .mode-btn:before{content:counter(mode-n,decimal-leading-zero);font-family:var(--zine-mono);font-size:10px;letter-spacing:1.5px;color:var(--zine-ink-2)}.home-content .mode-btn:hover{border-color:var(--color-purple);color:#fff}.home-content .mode-btn.active{color:#0d0221;background:linear-gradient(135deg,var(--color-teal),var(--color-cyan));border-color:var(--color-teal);box-shadow:0 0 14px #00d4aa59}.home-content .mode-btn.active:before{color:#0d022199}.home-content .mode-description,.home-content .setting .hint{font-size:12px;color:var(--zine-ink-1);line-height:1.45;padding:8px 0 0 12px;border-left:2px solid var(--color-teal);margin-top:12px;text-align:left}.home-content .home-settings>.setting:has(#duration-slider){background:linear-gradient(160deg,#00d4aa1a,#1a0a2e8c);border-color:#00d4aa47}.home-content .slider{height:4px;background:linear-gradient(90deg,var(--color-hot-pink),var(--color-cyan));border-radius:2px}.home-content .slider::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-hot-pink);box-shadow:0 0 12px #ff149380}.home-content .slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-hot-pink);box-shadow:0 0 12px #ff149380}.home-content .timer-presets{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.home-content .timer-preset-btn{padding:7px 12px;border-radius:30px;font-family:var(--zine-mono);font-size:11px;font-weight:700;letter-spacing:.5px;background:#9b59b624;border:1px solid rgba(155,89,182,.35);color:var(--zine-ink-1)}.home-content .timer-preset-btn.active{background:var(--color-teal);color:#0d0221;border-color:var(--color-teal)}.home-content .meter-setting{background:#1a0a2e8c;counter-reset:meter-n}.home-content .meter-option{padding:16px 8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0d022199;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--zine-display);transition:all .2s ease;position:relative;counter-increment:meter-n}.home-content .meter-option:before{content:counter(meter-n,decimal-leading-zero);position:absolute;top:6px;left:8px;font-family:var(--zine-mono);font-size:9px;color:var(--zine-ink-2);letter-spacing:1px}.home-content .meter-option-icon{font-size:28px;margin-top:4px}.home-content .meter-option-name{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--zine-ink-1)}.home-content .meter-option.selected,.home-content .meter-option[aria-pressed=true]{border-color:var(--color-hot-pink);background:linear-gradient(160deg,#ff14932e,#0d022199)}.home-content .meter-option.selected .meter-option-name{color:#fff}.home-content .rewards-setting{background:#ffd7000d;border:1px dashed rgba(255,215,0,.35)}.home-content .rewards-setting .reward-row{gap:8px;justify-content:flex-start}.home-content .reward-time-input,.home-content .reward-name-input{font-family:var(--zine-mono);background:#0d0221b3;border-radius:8px;padding:10px 12px}.home-content .reward-time-input{color:var(--color-gold);width:70px}.home-content .reward-equals{font-family:var(--zine-mono);letter-spacing:1.2px;color:var(--color-gold);text-transform:uppercase}.home-content .add-reward-btn{width:auto;height:auto;padding:10px 18px;border-radius:8px;font-family:var(--zine-display);font-size:13px;letter-spacing:1.2px;text-transform:uppercase;background:var(--color-gold)}.home-content .add-reward-btn:hover:not(:disabled){background:#ffe347}}@media(max-width:599px){.home-masthead-row{flex-direction:row;align-items:flex-end;gap:0}.home-masthead-stamp{display:none}.hero-band{padding:14px}.hero-band:after{top:8px;right:10px;font-size:clamp(32px,10vw,52px)}.home-content .mode-btn{padding:10px 8px;font-size:11px}}@media(max-width:480px){.home-content{padding:8px 12px;gap:5px}.achievements-stats{flex-direction:column;gap:10px}.stat-item{width:100%}}.multiplayer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6vh;padding:clamp(11px,1.7vh,20px) clamp(25px,5vw,56px);min-width:clamp(130px,28vw,180px);font-weight:var(--weight-bold);letter-spacing:1px;color:var(--color-white);background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);box-shadow:0 0 25px #667eea59;transition:var(--transition-fast)}.multiplayer-btn .btn-icon{font-size:clamp(1.6rem,2.8vh,2.2rem);line-height:1}.multiplayer-btn .btn-text{font-size:clamp(.85rem,1.4vh,1.1rem);white-space:nowrap;letter-spacing:1px}.multiplayer-btn:hover{transform:scale(1.03);box-shadow:0 0 35px #667eea8c}.multiplayer-options{display:flex;flex-direction:column;gap:clamp(12px,2vh,20px);width:100%;max-width:350px;margin:2vh 0}.mp-option-btn{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1vh,8px);padding:clamp(15px,2.5vh,25px) clamp(20px,4vw,30px);background:var(--bg-surface-3);border:2px solid #9B59B6;border-radius:var(--radius-lg);transition:var(--transition-fast)}.mp-option-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #9b59b64d}.mp-option-btn.create:hover{border-color:var(--border-active);box-shadow:0 10px 30px #00d4aa4d}.mp-option-btn.join:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea4d}.mp-option-icon{font-size:clamp(1.8rem,4vh,2.5rem)}.mp-option-text{font-size:clamp(1rem,1.8vh,1.3rem);font-weight:var(--weight-black);color:var(--color-white);letter-spacing:clamp(1px,.4vw,3px)}.mp-option-desc{font-size:clamp(.7rem,1.2vh,.9rem);color:var(--text-muted)}.name-input,.code-input{width:100%;max-width:300px;padding:clamp(10px,1.5vh,15px) clamp(12px,3vw,20px);font-size:clamp(1rem,1.7vh,1.2rem);font-weight:var(--weight-bold);color:var(--color-cyan);background:var(--bg-surface-4);border:2px solid #9B59B6;border-radius:var(--radius-sm);text-align:center;outline:none;transition:border-color .2s}.name-input:focus,.code-input:focus{border-color:var(--border-active)}.name-input::placeholder,.code-input::placeholder{color:var(--text-faint)}.code-input{font-size:clamp(1.5rem,3vh,2rem);letter-spacing:clamp(4px,1vw,8px);text-transform:uppercase}.join-form{display:flex;flex-direction:column;gap:clamp(15px,2.5vh,25px);margin:2vh 0}.error-message{padding:clamp(8px,1.3vh,12px) clamp(12px,3vw,20px);background:var(--bg-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger-soft);font-size:clamp(.75rem,1.3vh,.9rem);text-align:center;margin:1vh 0}.warning-message{padding:clamp(12px,2vh,18px) clamp(20px,4vw,30px);background:#ffc10726;border:2px solid #FFD700;border-radius:var(--radius-md);color:var(--color-gold);font-size:clamp(.9rem,1.5vh,1.1rem);font-weight:var(--weight-heavy);letter-spacing:1px;text-align:center;text-transform:uppercase;text-shadow:0 0 10px var(--bg-gold-strong);box-shadow:0 0 20px #ffd7004d,inset 0 0 15px #ffd7001a;margin:1.5vh 0;animation:warning-glow 1.5s ease-in-out infinite}@keyframes warning-glow{0%,to{box-shadow:0 0 20px #ffd7004d,inset 0 0 15px #ffd7001a}50%{box-shadow:0 0 30px var(--bg-gold-strong),inset 0 0 20px var(--bg-gold-mid)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.room-code-display{display:flex;align-items:center;gap:clamp(8px,2vw,15px);margin-top:1.5vh;padding:clamp(10px,1.5vh,15px) clamp(15px,3vw,25px);background:var(--bg-teal);border:2px solid #00D4AA;border-radius:var(--radius-md)}.room-code-label{font-size:clamp(.65rem,1.1vh,.8rem);color:var(--text-muted);letter-spacing:clamp(1px,.3vw,2px)}.room-code{font-size:clamp(1.5rem,4vh,2.5rem);font-weight:var(--weight-black);color:var(--color-cyan);letter-spacing:clamp(4px,1vw,8px);text-shadow:0 0 20px rgba(0,255,255,.5)}.copy-btn{padding:clamp(5px,1vh,8px) clamp(8px,1.5vw,12px);font-size:clamp(.9rem,1.5vh,1.2rem);background:var(--bg-surface-4);border:1px solid #9B59B6;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.copy-btn:hover{background:#4b0082cc}.lobby-info{margin:1.5vh 0;padding:clamp(12px,2vh,20px) clamp(15px,4vw,30px);background:var(--bg-surface-3);border:2px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 0 20px #9b59b633}.game-settings-display{display:flex;flex-direction:column;gap:clamp(8px,1.5vh,15px);align-items:center}.game-settings-display span{display:flex;align-items:center;gap:clamp(6px,1.5vw,10px);font-size:clamp(.85rem,1.5vh,1.1rem);font-weight:var(--weight-bold);letter-spacing:clamp(1px,.3vw,2px);text-transform:uppercase}.game-settings-display span:first-child{color:#00d9ff;text-shadow:0 0 15px rgba(0,217,255,.5)}.game-settings-display span:last-child{color:var(--color-teal);text-shadow:0 0 15px rgba(0,212,170,.5)}.lobby-settings{display:flex;flex-direction:column;gap:clamp(8px,1.5vh,15px);width:100%;max-width:400px;margin:1vh 0;padding:clamp(10px,1.5vh,15px);background:var(--bg-surface-1);border:1px solid rgba(155,89,182,.3);border-radius:var(--radius-md);flex-shrink:0}.lobby-settings .setting{gap:clamp(6px,1vh,10px)}.lobby-settings .mode-buttons{gap:clamp(6px,1.5vw,10px)}.lobby-settings .mode-btn{padding:clamp(6px,1vh,10px) clamp(12px,3vw,20px);font-size:clamp(.75rem,1.3vh,.9rem)}.lobby-settings .preset-buttons{gap:clamp(5px,1vw,8px)}.lobby-settings .preset-btn{padding:clamp(4px,.7vh,6px) clamp(8px,1.5vw,12px);font-size:clamp(.65rem,1.1vh,.75rem)}.players-list{display:flex;flex-direction:column;gap:clamp(6px,1vh,10px);width:100%;max-width:350px;margin:1.5vh 0;flex:1;min-height:0;overflow-y:auto}.players-label{font-size:clamp(.8rem,1.4vh,1rem);font-weight:var(--weight-bold);color:var(--color-teal);letter-spacing:clamp(1px,.3vw,2px);margin-bottom:.5vh;flex-shrink:0}.player-card{display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,1.3vh,12px) clamp(12px,3vw,20px);background:var(--bg-surface-3);border:2px solid #9B59B6;border-radius:var(--radius-md)}.player-card.host{border-color:var(--color-gold);background:var(--bg-gold)}.player-name{font-size:clamp(.85rem,1.5vh,1.1rem);font-weight:var(--weight-bold);color:var(--color-white)}.you-badge{font-size:clamp(.65rem,1.1vh,.8rem);color:var(--color-teal);font-weight:var(--weight-medium)}.waiting-for-host{display:flex;align-items:center;gap:clamp(6px,1.5vw,10px);padding:clamp(10px,1.5vh,15px) clamp(15px,4vw,25px);background:var(--bg-surface-3);border-radius:var(--radius-md);color:var(--text-muted);font-size:clamp(.8rem,1.4vh,1rem)}.waiting-spinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-status{margin-top:1vh}.remaining-count{font-size:clamp(.8rem,1.4vh,1rem);color:var(--color-teal);font-weight:var(--weight-bold);letter-spacing:clamp(1px,.3vw,2px)}.mp-game-content{padding:2vh 20px;gap:1.5vh;justify-content:flex-start}.mp-meters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(90px,20vw,120px),1fr));gap:clamp(8px,1.5vh,15px);width:100%;max-width:800px;margin:1vh 0;flex:1;min-height:0;overflow-y:auto;padding:0 5px}.mp-player-meter{display:flex;flex-direction:column;align-items:center;padding:clamp(8px,1.5vh,15px) clamp(6px,1vw,10px);background:var(--bg-surface-3);border:2px solid #9B59B6;border-radius:var(--radius-lg);transition:var(--transition-medium)}.mp-player-meter.is-me{border-color:var(--border-active);background:var(--bg-teal);box-shadow:0 0 20px #00d4aa4d}.mp-player-meter.eliminated{opacity:.6;border-color:#e53935;background:var(--bg-danger)}.mp-player-meter-header{display:flex;align-items:center;gap:clamp(4px,1vw,8px);margin-bottom:1vh;flex-wrap:wrap;justify-content:center}.mp-meter-name{font-size:clamp(.7rem,1.3vh,.9rem);font-weight:var(--weight-bold);color:var(--color-white);text-align:center;max-width:clamp(60px,15vw,100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-you-tag{font-size:clamp(.55rem,1vh,.75rem);font-weight:var(--weight-heavy);color:#0d0221;background:#00d4aa;padding:2px clamp(4px,.8vw,6px);border-radius:var(--radius-sm)}.mp-out-tag{font-size:clamp(.55rem,1vh,.75rem);font-weight:var(--weight-heavy);color:var(--color-white);background:#e53935;padding:2px clamp(4px,.8vw,6px);border-radius:var(--radius-sm)}.mp-meter-eliminated{display:flex;flex-direction:column;align-items:center;justify-content:center;height:clamp(80px,15vh,120px)}.mp-eliminated-time{font-size:clamp(1rem,2vh,1.5rem);font-weight:var(--weight-black);color:#e53935;font-variant-numeric:tabular-nums}.eliminated-banner{padding:clamp(6px,1vh,10px) clamp(12px,3vw,20px);background:var(--bg-danger);border:1px solid rgba(229,57,53,.4);border-radius:var(--radius-md);color:var(--color-danger-soft);font-size:clamp(.75rem,1.3vh,.9rem)}.all-eliminated-banner{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vh,15px);padding:clamp(15px,2.5vh,25px) clamp(20px,5vw,40px);background:var(--bg-gold);border:2px solid #FFD700;border-radius:var(--radius-lg);animation:pulse-gold 2s ease-in-out infinite}@keyframes pulse-gold{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px var(--bg-gold-strong)}}.all-out-emoji{font-size:clamp(1.8rem,4vh,2.5rem)}.all-out-text{font-size:clamp(1rem,1.8vh,1.3rem);font-weight:var(--weight-black);color:var(--color-gold);letter-spacing:clamp(1px,.4vw,3px);text-transform:uppercase}.view-results-btn{padding:clamp(10px,1.5vh,15px) clamp(20px,4vw,30px);font-size:clamp(.9rem,1.5vh,1.1rem);font-weight:var(--weight-heavy);letter-spacing:clamp(1px,.3vw,2px);color:#0d0221;background:linear-gradient(135deg,gold,orange);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);box-shadow:0 0 20px #ffd70066}.view-results-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd70099}@media(max-width:600px){.mp-meters-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mp-player-meter{padding:10px 8px}.mp-meter-bar{width:35px;height:100px}.mp-meter-name{font-size:.8rem}}@media(max-width:400px){.mp-meters-grid{grid-template-columns:repeat(2,1fr)}.mp-meter-bar{width:30px;height:80px}}.leaderboard{display:flex;flex-direction:column;gap:clamp(6px,1vh,10px);width:100%;max-width:400px;margin:1.5vh 0;flex:1;min-height:0;overflow-y:auto;padding:0 5px}.leaderboard-row{display:flex;align-items:center;gap:clamp(8px,2vw,15px);padding:clamp(10px,1.5vh,15px) clamp(12px,3vw,20px);background:var(--bg-surface-3);border:2px solid #9B59B6;border-radius:var(--radius-md)}.leaderboard-row.winner{background:var(--bg-gold);border-color:var(--color-gold);box-shadow:0 0 20px #ffd7004d}.leaderboard-row.is-me{border-width:3px;border-style:dashed}.leaderboard-row.is-me:not(.winner){border-color:#00d9ff;box-shadow:0 0 15px #00d9ff4d}.leaderboard-rank{font-size:clamp(1.1rem,2vh,1.5rem);min-width:clamp(30px,6vw,40px)}.leaderboard-name{flex:1;font-size:clamp(.85rem,1.5vh,1.1rem);font-weight:var(--weight-bold);color:var(--color-white)}.leaderboard-time{font-size:clamp(.95rem,1.6vh,1.2rem);font-weight:var(--weight-black);color:var(--color-cyan);font-variant-numeric:tabular-nums}@media(max-width:480px){.room-code{font-size:1.8rem;letter-spacing:5px}.code-input{font-size:1.5rem;letter-spacing:5px}.mp-option-btn{padding:20px}.mp-option-icon{font-size:2rem}.mp-option-text{font-size:1.1rem}}.meter-selector{width:100%}.meter-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1.2vh,10px)}.meter-option{display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.5vh,6px);padding:clamp(8px,1.3vh,14px) clamp(6px,1vw,10px);background:var(--bg-surface-2);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.meter-option:hover:not(.locked){background:var(--bg-surface-3);border-color:var(--border-hover);transform:translateY(-2px)}.meter-option.selected{background:var(--bg-teal);border-color:var(--border-active);box-shadow:0 0 15px #00d4aa4d}.meter-option.locked{opacity:.6;cursor:not-allowed}.meter-option.locked:hover{transform:none}.meter-option-icon{font-size:clamp(1.3rem,2.5vh,2rem)}.meter-option-name{font-size:clamp(.6rem,1vh,.8rem);font-weight:var(--weight-bold);color:var(--color-white);text-align:center;letter-spacing:.5px}.meter-unlock-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--bg-surface-4)}.meter-unlock-progress-bar{height:100%;background:linear-gradient(90deg,#9b59b6,#00d4aa);transition:width .3s ease}.meter-unlock-text{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:clamp(.5rem,.8vh,.65rem);color:#888;white-space:nowrap}.volc.volc--full,.balloon-meter.full,.dragon-meter.full,.book-stack-meter.full,.rocket-launchpad.rocket-launchpad--full{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,20px);flex:1;justify-content:center}.volc.volc--compact,.balloon-meter.compact,.dragon-meter.compact,.book-stack-meter.compact,.surfer-wave-meter.compact,.rocket-launchpad.rocket-launchpad--compact{display:flex;flex-direction:column;align-items:center}.surfer-wave-meter.full{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,20px)}.meter-db-value{font-size:clamp(1.2rem,3vh,2rem);font-weight:var(--weight-black);text-shadow:0 0 15px currentColor;font-variant-numeric:tabular-nums;width:clamp(70px,15vw,100px);text-align:right;white-space:nowrap}.classic-meter-compact{display:flex;flex-direction:column;align-items:center;width:100%}.volc__svg,.balloon-svg,.dragon-svg,.book-stack-svg{filter:drop-shadow(0 0 10px rgba(0,0,0,.3))}.rackmeter{--rack-led-cyan: #00FFFF;--rack-led-cyan-dim: rgba(0, 255, 255, .14);--rack-led-pink: #B026FF;--rack-led-pink-dim: rgba(176, 38, 255, .16);--rack-led-red: #FF3366;--rack-led-red-dim: rgba(255, 51, 102, .14);--rack-chassis-bg: rgba(13, 2, 33, .92);--rack-chassis-border: rgba(0, 255, 255, .35);--rack-scale-dim: rgba(0, 255, 255, .38);--rack-label-dim: rgba(255, 255, 255, .45);display:flex;flex-direction:column;align-items:center;width:100%}.rackmeter--full{gap:1vh}.rackmeter__chassis{background:var(--rack-chassis-bg);border:1px solid var(--rack-chassis-border);border-radius:var(--radius-md);padding:clamp(8px,1.5vh,14px) clamp(10px,2vw,16px);box-shadow:inset 0 0 12px #00ffff14,0 0 14px #00ffff26,0 4px 12px #00000080;display:flex;flex-direction:column;gap:clamp(4px,1vh,8px);width:clamp(170px,42vw,280px);max-height:clamp(180px,38vh,340px)}.rackmeter--compact .rackmeter__chassis{width:clamp(46px,12vw,60px);max-width:60px;padding:4px 5px;gap:0}.rackmeter__header{display:flex;align-items:center;justify-content:space-between;font-family:Courier New,monospace;font-size:clamp(.55rem,1vh,.7rem);font-weight:var(--weight-bold);letter-spacing:2px;color:var(--rack-label-dim)}.rackmeter__brand{opacity:.65}.rackmeter__power{width:6px;height:6px;border-radius:50%;background:var(--rack-led-cyan);box-shadow:0 0 4px var(--rack-led-cyan),0 0 8px #00ffff80;animation:rack-power-breathe 3s ease-in-out infinite}.rackmeter__power.is-peaked{background:var(--rack-led-red);box-shadow:0 0 6px var(--rack-led-red),0 0 12px #ff3366b3;animation:none}.rackmeter__bars{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:clamp(6px,1.5vw,12px);flex:1;min-height:0}.rackmeter--compact .rackmeter__bars{gap:3px}.rackmeter__bar{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-height:0}.rackmeter__peak-led{width:clamp(6px,1.4vh,9px);height:clamp(6px,1.4vh,9px);border-radius:50%;background:#ff33662e;box-shadow:inset 0 0 3px #ff336640;flex-shrink:0;transition:background .1s,box-shadow .1s}.rackmeter__peak-led.is-latched{background:var(--rack-led-red);box-shadow:0 0 6px var(--rack-led-red),0 0 12px #ff3366b3,inset 0 0 4px #ffbfcf;animation:rack-peak-blink .38s steps(2,end) infinite}.rackmeter__column{position:relative;display:flex;flex-direction:column-reverse;gap:1px;padding:2px;width:100%;max-width:clamp(22px,5.5vw,34px);flex:1;min-height:0;background:#0000008c;border-radius:3px;border:1px solid rgba(0,255,255,.08);overflow:hidden}.rackmeter--compact .rackmeter__column{max-width:18px;padding:1px;gap:0}.rackmeter__led{flex:1;min-height:2px;border-radius:1px;background:var(--rack-led-cyan-dim);transition:background 20ms linear,box-shadow 20ms linear}.rackmeter__led--pink{background:var(--rack-led-pink-dim)}.rackmeter__led--red{background:var(--rack-led-red-dim)}.rackmeter__led.is-lit{background:var(--rack-led-cyan);box-shadow:0 0 4px var(--rack-led-cyan),inset 0 0 2px #dfffff}.rackmeter__led--pink.is-lit{background:var(--rack-led-pink);box-shadow:0 0 5px var(--rack-led-pink),inset 0 0 2px #e0ccff}.rackmeter__led--red.is-lit{background:var(--rack-led-red);box-shadow:0 0 6px var(--rack-led-red),inset 0 0 2px #fdd}.rackmeter__led--floor{animation:rack-floor-flicker 1.2s ease-in-out infinite}.rackmeter__threshold{position:absolute;left:-2px;right:-2px;height:1px;background:var(--rack-led-red);box-shadow:0 0 3px var(--rack-led-red),0 0 6px #f369;pointer-events:none;z-index:2}.rackmeter__peak-hold{position:absolute;left:10%;right:10%;height:2px;border-radius:1px;background:var(--rack-led-cyan);box-shadow:0 0 4px currentColor;pointer-events:none;z-index:3;transform:translateY(50%)}.rackmeter__channel{font-family:Courier New,monospace;font-size:clamp(.55rem,1vh,.75rem);font-weight:var(--weight-bold);color:var(--rack-label-dim);letter-spacing:1px;flex-shrink:0}.rackmeter__scale{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 2px;font-family:Courier New,monospace;font-size:clamp(.5rem,1vh,.7rem);color:var(--rack-scale-dim);letter-spacing:.5px;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.rackmeter__scale-tick{line-height:1}.rackmeter__readout{display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,1.5vw,10px);padding-top:clamp(4px,.8vh,6px);border-top:1px dashed rgba(0,255,255,.18)}.rackmeter__db{font-family:Courier New,monospace;font-size:clamp(.9rem,2vh,1.3rem);font-weight:var(--weight-black);color:var(--rack-led-cyan);text-shadow:0 0 6px rgba(0,255,255,.7);font-variant-numeric:tabular-nums;white-space:nowrap}.rackmeter--zone-warning .rackmeter__db{color:var(--rack-led-pink);text-shadow:0 0 6px rgba(255,20,147,.7)}.rackmeter--zone-danger .rackmeter__db{color:var(--rack-led-red);text-shadow:0 0 6px rgba(255,51,102,.7)}.rackmeter__peak-label{font-family:Courier New,monospace;font-size:clamp(.55rem,1vh,.75rem);font-weight:var(--weight-bold);color:#ff336640;letter-spacing:2px;padding:2px 6px;border:1px solid rgba(255,51,102,.25);border-radius:3px;transition:color .1s,border-color .1s,background .1s}.rackmeter__peak-label.is-latched{color:#fff;background:var(--rack-led-red);border-color:var(--rack-led-red);box-shadow:0 0 8px var(--rack-led-red);animation:rack-peak-blink .38s steps(2,end) infinite}.rackmeter--peaked .rackmeter__column{animation:rack-overshoot .16s ease-out;border-color:#f369}@keyframes rack-power-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes rack-floor-flicker{0%,44%,62%,to{opacity:1}48%,58%{opacity:.35}50%,54%{opacity:.65}}@keyframes rack-peak-blink{0%,to{opacity:1}50%{opacity:.55}}@keyframes rack-overshoot{0%{box-shadow:0 0 #f360,inset 0 0 #f360;background:#0000008c}40%{box-shadow:0 0 18px #ff3366d9,inset 0 0 22px #ffffff59;background:#50000a8c}to{box-shadow:0 0 #f360,inset 0 0 #f360;background:#0000008c}}@media(prefers-reduced-motion:reduce){.rackmeter__led--floor,.rackmeter__power,.rackmeter__peak-led.is-latched,.rackmeter__peak-label.is-latched{animation:none!important}.rackmeter--peaked .rackmeter__column{animation:none}}.rocket-launchpad{--rkt-status-cyan: #00FFFF;--rkt-status-violet: #B026FF;--rkt-status-red: #FF3366;--rkt-shake-amp: 0px;position:relative;width:100%;max-width:180px;margin:0 auto;aspect-ratio:3 / 5}.rocket-launchpad--compact{max-width:80px}.rocket-launchpad__svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 18px rgba(0,255,255,.12))}.rocket-launchpad--compact .rocket-launchpad__svg{filter:drop-shadow(0 4px 10px rgba(0,255,255,.18))}.rocket-launchpad__rocket{animation:rkt-shake .08s linear infinite;transform-origin:50% 60%}@keyframes rkt-shake{0%,to{transform:translateZ(0)}25%{transform:translate3d(calc(var(--rkt-shake-amp) * -1),calc(var(--rkt-shake-amp) * .3),0)}50%{transform:translate3d(calc(var(--rkt-shake-amp) * .55),0,0)}75%{transform:translate3d(var(--rkt-shake-amp),calc(var(--rkt-shake-amp) * -.3),0)}}.rocket-launchpad__status-light{fill:var(--rkt-status-cyan);animation:rkt-status-pulse 1.8s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 3px var(--rkt-status-cyan))}.rocket-launchpad--zone-warning .rocket-launchpad__status-light{fill:var(--rkt-status-violet);animation-duration:.9s;filter:drop-shadow(0 0 4px var(--rkt-status-violet))}.rocket-launchpad--zone-danger .rocket-launchpad__status-light{fill:var(--rkt-status-red);animation-duration:.45s;filter:drop-shadow(0 0 5px var(--rkt-status-red))}@keyframes rkt-status-pulse{0%,to{opacity:.35}50%{opacity:1}}.rocket-launchpad__flame{transform-origin:50% 81%;animation:rkt-flame-flicker .12s ease-in-out infinite}.rocket-launchpad__flame-glow{animation:rkt-flame-halo .22s ease-in-out infinite;transform-origin:50% 84%}@keyframes rkt-flame-flicker{0%,to{transform:scaleY(1) scaleX(1) skew(0)}25%{transform:scaleY(1.08) scaleX(.94) skew(1.5deg)}50%{transform:scaleY(.94) scaleX(1.06) skew(-1deg)}75%{transform:scaleY(1.05) scaleX(.97) skew(1deg)}}@keyframes rkt-flame-halo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.rocket-launchpad__pad-strip{animation:rkt-pad-strip 3s ease-in-out infinite}@keyframes rkt-pad-strip{0%,to{opacity:.45}50%{opacity:.85}}.rocket-launchpad--meltdown .rocket-launchpad__rocket{animation:none}.rocket-launchpad--meltdown .rocket-launchpad__nose{animation:rkt-nose-droop .9s cubic-bezier(.65,.05,.45,1) forwards}@keyframes rkt-nose-droop{0%{transform:rotate(0) translate(0)}60%{transform:rotate(36deg) translate(6px,4px)}to{transform:rotate(42deg) translate(8px,6px)}}.rocket-launchpad__seam{stroke-dasharray:60;stroke-dashoffset:60;opacity:0;animation:rkt-seam-draw .4s ease-out forwards,rkt-seam-flare 1.1s ease-in-out .4s infinite;filter:drop-shadow(0 0 4px #FF1493) drop-shadow(0 0 8px #FF3366)}@keyframes rkt-seam-draw{0%{stroke-dashoffset:60;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes rkt-seam-flare{0%,to{filter:drop-shadow(0 0 3px #FF1493) drop-shadow(0 0 6px #FF3366)}50%{filter:drop-shadow(0 0 6px #FF1493) drop-shadow(0 0 14px #FFD93D)}}.rocket-launchpad__smoke circle{animation:rkt-smoke-rise 2.4s ease-out infinite;transform-origin:center}@keyframes rkt-smoke-rise{0%{transform:translateY(0) scale(.7);opacity:.65}60%{opacity:.35}to{transform:translateY(-26px) scale(1.5);opacity:0}}.rocket-launchpad--meltdown{filter:drop-shadow(0 0 12px rgba(255,51,102,.32))}.rocket-launchpad__db{font-family:VT323,Menlo,monospace;font-size:clamp(1.1rem,2.8vh,1.8rem);font-weight:var(--weight-black, 900);letter-spacing:.08em;color:var(--rkt-status-cyan);text-shadow:0 0 8px currentColor;font-variant-numeric:tabular-nums;width:clamp(70px,15vw,100px);text-align:right;white-space:nowrap}.rocket-launchpad--zone-warning .rocket-launchpad__db{color:var(--rkt-status-violet)}.rocket-launchpad--zone-danger .rocket-launchpad__db{color:var(--rkt-status-red)}@media(prefers-reduced-motion:reduce){.rocket-launchpad__rocket,.rocket-launchpad__flame,.rocket-launchpad__flame-glow,.rocket-launchpad__status-light,.rocket-launchpad__pad-strip,.rocket-launchpad__seam,.rocket-launchpad__smoke circle,.rocket-launchpad--meltdown .rocket-launchpad__nose{animation:none!important}.rocket-launchpad__seam{stroke-dashoffset:0;opacity:1}}.volc{--volc-crater-core: #FF6B2B;--volc-tremor-amp: 0px;position:relative;width:100%;max-width:260px;margin:0 auto;aspect-ratio:5 / 8;animation:volc-tremor .14s ease-in-out infinite}.volc.volc--compact{max-width:100px;aspect-ratio:10 / 11;gap:0}.volc__svg{width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(255,20,147,.28));display:block}.volc__star{animation:volc-star-twinkle 3.2s ease-in-out infinite;transform-origin:center}.volc__halo{animation:volc-halo-breath 4.5s ease-in-out infinite;transform-origin:center}.volc__crater-glow{animation:volc-crater-pulse 2.4s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(255,107,43,.6));transform-origin:center}.volc__streak--core,.volc__streak--glow,.volc__streak--hot{animation:volc-streak-flow 1.8s ease-in-out infinite;stroke-dasharray:4 2;stroke-dashoffset:0}.volc__streak--hot{animation-duration:1.2s}.volc__puff{animation:volc-puff-drift 4.5s ease-in-out infinite;transform-origin:50% 80%}.volc__spark{animation:volc-spark-pop .9s ease-out infinite;opacity:0;transform-origin:center}.volc__fountain{filter:drop-shadow(0 0 6px rgba(255,107,43,.85))}.volc__fountain-core{animation:volc-fountain-core-pulse .24s ease-in-out infinite alternate;transform-origin:center}.volc__fountain-spark{animation-name:volc-fountain-rise;animation-timing-function:cubic-bezier(.3,.1,.8,.9);animation-iteration-count:infinite;opacity:0;transform-origin:center;will-change:transform,opacity}.volc__ejecta{animation:volc-ejecta-arc .7s ease-out infinite}.volc__smoke-burst{animation:volc-smoke-burst 1.4s ease-out infinite;transform-origin:50% 100%}.volc__db{font-size:clamp(1.2rem,3vh,2rem);font-weight:var(--weight-black);text-shadow:0 0 15px currentColor;font-variant-numeric:tabular-nums;color:#ff6b2b;white-space:nowrap}.volc.volc--warning{--volc-crater-core: #FFB478}.volc.volc--danger{--volc-crater-core: #FFF0C0}.volc.volc--straining{animation:volc-tremor 90ms ease-in-out infinite}.volc.volc--straining .volc__crater-glow{animation-duration:1.2s}.volc.volc--erupting{animation:volc-tremor 55ms linear infinite;--volc-tremor-amp: 1.8px}.volc.volc--erupting .volc__svg{filter:drop-shadow(0 0 20px rgba(255,107,43,.75))}@keyframes volc-tremor{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--volc-tremor-amp) * -1),calc(var(--volc-tremor-amp) * .4))}50%{transform:translate(var(--volc-tremor-amp),calc(var(--volc-tremor-amp) * -.3))}75%{transform:translate(calc(var(--volc-tremor-amp) * -.6),var(--volc-tremor-amp))}}@keyframes volc-star-twinkle{0%,to{opacity:.45}50%{opacity:1}}@keyframes volc-halo-breath{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes volc-crater-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes volc-streak-flow{0%{stroke-dashoffset:0;filter:brightness(1)}50%{stroke-dashoffset:-6;filter:brightness(1.3)}to{stroke-dashoffset:-12;filter:brightness(1)}}@keyframes volc-puff-drift{0%{transform:translate(0) scale(.8);opacity:0}20%{opacity:1}80%{opacity:.6}to{transform:translate(2px,-14px) scale(1.2);opacity:0}}@keyframes volc-spark-pop{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}to{transform:translateY(-8px) scale(.3);opacity:0}}@keyframes volc-fountain-core-pulse{0%{transform:scale(.92);opacity:.75}to{transform:scale(1.12);opacity:1}}@keyframes volc-fountain-rise{0%{transform:translateY(2px) scale(.6);opacity:0}6%{opacity:1;transform:translate(0) scale(1)}55%{opacity:1}to{transform:translateY(-58px) scale(.15);opacity:0}}@keyframes volc-ejecta-arc{0%{opacity:0;transform:scale(.4)}20%{opacity:1}to{opacity:0;transform:scale(1.1)}}@keyframes volc-smoke-burst{0%{transform:scale(.7);opacity:.5}40%{transform:scale(1.15);opacity:1}to{transform:scale(1.3);opacity:.7}}@media(prefers-reduced-motion:reduce){.volc,.volc.volc--straining,.volc.volc--erupting,.volc__star,.volc__halo,.volc__crater-glow,.volc__streak--core,.volc__streak--glow,.volc__streak--hot,.volc__puff,.volc__spark,.volc__fountain,.volc__ejecta,.volc__smoke-burst{animation:none!important}}.bmx{--bmx-skin: #00FFFF;position:relative;width:100%;max-width:260px;aspect-ratio:5 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;gap:clamp(4px,1vh,10px)}.bmx--compact{max-width:90px;aspect-ratio:5 / 6;gap:0}.bmx__svg{width:100%;height:auto;flex:1 1 auto;overflow:visible;filter:drop-shadow(0 0 14px var(--bmx-glow, rgba(0, 255, 255, .45)));transition:filter .2s ease-out}.bmx--warning .bmx__svg{filter:drop-shadow(0 0 16px var(--bmx-glow, rgba(255, 20, 147, .5)))}.bmx--danger .bmx__svg{filter:drop-shadow(0 0 22px var(--bmx-glow, rgba(255, 20, 147, .65)))}.bmx__body{transform-origin:50% 85%;transform-box:view-box;animation:bmx-bob 1.15s ease-in-out infinite,bmx-breathe 2.1s ease-in-out infinite}@keyframes bmx-bob{0%,to{rotate:-1.6deg}50%{rotate:1.6deg}}@keyframes bmx-breathe{0%,to{scale:1}50%{scale:1.02}}.bmx--warning .bmx__body{animation:bmx-bob .6s ease-in-out infinite,bmx-breathe 1.4s ease-in-out infinite}.bmx--straining .bmx__body,.bmx--danger .bmx__body{animation:bmx-bob .34s ease-in-out infinite,bmx-breathe .85s ease-in-out infinite,bmx-strain .42s ease-in-out infinite alternate}@keyframes bmx-strain{0%{translate:0 0}to{translate:.6px -.4px}}.bmx__vein{animation:bmx-vein-flicker .55s ease-in-out infinite alternate;pointer-events:none}@keyframes bmx-vein-flicker{0%{stroke-opacity:.55}to{stroke-opacity:1}}.bmx__nova{animation:bmx-nova .22s ease-out 1 forwards;transform-box:fill-box;transform-origin:center}@keyframes bmx-nova{0%{r:3;fill:#fff;opacity:1}40%{r:22;fill:#0ff;opacity:.92}to{r:46;fill:#ff1493;opacity:0}}.bmx__shock{animation:bmx-shock .46s ease-out 1 forwards;transform-box:fill-box;transform-origin:center}@keyframes bmx-shock{0%{r:3;opacity:.9;stroke-width:1.2}to{r:58;opacity:0;stroke-width:.2}}.bmx__shred{animation:bmx-shred .6s cubic-bezier(.22,.61,.36,1) 1 forwards}@keyframes bmx-shred{0%{transform:translate(0) rotate(0) scale(1);opacity:1}80%{opacity:.85}to{transform:translate(var(--bmx-tx),var(--bmx-ty)) rotate(var(--bmx-rot)) scale(.55);opacity:0}}.bmx__string-dangle{animation:bmx-string-sway 2s ease-in-out .26s infinite;transform-box:view-box;transform-origin:center top}@keyframes bmx-string-sway{0%,to{rotate:-2deg}50%{rotate:2deg}}.bmx__db{text-align:center;font-family:ui-monospace,Courier New,monospace;font-size:clamp(.85rem,2.2vw,1.05rem);letter-spacing:2px;color:var(--bmx-skin);text-shadow:0 0 10px color-mix(in srgb,var(--bmx-skin) 55%,transparent);transition:color .24s ease-out,text-shadow .24s ease-out}@media(prefers-reduced-motion:reduce){.bmx__body,.bmx--warning .bmx__body,.bmx--straining .bmx__body,.bmx--danger .bmx__body,.bmx__vein,.bmx__string-dangle{animation:none}}.bkx{--bkx-lean: 0deg;--bkx-sway-amp: .55deg;--bkx-sway-x: .22%;--bkx-sway-dur: 1.8s;position:relative;width:100%;max-width:240px;aspect-ratio:100 / 160;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;gap:clamp(4px,1vh,10px)}.bkx--compact{max-width:90px;aspect-ratio:60 / 110;gap:0}.bkx--warning{--bkx-sway-amp: 1.4deg;--bkx-sway-x: .7%;--bkx-sway-dur: .95s}.bkx--danger,.bkx--straining{--bkx-sway-amp: 2.7deg;--bkx-sway-x: 1.4%;--bkx-sway-dur: .5s}.bkx__svg{width:100%;height:auto;flex:1 1 auto;overflow:visible;filter:drop-shadow(0 2px 12px rgba(0,0,0,.45))}.bkx__underlight{animation:bkx-underlight 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes bkx-underlight{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.04)}}.bkx--danger .bkx__underlight,.bkx--straining .bkx__underlight{animation-duration:.8s}.bkx__stack{rotate:var(--bkx-lean);transition:rotate .16s ease-out}.bkx__book{animation:bkx-book-sway var(--bkx-sway-dur) ease-in-out infinite;transform-box:view-box}@keyframes bkx-book-sway{0%,to{translate:calc(-1 * var(--bkx-sway-x)) 0;rotate:calc(-1 * var(--bkx-sway-amp))}50%{translate:var(--bkx-sway-x) 0;rotate:var(--bkx-sway-amp)}}.bkx--straining .bkx__book:first-of-type,.bkx--danger .bkx__book:first-of-type{animation:bkx-book-sway var(--bkx-sway-dur) ease-in-out infinite,bkx-foundation .42s ease-in-out infinite alternate}@keyframes bkx-foundation{0%{translate:-1.8% 0}to{translate:1.8% 0}}.bkx__edge-flicker{animation:bkx-edge-flicker .32s steps(2,end) infinite}@keyframes bkx-edge-flicker{0%{fill:#0ff;opacity:.9}50%{fill:#ff1493;opacity:.75}to{fill:#0ff;opacity:.9}}.bkx__book-fall{animation:bkx-book-fall .62s cubic-bezier(.22,.61,.36,1) 1 forwards}@keyframes bkx-book-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--bkx-tx),var(--bkx-ty)) rotate(var(--bkx-rot));opacity:.95}}.bkx__shock{animation:bkx-shock .52s ease-out 1 forwards;transform-box:fill-box;transform-origin:center}@keyframes bkx-shock{0%{transform:scale(.6);opacity:.95}to{transform:scale(2.6);opacity:0}}.bkx__db{text-align:center;font-family:ui-monospace,Courier New,monospace;font-size:clamp(.85rem,2.2vw,1.05rem);letter-spacing:2px;color:#00e7e7;text-shadow:0 0 10px rgba(0,231,231,.5);transition:color .2s ease-out,text-shadow .2s ease-out}.bkx--warning .bkx__db{color:#ffaf4a;text-shadow:0 0 10px rgba(255,175,74,.55)}.bkx--danger .bkx__db{color:#ff1493;text-shadow:0 0 12px rgba(255,20,147,.7)}@media(prefers-reduced-motion:reduce){.bkx__book,.bkx--straining .bkx__book:first-of-type,.bkx--danger .bkx__book:first-of-type,.bkx__edge-flicker,.bkx__underlight{animation:none}.bkx__stack{rotate:0deg}}@media(max-width:400px){.meter-selector-grid{grid-template-columns:repeat(2,1fr);gap:8px}.meter-option{padding:10px 8px}.meter-option-icon{font-size:1.5rem}.meter-option-name{font-size:.65rem}}.rmx{--rmx-fog-quiet: #8a8f96;--rmx-fog-warning: #7a8050;--rmx-fog-danger: #5a1a1a;--rmx-fog-color: var(--rmx-fog-quiet);--rmx-bg-color: #0a0a0c;--rmx-led-color: #ffaa00;--rmx-led-glow: rgba(255, 170, 0, .6);--rmx-aberration-alpha: 0;--rmx-lcd-signal: 0;position:relative;width:100%;max-width:420px;aspect-ratio:4 / 3;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0 auto}.rmx--warning{--rmx-fog-color: var(--rmx-fog-warning);--rmx-led-color: #ffc24a;--rmx-led-glow: rgba(255, 194, 74, .85);--rmx-aberration-alpha: .18}.rmx--danger{--rmx-fog-color: var(--rmx-fog-danger);--rmx-led-color: #ff2222;--rmx-led-glow: rgba(255, 34, 34, .9);--rmx-aberration-alpha: .42}.rmx__scene{position:relative;flex:1;width:100%;overflow:hidden;border-radius:10px;background:var(--rmx-bg-color);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 40px #000000bf;animation:rmx-shake-none 1ms linear 1}.rmx--sirening .rmx__scene{animation:rmx-shake var(--rmx-shake-ms) ease-out 1}@keyframes rmx-shake{0%{transform:translate(0)}15%{transform:translate(-3px,2px)}30%{transform:translate(3px,-2px)}45%{transform:translate(-2px,3px)}60%{transform:translate(2px,-3px)}75%{transform:translate(-1px,1px)}to{transform:translate(0)}}@keyframes rmx-shake-none{0%,to{transform:none}}.rmx__bg{position:absolute;inset:0;pointer-events:none}.rmx__streetlamp{position:absolute;top:-20%;left:-15%;width:70%;height:70%;background:radial-gradient(circle at 35% 35%,rgba(255,20,147,.12) 0%,rgba(255,20,147,.05) 25%,transparent 60%);opacity:.7;mix-blend-mode:screen}.rmx__rust{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(107,32,32,.35) 0%,transparent 45%),radial-gradient(circle at 85% 25%,rgba(60,18,18,.3) 0%,transparent 40%);opacity:0;transition:opacity .6s ease-out}.rmx--danger .rmx__rust{opacity:.45}.rmx--otherworld .rmx__rust{opacity:1}.rmx__chainlink{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0,transparent 11px,rgba(20,10,10,.55) 11px,rgba(20,10,10,.55) 12px),repeating-linear-gradient(-45deg,transparent 0,transparent 11px,rgba(20,10,10,.55) 11px,rgba(20,10,10,.55) 12px);opacity:0;mix-blend-mode:multiply;transition:opacity var(--rmx-fade-ms) ease-out}.rmx--otherworld .rmx__chainlink{opacity:.55}.rmx__fog{position:absolute;inset:0;width:100%;height:100%;opacity:var(--rmx-fog-opacity);mix-blend-mode:screen;transition:opacity .18s linear}.rmx__fog-layer{color:var(--rmx-fog-color)}.rmx__fog-layer--a{animation:rmx-drift-a 14s linear infinite;transform-origin:50% 50%}.rmx__fog-layer--b{animation:rmx-drift-b 22s linear infinite;transform-origin:50% 50%;opacity:.7}@keyframes rmx-drift-a{0%{transform:translate(0)}50%{transform:translate(-4%,2%)}to{transform:translate(0)}}@keyframes rmx-drift-b{0%{transform:translate(0) scale(1.02)}50%{transform:translate(3%,-3%) scale(1.04)}to{transform:translate(0) scale(1.02)}}.rmx__radio{position:absolute;inset:6%;width:88%;height:88%;margin:auto}.rmx__radio-tilt{transform:rotate(var(--rmx-tilt));transform-origin:160px 125px;transition:filter var(--rmx-fade-ms) ease-out}.rmx--otherworld .rmx__radio-tilt{filter:url(#rmx-rust) contrast(.9) brightness(.75)}.rmx__antenna{stroke:#9c968a;stroke-width:2.2}.rmx__strap{fill:#3a2a18;stroke:#1a0f06;stroke-width:1.2}.rmx__lcd-wave{transform-origin:96px 84px;animation:rmx-lcd-scroll 2.2s linear infinite;opacity:calc(.55 + var(--rmx-lcd-signal) * .45)}.rmx__lcd-wave path{stroke-width:calc(1.2 + var(--rmx-lcd-signal) * .8)}@keyframes rmx-lcd-scroll{0%{transform:translate(0)}to{transform:translate(-8px)}}.rmx--danger .rmx__lcd-wave path{stroke:#c8542a}.rmx--otherworld .rmx__lcd-wave path{stroke:#f22}.rmx__lcd-glass{background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0,rgba(0,0,0,.25) 1px,transparent 1px,transparent 2px)}.rmx__led-glow{fill:var(--rmx-led-glow);animation:rmx-led-pulse var(--rmx-led-period) ease-in-out infinite;transform-origin:96px 180px}.rmx__led-core{fill:var(--rmx-led-color)}@keyframes rmx-led-pulse{0%,to{opacity:.35;r:5}50%{opacity:.95;r:10}}.rmx--flicker .rmx__led-glow{opacity:.1}.rmx--flicker .rmx__led-core{fill-opacity:.4}.rmx--danger .rmx__speaker{animation:rmx-speaker-vibe 80ms ease-in-out infinite alternate}@keyframes rmx-speaker-vibe{0%{transform:translate(0)}to{transform:translate(.5px,-.4px)}}.rmx__scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,255,255,.06) 0,rgba(0,255,255,.06) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen;opacity:calc(.5 + var(--rmx-thrash) * .5);animation:rmx-scan-drift calc(6s - var(--rmx-thrash) * 4s) linear infinite}@keyframes rmx-scan-drift{0%{background-position:0 0}to{background-position:0 6px}}.rmx--flicker .rmx__scanlines{background-position:0 8px!important;opacity:.9;animation:none}.rmx__aberration{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,20,147,var(--rmx-aberration-alpha)) 0%,transparent 4%,transparent 96%,rgba(0,255,255,var(--rmx-aberration-alpha)) 100%);mix-blend-mode:screen;transition:opacity .18s linear}.rmx__siren{position:absolute;inset:-30%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,34,34,.85) 18deg,rgba(255,200,200,1) 28deg,rgba(255,34,34,.85) 38deg,transparent 56deg,transparent 360deg);mix-blend-mode:screen;animation:rmx-siren-rotate var(--rmx-sweep-ms) linear 1,rmx-siren-fade var(--rmx-sweep-ms) ease-out 1;transform-origin:50% 50%}@keyframes rmx-siren-rotate{0%{transform:rotate(0)}to{transform:rotate(380deg)}}@keyframes rmx-siren-fade{0%{opacity:0}10%{opacity:1}to{opacity:0}}.rmx__otherworld-tint{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,#3c080880,#280404bf 55%,#0a0000d9);mix-blend-mode:multiply;opacity:0;transition:opacity var(--rmx-fade-ms) ease-out}.rmx--otherworld .rmx__otherworld-tint{opacity:1}.rmx__db{text-align:center;font-family:ui-monospace,Courier New,monospace;font-size:clamp(.85rem,2.2vw,1.05rem);letter-spacing:2px;color:var(--rmx-led-color);text-shadow:0 0 8px var(--rmx-led-glow)}.rmx--compact{aspect-ratio:auto;height:100%;min-height:70px;max-width:none}.rmx--compact .rmx__streetlamp,.rmx--compact .rmx__siren{display:none}.rmx--compact .rmx__radio{inset:10%;width:80%;height:80%}.rmx--compact .rmx__scanlines{opacity:calc(.3 + var(--rmx-thrash) * .35)}@media(prefers-reduced-motion:reduce){.rmx--sirening .rmx__scene,.rmx__fog-layer--a,.rmx__fog-layer--b{animation:none}.rmx__siren{animation:rmx-siren-fade var(--rmx-sweep-ms) ease-out 1}.rmx__scanlines{animation:none}.rmx__led-glow{animation-duration:2s}.rmx--danger .rmx__speaker,.rmx__lcd-wave{animation:none}}.container.radio-theme{--sh-fog: #4a4a52;--sh-amber: #c0a078;--sh-amber-dim: #8a7a5c;--sh-bone: #d8cfb8;--sh-rust: #8c2e2e;--sh-rust-deep: #5a1a1a;--sh-brass: #8a6e50;--sh-bg: #0c0b10;background:radial-gradient(ellipse at 50% 30%,#1a1820,#0c0b10 55%,#050408)}.container.radio-theme .grid-overlay{opacity:.18;filter:saturate(.15) brightness(.5) hue-rotate(25deg)}.container.radio-theme .instruction{color:var(--sh-bone);text-shadow:0 0 12px rgba(216,207,184,.2),0 1px 0 rgba(0,0,0,.8);font-weight:700;letter-spacing:clamp(3px,.8vw,6px)}.container.radio-theme .game-tagline{color:var(--sh-amber-dim);opacity:.85}.container.radio-theme .timer{color:var(--sh-amber)!important;text-shadow:0 0 14px rgba(192,160,120,.35);font-weight:800}.container.radio-theme .timer-label{color:var(--sh-amber-dim);letter-spacing:clamp(2px,.7vw,4px)}.container.radio-theme .threshold-info{background:linear-gradient(180deg,#3a2a18cc,#140e08cc);border:1px solid var(--sh-brass);box-shadow:inset 0 0 0 1px #8a6e5033,0 6px 18px #0000008c}.container.radio-theme .zone-label{color:var(--sh-bone);text-shadow:0 1px 0 rgba(0,0,0,.6)}.container.radio-theme .zone-reaction{color:var(--sh-amber-dim);font-style:italic}.container.radio-theme .quit-btn{color:var(--sh-brass);border-color:var(--sh-brass);background:#140e0899;text-shadow:none;box-shadow:none}.container.radio-theme .quit-btn:hover{color:var(--sh-bone);border-color:var(--sh-amber);background:#3a2a18b3}.container.radio-theme .game-control-btn{color:var(--sh-amber-dim);border-color:var(--sh-brass);background:#0c0a08b3;text-shadow:none}.container.radio-theme .star-progress-container{filter:saturate(.35) hue-rotate(20deg)}.container.gameover.radio-theme .result-title{font-weight:900}.container.gameover.radio-theme .result-emoji{filter:grayscale(.6) sepia(.4) brightness(.9)}.container.gameover.radio-theme .result-subtitle{color:var(--sh-amber-dim);text-shadow:none}.container.gameover.radio-theme .play-again-btn{background:linear-gradient(180deg,var(--sh-rust) 0%,var(--sh-rust-deep) 100%);border:1px solid #3a0a0a;color:var(--sh-bone);text-shadow:0 1px 0 rgba(0,0,0,.7);box-shadow:inset 0 1px #ffb4a026,0 6px 18px #5a1a1a80}.container.gameover.radio-theme .play-again-btn:hover{background:linear-gradient(180deg,#a83434 0%,var(--sh-rust) 100%);box-shadow:inset 0 1px #ffb4a038,0 8px 24px #8c2e2e99}@media(max-width:1199px){.container.gameover.radio-theme .game-content{height:auto;min-height:100dvh;overflow-y:auto;padding-top:1.5vh;padding-bottom:max(2vh,env(safe-area-inset-bottom));gap:1vh}.container.gameover.radio-theme .game-content--gameover .meter-container{max-height:clamp(100px,22vh,200px)}.container.gameover.radio-theme .gameover-meter-buttons{margin-bottom:max(1vh,env(safe-area-inset-bottom))}}.container.radio-theme:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 85%,rgba(90,80,70,.08) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(70,60,50,.06) 0%,transparent 40%);pointer-events:none;z-index:0;mix-blend-mode:screen}.easter-egg-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;animation:toastSlideIn .5s ease-out,toastFadeOut .5s ease-in 3.5s forwards;cursor:pointer}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.toast-content{display:flex;align-items:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #00D4AA;border-radius:var(--radius-lg);box-shadow:0 0 20px var(--bg-teal-strong),0 10px 30px #00000080;animation:toastGlow 1s ease-in-out infinite alternate}@keyframes toastGlow{0%{box-shadow:0 0 20px var(--bg-teal-strong),0 10px 30px #00000080}to{box-shadow:0 0 30px #00d4aa99,0 0 50px #00d4aa4d,0 10px 30px #00000080}}.toast-icon{font-size:2.5rem;animation:toastIconPulse .5s ease-in-out 3}@keyframes toastIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.toast-text{display:flex;flex-direction:column;gap:4px}.toast-title{font-family:Orbitron,Courier New,monospace;font-size:1rem;font-weight:700;color:var(--color-teal);text-transform:uppercase;letter-spacing:2px}.toast-subtitle{font-size:.85rem;color:#aaa}.loading-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:300px;color:var(--color-cyan);font-size:1rem;letter-spacing:2px;opacity:.7}@keyframes screenFlash{0%{background:#fff;opacity:.8}to{background:transparent;opacity:0}}.noise-zone-indicator{text-align:center;width:100%;min-height:clamp(3.5rem,6vw,5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;border:1px solid;box-sizing:border-box}.zone-label{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:var(--weight-bold);letter-spacing:.02em;line-height:1.2}.zone-reaction{display:block;font-size:clamp(1rem,2vw,1.4rem);margin-top:4px;min-height:1.4em;opacity:0;animation:reaction-fade-in .3s ease-out forwards;font-style:italic}@keyframes reaction-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:.8;transform:translateY(0)}}.game-tagline{font-size:clamp(.7rem,1.3vw,.9rem);color:var(--text-muted);text-align:center;margin-top:8px;opacity:0;animation:tagline-fade-in .5s ease-out forwards;font-style:italic}@keyframes tagline-fade-in{0%{opacity:0}to{opacity:.7}}.streak-message{font-size:clamp(.75rem,1.3vw,.95rem);color:var(--text-muted);text-align:center;margin-top:12px;font-style:italic}.loss-roast{font-size:clamp(.85rem,1.5vw,1.1rem);color:#ccd;text-align:center;margin-top:8px;opacity:0;animation:roast-fade-in .6s ease-out .3s forwards}@keyframes roast-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.elimination-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#ff3366e6;color:var(--color-white);padding:12px 24px;border-radius:8px;font-size:clamp(.8rem,1.4vw,1rem);opacity:0;animation:toast-slide-in .4s ease-out forwards;z-index:100}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.meter-panel{display:contents}.container.classroom-mode.playing .game-content,.container.classroom-mode.gameover .game-content{max-width:min(95vw,1800px);min-height:95vh;height:auto;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:"header  header" "timer   meter" "zone    meter" "info    info" "cta     cta";column-gap:clamp(32px,5vw,80px);row-gap:clamp(16px,2.5vh,32px);padding:4vh clamp(32px,5vw,80px);align-items:center;justify-items:center;align-content:start}.container.classroom-mode.playing .game-header,.container.classroom-mode.gameover .game-header{grid-area:header;text-align:center}.container.classroom-mode.playing .timer-display,.container.classroom-mode.gameover .timer-display{grid-area:timer;justify-self:center;align-self:end}.container.classroom-mode.playing .noise-zone-indicator,.container.classroom-mode.gameover .noise-zone-indicator{grid-area:zone;align-self:start;width:100%;max-width:860px;background:transparent!important;border:none!important;box-shadow:none!important;padding:0;min-height:unset}.container.classroom-mode.playing .meter-panel,.container.classroom-mode.gameover .meter-panel{display:flex;grid-area:meter;width:100%;max-width:clamp(420px,42vw,760px);align-self:center;justify-content:center;align-items:center;min-height:clamp(420px,55vh,640px)}.container.classroom-mode.playing .meter-panel>*,.container.classroom-mode.gameover .meter-panel>*{transform:scale(1.5);transform-origin:center}.container.classroom-mode.playing .meter-panel .meter-db-value,.container.classroom-mode.gameover .meter-panel .meter-db-value{font-size:clamp(1.1rem,2vh,1.6rem)}.container.classroom-mode.playing .threshold-info,.container.classroom-mode.gameover .threshold-info{grid-area:info;align-self:end}.container.classroom-mode.gameover .loss-roast,.container.classroom-mode.gameover .streak-message{grid-area:info;justify-self:center;text-align:center}.container.classroom-mode.gameover .gameover-meter-buttons{grid-area:cta;justify-self:center;position:static!important;flex-direction:row;max-width:none;gap:clamp(20px,3vw,40px)}.container.classroom-mode.playing .zone-label{font-size:clamp(3.5rem,7.5vw,7rem);line-height:1.1}.container.classroom-mode.playing .zone-reaction{font-size:clamp(1.4rem,2.4vw,2.2rem);margin-top:clamp(8px,1vh,16px)}.container.classroom-mode.playing .timer{font-size:clamp(5rem,10vw,9rem)}.container.classroom-mode.playing .timer-label{font-size:clamp(.9rem,1.4vw,1.2rem)}.container.classroom-mode.playing .instruction{font-size:clamp(1.8rem,3.2vw,3rem)}.container.classroom-mode.playing .game-tagline{font-size:clamp(1rem,1.6vw,1.3rem)}.container.classroom-mode.playing .game-controls{position:fixed;top:clamp(16px,2vh,28px);right:clamp(16px,2vw,28px);z-index:10}.container.classroom-mode.playing .quit-btn{position:fixed;bottom:clamp(16px,2vh,28px);right:clamp(16px,2vw,28px);z-index:10;opacity:.55;transform:scale(.85);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease}.container.classroom-mode.playing .quit-btn:hover,.container.classroom-mode.playing .quit-btn:focus-visible{opacity:1;transform:scale(.95)}.container.classroom-mode.gameover .game-controls{position:absolute;top:clamp(16px,2vh,28px);right:clamp(16px,2vw,28px)}.container.classroom-mode.playing .game-rewards-info,.container.classroom-mode.playing .star-display{grid-area:info;justify-self:stretch;width:100%;max-width:900px}.container.classroom-mode.playing.fishing-theme .game-content{max-width:none;width:100vw;height:100vh;padding:0;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"meter";column-gap:0;row-gap:0}.container.classroom-mode.playing.fishing-theme .game-header{position:fixed;top:clamp(18px,3vh,40px);left:50%;transform:translate(-50%);z-index:5;pointer-events:none}.container.classroom-mode.playing.fishing-theme .timer-display{position:fixed;top:clamp(18px,3vh,40px);left:clamp(24px,3vw,48px);z-index:5;align-items:flex-start;pointer-events:none}.container.classroom-mode.playing.fishing-theme .timer{font-size:clamp(3.5rem,7vw,6rem)}.container.classroom-mode.playing.fishing-theme .noise-zone-indicator{display:none}.container.classroom-mode.playing.fishing-theme .meter-panel{grid-area:meter;width:100vw;height:100vh;max-width:none}.container.classroom-mode.playing.fishing-theme .fishing-scene-lottie{width:100%!important;height:100%!important;max-width:none!important;border:none;background:none;border-radius:0}.container.classroom-mode.playing.fishing-theme .threshold-info{position:fixed;bottom:clamp(20px,3vh,40px);left:50%;transform:translate(-50%);z-index:5}.container.classroom-mode.gameover .content.center{max-width:min(90vw,1600px);padding:3vh clamp(32px,5vw,80px);gap:clamp(16px,2vh,32px)}.container.classroom-mode.gameover .result-title{font-size:clamp(4.5rem,10vw,9rem)}.container.classroom-mode.gameover .result-subtitle{font-size:clamp(1.2rem,2vw,1.8rem)}.container.classroom-mode.gameover .result-emoji{font-size:clamp(4rem,8vw,7rem)}.container.classroom-mode.gameover .stat-value{font-size:clamp(3rem,6vw,5rem)}.container.classroom-mode.gameover .stat-label{font-size:clamp(1rem,1.6vw,1.3rem)}.container.classroom-mode.gameover .content.center .instruction{font-size:clamp(2.4rem,5vw,4.5rem)}.container.classroom-mode.gameover .game-content--gameover .instruction{font-size:clamp(1.8rem,3.2vw,3rem)}.container.classroom-mode.gameover .game-content--gameover .game-tagline{font-size:clamp(1rem,1.6vw,1.3rem)}.container.classroom-mode.gameover .timer{font-size:clamp(4.5rem,9vw,8rem)}.container.classroom-mode.gameover .zone-label{font-size:clamp(2.5rem,5vw,4rem)}.container.classroom-mode.gameover .loss-roast{font-size:clamp(1.3rem,2.2vw,2rem)}.container.classroom-mode.gameover .streak-message{font-size:clamp(1rem,1.5vw,1.3rem)}.container.classroom-mode.gameover .play-again-btn,.container.classroom-mode.gameover .home-btn{font-size:clamp(1.1rem,1.8vw,1.5rem);padding:clamp(14px,2vh,24px) clamp(28px,4vw,48px)}.container.classroom-mode.gameover .button-group{gap:clamp(20px,3vw,40px)}@media(min-width:1600px){.container.classroom-mode.playing .meter-panel>*,.container.classroom-mode.gameover .meter-panel>*{transform:scale(2.8)}}@media(min-width:2400px){.container.classroom-mode.playing .meter-panel>*,.container.classroom-mode.gameover .meter-panel>*{transform:scale(3.4)}}.pause-mode-toggle{display:flex;justify-content:center;gap:12px;margin:16px 0;flex-wrap:wrap}