.cr-stage{position:relative;width:100%;max-width:760px;margin:12px auto 0;aspect-ratio:8 / 5;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000073,inset 0 0 0 1px #ffffff0d}.cr-canvas{display:block;width:100%;height:100%}.cr-hud{position:absolute;pointer-events:none;font-family:ui-sans-serif,system-ui,sans-serif}.cr-hud--l{top:10px;left:12px}.cr-hud-lbl{font-size:10px;letter-spacing:.12em;color:#b4d2e1b3}.cr-stat{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;color:#eaf6ff;text-shadow:0 1px 6px rgba(0,0,0,.5);line-height:1.05}.cr-stat--sm{font-size:12px;font-weight:600;color:#ffd27a}.cr-low{color:#ff8a6b;animation:cr-pulse 1s ease-in-out infinite}@keyframes cr-pulse{0%,to{opacity:1}50%{opacity:.5}}.cr-right{position:absolute;top:10px;right:14px;pointer-events:none;text-align:right}.cr-strikes{display:flex;gap:5px}.cr-x{font-size:18px;color:#ffffff38}.cr-x--on{color:#e0473a;text-shadow:0 0 8px rgba(224,71,58,.6)}.cr-timerbar{position:absolute;left:0;right:0;bottom:0;height:5px;background:#00000059}.cr-timerbar-fill{height:100%;width:100%;transition:width .08s linear}.cr-prompt{max-width:760px;margin:12px auto 0;text-align:center;font-size:15px;line-height:1.4}.cr-actions{max-width:760px;margin:10px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:460px){.cr-actions{grid-template-columns:1fr}}.cr-act{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#eaf6ff;font:inherit;font-size:14px;cursor:pointer;transition:background .12s,border-color .12s,transform .06s}.cr-act:hover:not(:disabled){background:#78c8ff1f;border-color:#78c8ff66}.cr-act:active:not(:disabled){transform:translateY(1px)}.cr-act:disabled{cursor:default;opacity:.92}.cr-act-key{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#ffffff1a;font-size:12px;font-weight:700;color:#c8e1f0d9}.cr-act-sub{color:#b4d2e1b3;font-size:12px}.cr-act--right{border-color:#37d67a!important;background:#37d67a29!important}.cr-act--wrong{border-color:#e0473a!important;background:#e0473a29!important}.cr-feedback{max-width:760px;margin:10px auto 0;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#081822b3}.cr-fb-good{border-color:#37d67a80}.cr-fb-bad{border-color:#e0473a80}.cr-fb-head{font-weight:800;font-size:15px}.cr-fb-good .cr-fb-head{color:#6ee7a0}.cr-fb-bad .cr-fb-head{color:#ff8a6b}.cr-fb-rule{font-weight:700;font-size:13px;margin-top:3px;color:#d7e8f2}.cr-fb-why{font-size:13px;color:#cde1ebd9;margin-top:3px;line-height:1.4}.cr-fb-lights{font-size:12.5px;color:#bfe9ff;margin-top:4px;line-height:1.4}.cr-fb-ans{font-size:13px;color:#ffd27a;margin-top:4px}.cr-opt{display:flex;align-items:center;gap:10px;margin-top:12px}.cr-opt-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--poc-muted, #9fb2bd);width:56px;flex-shrink:0}.cr-seg{display:inline-flex;gap:5px;flex-wrap:wrap}.cr-seg-on{color:#bfe9ff!important;border-color:#78c8ff99!important;background:#78c8ff24!important}