:root{color-scheme:dark;font:13px/1.4 Inter,system-ui,sans-serif;color:#d9e5e9;background:#090e12;--cyan:#74c9e5;--line:#33505c;--red:#d66b71}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;color:inherit;background:#101f27;border:1px solid var(--line);border-radius:2px;padding:8px;min-height:36px}button{cursor:pointer;text-align:left}button:hover{border-color:var(--cyan);background:#19323e}button:disabled{opacity:.35;cursor:default}a{color:#94c6d5;text-decoration:none}header{height:44px;display:flex;gap:16px;align-items:center;padding:0 16px;background:#0b1117;border-bottom:1px solid #253840}header>a:first-child{font-weight:850;letter-spacing:.2em;color:#eee}header span{font-size:10px;letter-spacing:.16em;margin-right:auto}header button{padding:4px 8px;min-height:28px;font-size:11px}main{display:flex;height:calc(100dvh - 44px)}#setupPanel{width:300px;flex:none;overflow:auto;padding:20px;background:#0e1920}h1{font-size:23px;margin:0}h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-top:24px}p{color:#afbdc5}label{display:block;font-size:11px;margin:7px 0}select{display:block;width:100%;margin-top:4px}.hint{font-size:11px;color:#7f969f}.slot{border-left:2px solid #598b9f;padding:8px;background:#14232c;margin:8px 0}.slot.enemy{border-color:#ac5a60}.slot.active{background:#1c333f}.slot small{display:block;font-size:11px;color:#9eb4bf}.slot button{width:100%;margin:5px 0}.stats{display:flex;gap:8px}.stats label{width:50%}.stats input{width:100%;padding:4px}.primary{background:#174758;border-color:#5aabc4;font-weight:650;width:100%}#stage{flex:1;position:relative;min-width:0;overflow:hidden}#view,#damageLayer{position:absolute;inset:0}#view canvas{display:block;width:100%;height:100%;touch-action:none}#damageLayer{pointer-events:none;z-index:6}.panel{background:linear-gradient(135deg,#10222ceF,#081218f2 80%);border:1px solid #345969;box-shadow:inset 0 1px 0 #74bfda40,0 7px 24px #0006;border-radius:2px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}#battleHud{pointer-events:none}#battleHud button{pointer-events:auto}.unitCard{position:absolute;width:235px;display:flex;gap:10px;padding:10px;z-index:4}.unitCard img{width:65px;height:70px;object-fit:contain;background:#1c303b}.unitCard strong{display:block;font-size:12px;letter-spacing:.07em}.unitCard small{font-size:8px;color:#91a8b5;letter-spacing:.15em}.unitCard span{font-size:10px;color:#b7cdd4}.unitCard progress{display:block;height:7px;width:135px;margin:7px 0;accent-color:#5da4bc}#activeCard{top:12px;left:12px}#targetCard{top:119px;left:12px;border-color:#874750}#targetCard progress{accent-color:#cf6268}#turnStrip{position:absolute;top:12px;left:50%;transform:translateX(-50%);padding:8px 14px;max-width:calc(100% - 520px);z-index:3}#turnQueue{display:flex;list-style:none;gap:5px;margin:0;padding:0}#turnQueue li{position:relative;border:1px solid #395d6d;background:#17262e;width:40px;height:45px;flex:1;min-width:22px}#turnQueue li.enemy{border-color:#733841;background:#301a22}#turnQueue li.current{border-color:#95d8ee;box-shadow:0 0 9px #5bbbdb66}#turnQueue img{width:100%;height:100%;object-fit:contain}#turnQueue span{position:absolute;bottom:1px;right:3px;font-size:8px}.phase{display:flex;gap:22px;justify-content:center;margin-top:7px;white-space:nowrap;font-size:10px;letter-spacing:.09em}#timer{font-variant-numeric:tabular-nums;color:#d7eaee;font-weight:bold}.urgent{color:#ff7171!important}#orders{position:absolute;z-index:7;width:230px;padding:12px;max-height:calc(100% - 135px);overflow:auto}#commands{display:grid;gap:5px}#commands>button{font-size:13px;padding:9px 12px}#moveHint{letter-spacing:.11em;font-size:9px;color:#9bc6d6;margin-bottom:5px}#preview{font-size:10px;min-height:26px;margin:5px 0;color:#abc1cc}details summary{font-size:10px;cursor:pointer;color:#8aabb8}#targetSettings{padding:5px 0}.compass{display:grid;grid-template-columns:1fr 1fr;gap:5px}.compass button{font-size:11px}#confirmFacing{margin-top:10px}#facing strong{font-size:11px;letter-spacing:.13em}#facing p{font-size:11px}#weapons{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:8px;width:430px;z-index:4}#weapons button{width:50%;padding:8px 12px;background:#0a171e}#weapons span,#weapons small{display:block;font-size:8px;letter-spacing:.1em;color:#8ea4af}#weapons strong{display:block;font-size:11px;margin:6px 0}button[aria-pressed=true]{border-color:#84c7dd!important;background:#183645!important}#dialogue{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);width:min(490px,46%);min-height:72px;display:flex;padding:10px 14px;gap:12px;z-index:4}#dialogue img{width:48px;height:52px;object-fit:contain;background:#1e3039}#speaker{color:#92c2d4;letter-spacing:.09em;font-size:9px}#dialogue.hostile{border-color:#85464e}#dialogue.hostile #speaker{color:#e99da2}#status{margin:5px 0 0;font-size:12px;color:#e0e7ea}#minimapPanel{position:absolute;bottom:16px;left:16px;width:210px;padding:10px;z-index:4}.mapTitle{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.11em;color:#9ab9c7}#minimap{width:100%;height:150px;display:block;margin:7px 0;image-rendering:auto}#minimapPanel small{font-size:7px;letter-spacing:.12em;color:#8ea9b8}.blueDot,.redDot{display:inline-block;width:5px;height:5px;margin:0 7px;background:#75d9ef}.redDot{background:#d46771}#battleHistory{position:absolute;bottom:12px;right:12px;max-width:250px;background:#0c171eeb;padding:7px;z-index:8}#battleHistory[open]{max-height:200px;overflow:auto}#log{font-size:10px;padding-left:20px}#loading{position:absolute;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,90%);padding:24px;background:#101c28fa;border:1px solid #587686}#loading strong{display:block}#progress{width:80%;margin:14px 8px 0 0;accent-color:#7bbccc}.damageNumber{position:absolute;font-size:22px;font-weight:850;letter-spacing:-.04em;text-shadow:0 2px 2px #000,1px 0 2px #000;transform:translate(-50%,-50%)}.damageNumber.hostile{color:white}.damageNumber.friendly{color:#ff6367}[hidden]{display:none!important}:focus-visible{outline:2px solid #b4e4f2;outline-offset:2px}@media(max-width:1100px){#turnStrip{max-width:calc(100% - 275px);left:auto;right:12px;transform:none}#turnQueue li{width:33px}#dialogue{width:40%}#minimapPanel{width:165px}#weapons{width:360px}#minimap{height:120px}}@media(max-width:760px){header span,header a:not(:first-child){display:none}header{gap:8px;padding:0 8px}header>a:first-child{font-size:11px}#setupPanel{width:220px}#activeCard{width:155px;padding:7px}.unitCard img{width:36px;height:50px}.unitCard progress{width:90px}.unitCard strong{font-size:10px}#turnStrip{max-width:calc(100% - 185px);padding:6px}#turnQueue{gap:2px}#turnQueue li{height:33px;min-width:15px}#targetCard{width:155px;top:92px}#orders{width:200px}#minimapPanel{width:130px;left:8px;bottom:10px}#minimap{height:90px}#dialogue{width:280px;bottom:92px;left:calc(50% + 40px);padding:8px}#dialogue img{display:none}#weapons{width:290px;bottom:10px;left:calc(50% + 40px);padding:5px}#weapons button{padding:6px}#weapons strong{font-size:9px}#battleHistory{display:none}.phase{gap:9px;font-size:8px}}