:root{--bg:#131010;--panel:#1d1815;--panel-edge:#3a2f24;--ink:#cfb98a;--ink-dim:#8a7a5c;--amber:#e0a93e;--rust:#b14a25;--blood:#c0392b;--toxic:#9fd935;--sky:#5fa8c0;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);min-height:100vh;font-family:Courier New,ui-monospace,Menlo,monospace;line-height:1.4}body:after{content:"";pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#00000080);position:fixed;inset:0}#app{max-width:1060px;margin:0 auto;padding:16px}h1,h2,h3{color:var(--amber);letter-spacing:.12em;text-transform:uppercase}button{font:inherit;color:var(--ink);border:1px solid var(--panel-edge);cursor:pointer;letter-spacing:.05em;background:#241d17;padding:6px 12px}button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}button:disabled{opacity:.35;cursor:default}button.danger{border-color:#5e2a1e}button.danger:hover:not(:disabled){border-color:var(--blood);color:var(--blood)}.pixel{image-rendering:pixelated}.title-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:90vh;padding:0 24px;display:flex}.title-screen p{max-width:560px}.title-screen .wordmark{width:min(602px,86vw);image-rendering:pixelated;filter:drop-shadow(0 0 18px #b14a2573)}.title-screen .tagline{color:var(--ink-dim);letter-spacing:.2em}.title-screen .menu{gap:16px;display:flex}.title-screen button{padding:10px 28px;font-size:1.05rem}.game{grid-template-columns:1fr 280px;gap:12px;display:grid}.main-col{flex-direction:column;gap:12px;display:flex}.panel{background:var(--panel);border:1px solid var(--panel-edge);padding:10px}.map-grid{border:1px solid var(--panel-edge);background:#000;grid-template-columns:repeat(12,48px);gap:0;width:fit-content;margin:0 auto;display:grid}.tile{width:48px;height:48px;image-rendering:pixelated;background-size:cover;position:relative}.tile.unknown{background:#0a0808}.tile.unknown:after{content:"";background:#0a0808;position:absolute;inset:0}.tile.fog{filter:brightness(.4)saturate(.45)}.tile.adjacent{cursor:pointer}.tile.adjacent:hover{outline:2px solid var(--amber);outline-offset:-2px;z-index:2}.tile .landmark{image-rendering:pixelated;filter:drop-shadow(0 2px 3px #0009);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.tile .pawn{image-rendering:pixelated;filter:drop-shadow(0 0 5px #e0a93ed9);z-index:3;background-position:bottom;background-repeat:no-repeat;background-size:contain;position:absolute;inset:2px}.hud{flex-direction:column;gap:10px;display:flex}.hud .loc{color:var(--amber);letter-spacing:.1em}.meter{margin-bottom:6px}.meter label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:.75rem;display:flex}.meter .bar{background:#0d0a08;border:1px solid #2a221b;height:8px}.meter .bar i{height:100%;transition:width .15s;display:block}.meter.hp .bar i{background:linear-gradient(90deg, #7e1f12, var(--blood))}.meter.ap .bar i{background:linear-gradient(90deg, #1f5e6e, var(--sky))}.meter.hunger .bar i{background:linear-gradient(90deg, #7e4a12, var(--amber))}.meter.thirst .bar i{background:linear-gradient(90deg,#1f3a6e,#4a7ac0)}.meter.rad .bar i{background:linear-gradient(90deg, #3e5629, var(--toxic))}.statline{justify-content:space-between;font-size:.85rem;display:flex}.statline b{color:var(--amber)}.hud .actions{flex-wrap:wrap;gap:6px;display:flex}.hud .statspend{gap:6px;display:flex}.hud .statspend button{flex:1;padding:4px;font-size:.8rem}.log{height:130px;color:var(--ink-dim);flex-direction:column;font-size:.82rem;display:flex;overflow-y:auto}.log div:last-child{color:var(--ink)}.combat-stage{border:1px solid var(--panel-edge);background:linear-gradient(#13101059,#131010e6),repeating-linear-gradient(115deg,#241c16 0 22px,#1d1613 22px 44px);justify-content:center;align-items:flex-end;gap:24px;min-height:220px;padding:24px 12px;display:flex}.enemy-card{text-align:center;cursor:pointer;border:1px solid #0000;padding:8px}.enemy-card.target{border-color:var(--blood);background:#c0392b14}.enemy-card.dead{opacity:.25;filter:grayscale();cursor:default}.enemy-card img{width:112px;height:112px;image-rendering:pixelated;object-fit:contain}.enemy-card.boss img{width:160px;height:160px}.enemy-card .ehp{background:#0d0a08;border:1px solid #2a221b;width:96px;height:6px;margin:4px auto 0}.enemy-card .ehp i{background:var(--blood);height:100%;display:block}.enemy-card .ename{margin-top:4px;font-size:.8rem}.player-card{text-align:center;padding:8px;position:relative}.player-card .wpn-badge{object-fit:contain;width:30px;height:30px;image-rendering:pixelated;border:1px solid var(--panel-edge);filter:drop-shadow(0 0 4px #e0a93e66);background:#0d0a08bf;padding:2px;position:absolute;bottom:26px;right:4px}.player-card img{width:112px;height:112px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 0 6px #e0a93e59);transform:scaleX(-1)}.player-card .ename{color:var(--amber);margin-top:4px;font-size:.8rem}.combat-stage .vs{color:var(--ink-dim);align-self:center;padding:0 6px;font-size:1.4rem}.anim-sprite{image-rendering:pixelated;background-repeat:no-repeat;display:inline-block}@keyframes sheet-cycle{0%{background-position-x:0%}to{background-position-x:100%}}.enemy-card.dead .anim-sprite{animation-play-state:paused!important}@keyframes hit-shake{0%,to{filter:none;transform:translate(0)}20%{filter:brightness(2)saturate(.3);transform:translate(-5px)}40%{transform:translate(4px)}60%{filter:brightness(1.6);transform:translate(-3px)}80%{transform:translate(2px)}}.enemy-card.hit{animation:.32s ease-out hit-shake}.fx-overlay{object-fit:contain;width:80%;height:80%;image-rendering:pixelated;pointer-events:none;margin:auto;position:absolute;inset:0}.enemy-card{position:relative}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.enemy-card img.idle{animation:1.7s ease-in-out infinite idle-bob}.player-card img.idle{animation:1.9s ease-in-out infinite idle-bob}.player-card img{transform-origin:bottom}.player-card img.idle{animation-name:idle-bob-flip}@keyframes idle-bob-flip{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-3px)}}.combat-menu{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.combat-menu .ap-tag{color:var(--sky);font-size:.7rem}.round-tag{text-align:center;color:var(--ink-dim);letter-spacing:.15em;font-size:.8rem}.overlay{z-index:50;background:#0a0806d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--amber);width:min(680px,92vw);max-height:84vh;padding:18px;overflow-y:auto}.sheet h2{margin-bottom:10px}.inv-row{border-bottom:1px solid #2a221b;align-items:center;gap:10px;padding:6px 4px;display:flex}.inv-row .item-icon{width:24px;height:24px;image-rendering:pixelated;object-fit:contain;flex:none}.inv-row .iname{width:170px}.inv-row .icount{color:var(--amber);width:36px}.inv-row .idesc{color:var(--ink-dim);flex:1;font-size:.78rem}.inv-row.equipped .iname:after{content:" [worn]";color:var(--toxic);font-size:.75rem}.sheet .closer{text-align:right;margin-top:14px}.event-screen,.ending{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:620px;margin:10vh auto;display:flex}.ending .illus{width:min(560px,88vw);image-rendering:pixelated;border:1px solid var(--panel-edge);box-shadow:0 0 40px #000000b3}.title-screen{position:relative;overflow:hidden}.title-screen p,.title-screen .tagline,.title-screen .help{text-shadow:0 1px 4px #000,0 0 12px #000000e6}.title-screen .title-backdrop{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;opacity:.45;z-index:-1;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 78%);mask-image:radial-gradient(#000 30%,#0000 78%)}.event-screen p,.ending p{color:var(--ink);line-height:1.7}.event-screen .illus{width:min(560px,88vw);image-rendering:pixelated;border:1px solid var(--panel-edge);box-shadow:0 0 40px #000000b3}.ending h1.dead{color:var(--blood);text-shadow:0 0 14px #c0392b99}.ending h1.won{color:var(--toxic);text-shadow:0 0 14px #9fd93580}.ending .runstats{color:var(--ink-dim);font-size:.9rem}.ending .runstats.gear{color:var(--ink);align-items:center;gap:8px;font-size:.9rem;display:flex}.ending .runstats.gear .item-icon{width:22px;height:22px;image-rendering:pixelated;object-fit:contain}.ending .runstats.gear .gear-sep{color:var(--ink-dim)}.help{color:var(--ink-dim);text-align:center;font-size:.72rem}.ledger{border:1px solid var(--panel-edge);background:#130f0de0;width:min(560px,90vw);padding:10px 12px;font-size:.78rem}.ledger-head{color:var(--amber);letter-spacing:.14em;border-bottom:1px solid var(--panel-edge);justify-content:space-between;align-items:baseline;margin-bottom:6px;padding-bottom:6px;font-size:.72rem;display:flex}.ledger-head span{color:var(--ink-dim);letter-spacing:.04em}.ledger-row{color:var(--ink-dim);align-items:center;gap:10px;padding:3px 0;display:flex}.ledger-row.won{color:var(--ink)}.ledger-row.won .lr-mark,.ledger-row.won .lr-out{color:var(--toxic)}.ledger-row .lr-mark{text-align:center;width:16px}.ledger-row .lr-out{letter-spacing:.06em;width:86px}.ledger-row .lr-stat{width:84px}.ledger-row .item-icon{width:18px;height:18px;image-rendering:pixelated;object-fit:contain}.ledger-row .lr-glow{color:var(--toxic)}.ending .pb{color:var(--amber);letter-spacing:.22em;text-shadow:0 0 12px #e0a93e99;font-size:.9rem}.combat-stage .flipped{transform:scaleX(-1)}.combat-stage img.idle.flipped{animation-name:idle-bob-flip}.settlement-bar{border-color:var(--amber);background:linear-gradient(#e0a93e0f,#0000);align-items:center;gap:12px;display:flex}.settlement-bar .sb-name{color:var(--amber);letter-spacing:.12em;flex:1;font-size:.85rem}.trade-sheet{background:var(--panel);border:1px solid var(--amber);width:min(880px,95vw);max-height:86vh;padding:18px;overflow-y:auto;box-shadow:0 0 60px #000000d9,inset 0 0 30px #e0a93e0a}.trade-sheet h2{text-align:center;margin-bottom:12px}.trade-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.trade-pane{border:1px solid var(--panel-edge);background:#181310;flex-direction:column;min-height:220px;display:flex}.trade-head{border-bottom:1px solid var(--panel-edge);color:var(--amber);letter-spacing:.14em;background:#241d17;justify-content:space-between;align-items:baseline;padding:8px 10px;font-size:.8rem;display:flex}.trade-head span{color:var(--ink-dim);letter-spacing:.05em;text-transform:lowercase;font-size:.68rem}.trade-empty{color:var(--ink-dim);padding:14px;font-size:.85rem}.trade-row{border-bottom:1px solid #241d17;align-items:stretch;display:flex}.trade-row.staged{background:#e0a93e14}.trade-add{text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:7px 10px;display:flex}.trade-add:hover:not(:disabled){background:#e0a93e1f}.trade-add .item-icon{width:22px;height:22px;image-rendering:pixelated;object-fit:contain;flex:none}.trade-add .tname{flex:1}.trade-add .tqty{color:var(--ink-dim);width:38px;font-size:.8rem}.trade-add .tprice{color:var(--amber);text-align:right;width:44px}.trade-minus{border:none;border-left:1px solid var(--panel-edge);color:var(--amber);background:#2a1d14;min-width:52px}.trade-minus:hover{color:var(--blood);border-color:var(--blood)}.trade-ledger{border:1px solid var(--panel-edge);letter-spacing:.05em;background:#100c0a;flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;padding:10px 12px;font-size:.9rem;display:flex}.trade-ledger .lg-sell{color:var(--toxic)}.trade-ledger .lg-buy{color:var(--blood)}.trade-ledger .lg-net{color:var(--amber);flex:1}.trade-ledger .lg-net.broke{color:var(--blood)}.trade-confirm{border-color:var(--amber);color:var(--amber);padding:8px 18px}.trade-confirm:disabled{border-color:var(--panel-edge)}