.makruk-control-panel .game-control-settings{grid-template-columns:minmax(0,1fr)}.captured-roster-sidebar.makruk-captured-bar{--captured-accent:#8a4a27}.makruk-captured-bar .captured-roster-report-cell:first-child{--captured-tone:#8a6a3c}.makruk-captured-bar .captured-roster-report-cell:last-child{--captured-tone:#33261c}.captured-roster-piece .makruk-piece{width:52px;height:52px}.makruk-board-frame{background:linear-gradient(135deg,#ffe19e33,#0000 22%),repeating-linear-gradient(7deg,#0000 0 27px,#2a11070b 28px 30px),linear-gradient(145deg,#9b552c,#71371e 52%,#4b2417);border:1px solid #3b2013;border-radius:14px;width:100%;max-width:920px;padding:clamp(8px,1.1vw,13px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #f2bc5b33,inset 0 0 28px #180a0557}.makruk-board-frame:before,.makruk-board-frame:after{content:"";z-index:3;pointer-events:none;position:absolute}.makruk-board-frame:before{border:1px solid #edb852ad;border-radius:10px;inset:5px;box-shadow:inset 0 0 0 1px #30150c80}.makruk-board-frame:after{border:1px solid #361c1099;border-radius:4px;inset:10px}.makruk-board-corners{z-index:5;pointer-events:none;position:absolute;inset:2px}.makruk-board-corners i{opacity:.82;border-style:solid;border-color:#e2ad4e;width:21px;height:21px;position:absolute}.makruk-board-corners i:first-child{border-width:2px 0 0 2px;border-radius:8px 0 0;top:5px;left:5px}.makruk-board-corners i:nth-child(2){border-width:2px 2px 0 0;border-radius:0 8px 0 0;top:5px;right:5px}.makruk-board-corners i:nth-child(3){border-width:0 2px 2px 0;border-radius:0 0 8px;bottom:5px;right:5px}.makruk-board-corners i:nth-child(4){border-width:0 0 2px 2px;border-radius:0 0 0 8px;bottom:5px;left:5px}.makruk-board{z-index:2;aspect-ratio:1;background:#c58b4f;border:1px solid #2d170de6;border-radius:4px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;position:relative;overflow:hidden}.makruk-square{cursor:pointer;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 .5px #361e1138}.makruk-square.light{color:#5f2e1a;background:linear-gradient(135deg,#fff4cb38,#0000 35%),repeating-linear-gradient(11deg,#0000 0 18px,#5e301709 19px 20px),#d7ac6d}.makruk-square.dark{color:#f2d899;background:linear-gradient(135deg,#ffd68b1a,#0000 38%),repeating-linear-gradient(-9deg,#0000 0 20px,#30140a0e 21px 23px),#9a5c35}.makruk-square.last-move{background-color:#c58e43;box-shadow:inset 0 0 0 4px #f4bf4c75}.makruk-square.selected{box-shadow:inset 0 0 0 5px #701f19d1,inset 0 0 24px #5a130f33}.makruk-square.legal-target:after{content:"";z-index:5;aspect-ratio:1;pointer-events:none;background:#3a23167a;border:1px solid #ffe9aa80;border-radius:50%;width:18%;position:absolute;box-shadow:0 2px 5px #1d0d0742}.makruk-square.capture-target:after{background:0 0;border:clamp(3px,.55vw,6px) solid #6c1c178f;width:76%;box-shadow:inset 0 0 12px #3d100c2e}.makruk-piece{z-index:3;object-fit:contain;object-position:50% 50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;--piece-rim:1px;--piece-rim-color:#6b5136;--piece-contour:drop-shadow(var(--piece-rim) 0 0 var(--piece-rim-color)) drop-shadow(calc(var(--piece-rim) * -1) 0 0 var(--piece-rim-color)) drop-shadow(0 var(--piece-rim) 0 var(--piece-rim-color)) drop-shadow(0 calc(var(--piece-rim) * -1) 0 var(--piece-rim-color));width:92%;height:92%;transition:transform .15s cubic-bezier(.2,.72,.2,1),filter .15s;display:block;position:relative;transform:translateY(-2%)}.makruk-piece.white{filter:var(--piece-contour) drop-shadow(0 3px 6px #34261947)}.makruk-piece.black{filter:drop-shadow(0 3px 6px #1f161157)}.makruk-square:hover .makruk-piece{filter:brightness(1.05)drop-shadow(0 4px 7px #291c1252);transform:translateY(-4%)scale(1.025)}.makruk-square:hover .makruk-piece.white{filter:brightness(1.05) var(--piece-contour) drop-shadow(0 4px 7px #291c1252)}.makruk-rank-label,.makruk-file-label{z-index:7;font-family:var(--font-app-mono), monospace;opacity:.7;pointer-events:none;font-size:clamp(6px,.7vw,9px);font-weight:800;line-height:1;position:absolute}.makruk-rank-label{top:6px;left:7px}.makruk-file-label{text-transform:uppercase;bottom:6px;right:7px}@media (width>=851px),(width>=812px) and (height<=500px){.makruk-board-frame{width:var(--fitted-board-size);margin-inline:auto}}@media (width<=600px){.makruk-board-frame{border-radius:9px;padding:6px}.makruk-board-frame:after{inset:7px}.makruk-piece{width:90%;height:90%}}@media (width<=850px){.makruk-board-frame{width:min(100%, var(--board-fit-height));margin-inline:auto}}