:where(.desk-knock-stage,.back-row-beat-stage,.purr-game-stage){container-type:inline-size;--hud-surface: #192438;--hud-text: #f5f6fb;--hud-muted: #d9e1ed;--hud-line: #73819a;--hud-label-size: .642857em;--hud-number-weight: 800;--hud-label-weight: 600;--hud-radius: 8px}:where(.arcade-hud){position:absolute;display:grid;grid-template-columns:35% minmax(0,1fr);inset:2.058824% 7.179487% auto;height:2em;font-size:7.179487cqw;isolation:isolate;color:var(--hud-text);font-variant-numeric:tabular-nums;pointer-events:none}:where(.arcade-hud):before{content:"";position:absolute;z-index:-1;top:-.5em;right:-1em;bottom:-.8em;left:-1em;background:linear-gradient(180deg,rgb(20 30 46 / 96%),rgb(20 30 46 / 94%) 70%,transparent)}:where(.arcade-hud__score){display:grid;grid-template-rows:.892857em auto;align-content:start;min-width:0;padding:0;color:var(--hud-text);container-type:inline-size}:where(.arcade-hud__score small){color:var(--hud-muted);font-size:var(--hud-label-size);font-weight:600;line-height:1.3}:where(.arcade-hud__score b){font-size:1em;font-weight:800;line-height:1;letter-spacing:-.035em}:where(.arcade-hud__stats){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0;min-width:0;padding:0}:where(.arcade-hud__stats small){font-size:var(--hud-label-size);font-weight:600;line-height:1.3}.target-stage{position:relative;aspect-ratio:390/680;margin-inline:auto;overflow:hidden;border-radius:16px;isolation:isolate;background:#dbe2f7;color:#253654;font-family:var(--font-body,"Noto Sans Thai",sans-serif);container-type:inline-size;--hud-text:#f5f6fb;--hud-muted:#d9e1ed;--hud-label-size:.642857em;--hud-number-weight:800;--hud-label-weight:600}.target-stage .game-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.target-stage canvas{display:block;width:100%;height:100%}.target-stage .game-canvas-host:focus-visible{outline:3px solid #81e9dc;outline-offset:-4px}.target-hud{z-index:2}.target-clock{display:grid;grid-template-rows:.892857em auto;justify-items:center}.target-clock b{font-size:.857143em;line-height:1.15}.target-clock.is-urgent{color:#ffda79}.target-hearts{display:flex;gap:3px;justify-content:flex-end;padding-top:3px}.target-hearts svg{width:17px;height:17px}.target-hearts .is-filled{fill:#ffaccb;color:#ffcee0}.target-hearts .is-spent{fill:#46516c;color:#8a96b0}.target-goal{position:absolute;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;pointer-events:none;z-index:2;line-height:1.02;background:#ffcb80;color:#302b40;padding:4px 12px;border:2px solid #ffe8be;border-radius:7px;box-shadow:0 3px #805e38}.target-goal small{font-weight:800;font-size:clamp(10px,3cqw,12px);letter-spacing:.04em}.target-goal strong{font-size:clamp(27px,8.5cqw,34px);font-weight:900}.target-goal.is-match{background:#b0ffe2;border-color:#e4fff5;box-shadow:0 0 20px #aaffdc90}.target-gate-label{visibility:hidden;position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;min-width:18cqw;padding:3px 6px 4px;background:#263754;color:#fff;border-radius:6px;box-shadow:0 3px #162239;line-height:1.05;pointer-events:none;z-index:3;border:2px solid #cad6f1}.target-gate-label small{font-size:clamp(10px,2.9cqw,12px);font-weight:600;color:#d7dff1}.target-gate-label b{font-size:clamp(24px,7.8cqw,31px);font-weight:800;white-space:nowrap}.target-gate-label.is-next{background:#425074;border-color:#b3c0df;z-index:2;min-width:17cqw}.target-gate-label.is-next b{font-size:clamp(22px,6.9cqw,27px)}.target-gate-label.is-committed{background:#1f655f;border-color:#a2fff0}.target-key{position:absolute;transform:translate(-50%,-50%) rotate(var(--lean,0deg)) scale(calc(1 + var(--pulse,0)*.18));display:grid;place-items:center;background:#ffcb80;color:#302b40;border:2px solid #ffe7bc;border-radius:6px;padding:2px 4px;min-width:10cqw;line-height:1.05;pointer-events:none;z-index:4;box-shadow:0 2px #8b633c}.target-key b{font-size:clamp(22px,7cqw,28px);font-weight:900}.target-bottom{position:absolute;bottom:2.6%;inset-inline:6%;z-index:5;text-align:center;pointer-events:none}.target-prompt{font-size:clamp(12px,3.7cqw,15px);color:#f5f8ff;font-weight:650;text-shadow:0 1px 4px #172138}.target-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:9px;pointer-events:auto}.target-choices button{min-height:44px;border:1px solid #c5f9f1;background:#e0fbf4;color:#20394a;border-radius:12px;font:750 18px var(--font-body,sans-serif);box-shadow:0 4px #2e6871;cursor:pointer}.target-choices button span{font-size:19px;font-weight:500}.target-choices button:disabled{opacity:.5;cursor:default}.target-deadline{height:4px;background:#24344f;margin-top:9px;margin-bottom:7px;border-radius:3px;overflow:hidden}.target-deadline i{display:block;height:100%;background:#ffd287}.target-result{padding:12px 0;text-shadow:0 2px 4px #172138;color:#fff;display:grid;gap:6px}.target-result strong{font-size:clamp(19px,6cqw,25px);color:#b8ffdf}.target-earned{position:absolute;bottom:17.5%;inset-inline:6%;padding:0;text-align:center;pointer-events:none;z-index:5}.target-result.is-miss strong{color:#ffd0ce}.target-result span{font-size:clamp(12px,3.8cqw,15px);line-height:1.4;overflow-wrap:anywhere}.target-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(#16243bba,#16243b00 23%,#16243b00 68%,#16243b85)}.target-capture-note{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}