/* Fixed elevated fantasy presentation; board hit areas remain a readable 9×9 grid. */
.in-arena .match-layout{max-width:1270px;grid-template-columns:minmax(0,1fr) 310px;align-items:start;overflow:visible;gap:25px}
.in-arena .match-panel{position:sticky;top:18px;align-self:start;max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#93b8d3 #122840}
.in-arena .board-frame{position:relative;padding:10px;border:1px solid #e4d7b273;border-radius:20px;background:linear-gradient(140deg,#8abedb,#294a79 25%,#182b50 80%,#766a9c);box-shadow:inset 0 1px 0 #f2f5dd9c,0 6px 0 #10233c,0 8px 0 #b5996577,0 22px 38px #020d2280;overflow:visible;margin:13px 0 17px}
.in-arena .board-frame::before{inset:-3px;border-radius:22px;border-color:#accdec55;box-shadow:0 0 24px #82cef026;animation:arena-breathe 6s ease-in-out infinite}
.in-arena .board-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(9,minmax(0,1fr));aspect-ratio:1;width:100%;overflow:visible;border-radius:9px;outline:1px solid #b8dbe366;box-shadow:0 0 0 3px #101e3b99,inset 0 2px 8px #08233b50}
.in-arena .board-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));min-width:0}.in-arena .cell{position:relative;min-width:0;aspect-ratio:1}.in-arena .square{position:relative;display:block;width:100%;height:100%;padding:1px;border-radius:0;background:linear-gradient(145deg,#ffffff48,transparent 55%,#2c587b12),var(--board-light);box-shadow:inset 1px 1px 0 #f0fdff3d,inset -1px -1px 0 #162e4530;isolation:isolate;overflow:visible;touch-action:manipulation;transition:background-color .15s,box-shadow .15s}
.in-arena .square.dark{background:linear-gradient(145deg,#e8fcff18,transparent 55%,#071c3430),var(--board-dark);box-shadow:inset 1px 1px 0 #d6edff20,inset -1px -1px 0 #07192e40}
.in-arena .board-row:first-child .cell:first-child .square{border-top-left-radius:9px}.in-arena .board-row:first-child .cell:last-child .square{border-top-right-radius:9px}.in-arena .board-row:nth-child(9) .cell:first-child .square{border-bottom-left-radius:9px}.in-arena .board-row:nth-child(9) .cell:last-child .square{border-bottom-right-radius:9px}
.in-arena .square.selected{box-shadow:inset 0 0 0 3px #ffe99c,inset 0 0 25px #edc35b7a;background-color:#d3c48d}.in-arena .square.last:not(.selected){box-shadow:inset 0 0 0 2px #dfca7b88,inset 0 0 20px #f0d17022}.in-arena .square:hover:not(:disabled){box-shadow:inset 0 0 0 2px #b9edffa1,inset 0 0 24px #c5f5ff2a}.in-arena .square:focus-visible{outline:3px solid #fff0ab;outline-offset:-4px;z-index:5}
.piece-actor{display:block;width:100%;height:100%;position:relative;transform-origin:50% 88%;pointer-events:none;will-change:transform}.piece-actor[data-moving]{visibility:hidden!important}.piece.rendered-piece{display:block;width:100%;height:100%;overflow:hidden!important;pointer-events:none;transform:none;filter:drop-shadow(0 3px 2px #0a1a3866)}
.square .piece-actor{padding:1px 3px 3px}.square:hover .piece-actor{animation:character-greet 820ms ease-in-out infinite alternate}.square.selected .piece-actor{animation:character-ready 950ms ease-in-out infinite}.square:active .piece-actor{transform:translateY(-4px) scale(1.07)}
.square[data-kind=knight]:hover .piece-actor{animation:knight-prance .8s ease-in-out infinite}.square[data-kind=kid]:hover .piece-actor{animation:kid-cheer .85s ease-in-out infinite}.square[data-kind=queen]:hover .piece-actor{animation:royal-sway 1.2s ease-in-out infinite alternate}.square[data-kind=rook]:hover .piece-actor{animation:rook-salute 1s ease-in-out infinite alternate}
.piece.royal-inherited{filter:drop-shadow(0 0 5px #65e8ff) drop-shadow(0 3px 2px #13294c77)}.square.inheriting{animation:inherit 2s ease-out}.in-arena .rank,.in-arena .file{font-size:9px;font-weight:700;z-index:5;pointer-events:none;line-height:1;color:#f7fbf9;text-shadow:0 1px 3px #123357,0 0 2px #123357}.in-arena .rank{top:3px;left:3px}.in-arena .file{right:3px;bottom:3px}
.move-dot{background:#a9eaff;border:1px solid #e5ffff;box-shadow:0 0 8px #84d7f991;z-index:6}.capture-ring{border-color:#ffdc96;box-shadow:0 0 7px #ffcf7d7a;z-index:6}.piece-flight-layer{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:visible}.piece-flight.move-ghost{position:absolute!important;z-index:20;pointer-events:none;display:block;padding:1px 3px 3px;filter:drop-shadow(0 5px 4px #09244b66)}.piece-flight .piece{width:100%;height:100%;overflow:hidden!important;filter:drop-shadow(0 1px 1px #0b1c3544)}.capture-impact{position:absolute;inset:13%;border:3px solid #ffe8ab;border-radius:50%;z-index:10;pointer-events:none;box-shadow:0 0 14px #80dcff}
.board-presentation-note{display:flex;justify-content:center;align-items:center;gap:8px;color:#d9e8f3;font-size:10px;letter-spacing:1px;min-height:31px}.board-presentation-note i{font-style:normal;color:#e6c887}.coach-controls{display:flex;justify-content:center;margin:7px 0}.coach-controls button{padding:8px 14px;min-height:35px}
.in-arena .match-panel .journal{height:clamp(110px,24vh,260px)}.in-arena .board-hint{font-size:11px}.in-arena .player-card{min-height:62px}.in-arena .match-panel .panel-actions{gap:12px}
@keyframes character-greet{0%{transform:translateY(0) rotate(-1deg)}100%{transform:translateY(-4px) rotate(2deg) scale(1.035)}}@keyframes character-ready{50%{transform:translateY(-3px) scale(1.035)}}@keyframes knight-prance{50%{transform:translateY(-6px) rotate(-4deg)}}@keyframes kid-cheer{0%,100%{transform:translateY(-1px) rotate(-3deg)}50%{transform:translateY(-5px) rotate(4deg) scale(1.04)}}@keyframes royal-sway{to{transform:translateY(-3px) rotate(3deg)}}@keyframes rook-salute{to{transform:translateY(-2px) rotate(-3deg) scale(1.035)}}
@media(max-width:1050px){.in-arena .match-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.in-arena .board-frame{padding:8px}.in-arena .rank,.in-arena .file{font-size:8px}}
@media(max-width:760px){.in-arena .match-layout{grid-template-columns:1fr;gap:20px}.in-arena .match-panel{position:static;max-height:none;overflow:visible}.in-arena .board-frame{padding:5px;border-radius:13px;margin:10px 0 12px}.in-arena .board-frame::before{border-radius:15px;inset:-2px}.in-arena .board-grid{border-radius:6px}.square .piece-actor{padding:0 1px 2px}.in-arena .rank,.in-arena .file{font-size:6px}.in-arena .rank{top:2px;left:2px}.in-arena .file{bottom:2px;right:2px}.board-presentation-note{font-size:7px;letter-spacing:.9px;min-height:28px}.in-arena .match-panel .journal{height:165px}.piece-flight.move-ghost{padding:0 1px 2px}}
body.reduced .piece-actor,body.reduced .board-frame::before{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.piece-actor,.board-frame::before{animation:none!important;transition:none!important}}