:root{--parchment: #f1e8d2;--parchment-deep: #e4d7b8;--vellum: rgba(244, 237, 219, .94);--ink: #241c10;--ink-dim: #5c523d;--forest: #2f5338;--forest-deep: #24402b;--stone: #8d938d;--stone-edge: #6f756f;--amber: #b4771f;--amber-deep: #8f5e18;--bad: #8a3b2a;--edge: #39301f;--hair: rgba(57, 48, 31, .45);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--parchment);color:var(--ink);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit;color:inherit}.quest{position:relative;min-height:100dvh;display:flex;flex-direction:column}.scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.scene__walker{transition:transform .6s ease-out}.hud{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:calc(.75rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .5rem calc(1rem + env(safe-area-inset-left))}.hud__title{margin:0;font-size:clamp(1.15rem,4.5vw,1.5rem);font-weight:700;letter-spacing:.03em;color:var(--ink);background:var(--vellum);border:1px solid var(--hair);padding:.2rem .6rem}.hud__score{margin:0;display:flex;align-items:baseline;gap:.4rem;background:var(--vellum);border:1px solid var(--hair);padding:.2rem .6rem;font-variant-numeric:tabular-nums}.hud__xp{font-size:1.25rem;font-weight:700}.hud__max{color:var(--ink-dim);font-size:.9rem}.hud__tag{margin-left:.35rem;padding:.1rem .45rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:var(--parchment);background:var(--forest)}.panel{position:relative;z-index:1;margin-top:auto;width:min(44rem,calc(100% - 1.5rem));margin-left:auto;margin-right:auto;background:var(--vellum);border:1px solid var(--edge);border-radius:0;padding:.9rem 1rem 1rem;box-shadow:0 1px #39301f4d}.banner{margin:0 0 .75rem;padding:.5rem .65rem;border:1px solid var(--amber-deep);background:#b4771f1f;font-size:.82rem;line-height:1.45}.banner__label{display:block;letter-spacing:.06em;color:var(--amber-deep)}.banner__note{color:var(--ink-dim)}.status{min-height:1.4rem;margin:0 0 .5rem;font-size:.92rem;color:var(--forest-deep);font-weight:600}.block__head{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.block__body{margin:0 0 .75rem;max-width:60ch}.block__body--dim{color:var(--ink-dim);font-size:.85rem}.prompt{margin:0 0 .75rem;font-size:clamp(1.1rem,4.5vw,1.35rem);font-weight:650;line-height:1.35;max-width:50ch}.act{appearance:none;border:1.5px solid var(--edge);border-radius:0;background:var(--parchment-deep);color:var(--ink);font-weight:700;letter-spacing:.02em;padding:.6rem 1.1rem;min-height:44px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.act:hover:not(:disabled){background:var(--ink);color:var(--parchment)}.act:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.act:disabled{opacity:.55;cursor:default}.act--primary{background:var(--forest);border-color:var(--forest-deep);color:var(--parchment)}.act--primary:hover:not(:disabled){background:var(--forest-deep);color:var(--parchment)}.clock{display:flex;align-items:center;gap:.6rem;margin:0 0 .75rem}.clock__bar{flex:1;height:10px;border:1px solid var(--edge);background:var(--parchment-deep)}.clock__fill{display:block;height:100%;background:var(--forest);transition:width .25s linear}.clock__value{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.answer{display:flex;flex-direction:column;gap:.5rem}.answer__label{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.answer__input{width:100%;font-size:16px;padding:.6rem .7rem;border:1.5px solid var(--edge);border-radius:0;background:#fffdf6;min-height:44px}.answer__input:focus-visible{outline:3px solid var(--amber);outline-offset:1px}.answer__acts{display:flex;gap:.5rem;flex-wrap:wrap}.answer__acts .act{flex:1 1 8rem}.strip{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:.9rem 0 0;padding:0}.strip__cell{border:1px solid var(--hair);background:var(--parchment-deep);text-align:center;padding:.25rem .1rem;font-variant-numeric:tabular-nums}.strip__index{display:block;font-size:.68rem;color:var(--ink-dim)}.strip__value{display:block;font-size:.92rem;font-weight:700}.strip__cell--answered{background:#2f533829;border-color:var(--forest)}.strip__cell--skipped,.strip__cell--timed_out{background:#8d938d38;color:var(--ink-dim)}.strip__cell--revealed{border-color:var(--amber);background:#b4771f24}.results{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.6rem}.results__row{border:1px solid var(--hair);border-left:4px solid var(--stone-edge);padding:.55rem .7rem;background:#fffdf699}.results__row:has(.results__score--answered){border-left-color:var(--forest)}.results__head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.results__stage{font-weight:700}.results__score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--forest-deep)}.results__score--skipped,.results__score--timed_out{color:var(--ink-dim)}.results__prompt{margin:.25rem 0 .15rem;font-size:.88rem;color:var(--ink-dim)}.results__answer{margin:0 0 .15rem;font-weight:600}.results__why{margin:0 0 .15rem;font-size:.88rem}.results__alts{margin:0;font-size:.82rem;color:var(--ink-dim)}.share{margin:0 0 .9rem;display:flex;flex-direction:column;gap:.5rem}.share__text{width:100%;border:1.5px solid var(--edge);border-radius:0;background:#fffdf6;padding:.5rem .6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;resize:none}.foot{position:relative;z-index:1;display:flex;flex-direction:column;gap:.15rem;width:min(44rem,calc(100% - 1.5rem));margin:.5rem auto calc(.75rem + env(safe-area-inset-bottom));font-size:.75rem;color:var(--ink);background:var(--vellum);border:1px solid var(--hair);padding:.4rem .65rem}.foot__dim{color:var(--ink-dim)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:349px){.panel{width:calc(100% - .75rem);padding:.7rem .7rem .8rem}.hud{padding-left:calc(.5rem + env(safe-area-inset-left));padding-right:calc(.5rem + env(safe-area-inset-right))}}@media(min-width:900px){.panel{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.scene__walker,.clock__fill,.act{transition:none}}