@font-face{font-family:DM;src:url(../fonts/font-0.ttf)}@font-face{font-family:Instrument;src:url(../fonts/font-4.ttf)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background:#1d617d;color:#fff3d9;font-family:DM,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffcb78;outline-offset:4px}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#world:active{cursor:grabbing}header{position:fixed;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.wordmark{font:36px/1 Instrument,Georgia,serif;color:#fff4dd;text-decoration:none;padding:8px 12px;background:#152f38;border:1px solid #75939a;border-radius:7px;pointer-events:auto}.tools{display:flex;gap:7px;pointer-events:auto}button{color:#fff4dd;border:1px solid #75939a;background:#152f38;border-radius:24px;min-width:44px;min-height:44px}.tools button{width:46px;height:46px;font-size:21px}button:hover{background:#2c4a54}button[aria-pressed=true]{background:#ffe0a6;color:#142f38}#compass{position:fixed;top:82px;right:20px;font-size:16px;background:#152f38;padding:7px 10px;border-radius:5px}main{position:fixed;left:20px;right:20px;bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:24px;pointer-events:none}.story{pointer-events:auto;border:1px solid #75939a;background:#152f38;padding:18px 22px;border-radius:8px;width:390px;max-width:42vw}.eyebrow{font-size:16px;margin:0 0 8px;color:#ffe0a6}h1{font:44px/1.02 Instrument,Georgia,serif;margin:0 0 10px;letter-spacing:-.5px}#line{font-size:16px;line-height:1.45;margin:0}nav{display:flex;gap:7px;pointer-events:auto;max-width:650px;width:48%}nav button{flex:1;padding:12px 10px;min-height:64px;font-size:16px;line-height:1.3}nav button[aria-current=true]{background:#ffe0a6;color:#152f38;border-color:#ffe0a6}dialog{background:#152f38;color:#fff4dd;border:1px solid #8da5aa;border-radius:10px;width:min(540px,calc(100% - 30px));padding:26px;max-height:80dvh;overflow:auto;font-size:16px;line-height:1.6}dialog::backdrop{background:#081b25bb}dialog h2{font:38px Instrument,serif;margin:10px 0}dialog a{color:#ffe0a6;display:inline-block;min-height:44px}.close{float:right;font-size:24px}#fallback{position:fixed;inset:100px 20px;background:#152f38;padding:20px;font-size:18px}@media(max-width:600px){header{top:16px;left:14px;right:14px}.wordmark{font-size:29px;padding:8px 10px}.tools{gap:5px}.tools button{width:44px;height:44px}#compass{top:75px;right:14px}main{display:block;left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom))}.story{width:100%;max-width:none;padding:12px 15px;margin-bottom:10px}h1{font-size:34px;margin-bottom:7px}.eyebrow{margin-bottom:6px}nav{width:100%;max-width:none;gap:5px}nav button{padding:8px 4px;min-height:64px}}@media(max-width:350px){.wordmark{font-size:25px;padding:10px 7px}header{left:10px;right:10px}.tools{gap:3px}main{left:10px;right:10px}h1{font-size:30px}}@media(max-height:540px)and (min-width:601px){h1{font-size:30px}.eyebrow{display:none}.story{padding:12px 15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}