:root{--hud-bg:#18120ad1;--hud-border:#d4b47873;--hud-text:#f0e6d2;--hud-accent:#e8c877;--paper:#f3e7c9;--paper-ink:#3a2c1a;color:var(--hud-text);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{-webkit-user-select:none;user-select:none;background:#0d0b08;width:100%;height:100%;margin:0;padding:0;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}.game-root{width:100%;height:100%;position:relative}.boot-loading{height:100%;color:var(--hud-accent);letter-spacing:.5px;justify-content:center;align-items:center;font-size:20px;display:flex}.game-root canvas{display:block}.status-bar{background:var(--hud-bg);border-bottom:1px solid var(--hud-border);pointer-events:none;align-items:center;gap:14px;padding:6px 14px;font-size:15px;display:flex;position:absolute;top:0;left:0;right:0}.status-stats{white-space:nowrap;align-items:center;gap:16px;display:flex}.status-bar .stat{align-items:center;gap:6px;display:inline-flex}.stat-icon{width:15px;height:15px;color:var(--hud-accent);flex:none}.status-hints{justify-content:center;min-width:0;max-width:42%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.status-hints .movement-penalty{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-health{flex:none;align-items:center;margin-left:auto;display:flex}.hud-bottom-right{align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.health-status{align-items:center;gap:6px;height:22px;display:flex}.affliction-badge{background:var(--hud-bg);color:#f0b48a;white-space:nowrap;text-transform:capitalize;border:1px solid #a3502e;border-left:4px solid #d0562e;border-radius:4px;padding:2px 8px;font-size:12px}.health-bar{border:1px solid var(--hud-border);background:#00000073;border-radius:3px;width:150px;height:14px;overflow:hidden}.health-bar-fill{height:100%;transition:width .3s,background .3s}.health-bar.health-low{animation:.7s step-end infinite health-blink}@keyframes health-blink{50%{opacity:.35}}.inventory-bar{flex-wrap:wrap;gap:6px;max-width:60vw;display:flex;position:absolute;bottom:12px;left:12px}.inventory-bar button,.hud-button{background:var(--hud-bg);border:1px solid var(--hud-border);color:var(--hud-text);font:inherit;cursor:pointer;border-radius:4px;padding:6px 10px;font-size:14px}.building-highlight{color:var(--hud-accent);text-shadow:0 0 6px #e0b050e6;pointer-events:none;font-size:22px;animation:1.1s ease-in-out infinite alternate highlight-bob}@keyframes highlight-bob{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.load-menu{border-collapse:collapse;margin:12px auto;font-size:15px}.load-menu th,.load-menu td{text-align:left;border-bottom:1px solid var(--hud-border);padding:6px 14px}.load-menu th{color:var(--hud-accent);font-style:italic;font-weight:400}.hud-button.danger{color:#d4715f;border-color:#8c2f22}.rob-confirm{border-top:1px solid var(--hud-border);margin-top:8px;padding-top:8px}.rob-confirm .danger-text{color:#e0715f}.inventory-bar button:hover,.hud-button:hover{border-color:var(--hud-accent)}.inventory-bar .inv-item{background:var(--hud-bg);border:1px solid var(--hud-border);color:var(--hud-text);border-radius:4px;padding:6px 10px;font-size:14px}.inventory-bar .inv-item.canteen.canteen-low{color:#e7c752;border-color:#d8b13a}.inventory-bar .inv-item.canteen.canteen-crit,.inventory-bar .inv-item.canteen.canteen-empty{color:#e0715f;border-color:#c0392b}.inventory-bar .inv-item.canteen.canteen-blink{animation:.7s step-end infinite canteen-blink}@keyframes canteen-blink{50%{border-color:var(--hud-border);color:var(--hud-text)}}.inventory-bar .inv-item.inv-active,.inventory-bar button.inv-active{color:#b6efb0;border-color:#6fc36a;animation:1.4s ease-in-out infinite inv-active-pulse;box-shadow:0 0 8px #6fc36ab3}@keyframes inv-active-pulse{50%{box-shadow:0 0 3px #6fc36a59}}.map-overlay{left:12px;bottom:calc(var(--inv-bar-height,32px) + 24px);background:var(--paper);color:var(--paper-ink);border:1px solid #8a6f45;max-width:min(560px,52vw);max-height:calc(100vh - 150px);padding:10px 14px 14px;position:absolute;overflow:auto;transform:rotate(-.4deg);box-shadow:0 10px 40px #0000008c}.map-canvas-wrap{line-height:0;position:relative}.map-overlay canvas,.map-overlay svg{max-width:100%;height:auto}.map-player{pointer-events:none}.map-player.map-player-dom{position:absolute;transform:translate(-50%,-50%)}.map-player.map-player-dom:before,.map-player.map-player-dom:after{content:"";border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.map-player.map-player-dom:before{background:#8c2f22;width:10px;height:10px;box-shadow:0 0 0 2px #faf5e6f2,0 0 4px 3px #00000059}.map-player.map-player-dom:after{border:2px solid #8c2f22;width:10px;height:10px;animation:1.8s ease-out infinite map-player-pulse}@keyframes map-player-pulse{0%{opacity:.85;width:10px;height:10px}to{opacity:0;width:34px;height:34px}}.map-player-halo{fill:#faf5e6f2}.map-player-dot{fill:#8c2f22;stroke:#faf5e6f2;stroke-width:1px}.map-player-ring{fill:none;stroke:#8c2f22;stroke-width:1.6px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite map-ring-pulse}@keyframes map-ring-pulse{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.map-overlay header{border-bottom:1px solid #c9b488;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;padding-bottom:6px;font-size:18px;font-weight:600;display:flex}.map-overlay .map-progress{opacity:.8;font-size:13px;font-style:italic;font-weight:400}.map-overlay button{color:var(--paper-ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #8a6f45;border-radius:4px;padding:2px 10px;font-size:13px}.map-overlay canvas,.map-place-plan svg{background:radial-gradient(at 30% 20%,#8c6e3c14,#0000 60%),radial-gradient(at 75% 80%,#8c6e3c1a,#0000 55%);display:block}.map-place-plan .plan-building-label{paint-order:stroke;stroke:#eadfc2;stroke-width:3px;font-family:Georgia,Times New Roman,serif;font-size:12px}.prompt{background:var(--hud-bg);border:1px solid var(--hud-accent);z-index:6;border-radius:6px;padding:8px 18px;font-size:16px;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.prompt-tappable{color:inherit;font:inherit;cursor:pointer;min-height:44px}.touch-controls{pointer-events:none;z-index:5;position:absolute;inset:0}.touch-stick{left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));border:1px solid var(--hud-accent);pointer-events:auto;touch-action:none;background:#14181c47;border-radius:50%;justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:absolute}.touch-stick-knob{border:1px solid var(--hud-accent);will-change:transform;background:#d2dce666;border-radius:50%;width:56px;height:56px}.touch-look{pointer-events:auto;touch-action:none;width:50%;height:100%;position:absolute;top:0;right:0}.game-root.touch-active .status-bar{padding-left:calc(10px + env(safe-area-inset-left,0px));padding-right:calc(10px + env(safe-area-inset-right,0px))}.game-root.touch-active .hud-bottom-right{right:calc(12px + env(safe-area-inset-right,0px))}@media (height<=700px){.game-root.touch-active .hud-button{padding:5px 9px;font-size:13px}.game-root.touch-active .inventory-bar{transform-origin:0 100%;transform:scale(.85)}}.status-bar .movement-penalty{color:var(--hud-accent);border:1px solid #a67c2e;border-left:4px solid #d0912e;border-radius:5px;align-self:center;margin-left:auto;padding:3px 10px;font-size:14px}.fps-counter{background:var(--hud-bg);border:1px solid var(--hud-border);font-variant-numeric:tabular-nums;opacity:.85;pointer-events:none;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:46px;left:12px}.renderer-warning{background:var(--hud-bg);border:1px solid #a67c2e;border-radius:6px;align-items:center;gap:12px;max-width:80vw;padding:8px 16px;font-size:14px;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%)}.renderer-warning button{border:1px solid var(--hud-border);color:var(--hud-text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:13px}.renderer-warning button:hover{border-color:var(--hud-accent)}.toast{background:var(--hud-bg);border:1px solid var(--hud-border);text-align:center;border-radius:6px;max-width:70vw;padding:6px 16px;font-size:14px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.journal{background:var(--paper);width:min(420px,90vw);color:var(--paper-ink);border-left:3px solid #8a6f45;flex-direction:column;display:flex;position:absolute;top:48px;bottom:56px;right:12px;box-shadow:-6px 0 18px #00000080}.journal header{border-bottom:1px solid #c9b488;justify-content:space-between;align-items:center;padding:10px 16px;font-size:18px;font-weight:600;display:flex}.journal .entries{flex:1;padding:12px 18px;overflow-y:auto}.journal .entry{margin-bottom:18px;position:relative}.journal .entry .date{letter-spacing:.5px;text-transform:uppercase;opacity:.7;font-size:12px}.journal .entry h4{margin:2px 0 4px;font-size:16px}.journal .entry p{margin:0;font-family:Segoe Script,Bradley Hand,Comic Sans MS,cursive;font-size:15.5px;line-height:1.55}.journal .entry.writing{cursor:pointer}.writing-hand{vertical-align:-.55em;transform-origin:15% 90%;filter:drop-shadow(0 1px 1px #28190a59);margin-left:1px;animation:.32s ease-in-out infinite alternate hand-wiggle;display:inline-block}.writing-hand .hand-skin{fill:#d9a86f;stroke:#a9794a;stroke-width:.6px}.writing-hand .pen-shaft{stroke:#3a2b1a;stroke-width:2.6px}.writing-hand .pen-nib{stroke:#14100a;stroke-width:2.6px}.writing-hand .pen-ink{fill:#2a1c33}.writing-hand.marked .hand-skin{fill:#b97f52;stroke:#8a5a30}.writing-hand.bloody .hand-skin{fill:#9e4234;stroke:#6f241a}.writing-hand.bloody .pen-ink{fill:#6f1710}@keyframes hand-wiggle{0%{transform:rotate(-3deg)translate(-.5px)}to{transform:rotate(2.5deg)translate(.5px,1px)}}.blood-marks .blood-drop{pointer-events:none;transform:rotate(var(--rot,0deg));opacity:.82;background:radial-gradient(at 40% 32%,#7c1c11 0%,#5c1109 55%,#390a05 100%);border-radius:58% 42% 47% 53%/63% 59% 41% 37%;position:absolute;box-shadow:.55em .28em 0 -.34em #5c1109,-.4em .5em 0 -.4em #6a140b,.28em .62em 0 -.42em #4a0d06}.blood-marks .blood-drop:after{content:"";background:linear-gradient(#5c1109 0%,#460f0880 55%,#0000 100%);border-radius:40% 40% 55% 55%;width:20%;height:130%;position:absolute;top:62%;left:44%}.blood-marks.severe .blood-drop{opacity:.92;background:radial-gradient(at 40% 32%,#8f1f12 0%,#6a130a 55%,#430a05 100%)}.journal .entry .sketch{float:right;opacity:.8;margin:2px 0 4px 10px;transform:rotate(-2deg)}.journal .entry.hint{background:#a078281f;border-left:3px solid #a07828;padding:6px 10px}.journal button{color:var(--paper-ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #8a6f45;border-radius:4px;padding:2px 10px}.journal .entry .speak{vertical-align:2px;opacity:.75;margin-left:8px;padding:0 7px;font-size:11px;line-height:1.6}.journal .entry .speak:hover{opacity:1}.journal .entry .voice-loading{opacity:.65;margin-bottom:2px;font-size:12px;font-style:italic}.region-label{letter-spacing:2.5px;text-transform:uppercase;color:#2f2417;opacity:.65;text-shadow:0 0 4px #f0e4c8b3;white-space:nowrap;pointer-events:none;font:italic 13px Georgia,serif}.journal,.map-overlay,.debug-menu{z-index:16778000}.dialog-backdrop{z-index:16779000;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog{background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:8px;width:min(460px,92vw);max-height:80vh;padding:18px 22px;overflow-y:auto}.dialog h3{color:var(--hud-accent);margin:0 0 6px}.dialog p.flavor{opacity:.85;font-size:14px;font-style:italic}.dialog .row{border-bottom:1px solid #d4b47826;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.dialog .row .price{color:var(--hud-accent);font-variant-numeric:tabular-nums}.trade-grid{grid-template-columns:1fr auto auto;align-items:center;gap:2px 14px;display:grid}.trade-grid.offer-grid{grid-template-columns:1fr auto}.trade-row{display:contents}.trade-row .trade-name{border-bottom:1px solid #d4b47826;padding:6px 0;font-size:15px}.trade-row .price{text-align:right;color:var(--hud-accent);font-variant-numeric:tabular-nums;border-bottom:1px solid #d4b47826;padding:6px 0}.trade-row .hud-button{border-bottom:1px solid #0000}.dialog .actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.overlay{text-align:center;z-index:16779000;background:#0a0805e0;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.overlay h1{color:var(--hud-accent);margin:0 0 12px;font-size:42px}.overlay p{max-width:560px;font-size:17px;line-height:1.6}.overlay .actions{gap:12px;margin-top:24px;display:flex}.overlay .hud-button{padding:10px 22px;font-size:17px}.state-dump{width:min(720px,94vw)}.state-dump-json{border:1px solid var(--hud-border);white-space:pre;-webkit-user-select:text;user-select:text;background:#0a0c12eb;border-radius:4px;max-height:55vh;margin:8px 0 0;padding:10px 12px;font-family:Consolas,monospace;font-size:12px;line-height:1.45;overflow:auto}.bench-progress{text-align:center;width:min(460px,92vw)}.bench-report{width:min(860px,96vw)}.bench-bar{border:1px solid var(--hud-border);background:#0a0c12b3;border-radius:4px;height:8px;margin:12px 0 10px;overflow:hidden}.bench-bar-fill{background:#d8b26a;height:100%;transition:width .2s linear}.bench-remaining,.bench-abort-hint{opacity:.75;margin:4px 0 0;font-size:13px}.bench-aborted{color:#e2a15a;margin:4px 0 0}.bench-headline{color:#d8b26a;margin:6px 0 0;font-size:13px;line-height:1.4}.bench-summary{border:1px solid var(--hud-border);white-space:pre;-webkit-user-select:text;user-select:text;background:#0a0c12eb;border-radius:4px;max-height:55vh;margin:8px 0 0;padding:10px 12px;font-family:Consolas,monospace;font-size:12px;line-height:1.45;overflow:auto}.debug-menu{color:#cbd5e0;background:#0a0c12eb;border:1px solid #4a5568;border-radius:6px;width:320px;max-height:calc(100vh - 70px);padding:12px 14px;font-family:Consolas,monospace;font-size:12.5px;position:absolute;top:48px;left:12px;overflow-y:auto}.debug-menu h3{color:#90cdf4;margin:0 0 8px;font-size:14px}.debug-menu label{justify-content:space-between;align-items:center;gap:8px;margin:5px 0;display:flex}.debug-menu input[type=number]{color:#e2e8f0;width:80px;font:inherit;background:#1a202c;border:1px solid #4a5568;border-radius:3px;padding:2px 6px}.debug-menu select{color:#e2e8f0;max-width:170px;font:inherit;background:#1a202c;border:1px solid #4a5568;border-radius:3px;padding:2px 6px}.debug-menu button{color:#e2e8f0;font:inherit;cursor:pointer;background:#2d3748;border:1px solid #4a5568;border-radius:3px;margin:2px 2px 2px 0;padding:3px 8px}.debug-menu .section{border-top:1px solid #2d3748;margin-top:8px;padding-top:8px}.map-label{border:1px solid var(--hud-border);color:var(--hud-text);white-space:nowrap;background:#18120abf;border-radius:4px;padding:2px 8px;font-size:13px;transform:translateY(-8px)}.map-label.landmark{background:#18120a73;border-color:#0000;font-size:12px;font-style:italic}.map-label.landmark.water-label{color:#bcd9ef}.map-label.undiscovered{color:#8a7f6c;opacity:.75;font-weight:700}