:root{--sky: #7fb8d9;--plate: #262d3d;--plate-deep: #1c2230;--plate-line: #11151f;--cream: #f2e9d8;--cream-dim: #c3b99f;--gold: #e8b23a;--gold-deep: #b4821f;--grass: #5d9447;--grass-deep: #3f6a30;--bad: #c25b45;--water: #3d7dab;--font-pixel: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sky);color:var(--cream);font:16px/1.5 var(--font-pixel);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}.quest{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}@supports (min-height: 100dvh){.quest{min-height:100dvh}}.scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.fx{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;image-rendering:pixelated}.scene__walker{transition:transform .9s steps(14)}.scene__hero{transform-origin:0 0}.scene__hero--hop{animation:gq-hop .45s steps(4)}.scene__hero--walk{animation:gq-walk .24s steps(2) infinite}.scene__hero--dance{animation:gq-dance .8s steps(2) infinite}.scene__cursor{animation:gq-bounce .9s steps(2) infinite}.scene__sparkles{animation:gq-twinkle .7s steps(2) infinite}.scene__clouds{animation:gq-drift 11s steps(10) infinite alternate}.scene__shimmer{animation:gq-twinkle 1.6s steps(2) infinite}.scene__stars{animation:gq-starlight 2.8s steps(2) infinite}.scene__flag-a{animation:gq-flap-a .9s steps(1) infinite}.scene__flag-b{opacity:0;animation:gq-flap-b .9s steps(1) infinite}.scene__figure--active{animation:gq-bounce 1.1s steps(2) infinite}@keyframes gq-hop{0%{transform:translateY(0)}40%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes gq-walk{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes gq-dance{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes gq-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes gq-twinkle{0%,to{opacity:1}50%{opacity:.25}}@keyframes gq-starlight{0%,to{opacity:1}50%{opacity:.55}}@keyframes gq-drift{0%{transform:translate(0)}to{transform:translate(10px)}}@keyframes gq-flap-a{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes gq-flap-b{0%,49%{opacity:0}50%,to{opacity:1}}.hud{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;padding:calc(.6rem + env(safe-area-inset-top)) calc(.6rem + env(safe-area-inset-right)) 0 calc(.75rem + env(safe-area-inset-left));pointer-events:none}.hud>*{pointer-events:auto}.wordmark{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);text-shadow:2px 2px 0 var(--plate-line),-1px 1px 0 var(--plate-line),1px -1px 0 var(--plate-line);padding-top:.45rem;transition:font-size .18s ease}.wordmark--hero{position:absolute;left:0;right:0;top:clamp(3.5rem,14vh,9rem);text-align:center;font-size:clamp(1.9rem,9vw,3.6rem);letter-spacing:.06em;text-shadow:3px 3px 0 var(--plate-line),-2px 2px 0 var(--plate-line),2px -2px 0 var(--plate-line),-2px -2px 0 var(--plate-line);pointer-events:none}.tagline{position:absolute;left:50%;transform:translate(-50%);top:calc(clamp(3.5rem,14vh,9rem) + clamp(3rem,12vw,5.2rem));z-index:2;margin:0;width:min(26rem,calc(100% - 2.5rem));text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);text-shadow:2px 2px 0 var(--plate-line),-1px 1px 0 var(--plate-line);pointer-events:none}.hud__corner{display:flex;gap:.45rem;align-items:flex-start}.hud__btn{appearance:none;cursor:pointer;width:44px;height:44px;padding:0;font-size:1rem;font-weight:700;color:var(--cream);background:var(--plate);border:2px solid var(--plate-line);border-radius:0;box-shadow:inset 0 0 0 2px var(--cream-dim),2px 2px #11151f80;transition:background-color .12s ease,color .12s ease}.hud__btn:hover{background:var(--cream);color:var(--plate-deep)}.hud__btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.hud__sound[aria-pressed=false]{color:var(--cream-dim)}.hud__score{margin:0;display:flex;align-items:baseline;gap:.3rem;padding:.55rem .6rem 0;font-variant-numeric:tabular-nums;position:relative;text-shadow:2px 2px 0 var(--plate-line)}.hud__xp{font-size:1.15rem;font-weight:700;color:var(--gold)}.hud__unit{color:var(--cream);font-size:.72rem;font-weight:700;letter-spacing:.08em}.hud__tag{margin-left:.3rem;padding:.1rem .35rem;font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--plate-deep);background:var(--gold);text-shadow:none}.hud__pop{position:absolute;right:.4rem;top:-.6rem;font-weight:700;color:var(--gold);text-shadow:2px 2px 0 var(--plate-line);pointer-events:none;animation:gq-pop .9s steps(6) forwards}.hud__pop:before{content:"";display:inline-block;width:10px;height:10px;margin-right:4px;background:var(--gold);box-shadow:inset 2px 2px #f7d87c,inset -2px -2px 0 var(--gold-deep)}@keyframes gq-pop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-26px);opacity:0}}.help{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:1rem;background:#11151f99;overflow-y:auto}.help__panel{background:var(--plate);border:3px solid var(--plate-line);box-shadow:inset 0 0 0 2px var(--cream),4px 4px #11151f80;width:min(26rem,100%);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1rem 1.1rem 1.1rem}.help__head{margin:0 0 .6rem;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:2px 2px 0 var(--plate-line)}.help__list{margin:0 0 .9rem;padding-left:1.1rem;display:flex;flex-direction:column;gap:.45rem;font-size:.88rem}.finish{position:relative;z-index:2;margin-top:clamp(2.5rem,11vh,7rem);text-align:center;pointer-events:none}.finish__xp{margin:0;font-size:clamp(2.2rem,11vw,3.8rem);font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:3px 3px 0 var(--plate-line),-2px 2px 0 var(--plate-line),2px -2px 0 var(--plate-line)}.finish__max{font-size:.4em;color:var(--cream);letter-spacing:.06em}.finish__strip{margin:.35rem 0 0;font-size:clamp(1.25rem,6vw,1.7rem);letter-spacing:.18em;text-shadow:2px 2px 0 rgba(17,21,31,.55)}.sheet{position:relative;z-index:2;margin-top:auto;width:min(30rem,calc(100% - 1.2rem));margin-left:auto;margin-right:auto;margin-bottom:calc(.7rem + env(safe-area-inset-bottom));padding:.6rem .9rem .9rem;background:var(--plate);border:3px solid var(--plate-line);box-shadow:inset 0 0 0 2px var(--cream),4px 4px #11151f80;border-radius:0}.sheet--shake{animation:gq-shake .3s steps(6)}@keyframes gq-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.status{min-height:1.3rem;margin:0 0 .35rem;font-size:.85rem;color:var(--gold);font-weight:700}.sheet__caption{margin:0 0 .55rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim)}.block__body{margin:0 0 .6rem;max-width:60ch}.block__body--dim{color:var(--cream-dim);font-size:.8rem;margin-bottom:0}.prompt{margin:0 0 .6rem;font-size:clamp(1.02rem,4.2vw,1.25rem);font-weight:700;line-height:1.35;max-width:50ch}.block--live{position:relative}.portrait{position:absolute;right:-.2rem;top:-4.4rem;width:4.6rem;height:5.3rem;pointer-events:none;animation:gq-arrive .4s steps(4)}@keyframes gq-arrive{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.act{appearance:none;border:3px solid var(--plate-line);border-radius:0;background:var(--plate-deep);color:var(--cream);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;padding:.6rem 1rem;min-height:48px;cursor:pointer;box-shadow:inset 0 0 0 2px var(--cream-dim),0 4px 0 var(--plate-line);transition:background-color .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease}.act:hover:not(:disabled){background:var(--cream);color:var(--plate-deep)}.act:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 0 0 2px var(--cream-dim),0 0 0 var(--plate-line)}.act:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.act:disabled{opacity:.55;cursor:default}.act--primary{background:var(--gold);color:var(--plate-deep);box-shadow:inset 0 0 0 2px #f7d87c,0 4px 0 var(--plate-line)}.act--primary:hover:not(:disabled){background:#f7d87c;color:var(--plate-deep)}.act--primary:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 0 0 2px #f7d87c,0 0 0 var(--plate-line)}.act--quiet{background:transparent;box-shadow:inset 0 0 0 2px var(--plate-deep);color:var(--cream-dim)}.act--wide{display:block;width:100%}.clock{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem}.clock__bar{flex:1;height:14px;border:2px solid var(--plate-line);box-shadow:inset 0 0 0 2px var(--plate-deep);background:var(--plate-deep);padding:2px}.clock__fill{display:block;height:100%;background:var(--grass);transition:width .25s steps(2)}.clock__value{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--gold)}.answer{display:flex;flex-direction:column;gap:.5rem}.answer__label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cream-dim)}.answer__input{width:100%;font-size:16px;padding:.6rem .7rem;border:3px solid var(--plate-line);border-radius:0;background:var(--cream);color:var(--plate-deep);caret-color:var(--plate-deep);min-height:48px;box-shadow:inset 0 0 0 2px var(--cream-dim)}.answer__input::placeholder{color:#7d7463}.answer__input:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.answer__acts{display:flex;gap:.5rem}.answer__acts .act--primary{flex:2 1 auto}.answer__acts .act--quiet{flex:1 1 auto}.pips{list-style:none;display:flex;gap:5px;justify-content:center;margin:.7rem 0 0;padding:0}.pips__pip{width:10px;height:10px;border:2px solid var(--plate-line);background:var(--plate-deep)}.pips__pip--answered{background:var(--gold)}.pips__pip--skipped,.pips__pip--timed_out{background:#565d6b}.pips__pip--revealed{background:var(--cream)}.tally{margin:0 0 .6rem;display:flex;flex-direction:column;gap:.5rem}.tally__acts{display:flex;gap:.5rem;flex-wrap:wrap}.tally__acts .act{flex:1 1 10rem}.results{list-style:none;margin:.6rem 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.results__row{border:2px solid var(--plate-line);border-left:6px solid var(--cream-dim);padding:.55rem .7rem;background:var(--plate-deep)}.results__row:has(.results__score--answered){border-left-color:var(--gold)}.results__head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.results__stage{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.results__score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--gold)}.results__score--skipped,.results__score--timed_out{color:var(--cream-dim)}.results__prompt{margin:.25rem 0 .15rem;font-size:.85rem;color:var(--cream-dim)}.results__answer{margin:0 0 .15rem;font-weight:700}.results__why{margin:0 0 .15rem;font-size:.85rem}.results__alts{margin:0;font-size:.8rem;color:var(--cream-dim)}.share__text{width:100%;border:3px solid var(--plate-line);border-radius:0;background:var(--cream);color:var(--plate-deep);padding:.5rem .6rem;font-family:var(--font-pixel);font-size:.85rem;resize:none}.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){.sheet{width:calc(100% - .6rem);padding:.5rem .65rem .75rem}.hud{padding-left:calc(.5rem + env(safe-area-inset-left));padding-right:calc(.5rem + env(safe-area-inset-right))}}@media(min-width:900px){.sheet{width:min(34rem,calc(100% - 2rem));margin-bottom:1.4rem}}@media(prefers-reduced-motion:reduce){.scene__walker,.clock__fill,.act,.wordmark,.hud__btn{transition:none}.scene__hero--hop,.scene__hero--walk,.scene__hero--dance,.scene__cursor,.scene__sparkles,.scene__clouds,.scene__shimmer,.scene__stars,.scene__flag-a,.scene__flag-b,.scene__figure--active,.sheet--shake,.portrait{animation:none}.hud__pop{display:none}}