
:root{--azad-board-light:#e8edf2;--azad-board-dark:#708ba3}
.azad-board-frame,.ctp-v13-board-wrap,.ctp1380-board-wrap,.ctp1313-board-wrap{
 width:min(94vw,620px)!important;margin:15px auto!important;padding:8px!important;direction:ltr!important;
 background:linear-gradient(135deg,#020617,#334155,#020617)!important;
 border:1px solid #475569!important;border-radius:15px!important;
 box-shadow:0 22px 48px rgba(0,0,0,.50),inset 0 1px 1px rgba(255,255,255,.18)!important;
 box-sizing:border-box!important
}
.azad-board,#ctp-v13-board,#ctp1380-board,#ctp1313-board{
 display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;
 grid-template-rows:repeat(8,minmax(0,1fr))!important;width:100%!important;aspect-ratio:1/1!important;
 direction:ltr!important;overflow:hidden!important;background:#fff!important;border:0!important;border-radius:7px!important;
 user-select:none!important;touch-action:manipulation!important;gap:0!important;padding:0!important;margin:0!important
}
.azad-square,#ctp-v13-board>.ctp-v13-sq{
 position:relative!important;width:100%!important;aspect-ratio:1/1!important;display:flex!important;
 align-items:center!important;justify-content:center!important;min-width:0!important;min-height:0!important;
 padding:0!important;margin:0!important;overflow:hidden!important;border:0!important;outline:none!important;
 border-radius:0!important;cursor:pointer!important;transition:filter .14s,background .14s!important;box-sizing:border-box!important
}
.azad-square.light,#ctp-v13-board>.ctp-v13-sq.light{background:#e8edf2!important}
.azad-square.dark,#ctp-v13-board>.ctp-v13-sq.dark{background:#708ba3!important}
.azad-square:hover,#ctp-v13-board>.ctp-v13-sq:hover{filter:brightness(1.09)}
.azad-square.selected,#ctp-v13-board>.ctp-v13-sq.selected{background:#facc15!important;box-shadow:inset 0 0 0 4px rgba(133,77,14,.38)!important}
.azad-square.last,#ctp-v13-board>.ctp-v13-sq.last{background:#f5dc72!important}
.azad-square.legal::after,#ctp-v13-board>.ctp-v13-sq.legal::after{
 content:""!important;position:absolute!important;z-index:5!important;width:23%!important;height:23%!important;
 background:rgba(22,163,74,.75)!important;border:2px solid rgba(255,255,255,.65)!important;
 border-radius:50%!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important;pointer-events:none!important
}
.azad-square.capture::after,#ctp-v13-board>.ctp-v13-sq.capture::after{
 content:""!important;position:absolute!important;z-index:5!important;inset:6%!important;
 border:5px solid rgba(239,68,68,.74)!important;border-radius:50%!important;pointer-events:none!important
}
.azad-piece{
 position:relative!important;z-index:2!important;display:block!important;width:85%!important;height:85%!important;
 max-width:85%!important;max-height:85%!important;object-fit:contain!important;pointer-events:none!important;
 user-select:none!important;-webkit-user-drag:none!important;filter:drop-shadow(0 4px 3px rgba(15,23,42,.32))!important;
 transition:transform .17s,filter .17s!important;margin:0!important;padding:0!important
}
.azad-square:hover .azad-piece,#ctp-v13-board>.ctp-v13-sq:hover .azad-piece{
 transform:translateY(-3px) scale(1.06)!important;filter:drop-shadow(0 7px 5px rgba(15,23,42,.38))!important
}
.azad-square.selected .azad-piece,#ctp-v13-board>.ctp-v13-sq.selected .azad-piece{transform:translateY(-4px) scale(1.08)!important}
.azad-coordinate{position:absolute!important;z-index:6!important;font-family:Arial,sans-serif!important;font-size:clamp(8px,1.5vw,11px)!important;font-weight:bold!important;pointer-events:none!important}
.azad-file{right:3px!important;bottom:2px!important}.azad-rank{top:2px!important;left:3px!important}
.light .azad-coordinate{color:#52697e!important}.dark .azad-coordinate{color:#f1f5f9!important}
.azad-square.ctp-check{box-shadow:inset 0 0 0 999px rgba(239,68,68,.25)!important}
.azad-piece.ctp-piece-arrived{animation:ctpAzadPieceArrival .17s ease-out}
@keyframes ctpAzadPieceArrival{0%{transform:scale(.82);opacity:.7}100%{transform:scale(1);opacity:1}}
@media(max-width:540px){
 .azad-board-frame,.ctp-v13-board-wrap,.ctp1380-board-wrap,.ctp1313-board-wrap{width:97%!important;padding:4px!important;border-radius:10px!important}
 .azad-piece{width:89%!important;height:89%!important;max-width:89%!important;max-height:89%!important}
 .azad-square.capture::after,#ctp-v13-board>.ctp-v13-sq.capture::after{border-width:3px!important}
}

/* v13.15.3 mobile containment */
.azad-board-frame,.ctp-v13-board-wrap,.ctp1380-board-wrap,.ctp1313-board-wrap{
 max-width:min(620px,calc(100vw - 12px))!important;
 box-sizing:border-box!important;
}
.azad-board,#ctp-v13-board,#ctp1380-board,#ctp1313-board{
 max-width:100%!important;min-width:0!important;
}
@media(max-width:540px){
 .azad-board-frame,.ctp-v13-board-wrap,.ctp1380-board-wrap,.ctp1313-board-wrap{
   width:calc(100vw - 12px)!important;
   max-width:calc(100vw - 12px)!important;
   margin:10px auto!important;
 }
}

/* v13.15.6 strict viewport containment */
.azad-board-frame,.ctp-v13-board-wrap,.ctp1380-board-wrap,.ctp1313-board-wrap{
 width:min(620px,calc(100vw - 24px))!important;
 max-width:min(620px,calc(100vw - 24px))!important;
 overflow:hidden!important;
}

/* v13.15.8 — Online exact board follows its parent width. */
#ctp-v13-online-club .ctp-v13-board-wrap{width:100%!important;max-width:620px!important}
#ctp-v13-online-club #ctp-v13-board{width:100%!important;max-width:100%!important}
