:root{color:#edf4ff;background:#0b1220;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:960px;min-height:100vh;background:radial-gradient(circle at 30% -10%,#213a5e 0,#101a2a 38%,#0b1220 78%)}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.shell{width:min(1540px,calc(100% - 48px));margin:0 auto;padding:28px 0 34px}.header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.eyebrow{margin:0 0 5px;color:#82a8d8;font-size:11px;font-weight:700;letter-spacing:.14em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:30px;letter-spacing:.04em}h2{margin-bottom:10px;font-size:18px}.phase{border:1px solid #587294;border-radius:999px;padding:8px 13px;color:#c8ddf6;background:#14243a;font-size:13px;font-weight:700}.layout{display:grid;grid-template-columns:310px minmax(600px,1fr);gap:18px;align-items:stretch}.panel{display:flex;flex-direction:column;min-height:680px;border:1px solid #2d425b;border-radius:14px;background:#101d2fdb;box-shadow:0 24px 70px #0003;overflow:hidden}.panel-section{padding:22px;border-bottom:1px solid #2b3e56}.command-guide{flex:1}.command-guide ul{display:grid;gap:9px;margin:0 0 16px;padding-left:19px;color:#d3e1f2;font-size:13px;line-height:1.45}.controls-section{display:grid;gap:10px}.online-controls{display:grid;gap:8px;padding-bottom:10px;border-bottom:1px solid #30455f}.help,.message{color:#aac0da;font-size:13px;line-height:1.65}.army-size-control{display:grid;gap:8px;margin-top:16px;color:#cfe0f3;font-size:13px;font-weight:700}.army-size-control>span{display:flex;align-items:center;justify-content:space-between}.army-size-control output{color:#f4f8ff;font-variant-numeric:tabular-nums}.army-size-control input[type=range]{width:100%;margin:0;accent-color:#91c9ff;cursor:pointer}.army-size-control input[type=range]:disabled{cursor:not-allowed;opacity:.45}.range-help{margin:7px 0 0;color:#8faac8;font-size:11px;line-height:1.45}.army-summary{display:grid;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid #30455f;color:#bacde3;font-size:13px}.army-summary span{display:flex;align-items:center;justify-content:space-between}.army-summary strong{color:#f4f8ff;font-variant-numeric:tabular-nums}.dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%}.dot.red{background:#f25e68}.dot.blue{background:#53a5ff}.dot.cavalry{background:#b784d7}.dot.flag{border-radius:1px;background:#e7c777}.dot.selected{background:#ffd166}.button{min-height:38px;border:1px solid #526e8e;border-radius:8px;padding:8px 12px;color:#e9f3ff;background:#1b3049;font-weight:700;transition:transform .15s ease,background .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);background:#294969}.button.primary{border-color:#8bc4ff;color:#071523;background:#91c9ff}.button.primary:hover:not(:disabled){background:#b7ddff}.button.subtle{border-color:transparent;color:#a9c0dc;background:transparent}.button.subtle:hover:not(:disabled){background:#1d324c}.battle-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.speed-control{display:grid;gap:4px;color:#b7cae1;font-size:12px;font-weight:700}.select{width:100%;border:1px solid #526e8e;border-radius:8px;padding:9px 10px;color:#edf4ff;background:#16263b;outline:none}.select.compact{padding:6px 7px}.select:focus,button:focus-visible,input:focus-visible{outline:2px solid #8dc3ff;outline-offset:2px}.message{margin:auto 22px 20px;min-height:44px}.message.error{color:#ff9fa6}.battlefield-wrap{position:relative;min-height:680px;overflow:hidden;border:1px solid #2d425b;border-radius:14px;background:#101827;box-shadow:0 24px 70px #0003}.battlefield{width:100%;height:100%;min-height:680px;touch-action:none}.battlefield canvas{display:block;width:100%;height:100%}.selection-box{position:absolute;z-index:2;border:1px solid #ffd166;background:#ffd16629;pointer-events:none}.formation-menu{position:absolute;z-index:5;width:174px;padding:8px;border:1px solid #6f91ba;border-radius:10px;background:#0b1727f5;box-shadow:0 14px 34px #00000057}.formation-menu>p{margin:2px 5px 7px;color:#a9c4e2;font-size:11px;font-weight:700;letter-spacing:.08em}.formation-menu>.formation-menu-section{margin-top:10px;padding-top:9px;border-top:1px solid #38516d}.formation-option{display:flex;align-items:center;width:100%;min-height:35px;gap:9px;border:1px solid transparent;border-radius:6px;padding:5px 7px;color:#e6f1ff;background:transparent;text-align:left;font-size:13px}.formation-option:hover,.formation-option.active{border-color:#82b9ec;background:#264664}.gather-option{border-color:#648f67;color:#d7f5da;background:#275b3647}.gather-option:hover{border-color:#89ca91;background:#34774673}.formation-icon{position:relative;display:inline-block;width:30px;height:20px;flex:0 0 30px}.formation-icon:before{position:absolute;inset:2px;content:"";border:2px solid #ffd166}.formation-icon.triangle:before{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffd16638}.formation-icon.wide:before{top:6px;bottom:6px}.formation-icon.square:before{left:7px;right:7px}.formation-icon.gather:before{border-radius:50%;background:#89ca9138}.formation-icon.gather:after{position:absolute;inset:7px 12px;content:"";border-radius:50%;background:#a9e4ad}.canvas-hint{position:absolute;right:16px;bottom:15px;z-index:3;border-radius:7px;padding:8px 10px;color:#c9dcf2;background:#08111db8;font-size:12px;pointer-events:none}.result-card{position:absolute;z-index:4;inset:50% auto auto 50%;width:min(340px,calc(100% - 32px));transform:translate(-50%,-50%);padding:26px;border:1px solid #7198c5;border-radius:13px;text-align:center;background:#0a1626e6;box-shadow:0 18px 70px #0000007a}.result-card h2{margin:0 0 8px;font-size:26px}.result-card>p:not(.eyebrow){color:#bfd2e9;font-size:14px}.result-card .button{width:100%;margin-top:8px}@media(max-width:1100px){.shell{width:calc(100% - 32px)}.layout{grid-template-columns:280px minmax(570px,1fr)}.panel,.battlefield-wrap,.battlefield{min-height:600px}}