.play-screen{z-index:100;color:var(--white);touch-action:none;background:#10251f;position:fixed;inset:0;overflow:hidden}.dance-theme .play-screen{background:#1b1230}.train-theme .play-screen{background:#dff8dc}.train-theme #train-canvas{z-index:2;position:absolute;inset:0}.play-screen video{display:none}.play-screen canvas{width:100%;height:100%}.play-hud{z-index:8;pointer-events:none;align-items:flex-start;gap:9px;display:flex;position:absolute;top:14px;left:16px;right:16px}.hud-stat{min-width:92px;color:var(--white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1c24c2;border:1px solid #ffffff2e;border-radius:13px;padding:8px 13px;box-shadow:0 8px 24px #00000024}.hud-stat span{color:#ffffffa8;letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:780;display:block}.hud-stat strong{font-variant-numeric:tabular-nums;margin-top:1px;font-size:1.42rem;line-height:1.1;display:block}#fruit-hearts{color:#ff8d92;letter-spacing:2px;font-size:1.05rem}.stars-stat strong{color:var(--sun);letter-spacing:2px;font-size:1.2rem}.tracking-pill{color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1c24b3;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;min-height:40px;margin:2px auto 0;padding:8px 12px;font-size:.72rem;display:flex}.tracking-pill>span{background:var(--sun);border-radius:50%;width:8px;height:8px}.tracking-pill.is-tracking>span{background:var(--theme-bright);box-shadow:0 0 0 4px #60d5a829}.tracking-pill.is-lost>span{background:#ff8d92}.train-theme #train-tracking{display:none}.train-theme #train-pause{margin-left:auto}.hud-button{min-height:46px;color:var(--white);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1c24c7;border:1px solid #ffffff2e;border-radius:13px;align-items:center;gap:7px;padding:9px 13px;font-size:.78rem;font-weight:760;display:inline-flex}.hud-button:hover{background:#0f1c24f5}.hud-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.2px;width:18px;height:18px}.game-message{z-index:9;color:var(--white);letter-spacing:-.04em;text-align:center;text-shadow:0 6px 30px #0000004d;pointer-events:none;font-size:clamp(2rem,5vw,4.5rem);font-weight:900;position:absolute;top:25%;left:50%;transform:translate(-50%)}.calibration-overlay,.countdown-overlay{z-index:10;pointer-events:none;background:#081a1652;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.calibration-card{width:min(100%,500px);color:var(--ink);box-shadow:var(--shadow-lg);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f0;border:1px solid #ffffffb3;border-radius:25px;padding:29px}.calibration-overlay.is-gaze{background:#081a162e;place-items:end center}.calibration-overlay.is-gaze[data-gaze-target=bottom]{place-items:start center}.calibration-overlay.is-gaze .calibration-card{width:min(100%,430px);padding:20px 24px}.calibration-overlay.is-gaze .calibration-card h2{font-size:clamp(1.35rem,3vw,1.9rem)}.calibration-overlay.is-gaze .calibration-card>p:not(.eyebrow){margin-bottom:12px}.calibration-overlay.is-gaze .calibration-card>strong{margin-top:8px;font-size:1.8rem}.calibration-card h2{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(1.6rem,4vw,2.4rem)}.calibration-card>p:not(.eyebrow){color:var(--ink-soft);margin-bottom:20px}.calibration-progress{background:var(--paper-deep);border-radius:999px;width:100%;height:9px;overflow:hidden}.calibration-progress span{background:var(--fruit);border-radius:inherit;width:0;height:100%;display:block}.calibration-card>strong{color:var(--fruit);font-variant-numeric:tabular-nums;margin-top:13px;font-size:2.5rem;display:block}.countdown-overlay{background:#0a121c42}.countdown-overlay strong{min-width:180px;min-height:180px;color:var(--white);text-shadow:0 0 30px #ffffff47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1c24b8;border:2px solid #ffffff4d;border-radius:50%;place-items:center;font-size:clamp(4.2rem,12vw,8rem);font-weight:900;line-height:1;display:grid;box-shadow:0 25px 80px #00000040}.rating-pop{z-index:9;color:var(--sun);letter-spacing:-.04em;text-shadow:0 5px 30px;pointer-events:none;font-size:clamp(2.4rem,6vw,5rem);font-weight:950;position:absolute;top:23%;left:27%;transform:translate(-50%)}.rating-pop.is-showing{animation:.9s ease-out both rating-in}@keyframes rating-in{0%{opacity:0;transform:translate(-50%)scale(.65)}20%{opacity:1;transform:translate(-50%)scale(1.08)}65%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.96)}}.recording-badge{z-index:11;color:var(--ink);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f0;border:1px solid #fff9;border-radius:999px;align-items:center;gap:10px;padding:10px 12px 10px 15px;font-size:.78rem;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.recording-badge>span:not(.record-dot){color:var(--ink-soft);font-variant-numeric:tabular-nums}.recording-badge button{min-height:32px;color:var(--white);background:#d6404f;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:800}