:root{--ground: #1c2333;--panel: #232b40;--panel-2: #29334c;--line: #3a4560;--ink: #e8e6df;--ink-dim: #a7b0c4;--gold: #d9a441;--warn: #e0894f;--bad: #c96060;--good: #6fbf73;--ember: #e06a3d;--verdant: #5da944;--tap: 44px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--col: 560px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,sans-serif;font-size:15px;background:#131826;color:var(--ink);overscroll-behavior:none}#root{max-width:var(--col);margin:0 auto;min-height:100dvh;background:var(--ground);position:relative;box-shadow:0 0 60px #0008}h1,h2,h3{margin:0 0 .4rem;line-height:1.2}h2{font-size:1.1rem}h3{font-size:.98rem}p{margin:0 0 .5rem;line-height:1.45}small{font-size:.8rem}.desc{color:var(--ink-dim);font-size:.85rem}.warn{color:var(--warn);font-size:.82rem}.have{color:var(--good)}.need{color:var(--warn)}ul{margin:.2rem 0;padding-left:1.1rem}button{font:inherit;min-height:var(--tap);padding:.5rem .9rem;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button.active{border-color:var(--gold);background:#34406099}button.primary{background:linear-gradient(#3d5aa0,#2f4680);border-color:#6b83c0;font-weight:600;width:100%}button.danger{border-color:#a34b4b;color:#f0c2c2}select{font:inherit;width:100%;min-height:var(--tap);padding:.4rem;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:inherit}progress{width:100%;height:6px}.title-screen{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2rem 1.2rem calc(2rem + var(--safe-b));text-align:center;background:radial-gradient(ellipse at 50% 20%,#2b344f,#1c2333 60%)}.title-screen h1{font-size:2.4rem;color:var(--gold);letter-spacing:.04em}.subtitle{color:var(--ink-dim);font-style:italic}.title-actions{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:320px;margin-top:1.4rem}.version-stamp{margin-top:auto;padding-top:1.5rem;color:#6c7590;font-size:.72rem}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.top-bar{position:sticky;top:0;z-index:4;padding:calc(.35rem + var(--safe-t)) .5rem .35rem;background:#1c2333f2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.res-strip{display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem}.res-strip::-webkit-scrollbar{display:none}.res-chip{flex:0 0 auto;padding:.2rem .5rem;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.76rem;white-space:nowrap}.res-chip b{color:var(--gold)}.res-chip.res-full b{color:var(--warn)}.res-chip.tier-arcane{border-color:#59d6d066}.res-chip.tier-wild{border-color:#e0894f66}.res-chip.tier-mythic{border-color:#d9a44199}.stat-strip{display:flex;align-items:center;gap:.7rem;font-size:.8rem;color:var(--ink-dim)}.stat-strip .tick-stamp{margin-left:auto;font-variant-numeric:tabular-nums}.menu-btn{min-height:32px;padding:.1rem .5rem;border-radius:8px}.screen{flex:1;padding:.6rem .6rem calc(5rem + var(--safe-b));display:flex;flex-direction:column;gap:.6rem}.section-head{margin:.4rem 0 0;color:var(--ink-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.7rem}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--col);display:flex;z-index:5;background:#1c2333f5;border-top:1px solid var(--line);padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tab-bar button{flex:1;border:0;border-radius:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.4rem 0;color:var(--ink-dim);min-height:54px}.tab-bar button.active{color:var(--gold);box-shadow:inset 0 2px 0 var(--gold)}.tab-glyph{font-size:1.2rem;line-height:1}.tab-label{font-size:.68rem}.sheet-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;background:#0b0f19b8;padding:0;min-height:0}.sheet{position:relative;width:100%;max-width:var(--col);max-height:86dvh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;animation:sheet-up .16s ease-out}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-head{display:flex;align-items:center;gap:.5rem;padding:.7rem .8rem .4rem;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;flex:1}.sheet-grip{position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;border-radius:999px;background:var(--line)}.sheet-close{min-height:36px;padding:.2rem .6rem}.sheet-body{overflow-y:auto;padding:.7rem .8rem calc(1rem + var(--safe-b));display:flex;flex-direction:column;gap:.5rem}.list-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;text-align:left;padding:.5rem .6rem;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);min-height:var(--tap)}.row-value{color:var(--ink-dim);font-size:.85rem;text-align:right}.stepper-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.35rem .5rem;border-radius:10px;background:var(--panel-2);border:1px solid var(--line)}.stepper{display:flex;align-items:center;gap:.4rem}.stepper button{min-width:var(--tap);font-size:1.1rem;padding:.3rem .6rem}.quest-card{border-color:#4d5a80}.quest-conditions{list-style:none;padding:0;margin:0;font-size:.85rem}.quest-conditions li.done{color:var(--good)}.sim-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.segmented.wide{width:100%}.segmented button{border:0;border-radius:0;background:var(--panel);min-width:46px;padding:.4rem .5rem;flex:1}.segmented button.active{background:#3a4870;color:var(--gold)}.skip-btn{flex:1;min-width:140px}.skip-note{width:100%;background:#2f3d2b;border-color:#4d6b45;font-size:.82rem;text-align:left}.district-card.locked{opacity:.55}.district-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.district-head h3{margin:0}.slot-pill{flex:0 0 auto;font-size:.74rem;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;padding:.15rem .5rem}.trait-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.trait-chip{font-size:.7rem;padding:.1rem .4rem;border-radius:6px;background:#2c3752;border:1px solid var(--line);color:var(--ink-dim)}.trait-chip.trait-forest{border-color:#3e7c4f}.trait-chip.trait-fertile{border-color:#8a6b4d}.trait-chip.trait-rock{border-color:#7d848d}.trait-chip.trait-ore{border-color:#d98e4a}.trait-chip.trait-leyline{border-color:#59d6d0}.trait-chip.trait-water{border-color:#5fa8d3}.building-row,.build-option{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;padding:.4rem .5rem;margin-top:.35rem;border-radius:10px;border:1px solid var(--line);background:var(--panel-2)}.building-icon{width:30px;height:30px;flex:0 0 auto}.building-main,.build-option-main{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.build-option-main small{display:block}.building-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:0 0 auto}.worker-count{font-size:.76rem;color:var(--ink-dim)}.cycle-bar{display:block;width:44px;height:4px;border-radius:999px;background:#161c2c;overflow:hidden}.cycle-fill{display:block;height:100%;background:var(--gold)}.status{font-size:.76rem;color:var(--ink-dim)}.status-blocked{color:var(--warn)}.status-working{color:var(--good)}.build-here{width:100%;margin-top:.5rem;border-style:dashed}.recipe-select{display:flex;flex-direction:column;gap:.35rem}.recipe-select button{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.recipe-select small{color:var(--ink-dim)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.card-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;padding:.5rem .5rem .5rem 2rem;min-height:96px;border-radius:12px;background:var(--panel-2)}.card-tile.unknown{opacity:.5}.card-tile.affinity-ember,.hand-card.affinity-ember{border-left:3px solid var(--ember)}.card-tile.affinity-verdant,.hand-card.affinity-verdant{border-left:3px solid var(--verdant)}.card-cost{position:absolute;top:.4rem;left:.4rem;width:22px;height:22px;border-radius:50%;background:#3d5aa0;color:#fff;font-size:.8rem;display:grid;place-items:center}.card-name{font-weight:600;font-size:.86rem}.card-text{font-size:.76rem;color:var(--ink-dim)}.card-text.big{font-size:.95rem;color:var(--ink)}.card-owned{margin-top:auto;font-size:.74rem;color:var(--gold)}.forge-job{display:flex;align-items:center;gap:.5rem;margin-top:.3rem;font-size:.85rem}.forge-job progress{flex:1}.deck-size{font-size:.9rem}.ingredients{display:flex;flex-wrap:wrap;gap:.3rem;font-size:.78rem}.traceback{font-size:.78rem;color:var(--ink-dim)}.research-node{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-top:1px solid var(--line)}.research-main{flex:1;display:flex;flex-direction:column}.research-node.owned{color:var(--good)}.research-node.locked{opacity:.5}.ledger-rows{display:flex;flex-direction:column}.ledger-row{display:flex;align-items:baseline;gap:.5rem;padding:.35rem 0;border-top:1px solid var(--line);font-size:.86rem}.ledger-row .row-label{flex:1}.ledger-row .row-stock{font-variant-numeric:tabular-nums}.row-net{min-width:74px;text-align:right;color:var(--good);font-variant-numeric:tabular-nums}.row-net.neg{color:var(--warn)}.run-screen{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0%,#3a2b33,#241c2b 55%,#1c1724)}.run-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:.5rem;padding:calc(.4rem + var(--safe-t)) .6rem .4rem;background:#1c1724e8;border-bottom:1px solid #4a3a50;font-size:.8rem}.run-where{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-header>span{white-space:nowrap}.run-header .retreat{margin-left:auto;white-space:nowrap;min-height:34px;padding:.2rem .6rem;border-color:#a34b4b;font-size:.78rem}.run-body{flex:1;display:flex;flex-direction:column;padding:.6rem .6rem calc(.8rem + var(--safe-b))}.hp-bar{position:relative;display:inline-block;flex:1;min-width:70px;height:16px;border-radius:999px;background:#2a1f2e;border:1px solid #5a4550;overflow:hidden}.hp-fill{display:block;height:100%;background:linear-gradient(#c9584f,#a3413c)}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.68rem;text-shadow:0 1px 2px #000}.center-panel{margin:auto 0;display:flex;flex-direction:column;gap:.5rem;background:#2a2233;border-color:#55415e}.battle{display:flex;flex-direction:column;flex:1;gap:.5rem}.enemy-row{display:flex;flex:1;flex-wrap:wrap;justify-content:center;align-content:center;align-items:flex-start;gap:.4rem}.enemy-tile .hp-bar{flex:0 0 auto;width:100%;min-width:0;height:12px}.enemy-tile{position:relative;flex:0 1 auto;width:calc(50% - .2rem);max-width:150px;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .3rem;border-radius:12px;background:#33253a;border:1px solid #5c4266}.enemy-tile img{width:54px;height:54px}.enemy-tile.boss{width:100%;max-width:none;border-color:var(--gold)}.enemy-tile.boss img{width:92px;height:92px}.enemy-tile.dead{opacity:.25}.enemy-tile.targetable{border-color:var(--gold);box-shadow:0 0 0 2px #d9a44155}.enemy-name{font-size:.74rem;text-align:center}.enemy-portrait{width:96px;height:96px;align-self:center}.intent{position:absolute;top:-8px;right:-4px;background:#1c1724;border:1px solid var(--warn);border-radius:999px;padding:.05rem .4rem;font-size:.78rem;color:var(--warn)}.block-chip{font-size:.72rem;color:#9fc4e8}.status-chips{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center}.status-chip{font-size:.66rem;padding:.02rem .28rem;border-radius:5px;background:#241c2b;border:1px solid var(--line)}.status-chip.status-burn{border-color:var(--ember);color:#f0a578}.status-chip.status-might{border-color:var(--gold)}.status-chip.status-regrowth{border-color:var(--verdant)}.status-chip.status-exposed{border-color:#c96060}.status-chip.status-weakened{border-color:#7d848d}.powers-row{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.power-chip{font-size:.72rem;padding:.1rem .45rem;border-radius:999px;background:#3b2f47;border:1px solid #6b5480}.target-hint{text-align:center;color:var(--gold);font-size:.82rem;margin:0}.thumb-row{display:flex;align-items:center;gap:.5rem;margin-top:auto}.energy-orb{width:46px;height:46px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;font-weight:700;color:#ffe9a8;background:radial-gradient(circle at 35% 30%,#6b7fd0,#2f3d78);border:1px solid #8c9be0}.thumb-row .end-turn{margin-left:auto;background:linear-gradient(#7a4b3a,#5f3a2c);border-color:#a86a4f;font-weight:600}.hand{display:flex;gap:.4rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.2rem 0 .4rem;scrollbar-width:none}.hand::-webkit-scrollbar{display:none}.hand-slot{position:relative;flex:0 0 auto;scroll-snap-align:center;display:flex;flex-direction:column;gap:.3rem}.hand-card{position:relative;width:112px;min-height:116px;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.9rem .4rem .4rem;border-radius:12px;background:linear-gradient(#2f3a56,#26304a);text-align:left;transition:transform .12s ease}.hand-slot.selected .hand-card{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 0 0 2px #d9a44155}.hand-card.unplayable{opacity:.5}.hand-card.small{min-height:60px;width:104px;padding-top:.5rem}.hand-card.type-strike{border-top:3px solid #c9584f}.hand-card.type-guard{border-top:3px solid #5f8fc9}.hand-card.type-skill{border-top:3px solid #8f7fc9}.card-actions{display:flex;gap:.3rem}.card-actions button{flex:1;min-height:38px;padding:.2rem .4rem;font-size:.8rem}.pile-counts{display:flex;gap:.4rem}.pile-counts button{flex:1;min-height:36px;padding:.2rem;font-size:.76rem;color:var(--ink-dim)}.run-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;padding:1rem;background:#14101ccc}.run-overlay .center-panel{width:100%;max-width:420px;margin:0}.deck-list,.loot-list{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;padding:0;max-height:42dvh;overflow-y:auto}.loot-list li{font-size:.82rem;padding:.15rem .45rem;border-radius:6px;background:#2f2739}.run-map{display:flex;flex-direction:column;gap:.4rem}.map-rows{display:flex;flex-direction:column;gap:.35rem}.map-row{display:flex;gap:.35rem;justify-content:center;align-items:stretch;position:relative}.map-row.current-row{padding-right:3.6rem}.you-are-here{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.64rem;color:var(--gold);max-width:3.4rem;text-align:right;line-height:1.1}.map-node{flex:1 1 0;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:.3rem .2rem;border-radius:10px;background:#2a2233;border:1px solid #453552;opacity:.55}.map-node.reachable{opacity:1;border-color:var(--gold);background:#3a2f45}.map-node.current{opacity:1;border-color:#8fd0c9}.node-glyph{font-size:1.05rem;line-height:1}.node-label,.node-detail{font-size:.62rem;color:var(--ink-dim);text-align:center}.map-node.type-elite .node-glyph,.map-node.type-boss .node-glyph{color:var(--ember)}.map-node.type-cache .node-glyph{color:var(--gold)}.supply-row{display:flex;align-items:center;gap:.5rem}.supply-main{flex:1;display:flex;flex-direction:column}.grade-row{display:flex;gap:.4rem}.grade-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.grade-btn small{color:var(--ink-dim);font-size:.72rem}.build-option button{flex:0 0 auto}