:root{color:#263d38;font-synthesis:none;--paper:#f1e7cf;--ink:#293f39;--gold:#c59b57;--sans:"Avenir Next",Avenir,"Segoe UI",sans-serif;background:#173f45;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0}button,a,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #e4b360}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}#game,#world,.screen,.vignette{width:100%;height:100%;position:fixed;inset:0}#world{touch-action:none;outline:none;display:block}.vignette{pointer-events:none;background:linear-gradient(#243f4010,#0000 22% 80%,#102e3555)}.topbar{pointer-events:none;justify-content:space-between;gap:20px;display:flex;position:fixed;inset:24px 30px auto}.paper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#f7efddec,#ece0c5ef);border:1px solid #fffae5aa;border-radius:8px;box-shadow:0 7px 35px #18302c28}.objective{border-bottom:3px solid #c39c60;gap:17px;max-width:390px;padding:17px 24px 18px 18px;display:flex}.lantern-icon{color:#866b41;font-size:34px;line-height:1.4}.eyebrow{font:600 9px/1.3 var(--sans);letter-spacing:2.3px;color:#7b735c}h1{margin:5px 0 7px;font-size:22px;font-weight:500;line-height:1.15}.objective p{color:#5b6657;margin:0;font-size:13px}.brand{text-align:right;color:#f9efd8;text-shadow:0 2px 10px #173a3b55}.brand>span{letter-spacing:9px;font-size:25px}.brand>small{font:8px var(--sans);letter-spacing:2.3px;margin-top:9px;display:block}.top-actions{pointer-events:auto;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.small-button{color:#f5eddb;font:11px var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c45465c;border:1px solid #f7eddc50;border-radius:30px;min-height:36px;padding:8px 14px}.small-button:hover{background:#1d4545bc}kbd{min-width:19px;height:21px;font:10px var(--sans);opacity:.8;border:1px solid;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.small-button kbd{min-width:20px;height:17px;margin-left:7px;font-size:9px}.place{color:#fff3d9;text-shadow:0 2px 12px #183b37;pointer-events:none;position:fixed;bottom:121px;left:32px}.place>span:not(.place-line){font-size:25px;display:block}.place-line{background:#e3c894;width:38px;height:1px;margin-bottom:12px;display:block}.place small{font:10px var(--sans);letter-spacing:.6px;color:#f2e4c3;margin-top:6px;display:block}.bottom-hud{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:fixed;bottom:24px;left:30px;right:30px}.help{font:11px var(--sans);color:#f6ecd4;text-shadow:0 1px 8px #153b3c;flex-direction:column;gap:7px;display:flex}.help span:first-child{align-items:center;gap:4px;display:flex}.help span:nth-child(2){opacity:.78}.inventory{gap:8px;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.slot{color:#90754c;background:#f0e3c6f0;border:1px solid #fff2ce;border-radius:8px;place-items:center;width:54px;height:54px;font-size:31px;display:grid;box-shadow:0 4px 20px #183a3b25}.slot.empty{background:#264a4a75;border-color:#ecddba77}.inventory>span{text-align:center;width:100%;font:8px var(--sans);letter-spacing:2px;color:#fff1d0;position:absolute;top:64px}.save-status{font:10px var(--sans);color:#f4e8ca;opacity:.75}.interaction{z-index:5;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.interaction button{color:#f5ead2;font:13px var(--sans);background:#24483fec;border:1px solid #f1dfbba0;border-radius:30px;align-items:center;gap:12px;min-height:46px;padding:11px 20px;display:flex;box-shadow:0 4px 20px #102e3530}.interaction kbd{color:#e2c28a}.destination{pointer-events:none;text-align:center;filter:drop-shadow(0 2px 4px #19392f60);position:fixed;transform:translate(-50%,-100%)}.destination>span{color:#ffe8a6;text-shadow:0 0 12px #d9a853;font-size:30px;display:block}.destination small{font:10px var(--sans);color:#fff3d7;white-space:nowrap;background:#25463de0;border-radius:30px;padding:5px 10px;display:block}.resident-label{pointer-events:none;font:10px var(--sans);letter-spacing:.7px;color:#fef4dd;text-shadow:0 1px 4px #173c36;background:#234c4288;border:1px solid #f6eddc44;border-radius:20px;padding:4px 8px;position:fixed;transform:translate(-50%,-100%)}.dialogue{z-index:6;width:min(520px,100% - 32px);padding:23px 26px;position:fixed;bottom:124px;left:50%;transform:translate(-50%)}.dialogue p{margin:10px 0 17px;font-size:19px;line-height:1.5}.primary{color:#fff3d8;min-height:45px;font:600 12px var(--sans);letter-spacing:.3px;background:#2e5147;border:1px solid #466255;border-radius:5px;padding:12px 21px}.primary:hover{background:#3f6454}.primary span{margin-left:25px}.secondary{color:#4d6257;min-height:44px;font:12px var(--sans);background:0 0;border:1px solid #b8b49b;border-radius:5px;padding:12px 20px}.toast{font:12px var(--sans);text-align:center;z-index:10;background:#f3e7cfee;border:1px solid #e7ca94;border-radius:30px;max-width:85vw;padding:13px 22px;position:fixed;top:150px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #173b3c20}.screen{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#173e4166;place-items:center;display:grid}#loading{color:#eadcc0;text-align:center;background:#183d40;align-content:center}.loading-brand{letter-spacing:12px;font-size:34px}.screen>p{font:12px var(--sans);letter-spacing:1px}.loading-line{background:#e6dbb733;width:140px;height:1px;margin:14px auto;overflow:hidden}.loading-line span{background:#dbbc7c;width:60px;height:100%;animation:1.8s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-70px)}to{transform:translate(160px)}}.welcome-card{width:min(450px,100% - 32px);padding:37px}.welcome-card h2,.menu-card h2{color:#2a473c;margin:17px 0;font-size:37px;font-weight:400;line-height:1.13}.welcome-card p,.menu-card>p{color:#68715c;font-size:15px;line-height:1.7}.welcome-controls{color:#67715f;font:11px var(--sans);gap:10px;margin:24px 0;display:grid}.welcome-controls kbd{min-width:32px;margin-right:7px}.welcome-card>.primary{width:100%;margin-top:4px}.welcome-card>small{text-align:center;font:9px var(--sans);color:#7e806b;margin-top:17px;display:block}.menu-card{width:min(440px,100% - 32px);padding:32px}.menu-card h2{font-size:29px}.setting{font:12px var(--sans);justify-content:space-between;align-items:center;gap:10px;margin:20px 0;display:flex}.setting select{color:#30483d;background:#eee5d0;border:1px solid #c7bc9f;border-radius:4px;padding:8px}.setting input{accent-color:#355845;width:19px;height:19px}.menu-buttons{gap:12px;display:grid}.menu-buttons a{text-align:center;color:#6c765f;font:11px var(--sans);padding:8px}.reset-note{color:#9a694b!important;font-size:12px!important}.touch-interact{z-index:5;position:fixed;bottom:100px;right:20px}.menu-screen{z-index:30}#debug{color:#111;z-index:50;pointer-events:none;background:#fff;font:10px monospace;position:fixed;bottom:2px;left:3px}@media (width<=700px){.topbar{gap:10px;inset:14px 14px auto}.objective{gap:8px;max-width:260px;padding:12px 15px 13px 12px}.eyebrow{letter-spacing:1.4px;font-size:7px}h1{font-size:17px}.objective p{max-width:180px;font-size:11px}.lantern-icon{font-size:24px}.brand>span{letter-spacing:4px;font-size:16px}.brand>small{display:none}.top-actions{flex-direction:column;align-items:flex-end;gap:5px;margin-top:10px}.small-button{min-height:32px;padding:6px 9px;font-size:10px}.small-button kbd{display:none}.bottom-hud{bottom:23px;left:16px;right:16px}.help{gap:6px;font-size:9px}.help span:first-child,.help span:nth-child(3){display:none}.inventory{gap:5px;bottom:18px}.slot{width:42px;height:42px;font-size:25px}.inventory>span{font-size:7px;top:48px}.save-status{text-align:right;max-width:65px;font-size:8px}.place{bottom:116px;left:16px}.place>span:not(.place-line){font-size:20px}.place small{font-size:8px}.place-line{margin-bottom:9px}.interaction{bottom:112px}.interaction button{padding:9px 14px;font-size:11px}.dialogue{padding:20px;bottom:116px}.dialogue p{font-size:17px}.welcome-card{padding:28px}.welcome-card h2{font-size:32px}.destination small{font-size:8px}.toast{width:max-content;font-size:11px;top:132px}.brand{min-width:89px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}#qa-panel{z-index:50;font:10px var(--sans);background:#163c39dd;border:1px solid #b6aa80;border-radius:4px;gap:8px;padding:8px;display:flex;position:fixed;bottom:52px;left:12px}#qa-panel button,#qa-panel a{color:#f9e8bf;background:0 0;border:1px solid #a7b09b;border-radius:3px;padding:7px}@media (width<=700px){.place{bottom:180px}}