.arena-board-shell{width:min(100%,680px);margin-inline:auto}.arena-real-board{width:100%;height:auto;aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:repeat(8,minmax(0,1fr))!important}.arena-real-board button{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}.chess-piece{position:relative;z-index:2;display:grid;place-items:center;width:78%;height:78%;font-family:"Arial Unicode MS","Noto Sans Symbols 2","Segoe UI Symbol",sans-serif;font-size:clamp(25px,7vw,54px);line-height:1;transition:transform .12s}.chess-piece.side-w{color:#fff9e8;text-shadow:0 2px 0 #8b6b3d,0 0 2px #5b4225,0 4px 8px #0005}.chess-piece.side-b{color:#17231f;text-shadow:0 1px 0 #d7b971,0 0 1px #fff,0 3px 7px #0006}.arena-real-board button.selected .chess-piece,.arena-real-board button.selected i{transform:scale(1.12)}.arena-real-board button.legal-target:after,.arena-real-board button.capture-target:after{content:'';position:absolute;z-index:3;width:22%;aspect-ratio:1;border-radius:50%;background:#1fab63;box-shadow:0 0 0 4px #fff8}.arena-real-board button.capture-target:after{width:70%;background:transparent;border:4px solid #ec6547;box-shadow:0 0 0 2px #fff8}.arena-real-board button.last-from:before,.arena-real-board button.last-to:before{content:'';position:absolute;inset:5px;border:3px solid #4fb9dd;border-radius:7px;z-index:1}.arena-real-board.checkers i{width:72%!important;border:3px solid #ffffff66;box-shadow:inset 0 0 0 4px #ffffff1c,0 5px 9px #0006!important;transition:transform .12s}.arena-real-board.checkers .piece-w{background:linear-gradient(145deg,#fff8e8,#d8bd84)!important;color:#694e22!important}.arena-real-board.checkers .piece-b{background:linear-gradient(145deg,#263b34,#07120e)!important;color:#f3cd71!important}.arena-board-tip{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px auto 0;color:#60766d;font-size:11px;text-align:center}.arena-board-tip i{width:9px;height:9px;border-radius:50%;background:#1fab63}.snakes-board{grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-template-rows:repeat(10,minmax(0,1fr))!important;width:100%;aspect-ratio:1}.snakes-board>div{min-width:0;min-height:0}.snakes-board .jump-icon{position:absolute;inset:15% 5% auto auto;font-size:clamp(9px,2.1vw,21px);filter:drop-shadow(0 2px 2px #0003)}.snakes-board .jump-dest{position:absolute;right:3px;bottom:1px;font-size:clamp(6px,1.1vw,9px);font-weight:900}.snakes-board .token{width:42%!important;border:2px solid #fff;box-shadow:0 2px 6px #0006;font-weight:900}.snakes-board .t2{left:8%;top:8%;background:#7659c8}.snakes-board .t3{right:8%;bottom:8%;background:#d39322}.arena-dice-button{position:relative;overflow:hidden}.arena-dice-button:active{transform:scale(.97)}html[data-theme="malam"] .arena-board-tip{color:#c9d9d3}@media(max-width:620px){.arena-real-board{border-width:4px!important;border-radius:10px}.chess-piece{width:90%;height:90%;font-size:clamp(24px,10vw,43px)}.arena-real-board button.legal-target:after{box-shadow:0 0 0 2px #fff8}.arena-real-board button.capture-target:after{border-width:3px}.arena-player-strip span{padding:8px!important;font-size:10px!important}.arena-board-help,.arena-board-tip{font-size:10px}.snakes-board{border-width:4px!important}.snakes-board small{font-size:6px!important}.arena-snakes-layout{gap:12px!important}}
.arena-real-board{display:grid!important;overflow:hidden!important;border:6px solid #173d32!important;border-radius:16px!important;background:#173d32!important}.arena-real-board>button{display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none;line-height:1}.arena-real-board>button.light{background:#f1dfbd!important}.arena-real-board>button.dark{background:#47765e!important}.snakes-board{display:grid!important;overflow:hidden}html[data-theme="malam"] .arena-real-board{border-color:#d1b66f!important;background:#d1b66f!important}html[data-theme="malam"] .arena-real-board>button.light{background:#d8c79f!important}html[data-theme="malam"] .arena-real-board>button.dark{background:#315b4b!important}
.arena-game-switcher{position:sticky;top:10px;z-index:35;display:flex;gap:7px;width:max-content;max-width:100%;margin:0 auto 15px;padding:7px;border:1px solid #d5e1db;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 10px 28px #102b2024;backdrop-filter:blur(12px);overflow-x:auto}.arena-game-switcher button{flex:0 0 auto;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#486157;font-size:11px;font-weight:850}.arena-game-switcher button.active{background:#173d32;color:#fff}.arena-game-switcher .arena-all-games{border-color:#d8e2dd;color:#173d32}html[data-theme="malam"] .arena-game-switcher{border-color:#385248;background:rgba(12,34,27,.95)}html[data-theme="malam"] .arena-game-switcher button{color:#c8d9d2}html[data-theme="malam"] .arena-game-switcher button.active{background:#d1b66f;color:#142d25}html[data-theme="malam"] .arena-game-switcher .arena-all-games{border-color:#456158;color:#f1f7f4}@media(max-width:620px){.arena-game-switcher{top:6px;justify-content:flex-start;margin-bottom:11px}.arena-game-switcher button{padding:8px 10px;font-size:10px}}
.arena-real-board.checkers i{display:grid!important;place-items:center!important;width:68%!important;height:auto!important;aspect-ratio:1;border-radius:50%!important;border:3px solid rgba(255,255,255,.72)!important;box-shadow:inset 0 5px 7px rgba(255,255,255,.45),inset 0 -7px 9px rgba(0,0,0,.28),0 6px 9px rgba(0,0,0,.38)!important;font-style:normal;font-size:clamp(15px,3vw,30px);line-height:1}.arena-real-board.checkers .piece-w{background:radial-gradient(circle at 34% 25%,#fffdf6 0 18%,#f1d899 42%,#b98732 100%)!important;color:#704817!important}.arena-real-board.checkers .piece-b{background:radial-gradient(circle at 34% 25%,#64766f 0 13%,#1b2d28 48%,#050b09 100%)!important;color:#f1cf70!important;border-color:#a9bbb3!important}.arena-real-board.checkers i:empty:after{content:'';width:52%;aspect-ratio:1;border:2px solid rgba(255,255,255,.42);border-radius:50%;box-shadow:inset 0 2px 3px rgba(0,0,0,.24)}.arena-real-board.checkers i:not(:empty){text-shadow:0 2px 3px #0005}
.arena-snakes-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(210px,280px);align-items:start;justify-content:center;gap:22px}.snakes-board{display:grid!important;position:relative;grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-template-rows:repeat(10,minmax(0,1fr))!important;width:100%;aspect-ratio:1;overflow:hidden;border:7px solid #153f35;border-radius:22px;background:#fff;box-shadow:0 18px 45px #12382e2b}.snakes-board>div{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.72);background:#f8e6a9}.snakes-board>div:nth-child(5n+2){background:#bce6d1}.snakes-board>div:nth-child(5n+3){background:#f7c6ae}.snakes-board>div:nth-child(5n+4){background:#c8d8f1}.snakes-board>div:nth-child(5n){background:#ead0ef}.snakes-board>div small{position:absolute;left:4px;top:3px;z-index:2;color:#173d32;font-size:clamp(7px,1.15vw,11px)!important;font-weight:950;text-shadow:0 1px #fff9}.snakes-board>div.ladder{background:linear-gradient(145deg,#b9f0c7,#e7f9bd)!important}.snakes-board>div.snake{background:linear-gradient(145deg,#ffc3ac,#ffdf8f)!important}.snakes-board .jump-icon{inset:auto!important;position:relative!important;z-index:1;font-size:clamp(16px,3.2vw,34px)!important;filter:drop-shadow(0 3px 2px #0003)!important}.snakes-board .jump-dest{right:3px!important;bottom:2px!important;z-index:2;padding:1px 4px;border-radius:99px;background:#173d32;color:#fff;font-size:clamp(6px,1vw,9px)!important}.snakes-board>div:first-child:after,.snakes-board>div:last-child:after{position:absolute;right:3px;bottom:2px;padding:2px 4px;border-radius:5px;background:#b48b2e;color:#fff;font-size:clamp(5px,.8vw,8px);font-weight:950}.snakes-board>div:first-child:after{content:'TAMAT'}.snakes-board>div:last-child:after{content:'MULA'}.snakes-board .token{position:absolute!important;z-index:5;display:grid!important;place-items:center!important;width:43%!important;aspect-ratio:1;border:2px solid #fff!important;border-radius:50%!important;background:#0f8b6d!important;color:#fff!important;box-shadow:0 3px 7px #0006!important;font-size:clamp(7px,1.3vw,12px)!important}.snakes-board .t1{left:8%;bottom:8%}.snakes-board .t2{right:8%!important;top:8%!important;left:auto!important;background:#7659c8!important}.snakes-board .t3{right:8%!important;bottom:8%!important;background:#d39322!important}.arena-snakes-layout aside{position:sticky;top:85px;padding:22px;border:1px solid #d8e4de;border-radius:20px;background:linear-gradient(145deg,#fff,#edf7f1);box-shadow:0 14px 35px #12382e18;text-align:center}.dice-face{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 12px;border-radius:24px;background:linear-gradient(145deg,#173f35,#0d6d56);color:#fff;font-size:42px;box-shadow:0 12px 24px #153e3040}.arena-snakes-layout aside>b{display:block;margin-bottom:5px;color:#173d32}.arena-snakes-layout aside p{margin-bottom:16px;font-size:12px}html[data-theme="malam"] .snakes-board{border-color:#d1b66f}html[data-theme="malam"] .arena-snakes-layout aside{border-color:#385248;background:linear-gradient(145deg,#122a23,#19382e)}html[data-theme="malam"] .arena-snakes-layout aside>b{color:#f3f8f5}@media(max-width:760px){.arena-snakes-layout{grid-template-columns:1fr;gap:14px}.arena-snakes-layout aside{position:static;padding:15px}.dice-face{width:66px;height:66px;border-radius:18px;font-size:32px}.snakes-board{border-width:4px;border-radius:14px}}