:root{--c-night: #0a0a14;--c-haze: #2a2150;--c-iris: #9d7cff;--c-cyan: #7ec8e3;--c-amber: #ff9a3c;--c-ink: #e2e8f0;--c-ink-dim: #8a99ae;--bg: var(--c-night);--accent: var(--c-cyan);--accent-warm: var(--c-amber);--accent-gradient-2: var(--c-iris);--accent-highlight: var(--c-amber);--text: var(--c-ink);--text-dim: var(--c-ink-dim);--surface-panel: linear-gradient(180deg, rgba(28, 23, 58, .82) 0%, rgba(8, 9, 20, .88) 100%);--surface-panel-soft: rgba(8, 7, 18, .55);--surface-scrim: rgba(8, 7, 18, .92);--surface-scrim-soft: rgba(8, 7, 18, .6);--surface-glass: rgba(20, 18, 46, .5);--surface-glass-hover: rgba(30, 27, 64, .65);--surface-toggle: rgba(8, 7, 18, .7);--border-soft: rgba(126, 200, 227, .55);--glow-accent: rgba(126, 200, 227, .45);--glow-warm: rgba(255, 154, 60, .5);--text-outline: 0 1px 2px rgba(0, 0, 0, .7);--font-display: "M PLUS 1 Subset", "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;--ui-motion: .2s}@font-face{font-family:"M PLUS 1 Subset";src:url(/fonts/m-plus-1-ui-subset.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.screen__title,.screen__countdown,.pause-overlay__countdown,.pause-overlay__message,.settings-panel__title,.credits-panel__heading,.calibration-panel__heading,.howto-panel__title,.howto-panel__heading{font-family:var(--font-display);letter-spacing:.04em}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;overflow:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}#stage canvas{display:block;pointer-events:none;transform-origin:50% 50%}#app{position:relative;z-index:1;width:100%;height:100vh;height:100dvh}.screen-root{width:100%;height:100%}.screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,16px);padding:max(env(safe-area-inset-top),clamp(12px,3vh,24px)) max(env(safe-area-inset-right),clamp(12px,3vw,24px)) max(env(safe-area-inset-bottom),clamp(12px,3vh,24px)) max(env(safe-area-inset-left),clamp(12px,3vw,24px));text-align:center;animation:screen-enter .22s ease-out both}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen__title{font-size:clamp(20px,4vw,40px);font-weight:700;color:#fff;text-shadow:0 0 20px var(--accent),0 0 60px var(--accent-gradient-2)}.screen__text{font-size:clamp(13px,2vw,16px);color:var(--text-dim)}.screen__countdown{font-size:clamp(40px,12vw,96px);font-weight:700;color:var(--accent);min-height:1.2em}.screen__button{min-width:160px;min-height:48px;padding:12px 28px;font-size:clamp(14px,2.4vw,18px);font-weight:600;color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}.screen__button:hover{color:#fff;box-shadow:0 0 16px var(--accent)}.result-history{width:100%}.result-history .score-history__empty{font-size:clamp(12px,2vw,15px);color:var(--text-dim)}.result-history .score-history__best{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 12px}.result-history .score-history__best-label{font-size:clamp(11px,1.8vw,14px);color:var(--text-dim)}.result-history .score-history__best-score{font-size:clamp(18px,3.4vw,26px);font-weight:700;color:var(--accent)}.result-history .score-history__best-rank,.result-history .score-history__best-percentile{font-size:clamp(12px,2vw,15px);color:var(--text)}.result-history .score-history__chart{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:48px;margin-top:8px}.result-history .score-history__bar{width:8px;min-height:2px;background:var(--glow-accent);border-radius:2px}.result-history .score-history__bar--best{background:var(--accent-highlight)}.pause-button{position:fixed;top:max(env(safe-area-inset-top),8px);left:max(env(safe-area-inset-left),8px);z-index:1100;min-height:32px;padding:6px 12px;font-size:clamp(11px,2vw,13px);color:var(--text-dim);background:var(--surface-toggle);border:1px solid var(--accent);border-radius:6px;cursor:pointer}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,3vh,24px);background:var(--surface-scrim-soft);color:var(--text)}.pause-overlay[hidden]{display:none}.pause-overlay__message{font-size:clamp(16px,3vw,22px);color:var(--text)}.pause-overlay__countdown{font-size:clamp(40px,12vw,96px);font-weight:700;color:var(--accent);min-height:1.2em}.pause-overlay__resume{min-width:160px;min-height:48px;padding:12px 28px;font-size:clamp(14px,2.4vw,18px);font-weight:600;color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}.pause-overlay__return{min-width:160px;min-height:44px;padding:10px 24px;font-size:clamp(13px,2.2vw,16px);color:var(--text-dim);background:transparent;border:1px solid var(--text-dim);border-radius:8px;cursor:pointer}.pause-overlay__message[hidden],.pause-overlay__countdown[hidden],.pause-overlay__resume[hidden],.pause-overlay__return[hidden]{display:none}.settings-toggle{position:fixed;top:calc(max(env(safe-area-inset-top),8px) + 40px);right:max(env(safe-area-inset-right),8px);z-index:1100;min-height:32px;padding:6px 12px;font-size:clamp(11px,2vw,13px);color:var(--text-dim);background:var(--surface-toggle);border:1px solid var(--accent);border-radius:6px;cursor:pointer}.settings-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:max(env(safe-area-inset-top),24px) max(env(safe-area-inset-right),24px) max(env(safe-area-inset-bottom),24px) max(env(safe-area-inset-left),24px);overflow-y:auto;background:var(--surface-panel);color:var(--text)}.settings-panel[hidden]{display:none}.settings-panel__close{align-self:flex-end;min-height:40px;padding:8px 20px;font-size:clamp(13px,2.2vw,16px);color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}.settings-panel__title{font-size:clamp(16px,3vw,22px);color:var(--accent)}.settings-panel__row{display:flex;align-items:center;gap:12px;min-height:44px;font-size:clamp(13px,2.2vw,16px);color:var(--text);cursor:pointer}.settings-panel__row-text{white-space:nowrap}.settings-panel__slider{flex:1;min-width:120px;max-width:260px;accent-color:var(--accent);cursor:pointer}.settings-panel__button{min-height:44px;padding:10px 20px;font-size:clamp(13px,2.2vw,16px);color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}body[data-phase=play] .calibration-toggle,body[data-phase=play] .howto-toggle,body[data-phase=play] .settings-toggle{display:none}.screen__button:disabled{opacity:.5;cursor:progress}.screen--result{justify-content:space-between}.screen__result-panel{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1.2vh,10px)}.screen__result-panel[hidden]{display:none}.screen__result-panel--top{position:relative;padding:clamp(10px,2vh,18px);background:var(--surface-panel-soft);border-radius:12px}.screen__result-close{position:absolute;top:6px;right:6px;width:32px;height:32px;padding:0;font-size:16px;line-height:1;color:var(--text);background:#00000059;border:1px solid var(--accent);border-radius:50%;cursor:pointer}.screen__result-close:hover{color:#fff;box-shadow:0 0 12px var(--accent)}.screen__result-reopen{min-width:0;min-height:0;padding:8px 16px;font-size:clamp(12px,2vw,14px);background:var(--surface-panel-soft)}.screen__result-panel--bottom{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:clamp(10px,3vw,20px);margin-bottom:clamp(56px,11vh,84px)}.screen__result-heading{font-size:clamp(18px,3.4vw,30px);margin:0}.screen__result-hint{opacity:.85}.screen__result-disclaimer{font-size:clamp(11px,1.6vw,13px);opacity:.8}.song-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:clamp(8px,1.6vh,12px);width:100%;max-width:720px}.song-choice{width:100%;min-width:0;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 20px}.song-choice__title,.song-choice__artist{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-choice__title{font-size:clamp(15px,2.6vw,19px);font-weight:700}.song-choice__artist{font-size:clamp(11px,1.8vw,14px);color:var(--text-dim)}.song-choice[disabled]{color:var(--text-dim);border-color:var(--text-dim);cursor:not-allowed}.song-choice[disabled]:hover{color:var(--text-dim);box-shadow:none}.song-choice__badge{margin-top:2px;font-size:clamp(10px,1.6vw,12px);letter-spacing:.08em;color:var(--text-dim)}.screen--title .screen__title{font-size:clamp(26px,6.4vw,54px);line-height:1.25;letter-spacing:.08em;word-break:keep-all;overflow-wrap:normal;background:linear-gradient(120deg,#bfe9f5 0%,var(--accent) 42%,var(--accent-gradient-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px var(--glow-accent)) drop-shadow(0 0 30px rgba(157,124,255,.42))}.screen--title .screen__text{letter-spacing:.08em}.screen--title .song-choice:not([disabled]){background:var(--surface-glass);border-radius:16px;box-shadow:0 0 0 1px #ff9a3c59,0 0 22px -6px var(--glow-warm),inset 0 1px #ffffff1f}.screen--title .song-choice:not([disabled]):hover{background:var(--surface-glass-hover);box-shadow:0 0 0 1px #ff9a3c8c,0 0 30px -4px var(--glow-warm),inset 0 1px #ffffff29}.screen--warmup{position:relative}.screen--warmup>*{position:relative;z-index:1}.screen--warmup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg);pointer-events:none;animation:warmup-reveal 1.5s ease-out both}@keyframes warmup-reveal{0%{opacity:1}to{opacity:0}}.screen--warmup .screen__countdown{position:relative}.screen--warmup .screen__countdown:before{content:"";position:absolute;left:50%;top:50%;width:1.6em;height:1.6em;margin:-.8em 0 0 -.8em;z-index:-1;border:2px solid var(--accent);border-radius:50%;pointer-events:none;animation:warmup-sonar 2s ease-out infinite}@keyframes warmup-sonar{0%{transform:scale(.6);opacity:.6}to{transform:scale(2.4);opacity:0}}@media (prefers-reduced-motion: reduce){.screen{animation:none}.screen--warmup:before{animation:none;opacity:0}.screen--warmup .screen__countdown:before{animation:none;display:none}}@media (max-height: 600px){.screen--title .screen__title{font-size:clamp(16px,3.4vh,24px)}.screen--title .screen__text{font-size:clamp(11px,2vh,13px)}.screen--title .song-list{gap:6px}.screen--title .song-choice{padding:8px 16px;gap:2px}}#audio-media{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;align-items:center;justify-content:center;padding:24px;background:var(--surface-scrim)}.overlay:not([hidden]){display:flex}.overlay--tap-to-play{cursor:pointer;background:var(--surface-scrim-soft)}.overlay__panel{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:480px}.overlay__text{font-size:clamp(16px,3vw,22px);color:var(--text)}.overlay__button{min-width:160px;min-height:48px;padding:12px 28px;font-size:clamp(14px,2.4vw,18px);font-weight:600;color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}.overlay__button[hidden]{display:none}.overlay__link{font-size:clamp(13px,2vw,16px);color:var(--accent)}.attribution{position:fixed;left:0;right:0;bottom:0;z-index:500;pointer-events:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;padding:4px max(env(safe-area-inset-right),8px) max(env(safe-area-inset-bottom),4px) max(env(safe-area-inset-left),8px);background:var(--surface-panel-soft);text-align:center}.attribution__text{font-size:clamp(9px,1.6vw,11px);line-height:1.4;color:var(--text-dim)}.attribution__link{pointer-events:auto;font-size:clamp(9px,1.6vw,11px);line-height:1.4;color:var(--accent)}.credits-toggle{position:fixed;top:max(env(safe-area-inset-top),8px);right:max(env(safe-area-inset-right),8px);z-index:1100;min-height:32px;padding:6px 12px;font-size:clamp(11px,2vw,13px);color:var(--text-dim);background:var(--surface-toggle);border:1px solid var(--accent);border-radius:6px;cursor:pointer}.credits-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:max(env(safe-area-inset-top),24px) max(env(safe-area-inset-right),24px) max(env(safe-area-inset-bottom),24px) max(env(safe-area-inset-left),24px);overflow-y:auto;background:var(--surface-panel);color:var(--text)}.credits-panel[hidden]{display:none}.credits-panel__close{align-self:flex-end;min-height:40px;padding:8px 20px;font-size:clamp(13px,2.2vw,16px);color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}.credits-panel__section{display:flex;flex-direction:column;gap:4px;max-width:640px}.credits-panel__heading{margin:12px 0 4px;font-size:clamp(14px,2.6vw,18px);color:var(--accent)}.credits-panel__text{font-size:clamp(12px,2vw,15px);line-height:1.5;color:var(--text-dim)}.credits-panel__link{font-size:clamp(12px,2vw,15px);line-height:1.5;color:var(--accent);word-break:break-all}.calibration-toggle{position:fixed;top:max(env(safe-area-inset-top),8px);left:max(env(safe-area-inset-left),8px);z-index:1100;min-height:32px;padding:6px 12px;font-size:clamp(11px,2vw,13px);color:var(--text-dim);background:var(--surface-toggle);border:1px solid var(--accent);border-radius:6px;cursor:pointer}.calibration-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:center;gap:12px;padding:max(env(safe-area-inset-top),24px) max(env(safe-area-inset-right),24px) max(env(safe-area-inset-bottom),24px) max(env(safe-area-inset-left),24px);overflow-y:auto;background:var(--surface-panel);color:var(--text)}.calibration-panel[hidden]{display:none}.calibration-panel__close{align-self:flex-end;min-height:40px;padding:8px 20px;font-size:clamp(13px,2.2vw,16px);color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}.calibration-panel__heading{margin:4px 0;font-size:clamp(14px,2.6vw,18px);color:var(--accent)}.calibration-panel__text{max-width:520px;font-size:clamp(12px,2vw,15px);line-height:1.5;text-align:center;color:var(--text-dim)}.calibration-panel__note{max-width:520px;font-size:clamp(12px,2vw,15px);line-height:1.5;text-align:center;color:var(--accent)}.calibration-taparea{display:flex;align-items:center;justify-content:center;width:min(80vw,320px);height:min(40vh,240px);border:1px solid var(--text-dim);border-radius:12px;cursor:pointer;touch-action:none}.calibration-blink{width:96px;height:96px;border-radius:50%;background:#78829640;transition:background 60ms linear,box-shadow 60ms linear}.calibration-blink--on{background:var(--accent);box-shadow:0 0 32px var(--accent)}.calibration-meter{position:relative;width:min(80vw,320px);height:16px;background:#78829633;border-radius:8px}.calibration-meter:before{content:"";position:absolute;top:-4px;bottom:-4px;left:50%;width:2px;background:var(--text-dim);transform:translate(-1px)}.calibration-meter__needle{position:absolute;top:-4px;bottom:-4px;left:50%;width:4px;background:var(--accent);border-radius:2px;transform:translate(-2px);transition:left 80ms linear}.calibration-slider{width:min(80vw,320px)}.calibration-panel__button{min-height:40px;padding:8px 20px;font-size:clamp(13px,2.2vw,16px);color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}.calibration-panel__button[hidden]{display:none}.howto-toggle{position:fixed;right:max(env(safe-area-inset-right),8px);bottom:calc(max(env(safe-area-inset-bottom),8px) + 32px);z-index:1100;min-height:32px;padding:6px 12px;font-size:clamp(11px,2vw,13px);color:var(--text-dim);background:var(--surface-toggle);border:1px solid var(--accent);border-radius:6px;cursor:pointer}.howto-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:max(env(safe-area-inset-top),24px) max(env(safe-area-inset-right),24px) max(env(safe-area-inset-bottom),24px) max(env(safe-area-inset-left),24px);overflow-y:auto;background:var(--surface-panel);color:var(--text)}.howto-panel[hidden]{display:none}.howto-panel__close{align-self:flex-end;min-height:40px;padding:8px 20px;font-size:clamp(13px,2.2vw,16px);color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:8px;cursor:pointer}.howto-panel__title{margin:4px 0;font-size:clamp(18px,3vw,22px);font-weight:700;color:var(--accent)}.howto-panel__section{display:flex;flex-direction:column;gap:4px;max-width:640px}.howto-panel__heading{margin:12px 0 4px;font-size:clamp(14px,2.6vw,18px);color:var(--accent)}.howto-panel__text{font-size:clamp(12px,2vw,15px);line-height:1.6;color:var(--text-dim)}.overlay__panel{width:100%;max-height:100%}.overlay__howto{flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;display:flex;flex-direction:column;gap:8px;text-align:left}.ui-button--primary{position:relative;overflow:hidden;border:none;border-radius:999px;color:#fff;background:radial-gradient(130% 150% at 50% 0%,#ffb35c,#ff9a3c 45%,#d2641f);box-shadow:0 0 0 1px #ff9a3c73,0 6px 20px -6px #ff9a3c99,0 0 28px #ff9a3c52,inset 0 1px #ffffff80;transition:box-shadow var(--ui-motion) ease,transform var(--ui-motion) ease}.ui-button--primary:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #ff9a3c99,0 8px 26px -6px #ff9a3cb3,0 0 40px #ff9a3c7a,inset 0 1px #ffffff8c}.ui-button--primary:active{transform:translateY(0);box-shadow:0 0 0 1px #ff9a3c80,inset 0 2px 6px #78280080,0 0 18px #ff9a3c52}.ui-button--primary:disabled{background:#3c322880;color:var(--text-dim);box-shadow:inset 0 0 0 1px #78829640}.ui-button--secondary{position:relative;border:none;border-radius:999px;color:var(--text);background:linear-gradient(180deg,#7ec8e329,#7ec8e30d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 16px -6px var(--glow-accent),inset 0 1px #7ec8e34d,inset 0 0 14px #7ec8e314;transition:box-shadow var(--ui-motion) ease,transform var(--ui-motion) ease,background var(--ui-motion) ease}.ui-button--secondary:hover{color:#fff;transform:translateY(-1px);background:linear-gradient(180deg,#7ec8e342,#7ec8e31a);box-shadow:0 0 24px -4px var(--glow-accent),inset 0 1px #7ec8e36b,inset 0 0 18px #7ec8e31f}.ui-button--secondary:active{transform:translateY(0);box-shadow:inset 0 2px 8px #00000073,inset 0 0 14px #7ec8e314}.ui-button--secondary:disabled{color:var(--text-dim);background:#78829614;box-shadow:inset 0 0 12px #7882961f}.screen__button:focus-visible,.song-choice:focus-visible,.ui-button--primary:focus-visible,.ui-button--secondary:focus-visible,.pause-button:focus-visible,.pause-overlay__resume:focus-visible,.pause-overlay__return:focus-visible,.settings-toggle:focus-visible,.settings-panel__close:focus-visible,.settings-panel__button:focus-visible,.settings-panel__row:focus-visible,.settings-panel__slider:focus-visible,.credits-toggle:focus-visible,.credits-panel__close:focus-visible,.credits-panel__link:focus-visible,.calibration-toggle:focus-visible,.calibration-panel__close:focus-visible,.calibration-panel__button:focus-visible,.calibration-taparea:focus-visible,.calibration-slider:focus-visible,.howto-toggle:focus-visible,.howto-panel__close:focus-visible,.overlay__button:focus-visible,.overlay__link:focus-visible,.overlay--tap-to-play:focus-visible,.attribution__link:focus-visible,.screen__result-close:focus-visible,.screen__result-reopen:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes sonar-ping{0%{transform:translate(-50%,-50%) scale(.4);opacity:.55}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.screen--title{position:relative}.screen--title>*{position:relative;z-index:1}.screen--title:before,.screen--title:after{content:"";position:absolute;left:50%;top:50%;width:min(62vh,440px);height:min(62vh,440px);z-index:0;border:1px solid var(--border-soft);border-radius:50%;box-shadow:0 0 24px -6px var(--glow-accent),inset 0 0 24px -10px var(--glow-accent);pointer-events:none;transform:translate(-50%,-50%) scale(.35);opacity:0;animation:sonar-ping 3.6s ease-out infinite}.screen--title:after{animation-delay:1.8s}.ui-button--primary:before{content:"";position:absolute;left:50%;top:50%;width:120%;aspect-ratio:1;border:2px solid var(--accent);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.2);opacity:0}.ui-button--primary.is-pressed:before{animation:button-sonar .6s ease-out}.ui-button--primary:disabled:before{content:none}@keyframes button-sonar{0%{transform:translate(-50%,-50%) scale(.2);opacity:.7}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@media (prefers-reduced-motion: reduce){.screen--title:before,.screen--title:after{animation:none;display:none}.ui-button--primary.is-pressed:before{animation:none}.ui-button--primary,.ui-button--secondary{transition:none}.ui-button--primary:hover,.ui-button--secondary:hover,.ui-button--primary:active,.ui-button--secondary:active{transform:none}.settings-panel,.credits-panel,.calibration-panel,.howto-panel{animation:none}}.credits-toggle,.settings-toggle,.calibration-toggle,.howto-toggle,.pause-button{border:none;border-radius:999px;color:var(--text);background:linear-gradient(180deg,#7ec8e324,#7ec8e30a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 16px -7px var(--glow-accent),inset 0 1px #7ec8e340,inset 0 0 12px #7ec8e312;transition:box-shadow var(--ui-motion) ease,background var(--ui-motion) ease}.credits-toggle:hover,.settings-toggle:hover,.calibration-toggle:hover,.howto-toggle:hover,.pause-button:hover{color:#fff;background:linear-gradient(180deg,#7ec8e33d,#7ec8e314);box-shadow:0 0 20px -4px var(--glow-accent),inset 0 1px #7ec8e361,inset 0 0 16px #7ec8e31a}.settings-panel,.credits-panel,.calibration-panel,.howto-panel{z-index:1150;-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);animation:panel-rise .26s ease-out both}@keyframes panel-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen__result-panel--top{margin-top:clamp(56px,11vh,84px)}