:root{font-family:system-ui,sans-serif;font-size:14px;color:#222;background:#f4f4f4;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}button{font:inherit;padding:4px 10px;margin:2px;cursor:pointer}button:disabled{cursor:default;opacity:.5}.app{max-width:1200px;margin:0 auto;padding:8px}.header{display:flex;gap:16px;flex-wrap:wrap;padding:6px 8px;background:#ddd;border-radius:4px}.columns{display:grid;grid-template-columns:2fr 1.2fr 1fr;gap:8px;margin-top:8px}.panel{background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px}.panel h3{margin:0 0 6px;font-size:14px}.card{border:1px solid #bbb;border-radius:4px;padding:6px;margin:4px 0}.card.mine{border-color:#3a6;background:#eefbf1}.card.enemy{border-color:#c55}.card.selected{outline:2px solid #36c}.map{position:relative;height:420px;background:#e8efe0;border:1px solid #bbb;border-radius:4px;overflow:hidden}.map svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map svg line{stroke:#888;stroke-width:2}.map .node{position:absolute;transform:translate(-50%,-50%);width:120px;padding:4px;text-align:center;cursor:pointer}.map .node.mine{background:#cfeed6;border-color:#3a6}.map .node.enemy{background:#f6d5d5;border-color:#c55}.map .node.neutral{background:#eee}.map .node.selected{outline:2px solid #36c}.map.dense{height:640px}.map.dense .node{width:72px;padding:2px;font-size:11px;line-height:1.25}.map.dense .node .garrison{display:none}.log{max-height:70vh;overflow-y:auto;font-size:12px}.log div{border-bottom:1px dotted #ddd;padding:2px 0}.scene{position:relative;height:320px;background:#333;color:#ddd;border-radius:4px;display:grid;place-items:center}.scene .cg{position:absolute;top:24px;right:24px;bottom:24px;left:24px;background:#556;display:grid;place-items:center}.textbox{background:#fff;border:1px solid #999;padding:12px;min-height:60px;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.unit{position:relative;border:1px solid #999;padding:4px;min-height:48px;font-size:12px;background:#fff}.unit.dead{opacity:.4}.unit.empty{border-style:dashed;color:#bbb;text-align:center}.unit.targetable{border:3px solid #e0a030;background:#fff3d0;cursor:pointer}.unit.current{outline:3px solid #3080e0}.unit.acting{outline:3px solid #e90}.unit.hurt{outline:3px solid #c33;background:#fee}.unit.selected{outline:3px solid #36c}.pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#c33;font-weight:700;font-size:22px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 4px #fff;pointer-events:none;animation:pop 1s ease forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,-40%)}20%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-110%)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#00000080;color:#fff;font-size:36px;font-weight:700;cursor:pointer;animation:overlay-fade 5s ease}.overlay.result{animation-duration:5s}.order{font-size:12px;color:#555;margin:4px 0}.order span{margin-right:10px}.order .enemy{color:#a33}@keyframes overlay-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center}.modal .panel{min-width:480px;max-height:90vh;overflow-y:auto}.error{color:#c00}table{border-collapse:collapse;width:100%;font-size:12px}td,th{border-bottom:1px solid #ddd;padding:2px 4px;text-align:left}tr.acted{opacity:.55}.req{display:block;color:#a60;font-size:11px;margin:0 0 2px}.garrison{color:#a33}.icons{letter-spacing:2px}.desc{font-size:12px;color:#555;margin:2px 0 6px}button.selected{outline:2px solid #36c}.textbox.notice{background:#f4f7ff;border-color:#69c;font-size:13px}.textbox.notice p{margin:2px 0}.fate{position:absolute;top:4px;right:4px;background:#c33;color:#fff;font-size:11px;padding:1px 5px;border-radius:3px}