:root{--bg:#0d0a0f;--bg-panel:#1b1426;--bg-panel2:#2b213a;--border:#3e3554;--text:#e8e6f0;--muted:#8a87a8;--gold:#f2c94c;--green:#4fae4f;--red:#d13b3b;--blue:#4f7ad1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);image-rendering:pixelated;font-family:Courier New,ui-monospace,monospace;font-size:18px}.app{display:flex;flex-direction:column;height:100%}.boot{text-align:center;color:var(--muted);padding:40px}.topbar{display:flex;background:var(--bg-panel);border-bottom:2px solid var(--border);flex:none;align-items: center;gap:14px;padding:6px 12px}.topbar .title{letter-spacing:2px;color:var(--gold);text-shadow:2px 2px #000;font-weight:700}.spacer{flex:1}.gold{color:var(--gold);font-weight:700}.muted{color:var(--muted)}.small{font-size:15px}.panel{background:var(--bg-panel);border:2px solid var(--border);margin-bottom:8px;padding:8px}.panel-title{letter-spacing:1px;margin-bottom:6px;font-weight:700}.panel.grow{display:flex;flex-direction:column;flex:1;min-height:100px}.row{display:flex;justify-content:space-between;align-items: center;gap:6px;margin:3px 0}.row-buttons{display:flex;align-items: center;gap:4px}.dungeon-screen{display:flex;flex:1;min-height:0}.canvas-wrap{display:flex;overflow:hidden;background:#000;flex:1;justify-content:center;align-items: center;min-width:0}.game-canvas{image-rendering:pixelated;background:var(--bg)}.sidebar{display:flex;overflow-y:auto;background:var(--bg);flex-direction:column;flex:0 0 440px;width:440px;padding:8px}.party-row{border-bottom:1px solid var(--border);padding:4px 0}.party-row.downed{opacity:.75}.party-row-head{margin-bottom:2px}.village-scene-wrap{display:flex;overflow:hidden;background:#000;flex:1;justify-content:center;align-items: center;min-height:0}.building-view{overflow-y:auto;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:14px}.building-header{display:flex;border-bottom:2px solid var(--border);align-items: center;gap:14px;margin-bottom:12px;padding-bottom:10px}.building-title{letter-spacing:2px;color:var(--gold);text-shadow:2px 2px #000;font-size:26px;font-weight:700}.building-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items: start;gap:10px}.building-cols.cols-wide{grid-template-columns:repeat(auto-fill,minmax(520px,1fr))}.hero-card .row .row-buttons{flex:auto;min-width:0}.hero-card .row .row-buttons select{flex:1 1 0;min-width:0}.grave{display:flex;align-items: flex-start;gap:10px}.grave-stone{filter:grayscale(1);font-size:30px}.epitaph{color:var(--muted);margin:3px 0;font-style:italic}.class-sprite{image-rendering:pixelated;flex:none}.portrait-row{display:flex;align-items: flex-start;gap:10px;margin-bottom:4px}.gate-row{display:flex;align-items: center;gap:8px}.gate-card{position:relative;cursor:pointer}.gate-card:hover{border-color:var(--muted)}.gate-card.gate-selected{border-color:var(--gold);box-shadow:0 0 16px #f2c94c26}.stamp{position:absolute;color:var(--gold);border:2px solid var(--gold);letter-spacing:2px;z-index:2;background:#0d0a0fbf;padding:1px 8px;font-weight:700;top:8px;right:12px;transform:rotate(7deg)}.gate-card.gate-selected .panel-title{padding-right:130px}.gate-controls{cursor:default;border-top:1px dotted var(--border);margin-top:6px;padding-top:4px}.potion-stepper{display:inline-flex;border:1px solid var(--border);align-items: center;gap:5px;padding:1px 6px}.gate-descend{padding:6px 16px}.hero-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.hero-tab{display:flex;align-items: center;gap:6px;padding:4px 10px 4px 4px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;align-items: start;gap:14px}@media (max-width:980px){.shop-grid{grid-template-columns:1fr}}.panel-sub{color:var(--muted);margin:-4px 0 8px;font-size:14px}.building-cols.cols-equal{grid-auto-rows:1fr;align-items:stretch}.spell-card{border-left:3px solid var(--blue);display:flex;flex-direction:column;gap:4px}.spell-card.spell-known{border-left-color:var(--green);opacity:.85}.spell-card-foot{margin-top:auto;padding-top:4px}.recruit-card{display:flex;flex-direction:column;gap:4px}.recruit-card .btn-primary{align-self: flex-start;margin-top:auto}.spell-kind{border:1px solid var(--border);padding:0 5px;font-size:13px;font-weight:700}.spell-kind-attack{color:#ff8a7a;border-color:var(--red)}.spell-kind-heal{color:#95d65a;border-color:var(--green)}.spell-kind-buff{color:var(--gold);border-color:var(--gold)}.spell-kind-debuff{color:#7ec8e8;border-color:var(--blue)}.spell-kind-summon{color:#c79ae8;border-color:#8a5fb0}.spell-desc{margin:4px 0}.mana-cost{color:var(--blue);font-weight:700}.req-met{color:#95d65a}.req-unmet{color:var(--red)}.chip-row{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.pager{justify-content:center;gap:10px;margin-top:6px}.sale-row{border-bottom:1px solid #221a30;padding:4px 0}.flavor{color:var(--muted);font-style:italic}.search-input{background:var(--bg-panel2);color:var(--text);border:1px solid var(--border);min-width:140px;padding:3px 6px;font-family:inherit;font-size:15px}.story{border-top:1px dotted var(--border);margin-top:6px;padding-top:4px;line-height:1.5}.recruit-stats{color:var(--gold);margin-top:2px}.welcome{width:min(680px,94vw)}.welcome-list p{margin:10px 0;line-height:1.5}.debrief{width:min(620px,94vw)}.debrief-wiped{border-color:var(--red);box-shadow:0 0 24px #d13b3b40}.debrief-title{letter-spacing:2px;color:var(--gold);text-shadow:2px 2px #000;font-size:26px;font-weight:700}.debrief-title-wiped{color:var(--red)}.debrief-sub{margin:4px 0 10px}.debrief-row{display:flex;border-top:1px solid #221a30;align-items: flex-start;gap:10px;padding:6px 0}.debrief-row-dead{opacity:.8}.debrief-row-dead .class-sprite{filter:grayscale(1)}.debrief-row-body{flex:1;line-height:1.5}.debrief-footer{border-top:1px solid var(--border);margin-top:8px;padding-top:6px}.telemetry-notice{position:fixed;display:flex;background:var(--bg-panel);border:2px solid var(--border);z-index:60;align-items: center;gap:12px;max-width:640px;padding:8px 12px;font-size:16px;bottom:10px;left:50%;transform:translate(-50%);box-shadow:4px 4px #00000080}.hero-card .equip-row{margin:1px 0}.injury-row{display:inline-flex;align-items: center;gap:4px;margin:2px 4px 2px 0}.recruit{border-bottom:1px solid var(--border);padding:4px 0}.check-row{display:block;cursor:pointer;padding:2px 0}.chronicle{overflow-y:auto;max-height:180px}.bar{position:relative;border:1px solid var(--border);background:#000;height:18px;margin:2px 0}.bar-fill{position:absolute;width:50%;inset:0}.bar-label{position:relative;z-index:1;text-shadow:1px 1px #000;padding-left:4px;font-size:14px;line-height:17px}.btn{background:var(--bg-panel2);color:var(--text);border:2px solid var(--border);cursor:pointer;padding:4px 10px;font-family:inherit;font-size:16px}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:default}.btn.active{border-color:var(--gold);color:var(--gold)}.btn-primary{border-color:var(--green);color:#95d65a}.btn-warn{border-color:var(--gold);color:var(--gold)}.btn-danger{border-color:var(--red);color:var(--red)}.btn-small{padding:2px 8px;font-size:15px}.btn-tiny{padding:1px 5px;font-size:13px}.btn.wide{width:100%;margin-top:6px;padding:8px}.speed-controls{display:flex;gap:4px}.tag{border:1px solid var(--border);color:var(--muted);margin-left:4px;padding:0 4px;font-size:13px}.tag-bad{color:var(--red);border-color:var(--red)}.tag-party{color:var(--gold);border-color:var(--gold)}.tag-recovering{color:var(--blue);border-color:var(--blue)}.tag-idle{color:var(--green)}.tag-perk-positive{color:#95d65a;border-color:var(--green)}.tag-perk-negative{color:#ff7a9c;border-color:var(--red)}.tag-perk-neutral{color:var(--muted)}.item-stats{color:var(--muted);font-size:13px}.combat-log{overflow-y:auto;flex:1;min-height:120px;max-height:40vh;font-size:15px}.log-line{border-bottom:1px dotted #221a30;padding:1px 0}.log-dmg{color:var(--text)}.log-heal{color:#95d65a}.log-loot{color:#7ec8e8}.log-gold{color:var(--gold)}.log-level{color:var(--gold);font-weight:700}.log-bad{color:var(--red);font-weight:700}.log-info{color:var(--muted)}select,input[type=number]{background:var(--bg-panel2);color:var(--text);border:1px solid var(--border);font-family:inherit;font-size:15px}.modal-overlay{position:fixed;display:flex;z-index:50;background:#000000b3;justify-content:center;align-items: center;inset:0}.modal{overflow-y:auto;width:min(720px,94vw);max-height:86vh}.modal-footer{justify-content:flex-end;margin-top:10px}.modal.tactics-modal{width:min(1000px,96vw)}.rules{margin:8px 0}.rule-row{display:flex;border-bottom:1px solid #221a30;flex-wrap:nowrap;align-items: center;gap:6px;padding:6px 2px}.rule-row select{flex:0 auto;min-width:0;max-width:240px}.rule-row.rule-disabled{opacity:.45}.rule-buttons{display:flex;flex:none;gap:3px;margin-left:auto}.num-input{flex:none;width:64px}@media (max-width:920px){.rule-row{flex-wrap:wrap}}