:root{color-scheme:dark;--bg: #15110e;--panel: #241d17;--border: #4a3a2a;--text: #e8dcc8;--muted: #9a8a74;--path: #6b5236;--camp: #b8862b;--accent: #d9a441;--danger: #c0392b;--ok: #4caf50;font-family:ui-monospace,Consolas,Courier New,monospace;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button{font:inherit;color:inherit;background:#332920;border:1px solid var(--border);border-radius:3px;padding:3px 8px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.active{background:var(--accent);color:#1a1208}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;gap:6px;align-items:center;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.toolbar .status{margin-left:12px}.toolbar .seed{margin-left:auto;color:var(--muted)}.main{display:flex;flex:1;min-height:0}.left{flex:1;min-width:0;display:flex;flex-direction:column;padding:12px;gap:12px;overflow:auto}.right{width:380px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--panel);min-height:0}.map{display:inline-block;border:1px solid var(--border);background:#0d0a08}.row{display:flex}.cell{width:38px;height:38px;padding:0;border:1px solid #1f1812;border-radius:0;background:#0d0a08;position:relative;overflow:hidden}.cell.path{background:var(--path)}.cell.camp{background:var(--camp);color:#1a1208}.cell.tile{background:#2f5d3a}.cell.tile.path{background:#7a6a2a}.cell.tile-roca{background:#5c5c5c}.cell.tile-playa{background:#c9b26b;color:#1a1208}.cell.tile-manglar{background:#2e6b4f}.cell.tile-pecio{background:#4a3327}.cell.targeting:hover{outline:2px solid var(--accent);outline-offset:-2px}.cell-label{font-size:9px;position:absolute;bottom:1px;left:2px;right:2px;text-align:center;white-space:nowrap;overflow:hidden}.cell .enemies{position:absolute;top:1px;right:2px;font-size:11px;color:#ff8a80}.cell .hero{position:absolute;top:2px;left:3px;font-size:18px;color:#ffeb3b;text-shadow:0 0 3px #000}.map-footer{margin-top:6px;display:flex;gap:12px}.hint{color:var(--muted)}.error{color:#ff8a80}.panel-title{font-weight:700;color:var(--accent);margin:8px 0 4px}.cards{display:flex;flex-wrap:wrap;gap:6px}.card{width:92px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.card small{color:var(--muted)}.card.kind-road{border-color:#a0763a}.card.kind-roadside{border-color:#3a8a5a}.card.kind-landscape{border-color:#6a7fa0}.card.selected{outline:2px solid var(--accent)}.hero-panel{padding:0 12px 12px;overflow:auto;flex:1}.hpbar{position:relative;height:18px;background:#3a1d1a;border:1px solid var(--border)}.hpfill{height:100%;background:var(--danger)}.hpbar span{position:absolute;inset:0;text-align:center;line-height:16px;font-weight:700}.combat{margin-top:6px;padding:4px 6px;border:1px dashed #a0433a}.stats{width:100%;margin-top:6px}.stats td:last-child{text-align:right}.list{list-style:none;padding:0;margin:0}.list li{padding:2px 0}.list li.rare{color:#9fd3ff}.resources{display:flex;flex-wrap:wrap;gap:10px}.muted{color:var(--muted)}.log{height:240px;display:flex;flex-direction:column;border-top:1px solid var(--border);padding:0 12px 8px}.log-lines{overflow:auto;flex:1;color:var(--muted)}.log-lines div:last-child{color:var(--text)}.camp-grid{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:12px;padding:12px;overflow:auto;flex:1;min-height:0}.camp-panel{background:var(--panel);border:1px solid var(--border);padding:8px 12px 12px;overflow:auto}.buildings,.deck-cards{display:flex;flex-direction:column;gap:8px}.building,.deck-card,.class-card{border:1px solid var(--border);padding:6px 8px;background:#1b1612;text-align:left;color:inherit;width:100%;display:block}.building.built{border-color:#3a8a5a}.building-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.counter{display:inline-flex;align-items:center;gap:6px}.counter button{width:26px;padding:2px 0}.class-card{margin-bottom:8px;cursor:pointer}.class-card.selected{outline:2px solid var(--accent)}.class-card:disabled{opacity:.5;cursor:default}.tag{font-size:11px;padding:1px 6px;border:1px solid var(--border);border-radius:3px;color:var(--muted)}.tag.ok{color:var(--ok);border-color:var(--ok)}.small{font-size:12px}.ok{color:var(--ok)}.row-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.banner{padding:6px 12px;background:#3a1d1a}button.primary{background:var(--accent);color:#1a1208;font-weight:700}button.danger{border-color:#7a2a22;margin-left:auto}button.link{background:none;border:none;padding:0;color:var(--muted);text-decoration:underline}.overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background:var(--panel);border:2px solid var(--accent);padding:16px 20px;min-width:360px;max-width:640px}.trait-options{display:flex;gap:10px}.trait{flex:1;text-align:left;padding:10px}.trait:hover{outline:2px solid var(--accent)}@media(max-width:900px){.main{flex-direction:column;overflow:auto}.right{width:auto;border-left:none;border-top:1px solid var(--border);flex:none}.hero-panel{max-height:40vh}.log{height:160px}.camp-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .seed{margin-left:0}.trait-options{flex-direction:column}.modal{min-width:0;width:calc(100vw - 32px)}}@media(pointer:coarse){button{padding:8px 12px;min-height:40px}.card{width:104px;height:64px}}.icon{image-rendering:pixelated;vertical-align:middle;flex-shrink:0}.res-list{display:inline-flex;flex-wrap:wrap;gap:8px;vertical-align:middle}.res{display:inline-flex;align-items:center;gap:3px}.toolbar .logo{margin-right:4px}.building{display:flex;gap:10px;align-items:flex-start}.building-body{flex:1;min-width:0}.building.unbuilt .building-icon{filter:grayscale(1) brightness(.7)}.card-title{display:inline-flex;align-items:center;gap:8px}.class-card{display:flex;gap:10px;align-items:flex-start}.class-body{flex:1;min-width:0}.class-bust{margin-right:6px}.card{height:auto;min-height:56px;padding:6px 4px}.empty-hand{display:inline-flex;align-items:center;gap:8px}.list li.item-row{display:flex;align-items:center;gap:6px}.list li.rare .icon{filter:drop-shadow(0 0 3px #9fd3ff)}.stats td .icon{margin-right:4px}.trait b{display:inline-flex;align-items:center;gap:6px}.menu{position:relative;height:100vh;overflow:hidden;display:flex;justify-content:center}.menu-bg{position:absolute;inset:0;background:radial-gradient(ellipse 22% 14% at 78% 74%,#5b4a32 0 60%,transparent 62%),radial-gradient(ellipse 30% 10% at 18% 82%,#4a3a26 0 60%,transparent 62%),linear-gradient(180deg,#0d1626,#1d2f4a 45%,#2d4a66 62%,#1a3247 63%,#0f2233)}.menu-bg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgb(255 255 255 / .025) 0 12px,transparent 12px 24px);box-shadow:inset 0 0 160px #000c}.placeholder-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#e8dcc88c;border:1px dashed rgb(232 220 200 / .35);padding:2px 6px}.menu-bg .placeholder-tag{position:absolute;right:16px;bottom:12px;z-index:1}.menu-column{position:relative;z-index:1;width:min(340px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#241d17bf,#241d17f2 40%);border-left:3px solid var(--border);border-right:3px solid var(--border);box-shadow:0 0 40px #000000b3;padding:20px 20px 24px;overflow-y:auto}.menu-logo{width:100%;min-height:34vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed rgb(217 164 65 / .5);background:#00000040;margin-bottom:auto}.menu-logo-title{font-size:clamp(28px,5vh,44px);font-weight:700;line-height:1.05;text-align:center;text-transform:uppercase;color:var(--accent);text-shadow:3px 3px 0 #6b3a14,0 0 18px rgb(217 164 65 / .3)}.menu-buttons{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:28px}.menu-button{width:100%;padding:10px 12px;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#4a3d30,#2f261d);border:2px solid #5c4935;border-radius:14px;box-shadow:inset 0 1px #ffffff1f,0 2px #120d09}.menu-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.menu-volumes{display:flex;flex-direction:column;gap:8px;padding:6px 4px}.menu-slider{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--accent)}.menu-slider input{flex:1;accent-color:var(--accent)}.menu-mute{align-self:center;font-size:12px;background:transparent;border-color:transparent;color:var(--muted)}.menu-slot{display:flex;gap:6px}.menu-slot .slot-main{display:flex;flex-direction:column;gap:2px;text-align:left}.menu-slot .slot-main small{font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}.menu-slot.empty .slot-main{opacity:.75;border-style:dashed}.menu-slot-delete{border-radius:14px;color:var(--danger)}.run-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top side" "map side" "hand side";height:100vh;overflow:hidden}.topbar{grid-area:top;display:flex;align-items:center;gap:12px;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar-bars{display:flex;flex-direction:column;gap:3px;width:280px;flex-shrink:0}.topbar-controls{display:flex;gap:4px}.topbar-controls .big{min-width:40px;font-size:16px}.phase-label{min-width:160px;text-align:center;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border:1px solid var(--border);background:#1b1612}.phase-label.phase-paused{color:var(--accent)}.phase-label.phase-combat{color:#ff8a80;border-color:#7a2a22}.topbar-info{color:var(--muted)}.topbar-info .boss{color:#ff8a80}.bar{position:relative;height:14px;background:#1b1310;border:1px solid var(--border)}.bar-fill{height:100%;transition:width .15s linear}.bar span{position:absolute;inset:0;text-align:center;font-size:11px;line-height:12px;font-weight:700;text-shadow:0 0 2px #000,0 0 2px #000}.bar-hp .bar-fill{background:#8fbf3a}.bar-enemy .bar-fill{background:#c0392b}.bar-xp{height:9px}.bar-xp .bar-fill{background:#d9a441}.bar-xp span{font-size:9px;line-height:7px}.bar-day{height:5px}.bar-day .bar-fill{background:#8fc7ff;transition:none}.bar-map{height:6px}.bar-map .bar-fill{background:var(--accent)}.map-area{grid-area:map;position:relative;min-height:0;min-width:0;display:flex;background:#0b0f1a}.map-canvas{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:0}.map-hint{position:absolute;left:8px;bottom:6px;display:flex;gap:12px;pointer-events:none;text-shadow:0 0 3px #000,0 0 3px #000}.map-hint .hint{color:var(--text);opacity:.85}.combat-window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,80%);height:min(380px,78%);display:flex;flex-direction:column;background:#0d0a08;border:3px solid #6d6a63;outline:2px solid #2a241e;box-shadow:0 8px 30px #000000b3;pointer-events:none;z-index:2}.combat-title{text-align:center;font-weight:700;letter-spacing:1px;padding:4px;color:#ff8a80;background:#241d17;border-bottom:1px solid var(--border)}.combat-arena{flex:1;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;padding:12px 20px;min-height:0}.combat-side{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px 18px}.fighter{position:relative;width:88px;display:flex;flex-direction:column;align-items:center;gap:4px}.fighter .bar{width:100%}.fighter-body{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.fighter-body img{width:64px;height:64px;image-rendering:pixelated}.fighter-body img.flip{transform:scaleX(-1)}.fighter.small{width:64px}.fighter.small .fighter-body,.fighter.small .fighter-body img{width:48px;height:48px}.fighter-fallback{font-size:22px;font-weight:700;color:var(--muted)}.fighter-name{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lunge-right{animation:lunge-right .25s ease-out}.lunge-left{animation:lunge-left .25s ease-out}@keyframes lunge-right{40%{transform:translate(14px)}}@keyframes lunge-left{40%{transform:translate(-14px)}}.popups{position:absolute;inset:0;pointer-events:none}.popup{position:absolute;top:24px;font-weight:700;font-size:16px;text-shadow:0 0 3px #000,0 0 3px #000;animation:popup .9s ease-out forwards}.popup-dmg{color:#ffeb3b}.popup-hurt{color:#ff5252}.popup-heal{color:#69f0ae}.popup-miss{color:#fff;font-size:12px}@keyframes popup{to{transform:translateY(-28px);opacity:0}}.hand-bar{grid-area:hand;display:flex;align-items:stretch;gap:8px;padding:10px 10px 8px;background:var(--panel);border-top:1px solid var(--border);min-width:0;-webkit-user-select:none;user-select:none}.hand-count{align-self:center;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}.hand-cards{flex:1;display:flex;gap:6px;overflow-x:auto;min-width:0;padding-top:8px}.hand-bar .card{flex-shrink:0;width:92px;height:118px;min-height:0;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;border-width:2px;background:#2b221a;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;transition:transform .1s}.hand-bar .card:hover{transform:translateY(-4px)}.hand-bar .card.selected{transform:translateY(-8px);outline:2px solid #b6f58a}.hand-bar .card.dragging{opacity:.35}.card-art{width:100%;height:58px;display:flex;align-items:center;justify-content:center;background:#120e0b;border:1px solid var(--border)}.hand-bar .card b{font-size:12px;text-align:center;line-height:1.1}.card-ghost{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:20;opacity:.85;filter:drop-shadow(0 4px 6px rgba(0,0,0,.8))}.retreat{width:88px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:28px}.retreat small{font-size:11px}.side{grid-area:side;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--border);min-height:0}.loop-header{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border)}.loop-badge{display:flex;flex-direction:column;align-items:center;line-height:1;padding:2px 10px;border:1px solid var(--border);background:#1b1612}.loop-badge small{color:var(--muted);font-size:10px;text-transform:uppercase}.loop-badge b{font-size:20px;color:var(--accent)}.loop-progress{flex:1;display:flex;flex-direction:column;gap:2px;color:var(--muted)}.side-section{padding:6px 10px 8px;border-bottom:1px solid var(--border)}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-weight:700;color:var(--accent);margin-bottom:6px}.section-title small{font-weight:400;font-size:10px}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.slot{position:relative;aspect-ratio:1;padding:0;display:flex;align-items:center;justify-content:center;background:#120e0b;border:2px solid #3a2e22;border-radius:2px}.slot.empty{cursor:default}.slot.empty .icon{opacity:.18;filter:grayscale(1)}.slot.filled{background:#2b221a;border-color:#6b5a44}.slot.filled.rare{border-color:#5a9fd6;box-shadow:inset 0 0 8px #9fd3ff59}.slot .icon{width:70%;height:70%}.slot-level{position:absolute;left:3px;bottom:1px;font-size:10px;font-weight:700;text-shadow:0 0 2px #000}.equipment .slot{border-color:#5a4a36}.info-panel{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 10px 10px;background:#3a1a16;border-top:2px solid #6b2a22}.info-tabs{display:flex;gap:4px;margin-bottom:6px}.info-tabs button{flex:1}.info-body{overflow:auto;min-height:0}.info-body p{margin:6px 0}.info-heading{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-bottom:4px}.info-heading .rare{color:#9fd3ff}.info-panel .log-lines{flex:1;overflow:auto;min-height:0;color:var(--muted)}.trait-icons{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.totals{margin-top:6px}@media(max-width:900px){.run-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(240px,55vh) auto auto;grid-template-areas:"top" "map" "hand" "side";height:auto;min-height:100vh;overflow:visible}.topbar{flex-wrap:wrap}.topbar-bars{width:100%}.side{border-left:none}.info-panel{max-height:50vh}.hand-bar .card{width:80px;height:104px}}