.quick-play-root{--qp-bg:#14181b;--qp-text:#f4efe5;--qp-copper:#d5a46b;--qp-muted:#afaaa0;color:var(--qp-text);background:var(--qp-bg);width:100%;max-width:520px;font:400 14px/1.4 var(--body,Inter, sans-serif);color-scheme:dark;isolation:isolate;border:1px solid #48545b;border-radius:12px;outline:none;margin:auto;position:relative;overflow:hidden}.quick-play-root:focus-visible{outline:2px solid var(--qp-copper);outline-offset:3px}.quick-play-root *{box-sizing:border-box}.quick-play-root button{cursor:pointer;color:var(--qp-text);letter-spacing:0;text-transform:none;touch-action:manipulation;background:#20272b;border:1px solid #48545b;border-radius:6px;min-width:44px;min-height:44px;padding:8px;font:600 14px/1.2 Inter,sans-serif}.quick-play-root button:disabled{opacity:.38;cursor:default}.quick-play-root button:focus-visible,.quick-play-root a:focus-visible{outline-offset:2px;outline:2px solid #f3d5a5}.quick-play-root p{color:var(--qp-muted);font-size:14px;line-height:1.6}.qp-heading{justify-content:space-between;align-items:center;padding:10px 14px 6px;display:flex}.qp-heading>div:first-child{min-width:0}.qp-kicker{color:var(--qp-copper);letter-spacing:.12em;font:600 10px/1.4 Inter,sans-serif;display:block}.qp-heading h2{letter-spacing:.02em;margin:2px 0 0;font:600 36px/1 Teko,sans-serif}.qp-heading h2 span{color:var(--qp-copper)}.qp-heading button{background:0 0;border:0;font-size:22px}.qp-heading-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.qp-heading .qp-sound{width:44px;color:var(--qp-muted);place-items:center;padding:8px;display:grid}.qp-heading .qp-sound[aria-pressed=true]{color:var(--qp-copper)}.qp-heading .qp-review{color:var(--qp-copper);padding:6px;font-size:12px}.qp-heading .qp-review[aria-pressed=true]{background:#d5a46b22}.qp-review-controls{align-items:center;gap:8px;width:100%;display:flex}.qp-review-controls>div{flex:1;min-width:0}.qp-review-controls b{color:var(--qp-copper);font-size:10px}.qp-review-controls p{color:var(--qp-text);margin:3px 0;line-height:1.3}.qp-review-controls span{color:var(--qp-muted);font-size:12px}.qp-replay-controls{gap:0;width:100%;display:grid}.qp-replay-heading{align-items:center;gap:6px;display:flex}.qp-replay-heading>div{flex:1;min-width:0}.qp-replay-heading p{margin:2px 0;font-size:14px;line-height:17px}.qp-replay-heading p span{color:var(--qp-text);font-size:14px;display:block}.qp-replay-timeline{height:46px;position:relative}.qp-replay-timeline input{width:100%;height:44px;accent-color:var(--qp-copper);cursor:pointer;touch-action:pan-y;margin:0;position:absolute;inset:0}.qp-replay-timeline input:focus-visible{outline:2px solid var(--qp-copper);outline-offset:1px}.qp-replay-timeline .qp-replay-time{pointer-events:none;color:var(--qp-muted);font-size:12px;line-height:14px;position:absolute;bottom:-2px;left:0;right:0}.qp-pass-buttons button[data-selected=true]:disabled{opacity:1;background:#3a3228;border-color:#f3d5a5}.qp-hud{border-top:1px solid #333e42;align-items:center;gap:12px;padding:6px 14px;display:flex}.quick-play-root .qp-challenge{background:var(--qp-bg);max-width:145px;min-height:44px;color:var(--qp-text);font:inherit;border:1px solid #48545b;border-radius:5px;padding:0 4px;font-size:12px}.quick-play-root .qp-challenge:disabled{opacity:.75;appearance:none;border-color:#0000}.quick-play-root .qp-challenge:focus-visible{outline:2px solid var(--qp-copper);outline-offset:2px}.qp-score{flex:1;align-items:center;gap:8px;display:flex}.qp-score span{color:var(--qp-muted);align-items:center;gap:6px;font:500 10px/1.3 Inter,sans-serif;display:flex}.qp-score b{color:var(--qp-text);font:600 27px/1 Teko,sans-serif}.qp-score i{color:#7c8889;font-style:normal}.qp-hud>strong{font-variant-numeric:tabular-nums;text-align:right;min-width:52px;font:600 27px/1 Teko,sans-serif}.qp-hud button{background:0 0;border:0;height:44px;min-height:44px;padding:0;font-size:20px}.qp-hud>strong.qp-urgent{color:#e77b7b}.qp-facts{color:var(--qp-muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 14px 8px;font-size:12px;display:flex}.qp-facts b{color:var(--qp-copper)}.qp-field{background:#243630;height:clamp(280px,52svh,520px);position:relative;overflow:hidden}.qp-field svg{width:100%;height:100%;display:block}.qp-yard{fill:#f4efe5;opacity:.55;font:600 2.8px/1 Inter,sans-serif}.qp-endzone{letter-spacing:1px;fill:#d5a46b;opacity:.65;font:600 5px/1 Teko,sans-serif}.qp-target-letter{fill:#f4efe5;font:700 1.65px/1 Inter,sans-serif}.quick-play-root .qp-field-target{touch-action:none;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.qp-field-target:focus-visible{background:#d5a46b22!important}.qp-ready,.qp-result{text-align:center;background:#14181bf2;border:1px solid #48545b;border-radius:10px;flex-direction:column;align-items:center;gap:9px;width:min(86%,340px);padding:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0005}.qp-ready{width:max-content;max-width:94%;box-shadow:none;pointer-events:none;background:#14181bdd;border:0;gap:2px;padding:6px 10px;top:8px;transform:translate(-50%)}.qp-ready strong,.qp-result strong{letter-spacing:.01em;font:600 35px/1 Teko,sans-serif}.qp-ready span,.qp-result>span:not(.qp-kicker){color:#c4c2b8;font-size:13px}.quick-play-root .qp-snap,.qp-result>button:not(.qp-text-button){background:var(--qp-copper);color:#171b1e;border-color:var(--qp-copper);min-width:150px;font-weight:700}.qp-snap span{opacity:.7;margin-left:16px;font:500 10px/1 Inter,sans-serif}.qp-result.qp-toast{pointer-events:none;width:min(94%,420px);max-width:90%;padding:8px 12px;top:8px;transform:translate(-50%)}.qp-result.qp-toast strong{font-size:26px}.qp-result.qp-terminal{pointer-events:none;gap:5px;width:min(94%,420px);max-width:90%;padding:8px 10px;top:8px;transform:translate(-50%)}.qp-result.qp-terminal strong{font-size:38px}.qp-momentum,.qp-near-threat,.qp-threat-edge{pointer-events:none}.qp-win{border-color:#75d7ad}.qp-win strong{color:#75d7ad;font-size:44px}.qp-win{background:#14181be8}.qp-action-banner{text-align:center;border-left:3px solid var(--qp-copper);pointer-events:none;background:#14181bdd;width:max-content;max-width:94%;padding:6px 12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.qp-action-banner b{color:#f3d5a5;font:600 26px/1 Teko,sans-serif;display:block}.qp-action-banner span{color:var(--qp-text);font-size:12px}.qp-player-sprite{pointer-events:none}.quick-play-root .qp-text-button{color:var(--qp-muted);background:0 0;border:0;min-height:36px;font-size:12px}.qp-live-message{text-align:center;pointer-events:none;background:#14181bdd;border-radius:4px;width:max-content;max-width:94%;padding:5px 10px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.qp-limit{color:#f1c477;background:#14181bdc;padding:4px 8px;font:600 11px/1.3 Inter,sans-serif;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.qp-controls{background:#20272b;align-items:center;gap:10px;min-height:110px;padding:10px 12px;display:flex}.qp-end-controls{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.quick-play-root .qp-new-drive{background:var(--qp-copper);color:#171b1e;font-weight:700}.qp-end-controls .qp-new-drive:only-child,.qp-end-controls .qp-mode-retry{grid-column:1/-1}.qp-dead-controls{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.qp-dead-controls>div{flex-direction:column;gap:6px;display:flex}.qp-dead-controls b{color:var(--qp-copper);font:600 26px/1 Teko,sans-serif}.qp-dead-controls span{color:var(--qp-muted);font-size:12px}.quick-play-root .qp-retry{min-height:44px;color:var(--qp-copper);background:0 0;border-color:#74644e;padding:6px;font-size:14px}.qp-control-caption:has(.qp-retry){margin-top:4px}.qp-control-caption .qp-retry{width:100%}.qp-call-options{align-items:center;gap:4px;min-height:44px;margin-top:4px;display:flex}.quick-play-root .qp-call-options button{min-height:44px;padding:3px;font-size:14px;line-height:17px}.qp-call-options .qp-pass-style{flex-direction:column;flex:0 0 58px;justify-content:center;align-items:center;gap:1px;display:flex}.qp-call-options .qp-pass-style small{color:var(--qp-muted);font-size:9px;line-height:10px}.qp-call-options .qp-retry,.qp-call-options>span{flex:1;width:auto;min-width:0}.qp-call-options>span{font-size:12px;line-height:15px}.quick-play-root .qp-pass-style{color:var(--qp-copper);background:0 0;border-color:#74644e}.quick-play-root .qp-pass-style[aria-pressed=true]{border-color:var(--qp-copper);background:#493a29}.quick-play-root .qp-style-live{padding:2px}.qp-side-gap{flex:0 0 44px}.quick-play-root .qp-controls .qp-snap{flex-direction:column;flex:0 0 82px;justify-content:center;align-items:center;gap:8px;min-width:0;height:82px;font-size:16px;display:flex}.qp-controls .qp-snap span{margin:0}.qp-stick{touch-action:none;-webkit-user-select:none;user-select:none;background:#141d1d;border:1px solid #53625e;border-radius:50%;flex:0 0 82px;width:82px;height:82px;position:relative}.qp-stick-knob{pointer-events:none;background:#8e9d92;border:2px solid #c7d0c4;border-radius:50%;width:32px;height:32px;position:absolute;top:24px;left:24px;box-shadow:0 3px 12px #0008}.qp-stick-cross{text-align:center;color:#3d5049;pointer-events:none;font-size:44px;line-height:60px;position:absolute;top:10px;left:0;right:0}.qp-stick small{color:var(--qp-muted);pointer-events:none;background:#20272b;padding:2px 5px;font:600 9px/1 Inter,sans-serif;position:absolute;bottom:-7px;left:22px}.qp-play-controls{flex:1;align-self:center;min-width:0}.qp-plans,.qp-pass-buttons{justify-content:center;gap:5px;display:flex}.quick-play-root .qp-plans button{flex:1;min-width:0;padding:8px 3px;font-size:12px}.qp-plans button[aria-pressed=true]{color:#171b1e;background:#d5a46b;border-color:#d5a46b}.qp-pass-buttons button{touch-action:none;user-select:none;border-color:#927757;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.qp-pass-buttons b{color:var(--qp-copper);font-size:20px}.qp-run-cue{text-align:center;min-height:44px;color:var(--qp-copper);flex-direction:column;justify-content:center;display:flex}.qp-run-cue b{font-size:24px;line-height:1.2}.qp-run-cue span{color:var(--qp-muted);font-size:12px}.qp-run-cue b small{font-size:11px}.quick-play-root .qp-burst,.qp-burst-status{flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:5px;width:44px;min-height:58px;padding:4px 2px;display:flex;position:relative;overflow:hidden}.quick-play-root .qp-burst{background:var(--qp-copper);border-color:var(--qp-copper);color:#171b1e;touch-action:none}.qp-burst b,.qp-burst-status b{font-size:14px}.qp-burst small,.qp-burst-status small{font-size:10px}.qp-burst-status{color:var(--qp-muted)}.qp-burst-active{color:#f3d5a5;background:#493a29;border-radius:6px}.qp-burst-meter{background:var(--qp-copper);height:3px;position:absolute;bottom:0;left:0}.qp-pass-buttons small{color:var(--qp-muted);font-size:9px}.qp-control-caption{text-align:center;color:var(--qp-muted);min-height:32px;margin-top:6px;font-size:14px;line-height:1.3}.quick-play-root .qp-timeout{background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;width:44px;min-width:44px;padding:4px;display:flex}.qp-timeout b{color:var(--qp-copper);font-size:12px}.qp-timeout small{white-space:nowrap;color:var(--qp-muted);font-size:8px}.qp-footnote{color:var(--qp-muted);justify-content:space-between;gap:8px;padding:8px 12px;font-size:10px;display:flex}.qp-footnote a{color:var(--qp-copper);text-decoration:none}.qp-help{border-top:1px solid #48545b;padding:0 14px 12px}.qp-help summary{cursor:pointer;min-height:44px;color:var(--qp-muted);padding:12px 0;font-size:13px}.qp-help p{margin:10px 0 0}.qp-expanded{z-index:1000;overscroll-behavior:contain;background:#14181b;border:0;border-radius:0;flex-direction:column;align-items:center;max-width:none;display:flex;position:fixed;inset:0;overflow:auto}.qp-expanded>.qp-heading,.qp-expanded>.qp-hud,.qp-expanded>.qp-facts,.qp-expanded>.qp-controls,.qp-expanded>.qp-footnote,.qp-expanded>.qp-help{width:min(100%,540px)}.qp-expanded>.qp-field{flex:none;width:min(100%,540px);height:max(240px,100svh - 306px)}.qp-expanded .qp-help{display:none}@media (width<=359px){.qp-controls{gap:6px;padding:8px}.qp-stick{flex-basis:72px;width:72px;height:72px}.qp-stick-knob{top:19px;left:19px}.qp-stick-cross{top:5px}.qp-stick small{left:17px}.qp-heading{padding:8px 10px 4px}.qp-heading h2{font-size:32px}.qp-hud{padding:4px 10px}.qp-facts{padding:4px 10px 6px}.qp-footnote{font-size:9px}.qp-field{height:280px}}@media (height<=450px) and (width>=500px){.qp-field,.qp-expanded>.qp-field{height:180px}}@media (prefers-reduced-motion:reduce){.quick-play-root *{scroll-behavior:auto}}.qp-keyboard-help{border-collapse:collapse;width:100%;margin-top:14px;font-size:13px;line-height:1.45}.qp-keyboard-help th,.qp-keyboard-help td{text-align:left;vertical-align:top;border-bottom:1px solid #394343;padding:8px 6px}.qp-keyboard-help th{width:38%;color:var(--qp-copper);font-weight:600}
