:root{font-family:Arial,Helvetica,sans-serif;color:#fff6df;background:#203a30;font-synthesis:none;--cream: #fff3d7;--muted: #d7d4bb;--ink: #243b31;--gold: #f3ca75;--subscale: 1}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{opacity:.4;cursor:not-allowed}#game{width:100vw;height:100dvh;display:block;outline:none;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important;background:linear-gradient(90deg,rgba(20,40,29,.8),rgba(20,40,29,.3) 45%,transparent 74%),linear-gradient(0deg,rgba(19,33,27,.5),transparent 30%)}.title{position:absolute;top:0;right:0;bottom:0;left:0;padding:8vh 6.4vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;animation:arrive 1.4s ease both}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--gold);display:flex;gap:14px;align-items:center}.eyebrow:before{content:"";width:29px;height:1px;background:var(--gold)}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,7.9vw,126px);font-weight:400;letter-spacing:-.058em;line-height:.91;margin:30px 0 22px;text-shadow:0 3px 30px #1e322644}h1 em{font-weight:400;color:#f2d092}p.tagline{font-family:Georgia,serif;font-size:clamp(16px,1.65vw,24px);line-height:1.5;color:#eee7cd;max-width:360px;margin:0 0 34px}.primary{border:0;color:#283a2c;background:var(--cream);border-radius:3px;padding:17px 28px;font-size:13px;font-weight:700;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;transition:background .2s,transform .2s}.primary:hover{background:#f8d38a;transform:translateY(-2px)}.primary span{font-size:22px;font-weight:400;line-height:14px}.title-nav{display:flex;gap:26px;margin-top:23px}.link{background:none;border:0;color:#f0e8d1;padding:8px 0;font-size:12px;border-bottom:1px solid transparent}.link:hover{border-bottom-color:#e7d2a6}.title-footer{position:absolute;bottom:4vh;left:6.4vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;color:#e3dfc5;letter-spacing:.1em;text-transform:uppercase}.title-stamp{position:absolute;right:4vw;top:5vh;text-align:right;font-family:Georgia,serif;color:#f5ebd2;font-size:15px;line-height:1.5}.title-stamp small{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#dfe1c7}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important}.day-label{position:absolute;top:36px;left:40px;text-shadow:0 2px 12px #162b24;font-size:10px;text-transform:uppercase;letter-spacing:.2em}.day-label strong{display:block;margin-top:9px;font-size:20px;text-transform:none;letter-spacing:0;font-family:Georgia,serif;font-weight:400}.objective{position:absolute;top:36px;right:40px;max-width:320px;text-align:right;text-shadow:0 2px 10px #1b3428}.objective small{color:#f2d092;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.objective p{font-size:13px;line-height:1.55;margin:8px 0}.objective .distance{font-size:10px;color:#eee1bd}.hud-bottom{position:absolute;bottom:27px;left:40px;font-size:10px;letter-spacing:.06em;text-shadow:0 2px 8px #183427}.hud-bottom kbd,.prompt kbd{font-family:inherit;border:1px solid #eee6d877;border-radius:3px;padding:4px 6px;margin-right:6px}.prompt{position:absolute;bottom:85px;left:50%;transform:translate(-50%);background:#243c32de;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e6d7ac33;padding:14px 21px;border-radius:4px;font-size:13px;white-space:nowrap;box-shadow:0 8px 24px #0c23152a}.carry{position:absolute;bottom:28px;right:40px;font-family:Georgia,serif;font-size:15px;text-shadow:0 2px 9px #183427}.toast{position:absolute;top:125px;left:50%;transform:translate(-50%);max-width:540px;background:#223d32e8;border:1px solid #e2d0a738;padding:14px 24px;text-align:center;line-height:1.5;font-size:13px;border-radius:3px;animation:arrive .3s ease}.district-arrival{position:absolute;top:32%;left:0;right:0;text-align:center;pointer-events:none!important;text-shadow:0 2px 22px #263e2a;animation:arrival 4.8s ease both}.district-arrival h2{font-family:Georgia,serif;font-size:44px;font-weight:400;margin:10px}.district-arrival p{font-size:12px;letter-spacing:.08em}.dialogue{position:absolute;bottom:6vh;left:50%;transform:translate(-50%);width:min(660px,88vw);background:linear-gradient(110deg,#1c362bf2,#243c32ee);padding:26px 32px 20px;border:1px solid #efdfb830;border-radius:4px;box-shadow:0 15px 60px #132e2744}.dialogue .speaker{font-size:10px;letter-spacing:.2em;color:#ecc77d;text-transform:uppercase}.dialogue p{font-family:Georgia,serif;font-size:calc(23px * var(--subscale));line-height:1.4;margin:13px 0 22px}.dialogue button{display:block;margin-left:auto;color:#e9dec2;background:none;border:0;font-size:10px;letter-spacing:.08em}.shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#183127b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:30px}.panel{width:min(600px,94vw);max-height:90vh;overflow:auto;padding:38px 40px;background:#213c31;border:1px solid #dcd1ab33;border-radius:5px;box-shadow:0 30px 100px #10291b44}.panel.wide{width:min(860px,94vw)}.panel h2{font: 38px Georgia,serif;letter-spacing:-.03em;margin:0 0 12px}.panel h3{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-top:26px}.panel p{font-size:13px;line-height:1.7;color:#e5dfc9}.panel .actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}.panel .menu{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:28px}.panel .menu button{padding:13px 0;text-align:left;border:0;border-bottom:1px solid #b8bba033;background:none;color:var(--cream);font-size:14px}.panel .menu button:hover{color:var(--gold)}.setting{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid #b8bba022;font-size:12px}.setting input[type=range]{width:145px;accent-color:#e7c47f}.setting input[type=checkbox]{accent-color:#e7c47f;width:18px;height:18px}.setting select,.binding{background:#365143;color:#f8edcf;border:1px solid #d6c79955;border-radius:2px;padding:7px 10px;font-size:12px}.bindings{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.quest{border-top:1px solid #adbd9e33;padding:12px 0}.quest strong{font: 18px Georgia,serif}.quest p{font-size:12px;margin:8px 0}.quest small{font-size:10px;color:#dbc795}.complete{opacity:.65}.save-slot{border-top:1px solid #bec4a338;padding:18px 0}.save-slot strong{font: 19px Georgia,serif}.save-slot p{font-size:11px;margin:8px 0}.save-slot button{margin-right:20px}.file-input{display:none}.error{color:#f6bfa0!important}.death{position:absolute;top:0;right:0;bottom:0;left:0;background:#182b24;display:flex;align-items:center;justify-content:center;text-align:center}.death h2{font: 48px Georgia,serif;margin:20px 0}.death p{max-width:410px;margin:0 auto 28px;line-height:1.6;color:#e0d9bf;font-size:14px}.ending{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#21362bf2,transparent 95%);display:flex;flex-direction:column;justify-content:center;padding:7vw}.ending h2{font:normal clamp(45px,6vw,88px) Georgia,serif;line-height:1.06;letter-spacing:-.04em;margin:25px 0}.ending p{font: 19px/1.6 Georgia,serif;max-width:420px}.ending .actions{display:flex;gap:26px;align-items:center;margin-top:25px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#243b30;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading strong{font: 30px Georgia,serif;margin-top:20px}.loading p{font-size:12px;color:#d5cfb6}.paw{font-size:30px;animation:breathe 2s infinite}.compass{position:absolute;bottom:145px;left:50%;width:24px;height:24px;border-top:2px solid #f2d492;border-left:2px solid #f2d492;transform:translate(-50%) rotate(45deg);filter:drop-shadow(0 2px 5px #294335);opacity:.75}.danger{position:absolute;bottom:135px;left:50%;transform:translate(-50%);width:max-content;max-width:80vw;text-align:center;background:#513e27ee;color:#ffe0a5;padding:10px 17px;font-size:12px;border-radius:3px}.version{color:#bfcaaf;font-size:10px!important}.map{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:25px 0}.map span{padding:13px 5px;border-bottom:2px solid #829273;font-size:10px;text-align:center;color:#c9ccb4}.map .here{border-color:#efce88;color:#f8e4b7}.map .locked{opacity:.35}@keyframes arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes breathe{50%{opacity:.4;transform:scale(.9)}}@keyframes arrival{0%,to{opacity:0;translate:0 8px}15%,75%{opacity:1;translate:0 0}}@media(max-width:700px){.title{padding:7vw}.title-stamp{display:none}h1{font-size:65px}.day-label{left:20px;top:22px}.objective{right:20px;top:22px;max-width:180px}.objective p{font-size:11px}.hud-bottom{left:20px;font-size:9px}.carry{right:20px;font-size:12px}.panel{padding:25px}.journal-grid{grid-template-columns:1fr;gap:5px}.bindings{grid-template-columns:1fr}.dialogue p{font-size:calc(19px * var(--subscale))}.title-footer{left:7vw}.title-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}