:root{--space:#050817;--panel:rgba(8,15,35,.86);--line:rgba(119,255,222,.26);--cyan:#79ffe2;--lime:#b9ff66;--violet:#a78bfa;--text:#edfaff;--muted:#8ba6b6;--danger:#ff5d8f}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:"Segoe UI",system-ui,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(82,49,170,.3),transparent 34%),radial-gradient(circle at 90% 30%,rgba(0,202,178,.17),transparent 30%),linear-gradient(145deg,#03050d,#071126 55%,#040712);overflow-x:hidden}.stars,.stars:before,.stars:after{position:fixed;inset:0;pointer-events:none;content:"";background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#79ffe2 1px,transparent 1px);background-size:73px 73px,137px 137px;background-position:11px 19px,44px 61px;opacity:.23}.stars:before{transform:rotate(13deg) scale(1.25);opacity:.38}.stars:after{transform:rotate(-9deg) scale(.82);opacity:.18}.game-shell{width:min(1500px,100%);margin:auto;padding:24px clamp(14px,3vw,42px) 28px;position:relative}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-bottom:22px}.home-link{justify-self:start;color:var(--cyan);text-decoration:none;border:1px solid var(--line);padding:10px 14px;border-radius:999px;background:rgba(5,14,31,.75)}.home-link:hover{box-shadow:0 0 22px rgba(121,255,226,.2)}.title-wrap{text-align:center}.eyebrow{margin:0;color:var(--cyan)!important;font-size:11px;letter-spacing:.28em;font-weight:800}.title-wrap h1{margin:3px 0 0;font-size:clamp(35px,6vw,69px);line-height:.95;letter-spacing:.08em;text-shadow:0 0 35px rgba(121,255,226,.23)}.title-wrap h1 span{color:transparent;-webkit-text-stroke:1px var(--lime);text-shadow:0 0 26px rgba(185,255,102,.2)}.title-wrap p{margin:9px 0 0;color:var(--muted)}.signal{justify-self:end;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.09em}.signal i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime);margin-right:7px;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.35}}
.command-deck{display:grid;grid-template-columns:minmax(190px,260px) minmax(440px,720px) minmax(210px,290px);gap:clamp(14px,2.2vw,28px);justify-content:center;align-items:start}.control-panel,.mission-panel{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:18px;box-shadow:0 22px 70px rgba(0,0,0,.38);backdrop-filter:blur(15px)}.panel-section+.panel-section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.panel-label{color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:800;margin:0 0 12px}label{color:var(--muted);font-size:12px;display:block;margin:11px 0 6px}select,button{font:inherit}select{width:100%;color:var(--text);background:#0b1630;border:1px solid var(--line);border-radius:10px;padding:10px}.actions{display:grid;gap:9px}button{cursor:pointer;color:var(--text);border:1px solid var(--line);background:rgba(25,40,69,.7);border-radius:10px;padding:10px 12px;transition:.18s ease}button:hover{border-color:var(--cyan);transform:translateY(-1px)}.primary-action{color:#06131a;font-weight:900;background:linear-gradient(100deg,var(--cyan),var(--lime));border:0}.legend{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.legend div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;padding:5px 0;font-size:13px}.legend div span{font-size:23px;color:var(--lime);filter:drop-shadow(0 0 7px rgba(185,255,102,.5))}.legend small{color:var(--muted)}
.board-zone{min-width:0}.player-strip{min-height:60px;display:flex;align-items:center;gap:12px;padding:9px 14px;border:1px solid var(--line);background:rgba(8,15,35,.79)}.player-strip.enemy{border-radius:18px 18px 0 0}.player-strip.human{border-radius:0 0 18px 18px}.avatar{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--cyan);font-size:24px;background:rgba(121,255,226,.07)}.player-strip strong,.player-strip small{display:block}.player-strip strong{font-size:13px;letter-spacing:.09em}.player-strip small{color:var(--muted);margin-top:2px}.captured{margin-left:auto;text-align:right;max-width:45%;font-size:19px;letter-spacing:-2px;color:var(--muted)}.board-frame{padding:clamp(8px,1.4vw,14px);position:relative;background:rgba(1,4,11,.86);border-inline:1px solid var(--line)}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:1px solid rgba(121,255,226,.55);box-shadow:0 0 45px rgba(84,255,211,.13),inset 0 0 30px rgba(0,0,0,.4)}.square{position:relative;display:grid;place-items:center;border:0;border-radius:0;padding:0;user-select:none;touch-action:manipulation}.square:hover{transform:none}.square.light{background:linear-gradient(145deg,#2a4861,#1e354c)}.square.dark{background:linear-gradient(145deg,#111d36,#0c172b)}.square:before{content:"";position:absolute;inset:8%;border:1px solid transparent;border-radius:16%}.square.selected:before{border-color:var(--cyan);background:rgba(121,255,226,.16);box-shadow:inset 0 0 16px rgba(121,255,226,.24),0 0 12px rgba(121,255,226,.35)}.square.legal:after{content:"";width:22%;aspect-ratio:1;border-radius:50%;background:var(--lime);opacity:.66;box-shadow:0 0 12px var(--lime);position:absolute}.square.capture:after{width:72%;background:transparent;border:3px solid var(--danger);box-shadow:inset 0 0 10px rgba(255,93,143,.4),0 0 10px rgba(255,93,143,.4)}.square.last:before{background:rgba(167,139,250,.23);border-color:rgba(167,139,250,.45)}.square.check:before{background:rgba(255,93,143,.35);border-color:var(--danger);animation:danger 1s infinite alternate}@keyframes danger{to{box-shadow:inset 0 0 25px rgba(255,93,143,.6)}}.piece{position:relative;z-index:2;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,7.5vw,72px);line-height:1;transform:translateY(-2%);transition:transform .14s ease}.square:hover .piece{transform:translateY(-5%) scale(1.06)}.piece.white{color:#eaffff;text-shadow:0 0 5px #3ee7ff,0 0 18px rgba(62,231,255,.7),0 4px 2px #102b4a}.piece.black{color:#c9ff78;text-shadow:0 0 5px #7df34a,0 0 18px rgba(125,243,74,.58),0 4px 2px #19360c}.coord{position:absolute;z-index:3;font-size:clamp(7px,1vw,10px);font-weight:800;color:rgba(230,255,255,.42)}.coord.rank{top:4px;left:5px}.coord.file{right:5px;bottom:3px}.thinking{position:absolute;inset:14px;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(3,8,20,.63);backdrop-filter:blur(2px);color:var(--lime);font-weight:800;letter-spacing:.12em;text-transform:uppercase;z-index:5}.thinking[hidden]{display:none}.thinking span{width:12px;height:12px;border:2px solid var(--lime);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.status{font-size:19px;font-weight:800;min-height:52px}.turn-light{display:flex;gap:9px;align-items:center;border-block:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:11px;letter-spacing:.13em}.turn-light span{width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.log-wrap{margin-top:16px}.log-heading{display:flex;justify-content:space-between;align-items:center;color:var(--cyan);text-transform:uppercase;font-size:11px;letter-spacing:.14em}.log-heading button{font-size:10px;padding:5px 8px}.move-log{height:230px;overflow:auto;margin:10px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.move-log li{color:var(--muted);background:rgba(121,255,226,.04);border-radius:7px;padding:6px 7px;font:12px ui-monospace,monospace}.online-note{margin-top:18px;border:1px solid rgba(167,139,250,.3);border-radius:14px;padding:13px;background:rgba(167,139,250,.07)}.online-note span{color:var(--violet);font-size:10px;letter-spacing:.15em}.online-note strong{display:block;margin-top:4px}.online-note p{color:var(--muted);font-size:12px;margin:7px 0 0}footer{text-align:center;color:#647d8e;font-size:12px;padding-top:22px}.promotion-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.promotion-modal[hidden]{display:none}.promotion-modal>div{text-align:center;background:#0a142b;border:1px solid var(--cyan);border-radius:20px;padding:25px;box-shadow:0 0 60px rgba(121,255,226,.22)}.promotion-modal p{color:var(--cyan);letter-spacing:.15em;font-size:11px}.promotion-modal h2{margin:5px 0 18px}#promotionChoices{display:flex;gap:10px}#promotionChoices button{font-size:43px;min-width:68px;color:var(--lime)}
@media(max-width:1050px){.game-header{grid-template-columns:1fr 1fr}.title-wrap{grid-column:1/-1;grid-row:1}.home-link{grid-row:2}.signal{grid-row:2}.command-deck{grid-template-columns:minmax(160px,230px) minmax(430px,650px)}.mission-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.online-note{display:none}.move-log{height:125px}}@media(max-width:760px){.game-shell{padding-inline:8px}.game-header{padding-inline:7px}.title-wrap p:not(.eyebrow){font-size:13px}.signal{font-size:10px}.command-deck{display:flex;flex-direction:column}.board-zone{order:1;width:100%}.control-panel{order:2;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-section+.panel-section{border:0;margin:0;padding:0}.legend{display:none}.mission-panel{order:3;width:100%;display:block}.piece{font-size:clamp(31px,11vw,66px)}}