:root{font-family:Georgia,serif;color:#f8edd3;color-scheme:dark;background:#202532}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{position:fixed;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}header{position:fixed;top:0;left:0;right:0;padding:18px 24px;background:linear-gradient(#161b2cef,transparent);display:flex;justify-content:space-between;align-items:center;pointer-events:none}small{font:10px system-ui;letter-spacing:2px;color:#d6b482}h1{font-weight:normal;font-size:clamp(24px,4vw,36px);margin:6px 0}#progress{font:16px system-ui;background:#263c39dd;padding:12px;border:1px solid #a1b58c;border-radius:12px}#hud{position:fixed;top:105px;left:24px;max-width:min(430px,calc(100vw - 48px));pointer-events:none}#carrying{font:15px system-ui;color:#ffe1a0;background:#222b34dd;padding:10px;border-radius:8px}#prompt{margin-top:10px;font-size:19px;text-shadow:0 2px 4px #000}#notice{background:#1e2834e8;border-radius:9px;padding:12px;font:15px/1.6 system-ui;min-height:0}#notice:empty{display:none}button,a{font:14px system-ui;min-height:44px;border:1px solid #948578;border-radius:9px;background:#2b393ee8;color:#ffe4b4;padding:11px 13px;cursor:pointer}button:hover{background:#4a5a58}button:focus-visible,a:focus-visible{outline:3px solid #ffd78c;outline-offset:3px}button[aria-pressed=true],.primary{background:#d6b47c;color:#202735}button:disabled{opacity:.45;cursor:default}nav{position:fixed;right:18px;top:110px;display:grid;gap:7px;max-width:160px}nav a{display:block;text-align:center;text-decoration:none}#stick{position:fixed;bottom:68px;left:28px;width:112px;height:112px;border:2px solid #e6d4b588;background:#26343b88;border-radius:50%;touch-action:none;user-select:none}#knob{width:44px;height:44px;border:1px solid #ead2ab;background:#acbdb299;position:absolute;left:32px;top:32px;border-radius:50%;pointer-events:none}#interact{position:fixed;bottom:76px;right:28px;background:#e0bb7d;color:#253237;font-weight:bold;padding:18px;max-width:50vw}#crosshair{position:fixed;top:50%;left:50%;color:#ffe1a0;pointer-events:none;opacity:.65}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#121d2ed9;padding:20px;overflow:auto}.overlay article,dialog{background:linear-gradient(145deg,#314043,#222d39);border:1px solid #b39b72;border-radius:16px;padding:28px;box-shadow:0 20px 100px #0008}.overlay article{max-width:620px}h2{font-size:29px;font-weight:normal;margin:8px 0 16px}p{line-height:1.65}dialog{max-height:85vh;width:820px;max-width:94vw;color:#f8edd3}dialog::backdrop{background:#111a29c9}.dialoghead{display:flex;justify-content:space-between;align-items:center;gap:12px}#destinations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}#destinations article{background:#17252d88;border:1px solid #697978;border-radius:10px;padding:15px}#destinations h3{font-size:20px;margin:0 0 8px;font-weight:normal}#destinations p{font:14px/1.6 system-ui;color:#e2dccb}#destinations button{margin:3px}#end a{display:inline-block;margin-top:12px}.hidden{display:none!important}body.fallback #world{display:grid;place-items:center;padding:220px 20px 200px;text-align:center;font-size:24px;background:radial-gradient(#45615f,#1b273a)}@media(max-width:650px){header{padding:12px;align-items:start}h1{font-size:24px}small{font-size:8px}#progress{font-size:12px;padding:8px;white-space:nowrap}#hud{left:12px;top:92px;max-width:calc(100vw - 140px)}#carrying{font-size:12px}#prompt{font-size:15px}#notice{font-size:12px;padding:8px}nav{right:10px;top:100px;max-width:114px;gap:5px}nav button,nav a{font-size:11px;padding:7px;min-height:37px}#stick{left:18px;bottom:75px;width:100px;height:100px}#knob{left:26px;top:26px}#interact{right:14px;font-size:12px;padding:15px;bottom:88px}.overlay article,dialog{padding:20px}h2{font-size:25px}.overlay p{font-size:15px}#destinations{grid-template-columns:1fr}.dialoghead h2{font-size:22px}.dialoghead button{font-size:12px}}
.row{display:flex;gap:9px;flex-wrap:wrap}#inspect{max-width:650px}#inspect p{font:15px/1.7 system-ui}#observations{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}#comparison{border:1px solid #a18d75;border-radius:10px;padding:5px 15px;margin-top:16px}#feedback{font:16px/1.7 system-ui;color:#ffe1a5}#memories{font:14px/1.8 system-ui;color:#e7d4b2;margin-top:18px}.overlay article{max-height:90dvh;overflow:auto}#destinations article p{min-height:0}body.earlier #carrying{background:#554963e8}#inspectMemory{border-color:#ddc28b}
