:root{--stone-dark: #14100c;--stone: #241d16;--stone-light: #372c21;--bronze: #6b4f2a;--bronze-light: #a37a42;--gold: #e8b44c;--gold-dim: #9c7530;--ember: #d8481f;--ink: #0a0806;--text: #e6d9c2;--text-dim: #9c8d76;--panel-h: 208px;--danger: #d0402a;--ok: #62b05a}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;min-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;background:#05040a;color:var(--text);font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game-canvas{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none}.cursor-hand{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><g fill='%23c4322a' stroke='%23461009' stroke-width='1.4'><path d='M11 30 C7 25 6 19 7 14 l2 0 1 7 1-11 2 0 1 11 1-12 2 0 1 12 1-9 2 0 1 10 c1 5 0 8-2 10z'/></g></svg>") 8 4,crosshair}.cursor-grab{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><g fill='%23e0533a' stroke='%23461009' stroke-width='1.4'><path d='M11 30 C6 24 5 18 7 13 l3 4 0-6 3 0 0 6 2-7 3 0 0 8 2-5 3 1 -1 9 c0 5-2 8-4 10z'/></g></svg>") 8 4,grab}.cursor-holding{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><g fill='%23a8241c' stroke='%23461009' stroke-width='1.4'><path d='M9 28 C6 23 6 17 9 13 c3-3 9-3 12 0 3 4 3 10 0 15z'/></g></svg>") 12 8,grabbing}.cursor-denied{cursor:not-allowed}.cursor-spell{cursor:crosshair}.cursor-build{cursor:cell}.cursor-sell{cursor:alias}#hud{position:fixed;inset:auto 0 0;height:calc(var(--panel-h) + env(safe-area-inset-bottom));display:flex;gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:10;background:linear-gradient(180deg,#3a2e22,#241d16 6%,#1a1510 60%,#100c09);border-top:3px solid var(--bronze);box-shadow:0 -2px #0a0806 inset,0 -22px 40px -20px #000 inset,0 -8px 30px #000c}#hud:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(115deg,transparent 0 3px,rgba(0,0,0,.5) 3px 4px),repeating-linear-gradient(25deg,transparent 0 7px,rgba(255,255,255,.16) 7px 8px)}.panel-block{position:relative;border:2px solid #0c0906;border-radius:4px;background:linear-gradient(180deg,#2b2219,#1a1410);box-shadow:0 1px #ffdca01a inset,0 -3px 8px #0009 inset;padding:6px}#minimap-block{flex:0 0 auto;width:190px;display:flex;flex-direction:column;gap:6px}#minimap-frame{position:relative;width:100%;aspect-ratio:1;border:3px solid var(--bronze);border-radius:3px;background:#06050a;box-shadow:0 0 0 1px #0a0806,0 0 14px #d8481f29 inset;overflow:hidden;cursor:pointer}#minimap{width:100%;height:100%;display:block;image-rendering:pixelated}.readouts{display:flex;gap:6px}.readout{flex:1;display:flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid #0c0906;border-radius:3px;background:linear-gradient(180deg,#1c1712,#0e0b08);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.readout .glyph{width:13px;height:13px;flex:0 0 auto}.readout .value{color:var(--gold);text-shadow:0 0 6px rgba(232,180,76,.35)}.readout.mana .value{color:#8fd0ff;text-shadow:0 0 6px rgba(143,208,255,.35)}.readout.warn .value{color:var(--danger);animation:pulse-warn 1.1s ease-in-out infinite}@keyframes pulse-warn{0%,to{opacity:1}50%{opacity:.45}}#tabs{flex:0 0 auto;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;max-height:100%;gap:5px;padding:6px}.tab{width:52px;height:44px;display:grid;place-items:center;border:2px solid #0c0906;border-radius:4px;background:linear-gradient(180deg,#3a2d20,#1d1710);box-shadow:0 1px #ffdca01f inset;cursor:pointer;transition:transform 90ms ease,box-shadow .12s ease,background .12s ease}.tab svg{width:26px;height:26px}.tab:hover{background:linear-gradient(180deg,#4a3a28,#241d14)}.tab:active{transform:translateY(1px)}.tab.active{background:linear-gradient(180deg,#6b4a22,#3a2612);border-color:var(--bronze-light);box-shadow:0 0 0 1px #e8b44c59,0 0 14px #e8b44c38,0 1px #ffdca02e inset}#tool-block{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}#tool-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dim);padding-left:2px}#tool-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-auto-rows:1fr;gap:6px;overflow-y:auto;align-content:start}.grid-note{grid-column:1 / -1;align-self:start;padding:10px 12px;max-width:62ch;font-size:12px;line-height:1.5;color:var(--text-dim)}.tool-button{position:relative;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid #0c0906;border-radius:4px;background:linear-gradient(180deg,#342a1e,#191410);box-shadow:0 1px #ffdca01a inset;cursor:pointer;padding:4px;transition:transform 90ms ease,box-shadow .12s ease,filter .12s ease}.tool-button svg{width:26px;height:26px}.tool-button .cost{font-size:11px;color:var(--gold);font-variant-numeric:tabular-nums}.tool-button .label{font-size:10px;color:var(--text-dim);text-align:center;line-height:1.1}.tool-button:hover{background:linear-gradient(180deg,#453726,#201a13)}.tool-button:active{transform:translateY(1px)}.tool-button.selected{border-color:var(--gold);box-shadow:0 0 0 1px #e8b44c80,0 0 16px #e8b44c4d,0 1px #ffdca033 inset}.tool-button.unaffordable{filter:grayscale(.75) brightness(.6)}.tool-button.unaffordable .cost{color:var(--danger)}.tool-button .building{position:absolute;left:4px;right:4px;bottom:2px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--gold-dim),var(--gold),var(--gold-dim));animation:building-pulse 1.4s ease-in-out infinite}@keyframes building-pulse{0%,to{opacity:.35}50%{opacity:1}}.tool-button .count{position:absolute;top:2px;right:4px;font-size:11px;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 4px #000}#info-block{flex:0 0 auto;width:268px;display:flex;flex-direction:column;gap:6px}#info-title{font-size:14px;color:var(--gold);letter-spacing:.06em;border-bottom:1px solid #0c0906;padding-bottom:3px}#info-body{flex:1;font-size:12px;line-height:1.45;color:var(--text-dim);overflow:hidden}#info-body .stat{display:flex;justify-content:space-between;gap:8px}#info-body .stat b{color:var(--text);font-weight:400}.bar{position:relative;height:6px;border-radius:3px;background:#0c0906;overflow:hidden;margin:2px 0 5px}.bar>i{position:absolute;inset:0 auto 0 0;display:block;border-radius:3px;transition:width .2s ease}.bar.hp>i{background:linear-gradient(90deg,#7a1f14,#d84a32)}.bar.hunger>i{background:linear-gradient(90deg,#6b4a12,#e0a83a)}.bar.tired>i{background:linear-gradient(90deg,#1f3a6b,#5a92d8)}.bar.anger>i{background:linear-gradient(90deg,#4a1060,#b048d0)}.bar.xp>i{background:linear-gradient(90deg,#2a5a2a,#6ad06a)}#messages{position:fixed;left:calc(14px + env(safe-area-inset-left));bottom:calc(var(--panel-h) + env(safe-area-inset-bottom) + 12px);width:min(440px,46vw);display:flex;flex-direction:column-reverse;gap:4px;z-index:9;pointer-events:none}.message{padding:5px 10px;border-left:3px solid var(--ember);border-radius:0 3px 3px 0;background:linear-gradient(90deg,#140e0aeb,#140e0a59);font-size:13px;color:var(--text);text-shadow:0 1px 2px #000;animation:message-in .26s ease-out}@keyframes message-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.message.fading{opacity:0;transition:opacity .7s ease}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:calc(7px + env(safe-area-inset-top)) 14px 7px;z-index:9;background:linear-gradient(180deg,#0a0806e6,#0a080600);pointer-events:none;font-size:13px}#topbar .title{font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);text-shadow:0 0 12px rgba(216,72,31,.4)}#topbar .spacer{flex:1}#topbar .chip{padding:2px 9px;border:1px solid #3a2c1e;border-radius:10px;background:#0c0906b3;color:var(--text-dim);font-variant-numeric:tabular-nums}#topbar .chip b{color:var(--text);font-weight:400}#topbar .chip.urgent{border-color:var(--danger);background:#3c0c08d9;animation:pulse-warn 1.1s ease-in-out infinite}#topbar .chip.urgent b{color:#ff9a86}#topbar button{pointer-events:auto}.icon-button{border:1px solid #3a2c1e;border-radius:4px;background:#0c0906cc;color:var(--text-dim);font:inherit;font-size:12px;padding:3px 9px;cursor:pointer}.icon-button:hover{color:var(--gold);border-color:var(--bronze-light)}.icon-button.is-off{color:#6b5f4e;text-decoration:line-through;text-decoration-color:var(--danger)}.icon-button:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}#overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(ellipse at center,#1e0804b3,#030204f5);backdrop-filter:blur(3px)}#overlay.hidden{display:none}.overlay-card{width:min(620px,90vw);max-height:86vh;display:flex;flex-direction:column;min-height:0;padding:26px 30px;border:2px solid var(--bronze);border-radius:6px;background:linear-gradient(180deg,#241d16,#100c09);box-shadow:0 0 60px #d8481f2e,0 20px 60px #000000b3;text-align:center}.overlay-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}.overlay-card h1{margin:0 0 4px;font-size:34px;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(180deg,#f6d98a,#d8a03c 45%,#8a5a1a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(216,72,31,.35)}.overlay-card h2{margin:0 0 18px;font-size:15px;color:var(--text-dim);font-weight:400;letter-spacing:.1em}.overlay-card p{color:var(--text-dim);font-size:14px;line-height:1.6}.overlay-card .keys{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:18px auto;max-width:460px;text-align:left;font-size:13px}.overlay-card .keys dt{color:var(--gold);font-variant-numeric:tabular-nums}.overlay-card .keys dd{margin:0;color:var(--text-dim)}.big-button{flex:0 0 auto;align-self:center;margin-top:14px;padding:11px 30px;border:2px solid var(--bronze-light);border-radius:5px;background:linear-gradient(180deg,#6b4a22,#34210f);color:var(--gold);font:inherit;font-size:16px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform 90ms ease,box-shadow .14s ease}.big-button:hover{box-shadow:0 0 22px #e8b44c59}.big-button:active{transform:translateY(1px)}@media (max-width: 900px),(max-height: 560px){:root{--panel-h: 150px}#info-block{display:none}#minimap-block{width:128px}.tab{width:44px;height:38px}.tab svg{width:22px;height:22px}#tool-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.tool-button{min-height:52px}.tool-button .label,#topbar .title{display:none}}@media (max-width: 560px){:root{--panel-h: 132px}#minimap-block{width:96px}#messages{width:70vw}}@media (pointer: coarse){.cursor-hand,.cursor-grab,.cursor-holding{cursor:default}.icon-button{padding:9px 14px;font-size:13px}.tab{width:56px;height:48px}.tool-button{min-height:68px}#minimap-frame{cursor:default}}@media (pointer: coarse) and (min-width: 900px){:root{--panel-h: 176px}#info-block{display:flex;width:220px}}#objectives{position:absolute;top:48px;left:12px;width:268px;max-width:calc(100vw - 24px);z-index:8;border:2px solid #0c0906;border-radius:5px;background:linear-gradient(180deg,#2b2219f0,#14100cf0);box-shadow:0 1px #ffdca01a inset,0 6px 24px #0009;font-size:12px;overflow:hidden}#objectives-header{display:flex;align-items:center;gap:7px;width:100%;padding:7px 9px;border:0;background:none;color:var(--gold);font:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left}#objectives-header:hover{color:#ffd98a}#objectives-header .label{flex:1}#objectives-header .caret{font-size:10px;transition:transform .12s ease}#objectives.collapsed #objectives-header .caret{transform:rotate(-90deg)}#objectives-header .count{font-size:11px;letter-spacing:.02em;text-transform:none;color:var(--text-dim)}#objectives-header .count.done{color:var(--ok)}#objectives.collapsed #objectives-list,#objectives.collapsed #objectives-banner{display:none}#objectives-banner{margin:0 7px 6px;padding:5px 8px;border-left:3px solid var(--ember);background:#d8481f24;color:#f0c8a8;font-size:12px}#objectives-banner.hidden{display:none}#objectives-banner.imminent{color:#ffc9a0;border-color:var(--danger);animation:pulse-warn 1.4s ease-in-out infinite}#objectives-list{list-style:none;margin:0;padding:0 9px 9px;display:flex;flex-direction:column;gap:6px}#objectives-list li{display:flex;gap:7px;align-items:flex-start;color:var(--text);line-height:1.35}#objectives-list li.bonus{color:var(--text-dim)}#objectives-list li.done .text{color:var(--ok);text-decoration:line-through}#objectives-list li.done .mark{color:var(--ok)}#objectives-list .mark{flex:0 0 auto;width:14px;height:14px;margin-top:2px;color:var(--gold-dim)}#objectives-list li.bonus .mark{color:#6b5a3f}#objectives-list .mark svg{width:100%;height:100%;display:block}#objectives-list .text{flex:1}#objectives-list .text em{font-style:normal;color:var(--gold-dim);white-space:nowrap}#objectives-list .bar{display:block;height:3px;margin-top:4px;background:#0c0906;border-radius:2px;overflow:hidden}#objectives-list .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold))}.brief-heading{margin:14px 0 6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim)}dl.objectives{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:4px 14px;margin:0;text-align:left;font-size:13px}dl.objectives dt{color:var(--text)}dl.objectives dd{margin:0;color:var(--text-dim)}dl.objectives.bonus dt{color:var(--text-dim)}dl.objectives.outcome dt.met{color:var(--ok)}dl.objectives.outcome dt.missed{color:var(--text-dim)}.brief-note{margin:12px 0 0;font-size:12px;color:var(--text-dim)}@media (max-width: 620px){dl.objectives{grid-template-columns:1fr;gap:2px}dl.objectives dd{margin-bottom:6px}}@media (max-width: 560px),(max-height: 460px){:root{--panel-h: 142px}#topbar{flex-wrap:nowrap;gap:5px;padding:calc(5px + env(safe-area-inset-top)) 7px 5px;font-size:11px}#topbar .chip{padding:2px 6px;white-space:nowrap}#topbar #chip-fps,#topbar #chip-payday{display:none}#topbar .icon-button{padding:7px 8px;font-size:11px}#objectives{top:calc(40px + env(safe-area-inset-top));left:7px;width:196px;font-size:10.5px}#objectives-header{padding:6px 7px;font-size:11px}#objectives-list{max-height:32vh;overflow-y:auto;-webkit-overflow-scrolling:touch}#hud{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:5px;padding:6px 7px calc(6px + env(safe-area-inset-bottom))}#minimap-block{grid-area:1 / 1 / 3 / 2}#tabs{grid-area:1 / 2 / 2 / 3}#tool-block{grid-area:2 / 2 / 3 / 3}#minimap-block{width:156px;display:grid;grid-template-columns:84px minmax(0,1fr);gap:4px;align-content:start}#minimap-frame{grid-row:1 / span 2}.readouts{flex-direction:column;gap:4px}.readout{padding:2px 4px;font-size:11px;gap:3px}.readout .glyph{width:11px;height:11px}#tabs{flex-direction:row;padding:4px;gap:4px}.tab{width:36px;height:30px}.tab svg{width:19px;height:19px}#tool-title{font-size:10px;letter-spacing:.1em}#tool-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64px;grid-auto-rows:auto;gap:5px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tool-button{min-height:0;padding:3px}.tool-button svg{width:22px;height:22px}.tool-button .cost{font-size:10px}.grid-note{grid-row:1;width:74vw;max-width:none;padding:4px 6px;font-size:11px;line-height:1.35}#messages{width:62vw}}@media (max-height: 460px){:root{--panel-h: 116px}#tool-title{display:none}#objectives-list{max-height:44vh}#minimap-block{width:150px;grid-template-columns:74px minmax(0,1fr)}}#compass{position:fixed;inset:46px 14px calc(var(--panel-h) + env(safe-area-inset-bottom) + 14px) 14px;pointer-events:none;z-index:7}.compass-mark{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;padding:2px 7px 2px 4px;border:1px solid color-mix(in srgb,var(--mark) 55%,#0c0906);border-radius:11px;background:#0a0806b8;color:var(--mark);font-size:11px;letter-spacing:.04em;white-space:nowrap;text-shadow:0 1px 3px #000;transition:opacity .2s ease}.compass-mark .arrow{display:inline-block;font-size:9px;line-height:1;transform-origin:50% 50%}.compass-mark .dist{color:var(--text-dim);font-variant-numeric:tabular-nums}.compass-mark .dist:after{content:" tiles";opacity:.55}.compass-mark.on-screen{opacity:.32}.compass-mark.on-screen .arrow{display:none}@media (max-width: 560px),(max-height: 460px){#compass{inset:40px 8px calc(var(--panel-h) + env(safe-area-inset-bottom) + 8px) 8px}.compass-mark{font-size:10px;padding:1px 5px 1px 3px}.compass-mark .dist:after{content:""}}