:root{font-family:Yu Gothic UI,Noto Sans JP,sans-serif;color:#dce7e5;background:#071018;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1100px;min-height:100vh}button,input,select{font:inherit;color:inherit;background:#162733;border:1px solid #55717a;padding:.62rem .8rem}button{cursor:pointer}button:hover:not(:disabled),button.active{border-color:#e3b963;color:#fff;background:#27404b}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:#9d6f22;border-color:#e3b963;color:#fff;font-weight:800}.setup,.result{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#18303a,#071018 65%)}.setup-card,.result>section{width:min(760px,82vw);padding:3rem;border:1px solid #66808a;background:#0b1720;box-shadow:0 25px 80px #0009}.setup-card label{display:grid;grid-template-columns:120px 1fr;align-items:center;margin:1.2rem 0}.setup-card h1,.result h1{font-family:Georgia,serif;font-size:2.5rem;color:#f0ca78}.eyebrow{color:#80b9c6;letter-spacing:.18em}.row{display:flex;gap:.8rem;margin-top:1rem}.versus{display:flex;justify-content:space-between;align-items:center;margin:2rem 0;padding:1.2rem;border-block:1px solid #334c55}.versus span{font-size:1.3rem}.versus small{display:block;color:#7ca0aa}.shell{height:100vh;display:grid;grid-template-rows:58px minmax(0,1fr) 150px;background:#071018}.shell header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid #526970;background:#0c1921}.logo{color:#e3b963;font-family:Georgia,serif;font-size:1.35rem;margin-right:1.4rem}.status{display:flex;gap:1.2rem;color:#8fb1b9;font-size:.82rem}.status strong{color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);min-height:0}.field-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;background:#101d22}.battlefield{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.battlefield-sides{position:absolute;z-index:3;top:.6rem;left:50%;width:min(460px,58%);transform:translate(-50%);display:flex;justify-content:space-between;padding:.35rem .7rem;border:1px solid #66808a;border-radius:4px;background:#071018d9;color:#fff;font-size:.78rem;font-weight:800;pointer-events:none}.deployment-guide{position:absolute;z-index:3;top:3rem;right:.7rem;width:min(420px,46%);display:flex;flex-direction:column;gap:.22rem;padding:.65rem .8rem;border:1px solid #7dc8ef;border-left-width:5px;border-radius:4px;background:#071018eb;box-shadow:0 8px 24px #0008;font-size:.76rem;pointer-events:none}.deployment-guide b,.deployment-guide strong{color:#f0ca78}.enemy-direction text{fill:#ffd19a;text-anchor:end;font-size:74px;font-weight:900;filter:drop-shadow(0 2px 4px #000)}.map-tools{position:absolute;left:.7rem;bottom:.7rem;display:flex;align-items:center;gap:.7rem;font-size:.7rem;color:#9bb1b5}.workspace aside{overflow:auto;border-left:1px solid #526970;background:#0d1820;padding:.8rem}.workspace aside section{border:1px solid #314a53;padding:.8rem;margin-bottom:.7rem}.workspace h2{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#e3b963;margin:0 0 .7rem}.workspace h3{margin:.2rem 0;color:#fff}.muted,.hint{color:#78939b;font-size:.78rem}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.order-grid button{font-size:.76rem;padding:.48rem}.message p{font-size:.8rem}.queued{font-size:.72rem;color:#91cbbd;margin:.3rem 0}.facing-control{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:.6rem;margin:.6rem 0;font-size:.8rem}.deployment-summary{font-size:.78rem;line-height:1.65}.deployment-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.8rem}.facing-picker{display:grid;gap:.45rem;margin:.75rem 0;padding:.7rem;border:1px solid #45616b;background:#09141b;font-size:.78rem}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.direction-grid button:nth-child(5){grid-column:3}.unit .unit-symbol polygon{stroke-width:18;vector-effect:non-scaling-stroke}.unit.ally .unit-symbol polygon{fill:#1d5a78;stroke:#7dc8ef}.unit.enemy .unit-symbol polygon{fill:#813c36;stroke:#f08f83}.unit.selected .unit-symbol polygon{stroke:#ffe39a;stroke-width:32}.unit.routed{opacity:.5}.unit .unit-symbol line{stroke:#fff;stroke-width:10;vector-effect:non-scaling-stroke}.unit text{fill:#fff;font-size:52px;text-anchor:middle;font-weight:800;pointer-events:none}.unit .condition{font-size:43px;fill:#ffb36b}.unit .bar-bg{fill:#071018}.unit .power{fill:#c84d46}.unit .morale{fill:#64c18a}.unit circle{fill:#f0ca78}.deployment-preview{pointer-events:none;opacity:.75}.deployment-preview polygon{fill:#4ed98b55;stroke:#58ef9b;stroke-width:18;vector-effect:non-scaling-stroke}.deployment-preview.illegal polygon{fill:#ff4f4f55;stroke:#ff6969}.order-state{padding:.55rem;border-left:4px solid #e3b963;background:#071018;font-size:.78rem}.return-order{width:100%;margin-top:.35rem}.range,.command-range{fill:none;vector-effect:non-scaling-stroke}.front-label{fill:#ffe39a;font-size:62px;font-weight:900;text-anchor:middle;paint-order:stroke;stroke:#071018;stroke-width:12px}.range.max{stroke:#e4c66d;stroke-width:4;stroke-dasharray:30 20}.range.effective{stroke:#72bdd0;stroke-width:6}.command-range{stroke:#88d39b;stroke-width:8;stroke-dasharray:40 30}.order-line{stroke:#f4d26f;stroke-width:12;stroke-dasharray:35 20;vector-effect:non-scaling-stroke}.effect{stroke:#fff09b;stroke-width:28;filter:drop-shadow(0 0 18px #ffb000);animation:flash .7s ease-out;vector-effect:non-scaling-stroke}@keyframes flash{0%{opacity:1}to{opacity:.1}}footer{position:relative;z-index:5;display:grid;grid-template-columns:160px 150px 1fr;gap:.7rem;padding:.8rem;border-top:1px solid #526970;background:#0a151c}.execute{font-size:1rem}.log{overflow:auto;display:flex;flex-direction:column;font-size:.72rem;color:#aebfc3}.log b{color:#e3b963}.unit-info dl{display:grid;grid-template-columns:90px 1fr;margin:.5rem 0;font-size:.8rem}.unit-info dt{color:#809ca4}.unit-info dd{margin:0}.ai-debug{display:flex;flex-direction:column;margin-top:.8rem;padding:.6rem;background:#071018;font-size:.72rem}.ai-debug small{color:#7ea4ad}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.result-grid>div{border:1px solid #526970;padding:1rem}.result-grid strong{font-size:2rem;color:#f0ca78}.result-grid small{display:block;color:#a9bdc2}.ok{color:#7fe0a7}.bad{color:#ff8178}