:root{color:#eee9db;font-synthesis:none;--paper:#ddd5bc;--dark:#1a2423;--muted:#b4b7aa;--accent:#d8c69d;background:#303a35;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}button{color:inherit;cursor:pointer;background:#1b2624da;border:1px solid #c2c5ad32;border-radius:3px;padding:10px 15px;transition:background .15s}button:hover{background:#35423d}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #efce88}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--paper);color:#202926;letter-spacing:.11em;border-color:var(--paper);font-size:12px;font-weight:750}button.primary:hover{background:#efe5c8}button.textbutton{text-align:left;color:#d7c8a5;background:0 0;border:0;padding:10px 0;font-size:12px}kbd{color:#c7c8b9;border:1px solid #c6c9b442;border-radius:2px;margin-left:4px;padding:1px 4px;font-family:inherit;font-size:10px}button.primary kbd{color:#252e29}canvas#world{touch-action:none;outline:0;width:100%;height:100%;display:block}#vignette{pointer-events:none;background:linear-gradient(#14201b4a,#0000 15% 80%,#14201b26);position:absolute;inset:0}header{pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:27px;left:32px;right:32px}.brand{text-shadow:0 2px 8px #13201b88}.eyebrow{letter-spacing:.23em;color:#c5c6b1;font-size:10px;font-weight:650}h1{letter-spacing:.055em;margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:33px;font-weight:400;line-height:1.1}h1 span{letter-spacing:0;vertical-align:top;border-left:1px solid #c9cdbb55;margin-left:9px;padding-left:8px;font:10px system-ui}nav{pointer-events:auto;gap:7px;display:flex}nav button{min-height:40px;font-size:11px;font-weight:600}#options{padding:7px 13px;font-size:22px;line-height:1}#hud{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#192422d4;border-left:2px solid #c8c3a4;gap:21px;padding:12px 15px;display:flex;position:absolute;top:114px;left:33px}#hud>div{width:73px}#hud span{color:#bebfb0;font-size:10px;display:block}#hud strong{margin-top:3px;font:21px Georgia;display:block}#hud i{background:#87998a46;height:2px;margin-top:5px;display:block}#hud b{background:#9bbaa5;height:100%;transition:width .15s;display:block}#thirstbar{background:#a2bec7!important}#radbar{background:#dcba7a!important}#goal{pointer-events:none;text-shadow:0 1px 5px #13251c;max-width:242px;position:absolute;top:217px;left:33px}#goal p{color:#f1eddd;margin:7px 0;font-size:12px;line-height:1.55}#zone{letter-spacing:.07em;background:#20342bec;border-left:2px solid #abb9a4;padding:8px 13px;font-size:10px;position:absolute;top:104px;right:33px}#zone:empty{display:none}#zone.danger{background:#472f21e8;border-color:#d6a272}footer{pointer-events:none;text-shadow:0 2px 3px #152c1c;justify-content:space-between;gap:12px;font-size:10px;display:flex;position:absolute;bottom:18px;left:33px;right:33px}#mode{letter-spacing:.13em;white-space:nowrap}#save-status{color:#dfe3d2}.error{color:#ffd6a5!important}#camera{background:#1b2624da;border:1px solid #c2c5ad32;border-radius:3px;align-items:center;display:flex;position:absolute;bottom:54px;right:32px}#camera button{background:0 0;border:0;height:40px;padding:10px 12px;font-size:19px}#camera button:hover{background:#53605088}#camera kbd{font-size:9px}#camera span{letter-spacing:.14em;color:#bfc5b2;padding:0 4px;font-size:9px}#interactwrap{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:90%;display:flex;position:absolute;bottom:63px;left:50%;transform:translate(-50%)}#hint{color:#fff3d5;text-shadow:0 2px 4px #152319;font-size:11px}#interact{color:#1e2924;background:#d8ca9f;min-width:150px;font-size:12px;font-weight:650}#interact kbd{color:#343d30;border-color:#454b3260}#toast{pointer-events:none;opacity:0;background:#1b2624ec;border:1px solid #b3bf9d38;border-radius:3px;max-width:460px;padding:10px 15px;font-size:12px;line-height:1.45;position:absolute;bottom:139px;left:50%;transform:translate(-50%)}#toast.show{animation:8s both toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,6px)}4%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.panel{color:#ede9d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b2422f7;border:1px solid #a9b19a4d;border-radius:4px;max-width:460px;max-height:82vh;padding:26px;overflow:auto;box-shadow:0 12px 60px #0c1a1647}#pausecard{width:340px;position:absolute;bottom:65px;left:33px}h2{letter-spacing:.01em;margin:8px 0 15px;font:26px Georgia}.panel p{color:#cdd0c1;font-size:13px;line-height:1.6}.panel .small{color:#aeb8a7;font-size:11px;line-height:1.65}.panel a{color:#cbbc94}.panelhead{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panelhead button{padding:2px 9px;font-size:25px;line-height:1.3}.panelhead h2{margin-bottom:4px}#pausecard .primary{width:100%;margin:6px 0}#pausecard p{margin:10px 0 14px}#pausecard .small{margin-bottom:5px}dialog{width:min(460px,100vw - 24px);margin:auto}dialog::backdrop{background:#10201954}#loot{background:#1b2422f2;width:400px;margin:100px 30px auto auto}#loot::backdrop{background:#10201910}#baglist,#lootlist{margin:14px 0}.itemrow{border-top:1px solid #c4cab02b;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.itemrow strong{font-size:12px;font-weight:650}.itemrow em{color:#d5c499;margin-left:5px;font-size:10px;font-style:normal}.itemrow p{color:#b5bfac;margin:4px 0;font-size:10px;line-height:1.5}.itemrow span{color:#9da994;font-size:10px}.itemrow button{white-space:nowrap;padding:8px 10px;font-size:10px}.empty{color:#c3c7b6;padding:15px 0}.controls{font-size:12px!important;line-height:1.9!important}label{justify-content:space-between;align-items:center;gap:20px;margin:20px 0;font-size:12px;display:flex}select{color:#ebe6d3;background:#26342e;border:1px solid #929d8655;border-radius:3px;max-width:240px;padding:8px;font-size:11px}.check{justify-content:flex-start;gap:9px}input[type=checkbox]{accent-color:#cbbb94}input[type=range]{accent-color:#cbbb94;max-width:180px}.backup{gap:9px;margin-top:24px;display:flex}.backup button{font-size:11px}#previewbar{background:#202b26ef;border:1px solid #c2c9ae55;align-items:center;gap:15px;width:max-content;max-width:94vw;padding:12px 16px;display:flex;position:absolute;bottom:57px;left:50%;transform:translate(-50%)}#previewbar span{letter-spacing:.09em;font-size:10px}#previewbar button{font-size:11px}#fatal{z-index:20;width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[hidden]{display:none!important}@media (max-width:760px){header{align-items:flex-start;gap:5px;top:16px;left:16px;right:16px}h1{font-size:22px}h1 span{display:none}.eyebrow{font-size:8px}nav{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:240px}nav button{min-height:34px;padding:9px 8px;font-size:9px}nav kbd{display:none}#options{padding:6px 10px;font-size:18px}#hud{gap:17px;padding:9px 11px;top:86px;left:16px}#hud>div{width:49px}#hud strong{font-size:18px}#hud span{font-size:9px}#goal{max-width:180px;top:180px;left:16px}#goal p{font-size:11px}#zone{max-width:90%;font-size:8px;top:157px;left:16px;right:auto}#pausecard{width:min(320px,100vw - 32px);padding:20px;bottom:67px;left:16px}#pausecard h2{font-size:23px}footer{font-size:8px;bottom:13px;left:16px;right:16px}#save-status{max-width:70%;line-height:1.4}#camera{bottom:53px;right:16px}#camera button{height:38px;padding:8px 10px}#camera kbd,#camera span{display:none}#interactwrap{text-align:left;align-items:flex-start;max-width:70%;bottom:104px;left:16px;transform:none}#hint{font-size:10px}#interact{min-width:135px;padding:11px 14px}#toast{width:max-content;max-width:calc(100% - 32px);font-size:10px;bottom:173px}#loot{width:calc(100vw - 24px);max-height:75vh;margin:auto}.panel{padding:21px}#previewbar{flex-wrap:wrap;justify-content:center;gap:9px;width:calc(100vw - 32px);bottom:103px}#previewbar span{text-align:center;width:100%;font-size:8px}.backup{flex-wrap:wrap}label{gap:10px}select{max-width:195px}}@media (max-height:600px){#pausecard{max-height:68vh;bottom:44px}#goal{display:none}#hud{top:80px}#previewbar{bottom:50px}#loot{max-height:80vh}}