:root{font-family:ui-monospace,monospace;color:#dce7ef;background:#10171d}body{margin:0}header{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:#18242d}h1,h2{font-size:1rem;margin:0}#status{color:#82d89b}main{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);height:calc(100vh - 45px)}section{padding:1rem}#map{width:100%;height:100%;background:#0a1116;border:1px solid #34444f;touch-action:none;cursor:grab}#map:active{cursor:grabbing}.region{stroke:#8496a3;stroke-width:1}.earth-region{stroke:#26343d;stroke-width:.45;vector-effect:non-scaling-stroke}.region:hover{stroke:#fff;stroke-width:2}.label{fill:#fff;font-size:12px;pointer-events:none}.formation{fill:#fff;stroke:#111;stroke-width:2;vector-effect:non-scaling-stroke}.battle{fill:#ff4d4d;font-size:16px;font-weight:700}aside{overflow:auto;padding:1rem;background:#141f27;border-left:1px solid #34444f}ol{padding-left:1.5rem}li{margin:.5rem 0;color:#b8c8d3}#seat-panel{padding:0 0 1rem;border-bottom:1px solid #34444f;margin-bottom:1rem}#seat-panel h2{margin:.8rem 0}.active{outline:2px solid #82d89b}button,input{margin:.2rem;padding:.35rem;background:#22323d;color:#dce7ef;border:1px solid #526876}article{padding:.5rem;margin:.4rem 0;background:#1b2a34}article form{display:grid}#decision-result{display:block;color:#ffd27d;min-height:1.5rem}@media(max-width:800px){main{grid-template-columns:1fr;grid-template-rows:60vh 40vh}aside{border-left:0;border-top:1px solid #34444f}}