:root{--ground:#1d1915;--panel:#2a241d;--line:#4a3f33;--text:#e8dcc4;--muted:#a8977c;--accent:#c2662d;--danger:#d4553a;color:var(--text);background:var(--ground);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}.login{place-content:center;gap:16px;min-height:100vh;padding:16px;display:grid}.login h1{letter-spacing:.08em;text-transform:uppercase;margin:0}.login form{background:var(--panel);border:1px solid var(--line);gap:8px;width:min(320px,90vw);padding:20px;display:grid}.login input{color:var(--text);background:var(--ground);border:1px solid var(--line);padding:8px}.login .actions{gap:8px;margin-top:8px;display:flex}.login button{color:var(--text);background:var(--accent);cursor:pointer;border:0;flex:1;padding:8px}.login button[type=button]{background:var(--line)}.login .error{color:var(--danger);margin:0}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game,.view{width:100vw;height:100vh;display:block}.hud{pointer-events:none;text-shadow:0 1px 2px #000;font-size:14px;position:fixed;inset:0}.crosshair{border:1px solid var(--text);width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.coords{font-variant-numeric:tabular-nums;position:absolute;top:12px;left:16px}.status{color:var(--muted);justify-items:end;gap:2px;display:grid;position:absolute;top:12px;right:16px}.stamina{border:1px solid var(--line);background:#1d191599;width:160px;height:4px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.stamina>div{background:var(--text);height:100%;transition:width .25s linear}.rucksack{gap:4px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.slot{border:1px solid var(--line);background:#1d191599;place-items:center;width:44px;height:44px;display:grid;position:relative}.slot.selected{border-color:var(--accent)}.slot small{color:var(--muted);font-size:10px;position:absolute;top:1px;left:3px}.slot span{color:var(--ground);padding:2px 4px;font-size:12px;font-weight:600}.notice{border:1px solid var(--line);background:#1d1915bf;padding:4px 10px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.dig{background:#1d191599;width:40px;height:3px;position:absolute;top:calc(50% + 14px);left:50%;transform:translate(-50%)}.dig>div{background:var(--text);height:100%}.languages{pointer-events:auto;gap:6px;margin-top:6px;display:flex}.languages button{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;padding:2px 10px;font-size:12px}.languages button.selected{color:var(--ground);background:var(--text)}.vitals{gap:4px;width:160px;display:grid;position:absolute;bottom:24px;left:16px}.bar{color:var(--muted);grid-template-columns:48px 1fr;align-items:center;gap:6px;font-size:11px;display:grid}.bar>div{border:1px solid var(--line);background:#1d191599;height:5px}.bar>div>div{background:var(--text);height:100%;transition:width .25s linear}.bar.health>div>div{background:var(--danger)}.bar.thirst>div>div{background:#6fa8d6}.bar.hunger>div>div{background:#c9a15e}.bar.stress>div>div,.bar.terror>div>div{background:var(--accent)}.conditions{flex-wrap:wrap;gap:4px;max-width:50%;display:flex;position:absolute;top:36px;left:16px}.conditions span{border:1px solid var(--line);background:#1d1915bf;padding:1px 6px;font-size:11px}.vignette{pointer-events:none;transition:background .6s;position:absolute;inset:0}.hud.resting .vignette{background:radial-gradient(#00000026 20%,#000000eb 60%)}.hud.asleep .vignette{background:#000}.sleep{color:var(--muted);justify-items:center;gap:4px;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%)}.hud.death{background:#0a0806eb;place-content:center;justify-items:center;gap:8px;display:grid}.hud.death strong{color:var(--danger);font-size:28px}.hint{border:1px solid var(--line);white-space:nowrap;background:#1d1915bf;align-items:center;gap:6px;padding:3px 8px;display:flex;position:absolute;top:calc(50% + 24px);left:50%;transform:translate(-50%)}.hint kbd{min-width:18px;font:inherit;text-align:center;color:var(--ground);background:var(--text);padding:0 4px;font-size:12px}.build{border:1px solid var(--line);background:#1d1915cc;flex-direction:column;gap:3px;width:260px;padding:8px 10px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.build .entry{border:1px solid #0000;grid-template-columns:22px 1fr;column-gap:6px;padding:2px 4px;display:grid}.build .entry.selected{border-color:var(--text);background:#ffffff0f}.build .entry small{color:var(--muted);grid-column:2;font-size:11px}.build .entry.unavailable span,.build .entry.unavailable small{color:var(--muted)}.build .entry.unavailable small{color:#c98a6a}.build .empty{color:var(--muted);font-size:12px}.build kbd,.work kbd{min-width:18px;font:inherit;text-align:center;color:var(--ground);background:var(--text);padding:0 4px;font-size:12px}.work{border:1px solid var(--line);background:#1d1915cc;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;display:flex;position:absolute;top:calc(50% + 56px);left:50%;transform:translate(-50%)}.work .bar{background:#ffffff1f;width:180px;height:6px}.work .bar>div{background:var(--text);height:100%}.work small{color:var(--muted);font-size:12px}.panel{border:1px solid var(--line);pointer-events:auto;background:#1d1915eb;flex-direction:column;gap:8px;width:min(560px,100% - 32px);max-height:70vh;padding:14px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel .lines{flex-direction:column;gap:4px;font-size:13px;display:flex;overflow-y:auto}.panel .empty,.panel small{color:var(--muted)}.hint.unavailable{color:var(--muted);opacity:.6}.hint.unavailable kbd{background:var(--muted)}.menu{border:1px solid var(--line);pointer-events:auto;background:#1d1915eb;flex-direction:column;align-items:stretch;gap:8px;width:min(280px,100% - 32px);padding:18px 20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu .title{text-align:center;letter-spacing:.04em;margin-bottom:4px;font-size:18px}.menu button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;padding:7px 12px}.menu button:hover{background:#ffffff1a}.menu button.primary{color:var(--ground);background:var(--text)}.menu .languages{justify-content:center}.menu.controls{width:min(760px,100% - 32px);max-height:calc(100% - 32px);overflow-y:auto}.menu .groups{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 22px;display:grid}.menu h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:400}.menu .row{justify-content:space-between;align-items:center;gap:10px;padding:3px 0;font-size:13px;display:flex}.menu .keycap,.menu .row kbd,.chip kbd{min-width:26px;font:inherit;text-align:center;color:var(--ground);background:var(--text);border:none;border-radius:3px;padding:2px 7px;font-size:12px;box-shadow:0 2px #00000073}.menu .keycap.waiting{color:var(--text);outline:1px dashed var(--text);background:0 0}.menu>small{color:var(--muted);font-size:12px}.menu .buttons{justify-content:flex-end;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:4px 10px;margin-top:6px;display:flex}.chip{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.chip kbd{min-width:18px;padding:1px 5px;font-size:11px}.backdrop{background:#00000073;position:absolute;inset:0}.menu .sound{align-items:center;gap:8px;font-size:13px;display:flex}.menu .sound input{min-width:0;accent-color:var(--text);flex:1}.menu .sound button{padding:3px 8px;font-size:12px}