:root{--dusk-gold: #c9a86a;--qingqiu: #4fa3a5;--tianmen: #d8d2bf;--danger: #b85a3c;--ink: #2a313b;--panel: rgba(24, 29, 36, .9);--line: rgba(201, 168, 106, .35);color:#efe6d2;background:var(--ink);font-family:ui-serif,"Noto Serif SC",Songti SC,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(201,168,106,.18),transparent 36%),var(--ink)}button,select,input,textarea{font:inherit;color:inherit;border:1px solid var(--line);background:#0c1016b8}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:hover:not(:disabled),select:hover{border-color:var(--dusk-gold)}.shell{min-height:100vh;padding:12px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px}.phase,.homebar,.card,.log{background:var(--panel);border:1px solid var(--line)}.phase{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:10px 14px}.phase b,h2,h3,.log strong{color:var(--dusk-gold)}.homebar{display:flex;flex-wrap:wrap;gap:12px;padding:12px;align-items:end}.field{display:grid;gap:4px;min-width:160px}.field span{font-size:12px;opacity:.75}select,button,input{padding:9px 11px}.mobileHome{min-height:100vh;max-width:760px;margin:0 auto;padding:10px 10px 96px;background:radial-gradient(circle at 52% 14%,rgba(184,90,60,.28),transparent 24%),radial-gradient(circle at 70% 44%,rgba(79,163,165,.18),transparent 30%),linear-gradient(180deg,#0c1116,#161c23 48%,#0d1116);border-left:1px solid rgba(201,168,106,.28);border-right:1px solid rgba(201,168,106,.28)}.homeTop{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:8px;align-items:center;padding:10px 8px;background:#080c10f0;border:1px solid rgba(201,168,106,.28)}.homeTop button{border:0;background:transparent;color:#e7c98e;padding:6px}.modeSwitch{justify-self:end;display:flex;align-items:center;gap:8px;color:#efe6d2;white-space:nowrap}.modeSwitch button{border:1px solid rgba(201,168,106,.42);border-radius:999px;padding:6px 10px}.hero{min-height:220px;display:flex;align-items:end;padding:24px 18px;border:1px solid rgba(201,168,106,.32);border-top:0;background:radial-gradient(circle at 52% 58%,rgba(245,118,72,.62),transparent 13%),linear-gradient(180deg,#090d1247,#090d12eb),linear-gradient(125deg,#141b23,#402219 48%,#111922)}.hero h1{margin:0;font-size:clamp(64px,18vw,124px);line-height:.9;color:#e4c58d;letter-spacing:0;text-shadow:0 8px 18px rgba(0,0,0,.58)}.hero p{margin:10px 0 0;font-size:18px;color:#f4dba8}.heroKicker{display:inline-grid;place-items:center;width:42px;height:42px;margin:0 0 8px;border-radius:50%;background:#b85a3cdb;color:#fff1d0;font-size:15px!important}.modeCard{width:100%;position:relative;display:block;padding:16px;border:1px solid rgba(201,168,106,.48);background:linear-gradient(100deg,#161b20f0,#090d10d1),radial-gradient(circle at 82% 50%,rgba(201,168,106,.16),transparent 28%);box-shadow:inset 0 0 0 1px #c9a86a1f;text-align:left}.modeCard h2{margin:0 0 12px;font-size:20px}.overviewGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#d8d2bf}.overviewGrid b{color:#efe6d2;font-weight:600}.homeActions{display:grid;gap:12px;margin:12px 0}.homeActions button{min-height:82px}.homeActions strong{display:block;font-size:28px;color:#e7c98e}.homeActions span{display:block;margin-top:6px;color:#d8d2bf}.primaryAction{border-color:#e7c98eeb;background:linear-gradient(100deg,#3c2b17f0,#101316db)}.statGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.statGrid span{display:grid;gap:4px;border:1px solid rgba(201,168,106,.18);background:#00000024;padding:7px}.statGrid b{font-size:22px;color:#efe6d2}.statGrid small{color:#bfb6a4}.statGrid.compact{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));margin-top:8px}.qingqiuText{color:#4fa3a5!important}.tianmenText{color:#ff6847!important}.recentLogs{display:grid;gap:8px}.recentLogs p{margin:0;color:#d8d2bf}.recentLogs span{display:inline-block;min-width:82px;color:#c9a86a}.muted{color:#aaa08d}.bottomNav{position:fixed;left:50%;bottom:0;z-index:30;width:min(760px,100%);transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px 10px 10px;background:#080c10f5;border-top:1px solid rgba(201,168,106,.35)}.bottomNav button{padding:10px 4px;font-size:13px;background:#c9a86a14}.gamegrid{display:grid;grid-template-columns:minmax(520px,1fr) 360px;gap:12px;min-height:560px}.side{display:grid;gap:12px;align-content:start;max-height:680px;overflow:auto}.card{padding:14px}.card h2,.card h3{margin:0 0 10px}.preview{display:grid;gap:8px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.stats span,.candidate,.deployment button{border:1px solid rgba(201,168,106,.18);background:#00000024;padding:7px}.ok{color:#9fe0c4}.bad{color:#f2a08a}.deployCols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.deployCols div{display:grid;gap:8px}.picked{outline:2px solid var(--dusk-gold)}.map{position:relative;overflow:auto;border:1px solid var(--line);background:radial-gradient(circle at 50% 42%,rgba(79,163,165,.16),transparent 26%),radial-gradient(circle at 50% 62%,rgba(201,168,106,.14),transparent 42%),linear-gradient(180deg,#272f36f5,#111419fa);min-height:0}.map.locked{opacity:.78}.boardViewport{width:100%;overflow:visible;padding:12px 0;display:grid;place-items:center}.boardScene{position:relative;padding:12px;border:1px solid rgba(201,168,106,.28);background:radial-gradient(circle at 50% 52%,rgba(201,168,106,.12),transparent 22%),radial-gradient(circle at 18% 22%,rgba(79,163,165,.12),transparent 18%),radial-gradient(circle at 84% 28%,rgba(184,90,60,.1),transparent 18%),linear-gradient(145deg,#232a2ffa,#0e1218fa);box-shadow:0 18px 28px #0000006b;flex:0 0 auto}.boardScene:before{content:"";position:absolute;left:16px;right:16px;bottom:8px;height:44px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 68%);pointer-events:none}.board{position:relative;margin:0 auto}.hex{position:absolute;width:76px;height:88px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:grid;place-items:center;border:2px solid rgba(201,168,106,.55);background:radial-gradient(circle at 45% 32%,rgba(255,255,255,.12),transparent 20%),linear-gradient(160deg,#6f675beb,#2e3234f5);box-shadow:0 6px #251e1ce0,0 12px 18px #00000057;color:#f2e7cf}.hex:before{content:"";position:absolute;top:9%;right:10%;bottom:14%;left:10%;clip-path:inherit;border:1px solid rgba(239,207,146,.18);background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 46%,rgba(0,0,0,.15));pointer-events:none}.hex:hover{border-color:#efcf92f5;filter:brightness(1.12)}.hex.selected{border-color:var(--dusk-gold);filter:brightness(1.18)}.hex.moveable .highlightLayer{box-shadow:inset 0 0 0 5px #4fa3a594}.hex.attackable .highlightLayer{box-shadow:inset 0 0 0 5px #b85a3cb8}.hex.central_objective{background:radial-gradient(circle at 50% 44%,#ffdd8e94,#895f30db 46%,#3f362df5);border-color:#ffdc8aeb}.hex.edge_objective{background:radial-gradient(circle at 50% 40%,#d8d2bf6b,#5e625ee6 48%,#2e3337f5);border-color:#d8d2bfd1}.hex.high_ground{background:linear-gradient(180deg,#c4ae829e,#524a3afa);box-shadow:0 8px #382b22eb,0 16px 18px #00000061}.hex.cover_shadow{background:radial-gradient(circle at 30% 28%,rgba(91,104,98,.52),transparent 30%),linear-gradient(180deg,#374445fa,#171d23fa)}.hex.dusk_rift{background:radial-gradient(ellipse at 50% 50%,rgba(79,233,221,.44),transparent 36%),linear-gradient(180deg,#2a5658eb,#162229fa);border-color:#4fded6eb;box-shadow:0 6px #1b373ae6,0 0 18px #4fa3a59e,0 12px 18px #00000057}.hex.obstacle{background:linear-gradient(180deg,#333030fa,#0f1216fa);color:#918b7d}.hex.deploy-qingqiu{border-color:#4fe1dbc7;box-shadow:inset 0 0 0 3px #4fa3a54d,0 6px #214141e6,0 0 15px #4fa3a547,0 12px 18px #00000057}.hex.deploy-tianmen{border-color:#cd5d3cc7;box-shadow:inset 0 0 0 3px #b85a3c4d,0 6px #4f2c22e6,0 0 15px #b85a3c42,0 12px 18px #00000057}.hex.deploy-qingqiu:hover,.hex.deploy-qingqiu.moveable{border-color:#4fe1dbfa}.hex.deploy-tianmen:hover,.hex.deploy-tianmen.moveable{border-color:#cd5d3cfa}.terrainLayer{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);min-width:22px;height:22px;padding:1px 5px;border-radius:999px;display:grid;place-items:center;font-size:14px;color:#f5d58e;text-shadow:0 2px 4px rgba(0,0,0,.9);background:#0f12166b;z-index:3}.coord{position:absolute;top:28%;left:0;right:0;text-align:center;font-size:10px;opacity:.54;text-shadow:0 1px 3px #000;z-index:4}.owner{position:absolute;bottom:25%;font-size:10px;z-index:4;color:#f4e0ad;text-shadow:0 1px 3px #000}.statusLayer{position:absolute;right:18%;top:20%;display:grid;gap:2px;z-index:3}.statusLayer b,.unitLayer em{width:17px;height:17px;border-radius:50%;border:1px solid var(--line);font-size:10px;display:grid;place-items:center;background:#2a313beb;font-style:normal}.unitLayer{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:2px solid;font-size:11px;font-family:sans-serif;z-index:8;box-shadow:0 8px 12px #00000075}.unitLayer i{font-size:16px;font-style:normal;font-weight:700}.unitLayer em{position:absolute;right:-6px;bottom:-6px}.unitLayer.qingqiu{background:#4fa3a5e6;border-color:#b7ffff;color:#071315}.unitLayer.tianmen{background:#d8d2bfeb;border-color:#fff4c9;color:#222}.highlightLayer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.candidate{display:grid;gap:4px;margin:6px 0}.candidate small{color:#d8d2bf;line-height:1.55}.aiBatch{display:grid;gap:6px;margin-bottom:12px}.aiBatch p{margin:0}.progress{height:14px;border:1px solid #C9A86A;background:#1f2228}.progressBar{height:100%;background:#4fa3a5;transition:width .12s linear}.log{padding:12px 16px;max-height:190px;overflow:auto}.log p{margin:6px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#d8d2bf}.log p b{color:var(--dusk-gold)}@media (max-width: 980px){.gamegrid{grid-template-columns:1fr}.side{max-height:none}.map{min-height:auto;overflow-x:auto}.boardViewport{min-height:auto;padding:12px 0}}@media (max-width: 768px){.gamegrid{grid-template-columns:1fr}.side{max-height:none}.map{overflow-x:auto}.boardViewport{min-height:auto;padding:12px 0}.board{margin:0 auto}}@media (max-width: 520px){.shell{padding:8px}.homebar{gap:8px}.field{min-width:140px}.map{min-height:auto}.boardViewport{min-height:auto;padding:12px 0;place-items:start center}.coord{font-size:12px}.terrainLayer{font-size:24px}.owner{font-size:12px}}.battleScreen{min-height:100vh;padding:8px 8px 112px;display:grid;grid-template-rows:auto 1fr;gap:8px;background:radial-gradient(circle at 50% 18%,rgba(201,168,106,.16),transparent 26%),linear-gradient(180deg,#2a313b,#151a20)}.battleMain{display:grid;gap:8px}.phase{position:sticky;top:0;z-index:20;justify-content:space-between;border-radius:8px;background:#181d24f5}.pixiMap{height:64vh;min-height:420px;border-radius:8px;overflow:hidden}.pixiHost{position:absolute;top:0;right:0;bottom:0;left:0}.pixiHost canvas{display:block;width:100%;height:100%}.viewSwitch{position:absolute;z-index:4;top:8px;right:8px;display:flex;gap:6px}.viewSwitch button{border-radius:999px;padding:7px 10px;background:#0c1016c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewSwitch button.active{border-color:#c9a86a;background:#c9a86a38}.mapEditor{min-height:100vh;display:grid;grid-template-columns:340px 1fr;background:#141a21}.editorPanel{position:sticky;top:0;height:100vh;overflow:auto;padding:14px;border-right:1px solid var(--line);background:#12171df5}.editorPanel header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.editorPanel h1,.editorPanel h2{margin:0;color:var(--dusk-gold)}.editorPanel h1{font-size:24px}.editorPanel h2{font-size:15px}.editorPanel a{color:#d8d2bf}.editorPanel .field{margin-bottom:10px}.editorPanel input,.editorPanel select,.editorPanel textarea{width:100%}.editorGroup{display:grid;gap:8px;margin:14px 0;padding-top:12px;border-top:1px solid rgba(201,168,106,.22)}.compactField{grid-template-columns:96px 1fr;align-items:center}.compactField span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.segmented button.active{border-color:var(--dusk-gold);background:#c9a86a38}.actionStack button{width:100%}.zoomButtons{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:6px;align-items:center}.zoomButtons span{color:#d8d2bf;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-align:right}.editorStageWrap{min-width:0;height:100vh;overflow:auto;padding:16px}.editorZoomFrame{position:relative}.editorStage{position:relative;overflow:hidden;border:1px solid var(--line);background:#202832;transform-origin:top left}.editorStage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.editorStage svg{position:absolute;top:0;right:0;bottom:0;left:0}.editorHex{cursor:pointer}.editorHex polygon{fill:transparent;stroke:#ffffffeb;stroke-width:2}.editorHex:hover polygon{fill:#ffffff1f;stroke:#fff}.editorHex.backgroundTile polygon{fill:#bebebe2e;stroke:#cdcdcdeb}.editorHex.backgroundTile:hover polygon{fill:#d2d2d247;stroke:#dedede}.editorHex text{fill:#fff1d2;paint-order:stroke;stroke:#111;stroke-width:3px;stroke-linejoin:round;font-size:12px;font-weight:700;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.exportBox{display:block;width:min(980px,100%);min-height:240px;margin-top:14px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.belowMap{display:grid;gap:8px}.card,.log{border-radius:8px}.deployment p,.preview p,.card p{margin:6px 0}.actionPanel{position:fixed;left:8px;right:8px;bottom:8px;z-index:40;padding:8px;box-shadow:0 14px 28px #0000007a}.actionPanel h2{display:none}.quickActions{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.quickActions button,.aiButtons button{min-height:42px;border-radius:8px;padding:6px 4px}.actionPanel details{margin-top:6px}.actionList{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px;max-height:170px;overflow:auto;padding-top:6px}.aiButtons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}summary{cursor:pointer;color:#c9a86a;font-weight:700}.ai details,.log details{display:grid;gap:6px}.log{max-height:none;overflow:visible}.log details[open]{max-height:220px;overflow:auto}@media (min-width: 820px){.battleScreen{max-width:820px;margin:0 auto;border-left:1px solid rgba(201,168,106,.24);border-right:1px solid rgba(201,168,106,.24)}.actionPanel{left:50%;right:auto;width:min(804px,calc(100% - 16px));transform:translate(-50%)}}@media (max-width: 520px){.battleScreen{padding:6px 6px 108px}.phase{gap:6px;padding:8px;font-size:12px}.pixiMap{height:62vh;min-height:360px}.viewSwitch{left:8px;right:8px;justify-content:flex-end}.viewSwitch button{padding:6px 8px;font-size:12px}.quickActions button{font-size:13px}}html,body,#root{width:100%;height:100%;overflow:hidden}body{min-height:0;overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(circle at 50% 32%,rgba(79,163,165,.12),transparent 34%),linear-gradient(180deg,#101d1ff0,#18231cfa),#213b35}.battleApp{--top-ui-height: 52px;--bottom-ui-height: calc(88px + env(safe-area-inset-bottom)) ;position:relative;width:100vw;height:100dvh;min-height:0;max-width:none;margin:0;padding:0;overflow:hidden;display:block;border:0;background:radial-gradient(circle at 50% 22%,rgba(240,210,142,.18),transparent 25%),radial-gradient(circle at 50% 78%,rgba(79,225,219,.14),transparent 36%),linear-gradient(180deg,#101d1f2e,#1c271f4d),#213b35}.battleHud{position:absolute;top:0;left:0;right:0;z-index:30;height:52px;padding:0 12px;display:grid;grid-template-columns:92px 1fr 74px;align-items:center;gap:8px;border:0;border-radius:0;border-bottom:1px solid rgba(201,168,106,.34);background:linear-gradient(180deg,#182c2b94,#1c302a57),url(/assets/ui/ui_hud_bar.png) center / 100% 100% no-repeat;box-shadow:0 8px 22px #0f222138;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px}.battleHud b{color:#f0d28e;white-space:nowrap}.battleHud span{justify-self:center;color:#efe6d2;white-space:nowrap}.battleHud em{justify-self:end;font-style:normal;color:#75d6d8;white-space:nowrap}.hudFaction,.hudStatus{display:inline-flex!important;align-items:center;gap:4px;min-width:0}.hudFaction img,.hudStatus img{width:22px;height:22px;flex:0 0 auto;object-fit:contain}.hudStatus{justify-content:flex-end}.battlefieldLayer{position:absolute;top:var(--top-ui-height);left:0;right:0;bottom:var(--bottom-ui-height);overflow:hidden}.battlefieldLayer .pixiMap,.battleApp .pixiMap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:auto;min-height:0;border:0;border-radius:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(240,210,142,.14),transparent 34%),radial-gradient(circle at 50% 70%,rgba(79,225,219,.1),transparent 38%),linear-gradient(180deg,#14252747,#141f1c57)}.battleApp .viewSwitch{top:8px;right:10px;left:auto}.battleApp .viewSwitch button{min-height:30px;padding:5px 8px;border-radius:999px;font-size:12px;background:#182c2b94}.phasePrompt{position:fixed;left:0;right:0;bottom:0;z-index:40;height:var(--bottom-ui-height);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:grid;align-items:center;justify-items:center;border-top:1px solid rgba(201,168,106,.34);background:linear-gradient(180deg,#1f352f9e,#182721d6);box-shadow:0 -12px 30px #0d1f1e47;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.phasePrompt button{width:min(360px,100%)}.primaryBattleButton{min-height:44px;padding:0 22px;border-radius:999px;border:1px solid rgba(240,210,142,.88);color:#fff4cf;background:linear-gradient(180deg,#825b25f2,#3f2a14f2);box-shadow:0 8px 20px #00000061,inset 0 1px #ffffff29;font-weight:800}.primaryBattleButton:active,.actionButton:active,.deployChip:active,.floatingTools button:active{transform:translateY(1px) scale(.98)}.primaryBattleButton.compact{min-width:74px;padding:0 14px}.actionBar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:var(--bottom-ui-height);padding:10px 10px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid rgba(201,168,106,.34);border-radius:0;background:linear-gradient(180deg,#1f352f75,#182721b3),url(/assets/ui/ui_action_bar.png) center / 100% 100% no-repeat;box-shadow:0 -12px 30px #0d1f1e47;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quickActions{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.actionButton{display:grid;place-items:center;align-content:center;gap:2px;min-height:0;border-radius:14px;border:1px solid rgba(201,168,106,.62);color:#f4e4bd;background:radial-gradient(circle at 50% 0%,rgba(201,168,106,.28),transparent 38%),linear-gradient(180deg,#453b26e0,#1f312ae0);box-shadow:inset 0 1px #ffffff1f,0 5px 12px #0d1f1e38}.actionButton img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.42))}.actionButton span{font-size:12px}.actionButton:disabled{opacity:.35;filter:grayscale(.6)}.deployActionBar{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.deployRoster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}.deployChip{min-width:0;height:62px;padding:5px 3px;display:grid;justify-items:center;gap:2px;border-radius:14px;border:1px solid rgba(79,163,165,.62);background:linear-gradient(180deg,#264546db,#091214f0)}.deployChip b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#4fa3a5eb;color:#061718}.deployChip b img{width:42px;height:42px;object-fit:cover}.deployChip span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.deployChip.picked{outline:2px solid #f0d28e;box-shadow:0 0 18px #4fe1db59}.unitMiniPanel{position:absolute;left:12px;bottom:calc(var(--bottom-ui-height) + 8px);z-index:35;width:178px;min-height:76px;padding:10px;display:grid;grid-template-columns:42px 1fr;gap:8px;border:1px solid rgba(201,168,106,.42);border-radius:12px;background:linear-gradient(180deg,#1f352f75,#182721ad),url(/assets/ui/ui_panel_gold.png) center / 100% 100% no-repeat;box-shadow:0 10px 24px #0d1f1e42;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.unitAvatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#062224;background:linear-gradient(180deg,#7bdadd,#4fa3a5);font-weight:900;overflow:hidden}.unitAvatar img{width:52px;height:52px;object-fit:cover}.unitMiniPanel b,.unitMiniPanel span,.unitMiniPanel p,.unitMiniPanel small{display:block;margin:0}.unitMiniPanel b{color:#f3d58f;font-size:15px}.unitMiniPanel span,.unitMiniPanel small{color:#d8d2bf;font-size:11px}.unitFaction{display:inline-flex!important;align-items:center;gap:4px}.unitFaction img{width:16px;height:16px;object-fit:contain}.unitStatusList{display:flex!important;flex-wrap:wrap;gap:3px;margin-top:2px!important}.unitStatusList span{display:inline-flex;align-items:center;gap:2px}.unitStatusList img{width:15px;height:15px;object-fit:contain}.unitMiniPanel p{color:#fff2d0;font-size:12px}.floatingTools{position:absolute;right:10px;bottom:calc(var(--bottom-ui-height) + 8px);z-index:38;display:grid;gap:8px}.floatingTools button,.debugDrawer header button{min-width:48px;min-height:34px;padding:0 10px;border-radius:999px;border:1px solid rgba(201,168,106,.48);background:#182c2ba8;color:#f1deb4;box-shadow:0 8px 16px #0d1f1e38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debugDrawer{position:absolute;left:0;right:0;bottom:var(--bottom-ui-height);z-index:50;height:42vh;display:grid;grid-template-rows:42px 1fr;border-top:1px solid rgba(201,168,106,.42);background:linear-gradient(180deg,#1f352fc2,#182721e0),url(/assets/ui/ui_drawer_bg.png) center / 100% 100% no-repeat;box-shadow:0 -18px 34px #0d1f1e4d}.debugDrawer header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#f0d28e}.debugDrawerBody{min-height:0;overflow:auto;padding:0 10px 12px}.debugDrawer .card,.debugDrawer .log{padding:0;border:0;background:transparent;max-height:none;overflow:visible}.debugDrawer .log details[open]{max-height:none;overflow:visible}.debugDrawer summary{display:none}.debugDrawer p,.debugDrawer small{font-size:12px}.belowMap,.preview,.deployment,.homebar,.gamegrid,.side{display:none!important}@media (min-width: 820px){.battleApp{max-width:none;border:0}.battleApp .actionPanel{left:0;right:0;width:auto;transform:none}}@media (max-width: 520px){.battleHud{height:52px;grid-template-columns:76px 1fr 64px;font-size:12px}.battlefieldLayer{top:var(--top-ui-height);bottom:var(--bottom-ui-height)}.unitMiniPanel{width:164px}}