.cs2-quiz{display:block;padding:0;color:var(--text-main,#e2e8f0);text-align:start;min-width:0;font-family:var(--font-main,'Outfit',sans-serif)}
.cs2-quiz [hidden]{display:none!important}
.cs2-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.9rem;font-variant-numeric:tabular-nums}
.cs2-status strong{color:var(--text-bright,#fff);margin-inline-start:6px}
.cs2-quiz progress{display:block;width:100%;height:4px;margin:12px 0 18px;appearance:none;border:0;background:var(--glass-border);accent-color:var(--accent-cyan,#00f0ff)}
.cs2-quiz progress::-webkit-progress-bar{background:var(--glass-border)}
.cs2-quiz progress::-webkit-progress-value{background:var(--accent-cyan,#00f0ff)}
.cs2-quiz progress::-moz-progress-bar{background:var(--accent-cyan,#00f0ff)}
.cs2-quiz h2{font:500 clamp(1.65rem,4vw,2.3rem)/1.18 var(--font-heading,'Teko',sans-serif);color:var(--text-bright,#fff);margin:0 0 16px}
.cs2-view{position:relative;margin:0 0 18px;aspect-ratio:16/9;background:#121722;overflow:hidden;border-radius:12px}
.cs2-image{position:absolute;display:block;max-width:none;object-fit:fill;user-select:none;-webkit-user-drag:none}
.cs2-image-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;pointer-events:none;text-align:center}
.cs2-view.cs2-unavailable{aspect-ratio:auto;min-height:220px}
.cs2-unavailable .cs2-image-overlay{position:relative;min-height:220px}
.cs2-image-status{max-width:42ch;color:#e2e8f0;line-height:1.5}
.cs2-recovery{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;pointer-events:auto}
.cs2-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cs2-quiz button{min-height:48px;border:1px solid var(--glass-border,rgba(200,100,255,.2));border-radius:10px;background:var(--lab-raised,rgba(255,255,255,.05));color:var(--text-main,#e2e8f0);padding:12px 16px;font:600 1rem/1.35 var(--font-main,'Outfit',sans-serif);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.cs2-options button{display:flex;align-items:center;gap:12px;text-align:start;flex-wrap:wrap}
.cs2-options kbd{font:500 .8rem/1 var(--font-main,'Outfit',sans-serif);color:var(--text-muted,#94a3b8);border:1px solid var(--glass-border);padding:5px 7px;border-radius:4px}
.cs2-mark{font-size:.75rem;margin-inline-start:auto}
.cs2-quiz button:disabled{cursor:default;opacity:.58}
.cs2-options button.cs2-correct{opacity:1;border-color:var(--accent-cyan,#00f0ff);color:var(--accent-cyan,#00f0ff);background:rgba(0,240,255,.07)}
.cs2-options button.cs2-wrong{opacity:1;border-color:#ff9fa9;color:#ffb7bd}
.cs2-quiz button:focus-visible,.cs2-quiz a:focus-visible{outline:3px solid var(--accent-cyan,#00f0ff);outline-offset:3px}
.cs2-quiz button:active:not(:disabled){transform:translateY(1px);background:var(--glass-border)}
.cs2-quiz .cs2-primary{background:var(--accent-cyan,#00f0ff);color:#05030d;border-color:transparent;font-weight:700}
.cs2-next{width:100%;margin-top:14px}
.cs2-keyboard,.cs2-credit{font-size:.8rem;color:var(--text-muted,#94a3b8);line-height:1.5;margin:10px 0 0}
.cs2-credit{margin-top:20px;max-width:75ch}
.cs2-credit a{color:var(--accent-cyan,#00f0ff);text-underline-offset:.2em}
.cs2-feedback{margin-top:18px;min-height:0;line-height:1.6}
.cs2-feedback:empty{display:none}
.cs2-feedback p{margin:0}
.cs2-feedback .cs2-verdict{font-weight:700;color:var(--text-bright,#fff);font-size:1.12rem;margin-bottom:4px}
.cs2-hint{color:var(--text-muted,#94a3b8);font-size:.92rem;max-width:65ch}
.cs2-result{padding:8px 0}
.cs2-total{font:500 clamp(3rem,9vw,5rem)/1 var(--font-heading,'Teko',sans-serif);color:var(--accent-cyan,#00f0ff);margin:16px 0}
.cs2-total span{color:var(--text-muted,#94a3b8);font-size:.4em}
.cs2-result>p{margin-bottom:16px}
.cs2-result>button{margin:4px 0 28px}
.cs2-result h3{font-size:1.1rem;color:var(--text-bright,#fff);margin:0 0 12px}
.cs2-review{padding:0;margin:0;list-style:none}
.cs2-review li{display:grid;grid-template-columns:2ch minmax(75px,1fr) minmax(0,1.5fr);gap:12px;border-bottom:1px solid var(--glass-border);padding:12px 0;font-size:.9rem;align-items:baseline}
.cs2-review li>span:last-child{color:var(--text-muted,#94a3b8);text-align:end;overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.cs2-quiz button:hover:not(:disabled){border-color:var(--accent-cyan,#00f0ff)}.cs2-quiz .cs2-primary:hover{filter:brightness(1.1)}}
@media(max-width:480px){.cs2-options button{gap:8px;padding:12px 10px;font-size:.95rem}.cs2-options kbd{display:none}.cs2-mark{width:100%;margin-inline-start:0}.cs2-view{border-radius:8px}.cs2-keyboard{display:none}.cs2-image-status{font-size:.85rem}.cs2-recovery button{min-height:44px;padding:8px 10px;font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.cs2-quiz button:active:not(:disabled){transform:none}}
.cs2-status{align-items:center}
.cs2-quiz .cs2-picker-button{padding:8px 14px;font-size:.85rem;min-height:44px;margin-inline-start:auto}
.cs2-difficulty{margin:-6px 0 14px;color:var(--text-muted,#94a3b8);font-size:.86rem;line-height:1.5}
.cs2-reveal{margin:16px 0 0;max-width:650px}
.cs2-reveal-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#121722;direction:ltr}
.cs2-reveal img{display:block;width:100%;height:auto}
.cs2-crop-marker{position:absolute;border:3px solid #fff;box-shadow:0 0 0 1px #05030d,inset 0 0 0 1px #05030d;box-sizing:border-box}
.cs2-reveal figcaption{margin-top:8px;font-size:.8rem;color:var(--text-muted,#94a3b8)}
.cs2-reveal a{color:var(--accent-cyan,#00f0ff);text-underline-offset:.2em}
.cs2-campaign>p{max-width:65ch;line-height:1.6;margin:0 0 14px}
.cs2-progress-copy{color:var(--text-muted,#94a3b8)}
.cs2-chapter{margin-top:28px}
.cs2-chapter h3{font:600 1.05rem/1.4 var(--font-main,'Outfit',sans-serif);color:var(--text-bright,#fff);margin:0 0 12px}
.cs2-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}
.cs2-levels button{min-height:52px;padding:8px 4px;position:relative;font-variant-numeric:tabular-nums}
.cs2-levels button[aria-current]{outline:2px solid var(--accent-cyan,#00f0ff);outline-offset:1px}
.cs2-levels button.cs2-level-done{border-color:var(--accent-cyan,#00f0ff);color:var(--accent-cyan,#00f0ff)}
.cs2-levels svg{display:inline-block;width:13px;height:13px;margin-inline-start:2px;fill:none;stroke:currentColor;stroke-width:2}
.cs2-levels button:disabled{opacity:.45}
.cs2-view{direction:ltr}
.cs2-image-overlay{direction:inherit}
:dir(rtl) .cs2-image-overlay{direction:rtl}
@media(max-width:480px){.cs2-levels{grid-template-columns:repeat(5,minmax(0,1fr))}.cs2-status{font-size:.8rem;gap:8px}.cs2-quiz .cs2-picker-button{padding:8px 10px}.cs2-crop-marker{border-width:2px}}