@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
[hidden]{display:none!important}:root{color-scheme:dark;font-family:'DM Sans',system-ui,sans-serif;color:#faf4df;background:#142c39}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffda86;outline-offset:4px}#adventure{position:relative;width:100%;height:100dvh;min-height:360px;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#081c3266,transparent 24%,transparent 65%,#081b2c99)}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;gap:20px;pointer-events:none}header>*{pointer-events:auto}.back{color:#fff9e9;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.04em}.identity{text-align:center;margin-left:85px;text-shadow:0 2px 8px #10222b}.identity span{display:block;font-size:10px;letter-spacing:.38em;color:#efcc89}.identity b{font:600 24px 'Outfit',sans-serif}.tools{display:flex;gap:8px}.tools button{background:#102d3abb;color:#fff7e7;border:1px solid #ffffff30;border-radius:12px;padding:10px 13px;min-height:44px;backdrop-filter:blur(12px)}.objective{position:absolute;left:30px;top:110px;max-width:360px;pointer-events:none;text-shadow:0 2px 10px #06202c}.objective>span,.eyebrow{font-size:10px;letter-spacing:.22em;color:#edc987;font-weight:700}.objective h1{font:600 24px/1.15 'Outfit',sans-serif;margin:10px 0}.objective p{font-size:13px;color:#ebf0e8;margin:0;line-height:1.5}.quiet{position:absolute;top:72px;right:30px;font-size:11px;padding:7px 12px;max-width:260px;background:#172d38e6;border-radius:8px}.sight{position:absolute;top:108px;left:50%;transform:translateX(-50%);text-align:center;background:#2d1e22dd;border:1px solid #ffbe7033;border-radius:12px;padding:12px 22px}.sight span{font-size:11px;letter-spacing:.1em}.sight b{display:block;font-size:12px;color:#ffcb90}.sight progress{display:block;margin:7px auto;width:160px;height:6px;accent-color:#ffb366}#context{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);padding:10px 18px;max-width:min(90vw,520px);background:#112d3be8;border:1px solid #f2ce8733;border-radius:12px;text-align:center;font-weight:600;font-size:14px;pointer-events:none}#context:empty{display:none}.rewind-meter{position:absolute;right:30px;bottom:70px;width:150px;text-align:right}.rewind-meter span{font-size:9px;letter-spacing:.2em;color:#eac78b}.rewind-meter progress{display:block;width:100%;height:5px;accent-color:#89d8d9;margin:8px 0}.rewind-meter small{font-size:10px;color:#c1dadc}.desktop-help{position:absolute;bottom:22px;left:30px;right:30px;display:flex;gap:25px;flex-wrap:wrap;color:#deebe9;font-size:11px}kbd{display:inline-block;font:600 10px system-ui;padding:4px 6px;border:1px solid #d9e9e850;border-radius:5px;color:#fff8e4;margin-right:4px}.touch-controls{display:none}dialog{border:1px solid #f6e5bd22;background:linear-gradient(145deg,#153745f5,#0c202ff5);color:#fff6e2;border-radius:24px;padding:0;max-height:90dvh;width:min(450px,92vw);box-shadow:0 30px 100px #07172799;backdrop-filter:blur(20px)}dialog::backdrop{background:#09192544;backdrop-filter:blur(2px)}.menu-card{padding:32px 36px}.menu-card h2{font:700 clamp(35px,6vw,62px)/.96 'Outfit',sans-serif;margin:22px 0;letter-spacing:-.04em}.menu-card h2 em{color:#efc98a;font-style:normal}.menu-card>p:not(.eyebrow){color:#c9dadc;font-size:15px;line-height:1.7}.quick-controls{display:flex;gap:20px;font-size:10px;color:#93b2b9;margin:22px 0}.quick-controls b{display:block;font-size:11px;margin-top:5px;color:#f4e4c8}.primary,.secondary{display:block;width:100%;padding:15px 19px;min-height:50px;border:0;border-radius:12px;font-weight:750;margin:12px 0}.primary{background:#edc483;color:#192f37;box-shadow:0 4px 0 #a8824f}.secondary{background:#203f4c;color:#f6e5c6;border:1px solid #8ba8ab40}.menu-card>small{display:block;color:#9fb8bc;font-size:11px;line-height:1.6;margin-top:20px}.menu-home{display:inline-block;font-size:12px;margin-top:18px;color:#d1e3df}.fallback{position:absolute;inset:30%;background:#162d3d;padding:25px}.fallback a{color:#edc483}body.rewinding #world{filter:sepia(.18) hue-rotate(130deg) saturate(.8)}body.rewinding #context{color:#a8f7f0}
@media(pointer:coarse),(max-width:760px){header{padding:14px 16px;gap:10px}.identity{margin-left:0}.identity b{font-size:18px}.tools{gap:5px}.tools button{padding:8px;font-size:11px}.back{font-size:12px}.objective{top:90px;left:18px;max-width:255px}.objective h1{font-size:19px}.objective p{font-size:11px;max-width:220px}.objective>span{font-size:9px}.quiet{top:62px;right:15px;font-size:10px;max-width:210px}.desktop-help{display:none}.rewind-meter{bottom:180px;right:20px;width:105px}.rewind-meter small{display:none}.touch-controls{display:flex;position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:22px;right:18px;justify-content:space-between;align-items:end;pointer-events:none;user-select:none}.touch-controls>*{pointer-events:auto}#stick{width:104px;height:104px;border:1px solid #f4e2b763;border-radius:50%;background:#0d293e70;position:relative;touch-action:none}#thumb{width:40px;height:40px;position:absolute;top:31px;left:31px;background:#f4e5bfaa;border:1px solid #fff0be;border-radius:50%;pointer-events:none}#stick small{position:absolute;bottom:-18px;width:100%;text-align:center;font-size:8px;letter-spacing:.2em;pointer-events:none}.touch-actions{display:grid;grid-template-columns:52px 52px 74px;gap:8px;align-items:end}.touch-actions button{background:#123748b3;color:#fff2d4;border:1px solid #f9e2b458;border-radius:16px;height:54px;touch-action:none;font-size:22px}.touch-actions button small{display:block;font-size:7px;line-height:1.8;font-weight:700}.touch-actions #jump-touch{height:76px;background:#e9c181;color:#1a3039;font-size:30px}.touch-actions #talk-touch{grid-column:2/4;background:#e9c181;color:#1a3039;height:48px;font-size:15px}#context{bottom:200px;font-size:12px;max-width:85vw;width:max-content}.sight{top:160px;padding:8px 15px}.sight progress{width:130px}.menu-card{padding:26px}.quick-controls span{font-size:0}.quick-controls span b{font-size:0}.quick-controls:after{content:'Left thumb to move · Right thumb to jump · Drag the scene to look';font-size:12px;line-height:1.6;color:#b9d1d4}.menu-card h2{font-size:42px}}
@media(max-height:520px){.objective{top:78px}.objective h1{font-size:17px}.objective p{display:none}.menu-card{padding:18px 28px}.menu-card h2{font-size:32px;margin:12px 0}.menu-card>p:not(.eyebrow){font-size:12px;line-height:1.5}.menu-card>small{font-size:9px;margin-top:10px}.quick-controls{margin:10px 0}.primary,.secondary{padding:10px;min-height:40px}.sight{top:80px}#context{bottom:145px}.rewind-meter{bottom:145px}.menu-home{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}dialog::backdrop{backdrop-filter:none}}
@media(max-width:480px){header{padding:12px;gap:8px}.identity b{font-size:16px}.identity span{font-size:8px}.back{font-size:11px}.tools button{padding:7px;font-size:10px;min-height:40px}.objective{max-width:250px}.quiet{top:62px;left:18px;right:18px;max-width:none;font-size:9px;padding:5px 8px}body:has(.quiet:not([hidden])) .objective{top:112px}.rewind-meter{bottom:150px}#context{bottom:205px}}