*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#382112,transparent 55%),radial-gradient(ellipse at 100% 80%,#153f4e,transparent 55%),#0c1614;color:#f7f4e9;font:16px system-ui,sans-serif}header{max-width:1300px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,44px);margin:6px 0}small{letter-spacing:.18em;color:#8fe5d9;font-size:11px}a,button{color:#101b19;background:#8ae0d0;border:0;border-radius:8px;padding:11px 16px;font-weight:700;text-decoration:none;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ffad61;outline-offset:3px}main{max-width:1300px;padding:0 24px 30px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.arena{min-width:0}.board-frame{position:relative;aspect-ratio:1;background:url(board.png) center/100% 100%;border-radius:18px;box-shadow:0 25px 80px #0009}#board{position:absolute;left:14.6%;top:13.4%;width:70.8%;height:70.8%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.square{position:relative;padding:0;border-radius:0;background:transparent;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.square.selected{box-shadow:inset 0 0 0 4px #f7b75c;background:#ffb94c44}.square.last{background:#58dad533}.square.check{background:#e9516b88}.square.legal:after{content:'';position:absolute;width:22%;height:22%;background:#112d25bb;border:2px solid #bafceb;border-radius:50%;z-index:2;pointer-events:none}.square.legal:has(.piece):after{width:90%;height:90%;background:transparent;border:3px solid #ffd18b}.piece{display:block;width:95%;height:95%;background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 3px 2px #0008);pointer-events:none;animation:arrive .22s ease-out}.fire{background-image:url(fire.png)}.ice{background-image:url(ice.png)}.coord{position:absolute;bottom:1px;left:2px;font-size:9px;color:#c7fff4;text-shadow:0 1px 2px #000;pointer-events:none}.legend{display:flex;justify-content:space-between;padding:15px 3px;color:#d4e2d9;font-size:14px}.panel{padding:20px;background:#132420e8;border:1px solid #4c766555;border-radius:14px;margin-bottom:14px}h2{font:27px Georgia,serif;margin:10px 0}h3{font-size:15px;margin-top:0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.note{font-size:12px;line-height:1.6;color:#a9c3b7}#detail{line-height:1.5;color:#d1ded5}#moves{max-height:190px;overflow:auto;line-height:1.8;font-size:14px;padding-left:28px}#result{color:#ffcb67;font-size:25px;margin:15px 0}dialog{background:#172b25;color:white;border:1px solid #76d3c1;border-radius:14px}dialog::backdrop{background:#000a}#choices{display:flex;gap:10px}#choices button{width:85px;height:110px;padding:5px}summary{cursor:pointer}#identity{font-size:13px;display:flex;align-items:center;gap:10px}@keyframes arrive{from{transform:translateY(-6px);opacity:.7}to{transform:translateY(0);opacity:1}}@media(max-width:850px){main{grid-template-columns:1fr;padding:0 8px 25px;gap:8px}header{padding:18px 12px}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}aside>.panel:first-child{grid-column:1/-1}.panel{margin:0;padding:15px}.coord{font-size:8px}}@media(prefers-reduced-motion:reduce){.piece{animation:none}}
/* Keep turn and royalty readable at small board sizes and in fullscreen. */
#turn-banner{padding:14px 18px;margin-bottom:12px;border-radius:10px;font-weight:850;font-size:clamp(14px,2vw,20px);letter-spacing:.025em;border:2px solid}
#turn-banner.fire-turn{background:#422411;border-color:#ffb96b;color:#ffe3bb}
#turn-banner.ice-turn{background:#163f54;border-color:#80dcff;color:#d0f4ff}
#turn-banner.finished{background:#283b28;border-color:#d8e095;color:#f1f6ca}
.piece{position:relative}.royal-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:2px 4px;line-height:1.1;font-size:clamp(6px,1vw,11px);font-weight:900;letter-spacing:.04em;border:1px solid;border-radius:3px;white-space:nowrap}
.royal-king .royal-label{background:#111d18;color:#ffe09a;border-color:#ffe09a}
.royal-queen .royal-label{background:#3e1643;color:#ffe0ff;border-color:#ffa6ef}
.arena:fullscreen{background:#0c1614;display:flex;flex-direction:column;align-items:center;padding:12px}.arena:fullscreen .board-frame{width:min(85vh,95vw)}.arena:fullscreen #turn-banner{width:min(85vh,95vw)}.arena:fullscreen .legend{width:min(85vh,95vw)}
 .capture-side{border:1px solid #548b7955;background:#12251f;border-radius:10px;padding:8px 12px;margin:10px 0;font-size:12px}.capture-tray{display:flex;align-items:center;flex-wrap:wrap;min-height:46px;gap:4px;color:#b0c7bd}.captured-piece{display:block;width:38px;height:46px}.captured-piece .royal-label{font-size:6px}.ice-side strong{color:#a1e6ff}.fire-side strong{color:#ffd095}.season-board{max-width:1252px;margin:12px auto 40px;padding:24px;border:1px solid #567967;border-radius:14px;background:#132420}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{text-align:left;padding:12px;border-bottom:1px solid #4b6b5955;font-size:14px}th{color:#95e4d4}.my-row{background:#315342}#mode-status{font-size:12px;color:#9edbce}.arena:fullscreen .board-frame{width:min(65vh,95vw)}.arena:fullscreen .capture-side{width:min(65vh,95vw);margin:3px}.arena:fullscreen .legend{width:min(65vh,95vw)}.arena:fullscreen #turn-banner{width:min(65vh,95vw);margin-bottom:3px;padding:6px 12px}
aside .panel:has(#captures){display:none}
.square.ai-last-from{background-color:#4db9ff55!important;outline:2px dashed #92e5ff;outline-offset:-3px}.square.ai-last-to{background-color:#58caff88!important;outline:3px solid #bef4ff;outline-offset:-3px}.square.ai-last-to.selected,.square.ai-last-from.selected{outline-color:#ffcc75;background-color:#ffc26566!important}#ai-last-move{color:#b6edff;font-size:13px;margin:0 0 10px;line-height:1.5}.arena:fullscreen #ai-last-move{margin:0;font-size:12px}
.square.checking-attacker{outline:3px solid #ff697e;outline-offset:-4px}.square.hint-from{outline:3px solid #ffd976;outline-offset:-4px}.square.hint-to{outline:4px solid #ffeb94;outline-offset:-4px;background-color:#ffdc6366!important}#coach-note{color:#ffe3ab;font-size:13px;line-height:1.55;margin:5px 0 15px}.arena:fullscreen #coach-note{max-width:min(65vh,95vw);font-size:11px;margin:2px}
.skin-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0;color:#e8f4ee;font-size:13px}.skin-tools label{font-weight:700}.skin-tools select{max-width:100%;padding:9px 12px;border:1px solid #8ae0d0;border-radius:8px;background:#132420;color:#f7f4e9;font:inherit}.skin-tools select:focus-visible{outline:3px solid #ffad61;outline-offset:3px}#skin-status{color:#b9d9cb;font-size:12px}.arena:fullscreen .skin-tools{margin:3px}