:root{font-family:ui-monospace,Consolas,monospace;background:#f5f8fa;color:#101522}body{min-height:100vh;display:grid;place-items:center;margin:0}.panel{border:2px solid #101522;border-top:6px solid #00a9c7;padding:3rem;background:#fff;box-shadow:8px 8px 0 #d60083;min-width:30rem}.eyebrow{color:#008da8;letter-spacing:.12em;font-size:.8rem}form{display:grid;gap:.8rem}input:not([type=checkbox]){padding:.6rem;border:1px solid #101522;font:inherit}button{padding:.7rem 1rem;border:0;background:#00a9c7;color:#fff;font:inherit;cursor:pointer}.error{color:#b00068}a{color:#007f98}li{margin:.7rem 0}dt{font-weight:bold;margin-top:.8rem}dd{margin-left:0;word-break:break-all}.draw-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem;width:90vw}.status,.stage{min-width:0}.stage{text-align:center}.wheel-wrap{position:relative;width:min(70vw,30rem);margin:1rem auto}.wheel{display:block;width:100%;border:8px solid #101522;border-radius:50%;background:#fff}.wheel-rotor{transform-origin:150px 150px;transition:transform .9s cubic-bezier(.15,.75,.2,1)}.segment-0{fill:#00a9c7;stroke:#101522;stroke-width:2}.segment-1{fill:#d60083;stroke:#101522;stroke-width:2}.segment-label{fill:#fff;font-size:9px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.pointer{position:absolute;z-index:2;top:-.7rem;left:50%;transform:translateX(-50%);color:#101522;font-size:2rem}.stage h2{font-size:1.3rem}@media (prefers-reduced-motion:reduce){.wheel-rotor{transition:none}}
@media (prefers-reduced-motion: reduce){.spin{animation:none}}
.editor{width:min(70rem,92vw);display:grid;gap:1rem;padding:2rem 0}.question{min-width:0}.question form,.editor>section form{display:grid;gap:.7rem}textarea{min-height:6rem;padding:.6rem;border:1px solid #101522;font:inherit}select{padding:.5rem;font:inherit}.button{display:inline-block;padding:.7rem 1rem;background:#00a9c7;color:#fff;text-decoration:none}
.play-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem;width:92vw}.play-layout aside{min-width:0}.play-stage{min-width:0}.play-layout li.current{color:#008da8;font-weight:bold}.play-layout li.solved{color:#63aebb;font-weight:bold}.answers{display:grid;gap:.8rem}.answers button,.answers p{padding:1rem;border:2px solid #101522;background:#fff;color:#101522;text-align:left}.answers button{font-weight:600}.answers button:hover,.answers button:focus-visible{background:#e3fbff;border-color:#00a9c7;color:#101522}.answers button:active{background:#e3fbff;color:#101522}.answers button.selected,.answers p.selected{border-color:#00a9c7;background:#e3fbff;color:#101522}.answers p.correct{border-color:#00a9c7;background:#e3fbff;color:#101522}.answers p.wrong{border-color:#d60083;background:#ffe8f5;color:#101522}.answers button:disabled{background:#dce5e8;color:#33434a;border-color:#52636a;cursor:not-allowed;opacity:1}
.hidden-answer{background:#dce5e8!important;color:#52636a!important;border-color:#9aaeb5!important}.joker-status{display:grid;gap:.3rem}.joker-status form{display:block}.joker-status button{padding:.45rem .6rem;font-size:.8rem}.joker-status:has(button){color:#008da8}.joker-status:not(:has(button)){color:#52636a}.joker-status button:disabled{opacity:1}.joker-status + .joker-status{margin-top:.8rem}