@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(./press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17110d;--surface:#241a14;--surface-raised:#30231a;--border:#6b5039;--text:#f6ecdc;--muted:#d2c0a4;--gold:#f0c75a;--gold-dark:#8a6420;--good:#7fd36e;--warn:#ffb547;--bad:#ff7d6b;--good-surface:#1f3a1b;--bad-surface:#4a1a14;--pixel-font:"Press Start 2P", ui-monospace, monospace;--body-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--code-font:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--shadow:0 4px 0 #0b0806;--gutter:clamp(1rem, 4vw, 2.5rem);--stats-width:6.5rem;--scene-width:min(100vw - 2 * var(--gutter) - var(--stats-width) - .75rem, min(32svh, 18rem) * 4 / 3);--pinned-height:calc(var(--scene-width) * 3 / 4 + 2.5rem)}html{scroll-padding-top:var(--pinned-height)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--body-font);flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.55;display:flex}a{color:var(--gold);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}code{font-family:var(--code-font);overflow-wrap:anywhere;background:#ffffff1a;border-radius:4px;padding:.05em .35em;font-size:.95em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{fill:currentColor;vertical-align:-.15em;flex:none;width:1.1em;height:1.1em}.toolbar{gap:.5rem;display:flex}.icon-button{border:3px solid var(--border);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--text);cursor:pointer;box-shadow:var(--shadow);place-items:center;padding:0;display:grid}.icon-button .icon{width:1.25rem;height:1.25rem}.icon-button:hover{border-color:var(--gold);color:var(--gold)}.icon-button[aria-pressed=true]{color:var(--muted);background:var(--surface-raised)}.site-header{padding:.5rem var(--gutter);justify-content:space-between;align-items:center;gap:1rem;display:flex}.title{white-space:nowrap;font-family:var(--pixel-font);color:var(--gold);text-shadow:3px 3px #6b3d12,6px 6px #0b0806;letter-spacing:.02em;margin:0;font-size:clamp(1.1rem,3vw,1.9rem);font-weight:400}.site-footer{padding:1.5rem var(--gutter) 1.25rem;color:var(--muted);text-align:center;justify-items:center;gap:.75rem;margin-top:auto;font-size:.8rem;display:grid}.site-footer span{white-space:nowrap}.site-footer p{margin:.25rem 0}.layout{width:min(100%,76rem);padding:0 var(--gutter);grid-template-columns:minmax(0,1fr);gap:.5rem;margin:0 auto;display:grid}.stage{z-index:1;margin-inline:calc(-1 * var(--gutter));padding:.5rem var(--gutter) .75rem;background:var(--bg);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid;position:sticky;top:0;box-shadow:0 10px 12px -8px #000c}.scene{width:var(--scene-width);aspect-ratio:4/3;height:auto;image-rendering:pixelated;outline:3px solid var(--border);background:#0d0a09;border:3px solid #0b0806;display:block}.hud{gap:.75rem;display:grid}.stat{background:var(--surface);border:3px solid var(--border);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto;gap:.4rem .6rem;padding:.5rem .6rem;display:grid}.stat-label{align-items:center;font-size:1rem;display:flex}.stat-label,.stat-value{font-family:var(--pixel-font);font-size:.65rem;line-height:1.4}.stat-value{text-align:right;grid-area:1/2}.stat:first-child .stat-label{color:var(--warn)}.stat:last-child .stat-label{color:var(--bad)}.meter{--fill:50%;background:#0b0806;border:2px solid #0b0806;grid-column:1/-1;height:.85rem}.meter-fill{width:var(--fill);background:var(--warn);height:100%;transition:width .45s ease-out}.meter[data-state=good] .meter-fill{background:var(--good)}.meter[data-state=bad] .meter-fill{background:var(--bad)}.panel{background:var(--surface);border:3px solid var(--border);box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.75rem)}.lead{margin-top:0;font-size:1.125rem}.levels{border:0;margin:1rem 0 1.25rem;padding:0}.levels legend{font-family:var(--pixel-font);color:var(--gold);margin-bottom:.75rem;font-size:.8rem}.level-options{gap:.6rem;display:grid}.level-card{background:var(--surface-raised);cursor:pointer;border:3px solid #0000;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.7rem 1rem;display:flex}.level-card:hover{border-color:var(--border)}.level-card:has(:checked){border-color:var(--gold)}.level-input{width:1.15rem;height:1.15rem;accent-color:var(--gold);margin:0}.level-name{font-family:var(--pixel-font);font-size:.75rem}.level-count{color:var(--muted);margin-left:auto;font-size:.9rem}.button{font-family:var(--pixel-font);background:var(--surface-raised);color:var(--text);cursor:pointer;box-shadow:var(--shadow);border:3px solid #0b0806;align-items:center;gap:.6rem;padding:.9rem 1.2rem;font-size:.75rem;line-height:1.5;display:inline-flex}.button.primary{background:var(--gold);color:#20150b}.button:hover{filter:brightness(1.08)}.button:active,.answer:active:enabled{transform:translateY(2px);box-shadow:0 2px #0b0806}.progress{color:var(--muted);margin:0 0 .75rem;font-size:.9rem}.question{margin:0 0 1.25rem;font-size:clamp(1.2rem,2.4vw,1.45rem);line-height:1.4}.question:focus{outline:none}.answers{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.answer{border:3px solid var(--border);background:var(--surface-raised);width:100%;min-height:3.25rem;color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow);align-items:center;gap:.85rem;padding:.65rem .9rem;display:flex}.answer:hover:enabled{border-color:var(--gold)}.answer:disabled{cursor:default}.answer-key{width:1.9rem;height:1.9rem;font-family:var(--pixel-font);color:var(--gold);background:#0b0806;flex:none;place-items:center;font-size:.65rem;display:grid}.answer-text{overflow-wrap:anywhere;min-width:0}.answer.is-correct{border-color:var(--good);background:var(--good-surface)}.answer.is-wrong{border-color:var(--bad);background:var(--bad-surface)}.answer.is-correct .answer-key{color:var(--good)}.answer.is-wrong .answer-key{color:var(--bad)}.feedback{border-left:4px solid var(--border);background:#00000040;margin-top:1.25rem;padding:1rem}.verdict,.right-answer,.review-answer,.progress{align-items:center;gap:.4rem;display:flex}.verdict{font-family:var(--pixel-font);margin:0 0 .5rem;font-size:.75rem;line-height:1.6}.verdict[data-result=correct]{color:var(--good)}.verdict[data-result=wrong]{color:var(--bad)}.right-answer{color:var(--good);margin:0 0 .5rem;font-weight:600}.explanation{margin:0 0 1rem}.hint{color:var(--muted);margin:1.25rem 0 0;font-size:.875rem}kbd{border:2px solid var(--border);background:var(--surface-raised);min-width:1.6em;color:var(--text);font-family:var(--code-font);text-align:center;border-bottom-width:3px;padding:.1em .4em;font-size:.85em;display:inline-block}.result{font-family:var(--pixel-font);margin:0 0 .75rem;font-size:clamp(1rem,2.4vw,1.25rem);font-weight:400;line-height:1.5}.result:focus{outline:none}.result[data-result=won]{color:var(--good)}.result[data-result=lost],.result[data-result=out-of-questions]{color:var(--bad)}.end-actions{flex-wrap:wrap;gap:.75rem;margin:1.25rem 0;display:flex}.review h3{font-family:var(--pixel-font);color:var(--gold);font-size:.8rem;font-weight:400}.review-list{gap:.75rem;margin:0;padding-left:1.5rem;display:grid}.review-item p{margin:.2rem 0}.review-question{font-weight:600}.review-answer{color:var(--good)}.review-explanation{color:var(--muted)}@media (prefers-reduced-motion:reduce){.meter-fill{transition:none}.button:active,.answer:active:enabled{transform:none}}@media (hover:none) and (pointer:coarse){.hint{display:none}}.answer-key .icon,.stat-label .icon,.verdict .icon{width:1rem;height:1rem}@media (width>=60rem),(orientation:landscape) and (width>=40rem){:root{--pinned-height:0}body{background:radial-gradient(circle at 50% 0%, #3a2618 0%, transparent 60%), var(--bg)}.layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem)}.stage{box-shadow:none;background:0 0;flex-direction:column;align-items:stretch;margin-inline:0;padding:0;display:flex;top:1rem}.scene{border-width:4px;width:min(100%,133.333svh - 12rem);margin-inline:auto;box-shadow:0 10px 30px #0009}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:.75rem}}
