:root{--bg:#14161a;--panel:#1c2027;--panel-2:#232833;--border:#2c323c;--fg:#e4e7eb;--muted:#9aa4b1;--mint:#6fd1b2;--lavender:#a99be0;--warn:#e0a458;--danger:#e07070;font-size:100%}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,Segoe UI,sans-serif;font-size:1rem;line-height:1.5}.app{flex-direction:column;height:100%;display:flex}.resource-bar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.title{color:var(--mint);letter-spacing:.02em;white-space:nowrap;margin:0;font-size:1.05rem}.resources{flex-wrap:wrap;gap:1.25rem;margin:0;display:flex}.res dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.res dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.cap{color:var(--muted);font-weight:400}.rate{color:var(--mint);font-size:.85rem;font-weight:400}.bar-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.speed-label{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}select{background:var(--panel-2);color:var(--fg);border:1px solid var(--border);border-radius:8px;min-height:2.75rem;padding:.5rem .6rem;font-size:.9rem}.boot{justify-content:center;align-items:center;height:100%;padding:1rem;display:flex}.boot-panel{width:min(32rem,100%)}.boot-panel h2{color:var(--lavender);margin:.6rem 0 .4rem;font-size:.95rem}.boot-panel .speed-label{margin-top:.8rem}.layout{flex:1;grid-template-columns:minmax(0,1fr) clamp(20rem,30vw,26rem);min-height:0;display:grid}.map-canvas{min-height:0;position:relative;overflow:hidden}.map-canvas canvas{display:block}.sidebar{border-left:1px solid var(--border);background:color-mix(in srgb, var(--panel) 55%, var(--bg));flex-direction:column;gap:.75rem;min-height:0;padding:.75rem;display:flex;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem}.panel h2{color:var(--lavender);margin:0 0 .5rem;font-size:.95rem}.panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:.9rem 0 .4rem;font-size:.85rem}.muted{color:var(--muted)}.error{color:var(--danger);margin:.5rem 0 0;font-size:.9rem}button{text-align:left;background:var(--panel-2);width:100%;color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:10px;min-height:2.75rem;margin-top:.45rem;padding:.6rem .8rem;font-size:.92rem;display:block}button:hover{border-color:var(--mint)}button:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}button.ghost{color:var(--mint);background:0 0;width:auto}.b-name{font-weight:600}.b-meta{color:var(--muted);font-size:.82rem;display:block}.tile-facts{margin:0;padding-left:1.1rem}.tile-facts li{margin:.15rem 0}.queue-list{margin:0;padding:0;list-style:none}.queue-list li{border-bottom:1px solid var(--border);flex-direction:column;padding:.45rem 0;font-size:.92rem;display:flex}.queue-list li:last-child{border-bottom:0}.hp{align-items:center;gap:.5rem;margin:.25rem 0;display:flex}.hpbar{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;flex:1;max-width:8rem;height:.4rem;display:block;overflow:hidden}.hpbar-fill{background:var(--mint);height:100%;display:block}.hpbar-fill.mid{background:var(--warn)}.hpbar-fill.low{background:var(--danger)}.hp-text{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.small{font-size:.82rem}.unit-list{margin:0;padding:0;list-style:none}.unit-list li.unit-static{border-bottom:1px solid var(--border);padding:.4rem 0}.unit-list li.unit-static:last-child{border-bottom:0}button.unit-row{margin-top:.35rem}button.unit-row.selected{border-color:var(--mint);background:color-mix(in srgb, var(--mint) 12%, var(--panel-2))}.battle{border-top:1px solid var(--border);margin-top:.6rem;padding-top:.4rem}.battle:first-of-type{border-top:0;margin-top:0}.battle h3{color:var(--fg);text-transform:none;letter-spacing:0;margin:.2rem 0 .1rem;font-size:.92rem}.side-h{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.5rem 0 .2rem;font-size:.78rem}.battle-list{margin:0;padding:0;list-style:none}.battle-list li{padding:.3rem 0;font-size:.9rem}.battle-log{color:var(--muted);margin:.4rem 0 0;padding:0;font-size:.82rem;list-style:none}.battle-log li{gap:.5rem;display:flex}.branch-h{color:var(--lavender)}.frag-list{margin:0;padding:0;font-size:.88rem;list-style:none}.frag-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:.6rem;padding:.25rem 0;display:flex}.frag-list li:last-child{border-bottom:0}.tech-done{color:var(--muted);margin:.35rem 0;font-size:.9rem}.template-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.template-row select{flex:8rem;min-width:0}.template-row button{width:auto;margin-top:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.feed-list{max-height:24rem;margin:0;padding:0;list-style:none;overflow-y:auto}.feed-list li{border-left:3px solid #0000;border-bottom:1px solid var(--border);gap:.6rem;padding:.4rem;font-size:.88rem;display:flex}.feed-list li.warn{border-left-color:var(--warn)}.feed-list li.good{border-left-color:var(--mint)}.feed-time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}@media (width<=900px){.layout{grid-template-rows:minmax(45vh,1fr) auto;grid-template-columns:1fr;overflow-y:auto}.app{height:auto;min-height:100%}.map-canvas{height:50vh}.sidebar{border-left:0;border-top:1px solid var(--border)}}