:root{--dusk-gold:#c9a86a;--qingqiu:#4fa3a5;--tianmen:#d8d2bf;--danger:#b85a3c;--ink:#2a313b;--panel:#181d24e0;--line:#c9a86a59;color:#efe6d2;background:var(--ink);font-family:ui-serif,Noto Serif SC,Songti SC,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, #c9a86a2e, transparent 36%), var(--ink);min-height:100vh;margin:0}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:#0c1016a3}button:hover{border-color:var(--dusk-gold)}.home{grid-template-columns:1fr 440px;align-items:center;gap:32px;min-height:100vh;padding:64px;display:grid}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#c9a86a1f,#4fa3a50f);padding:48px;box-shadow:inset 0 0 80px #0000003d}.eyebrow{color:var(--dusk-gold);letter-spacing:.22em}h1{letter-spacing:.18em;margin:12px 0;font-size:56px}.setup,.panel,.log,.top{background:var(--panel);border:1px solid var(--line)}.setup{gap:18px;padding:24px;display:grid}.option{gap:10px;display:grid}.option h2,.panel h2,.panel h3{color:var(--dusk-gold);margin:0}.option button{text-align:left;padding:12px 14px}.option button.picked,.actions .active{border-color:var(--dusk-gold);background:#c9a86a38}.start{background:#c9a86a47;padding:16px;font-weight:700}.battle{grid-template-rows:56px 1fr 170px;grid-template-columns:1fr 340px;gap:12px;height:100vh;padding:12px;display:grid}.top{grid-column:1/3;align-items:center;gap:18px;padding:10px 14px;display:flex}.top button{padding:6px 10px}.map{border:1px solid var(--line);background:linear-gradient(#efcf921f,#1b2027e6);position:relative;overflow:hidden}.board{width:100%;height:100%;min-height:560px;position:relative}.hex{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#c9a86a1f;place-items:center;width:78px;height:68px;display:grid;position:absolute;transform:translate(-50%,-50%)}.hex.selected{outline:3px solid var(--dusk-gold);z-index:3}.hex.moveable{box-shadow:0 0 0 4px #4fa3a56b}.hex.attackable{box-shadow:0 0 0 4px #b85a3c9e}.hex.central_objective{background:#c9a86a52}.hex.edge_objective{background:#d8d2bf3d}.hex.high_ground{background:#b4a07a42}.hex.cover_shadow{background:#3a4648e0}.hex.dusk_rift{background:#4fa3a53d;box-shadow:inset 0 0 18px #4fa3a59e}.hex.obstacle{color:#918b7d;background:#111418eb}.hex.deploy-qingqiu{border-color:#4fa3a5cc}.hex.deploy-tianmen{border-color:#d8d2bfcc}.coord{opacity:.65;font-size:10px;position:absolute;top:7px}.terrain{color:var(--dusk-gold);font-size:20px}.owner{font-size:10px;position:absolute;bottom:7px}.tileStatus{border:1px solid var(--line);background:#2a313be6;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;top:8px;right:8px}.unit{border:2px solid;border-radius:50%;place-items:center;width:38px;height:38px;font-family:sans-serif;font-size:12px;display:grid;position:absolute}.unit b{font-size:16px}.unit.qingqiu{color:#071315;background:#4fa3a5db;border-color:#b7ffff}.unit.tianmen{color:#222;background:#d8d2bfe6;border-color:#fff4c9}.panel{padding:18px;overflow:auto}.bars{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bars span{border:1px solid var(--line);background:#00000029;padding:8px}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.actions button{padding:10px}.log{grid-column:1/3;padding:12px 16px;overflow:auto}.log strong{color:var(--dusk-gold)}.log p{color:#d8d2bf;margin:6px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}@media (width<=920px){.home,.battle{height:auto;padding:12px;display:block}.setup,.panel,.log,.map{margin-top:12px}.map{height:620px}h1{font-size:36px}}