.strategy-game{color:#fff;width:min(100%,540px);margin:0 auto;padding:6px 14px 28px}.strategy-player-line{justify-content:space-between;align-items:center;gap:10px;width:min(100%,500px);min-height:48px;margin:3px auto 8px;display:flex}.strategy-player-line.human{margin-top:8px;margin-bottom:0}.strategy-player{text-align:left;justify-content:center;align-items:center;gap:9px;margin:0;display:flex}.strategy-player.human{margin:0}.strategy-player>div{flex-direction:column;display:flex}.strategy-player small{opacity:.78}.strategy-avatar{color:#513a25;text-shadow:0 2px 1px #fff;background:linear-gradient(145deg,#fffaf0,#d6c3a5);border:2px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:28px;display:grid;box-shadow:inset 0 -3px 4px #70543855,0 3px 8px #001b1255}.strategy-avatar.dark{color:#eee0c9;text-shadow:0 1px #fff5;background:linear-gradient(145deg,#59605b,#151a17)}.strategy-board{box-sizing:border-box;aspect-ratio:1;border:5px solid #f5e6c9;border-radius:13px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,500px);margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #0005}.strategy-square{border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.strategy-square.light-square{background:#ead8b5}.strategy-square.dark-square{background:#518063}.strategy-square.last{box-shadow:inset 0 0 0 4px #ffd16688}.strategy-square.selected{z-index:3;box-shadow:inset 0 0 0 4px #ffd166}.strategy-square.target:after{content:"";aspect-ratio:1;background:#ffd166;border-radius:50%;width:25%;position:absolute;box-shadow:0 0 0 4px #173a2780}.strategy-square.target:has(.chess-piece):after,.strategy-square.target:has(.draught-chip):after{box-sizing:border-box;background:0 0;border:4px solid #ffd166;width:78%}.strategy-square:disabled{opacity:1}.board-piece-shell{z-index:4;will-change:transform;place-items:center;width:100%;height:100%;display:grid;position:relative}.board-piece-shell.is-moving{z-index:12;animation:.68s cubic-bezier(.22,.78,.24,1) both board-piece-move}.is-board-moving .strategy-square{pointer-events:none}.captured-piece-ghost{z-index:8;pointer-events:none;place-items:center;width:12.5%;height:12.5%;animation:.68s ease-in both captured-piece-away;display:grid;position:absolute}.captured-piece-ghost .draught-chip{width:74%}.captured-piece-ghost.chess-ghost{z-index:9}.chess-piece{z-index:2;filter:drop-shadow(0 4px 2px #0006);font-family:Georgia,Times New Roman,"Noto Sans Symbols 2",serif;font-size:clamp(29px,9vw,51px);font-style:normal;line-height:1;position:relative;transform:translateY(-1px)}.chess-piece.w{color:#f8ead1;-webkit-text-stroke:1px #69492f;text-shadow:0 1px #fff,0 2px #ddc59f,0 4px #9c7652,0 6px 5px #0008}.chess-piece.b{color:#343a36;-webkit-text-stroke:1px #101412;text-shadow:0 1px #89918b,0 3px #171b19,0 6px 5px #0009}.draught-chip{z-index:2;aspect-ratio:1;color:#ffe080;border:3px solid #ffe8c8;border-radius:50%;place-items:center;width:70%;font-size:clamp(12px,4vw,24px);display:grid;position:relative;box-shadow:inset 0 -5px #0003,0 4px 5px #0005}.draught-chip.red{color:#9a5e16;background:#f1dfc1;border-color:#fff8e8}.draught-chip.black{background:#26322c;border-color:#607067}.captured-tray{text-align:right;background:#0d3d2db8;border:1px solid #ffffff38;border-radius:13px;min-width:100px;max-width:58%;padding:5px 9px;box-shadow:inset 0 1px #ffffff1f}.captured-label{color:#fff;text-transform:uppercase;letter-spacing:.045em;opacity:.84;margin-bottom:1px;font-size:10px;font-weight:800;line-height:1;display:block}.captured-pieces{justify-content:flex-end;align-items:center;min-height:18px;padding-left:5px;display:flex}.captured-draught{border:1px solid #fff8;border-radius:50%;width:17px;height:17px;margin-left:-5px;box-shadow:inset 0 -3px #0004,0 1px 2px #0008}.captured-draught.red{background:radial-gradient(circle at 38% 28%,#fffefa,#dfd1c8 58%,#a99990)}.captured-draught.black{background:radial-gradient(circle at 38% 28%,#737775,#303633 58%,#111514)}.captured-empty{opacity:.55;font-style:normal}.captured-chess{color:#ece0ca;text-align:center;text-shadow:0 1px 1px #000;width:14px;margin-left:-3px;font-family:Georgia,serif;font-size:19px;font-style:normal;line-height:18px}.captured-chess.b{color:#222825;-webkit-text-stroke:.5px #a4aaa5}.chess-captured{min-width:108px}.strategy-status{text-align:center;background:#183a2a99;border-radius:24px;min-height:46px;margin:12px 0 4px;padding:11px 15px;font-weight:800}.strategy-result{z-index:60;background:#0009;place-items:center;padding:20px;animation:.28s ease-out both result-fade;display:grid;position:fixed;inset:0}.strategy-result>div{text-align:center;color:#18231d;background:#fff;border-radius:30px;width:min(100%,360px);padding:30px;animation:.5s cubic-bezier(.2,.9,.24,1.15) both result-rise;box-shadow:0 24px 70px #0008}.strategy-result span{font-size:52px}.strategy-result h2{margin:8px 0 18px;font-size:28px}.strategy-result button{color:#fff;background:#176c43;border-radius:28px;width:100%;min-height:54px;font-size:17px;font-weight:800}.draught-game{padding-inline:0}.draught-board{background:linear-gradient(145deg,#a25b35,#5b2818);border:8px solid #6c321d;border-radius:24px;width:min(100vw - 24px,500px);padding:6px;overflow:hidden;box-shadow:inset 0 0 0 3px #c1784a,inset 0 0 0 6px #3f1e14,0 8px #3b1c12,0 18px 32px #001d1266}.draught-board .strategy-square.light-square{background:linear-gradient(145deg,#fffdf6,#e8dec9)}.draught-board .strategy-square.dark-square{background:linear-gradient(145deg,#b18142,#8d632d);box-shadow:inset 1px 1px #d2a66855,inset -1px -1px #5e3b1f4d}.draught-board .strategy-square.selected{z-index:3;box-shadow:inset 0 0 0 4px #16c8e7}.draught-board .strategy-square.selected .draught-chip{filter:brightness(1.08);transform:translateY(-4px)}.draught-board .strategy-square.target:after{background:#26b7d0;width:22%;box-shadow:0 0 0 4px #ffffffb8,0 0 14px #26b7d0}.draught-board .strategy-square.target:has(.draught-chip):after{background:0 0;border:4px solid #26b7d0;width:78%;box-shadow:0 0 0 2px #fff9,0 0 14px #26b7d088}.draught-board .draught-chip{border:0;width:74%;transition:transform .14s,filter .14s;box-shadow:inset 0 -6px #0005,inset 0 3px 2px #fff7,inset 0 0 0 3px #0002,0 5px 4px #0007,0 1px #fff5}.draught-board .draught-chip:before{content:"";border:2px solid #fff3;border-radius:50%;position:absolute;inset:16%;box-shadow:inset 0 2px 3px #fff4,inset 0 -3px 4px #0003}.draught-board .draught-chip.red{color:#714522;background:radial-gradient(circle at 38% 28%,#fffefa 0 18%,#eadfd7 46%,#cdbeb4 72%,#a99990 100%)}.draught-board .draught-chip.black{color:#f6ca63;background:radial-gradient(circle at 38% 28%,#737775 0 13%,#3f4542 42%,#252a28 72%,#111514 100%)}.draught-board .draught-chip.king:after{content:"♛";z-index:2;color:inherit;text-shadow:0 1px 1px #0008;font-size:clamp(15px,4.7vw,28px);line-height:1;position:relative}.draught-board .draught-chip.king{font-size:0}.strategy-player>.draught-chip{width:38px;height:38px}.strategy-player>.draught-chip:before{content:"";border:2px solid #fff3;border-radius:50%;position:absolute;inset:16%;box-shadow:inset 0 2px 3px #fff4,inset 0 -3px 4px #0003}.strategy-player>.draught-chip.red{background:radial-gradient(circle at 38% 28%,#fffefa,#dfd1c8 58%,#a99990)}.strategy-player>.draught-chip.black{background:radial-gradient(circle at 38% 28%,#737775,#303633 58%,#111514)}.chess-game{padding-inline:0}.chess-board{background:linear-gradient(145deg,#9c5e38,#442215);border:8px solid #59301e;border-radius:24px;width:min(100vw - 24px,500px);padding:6px;box-shadow:inset 0 0 0 3px #c98252,inset 0 0 0 6px #30170f,0 8px #32180f,0 18px 32px #001d1266}.chess-board .strategy-square.light-square{background:linear-gradient(145deg,#fff8e9,#e4d4b7)}.chess-board .strategy-square.dark-square{background:linear-gradient(145deg,#a9773f,#7d542a);box-shadow:inset 1px 1px #d9a66a55,inset -1px -1px #51311855}.chess-board .strategy-square.last{box-shadow:inset 0 0 0 4px #f7cf5eaa}.chess-board .strategy-square.selected{z-index:3;box-shadow:inset 0 0 0 4px #21c9e8}.chess-board .strategy-square.selected .chess-piece{filter:drop-shadow(0 8px 3px #0007);transform:translateY(-5px)scale(1.04)}.chess-board .strategy-square.target:after{background:#25bed7;box-shadow:0 0 0 3px #fff9,0 0 12px #25bed7}.chess-board .strategy-square.target:has(.chess-piece):after{background:0 0;border-color:#25bed7}.chess-board .chess-piece{transition:transform .14s,filter .14s}@keyframes board-piece-move{0%{transform:translate(var(--move-x),var(--move-y)) scale(.94);filter:brightness(1.12)drop-shadow(0 12px 7px #0008)}45%{transform:translate(var(--move-half-x),var(--move-half-y)) scale(1.12);filter:brightness(1.08)drop-shadow(0 16px 8px #0008)}to{filter:none;transform:translate(0)scale(1)}}@keyframes captured-piece-away{0%,48%{opacity:1;transform:scale(1)}68%{opacity:.9;filter:brightness(1.5);transform:scale(1.18)rotate(-8deg)}to{opacity:0;filter:brightness(2);transform:scale(.2)rotate(18deg)}}@keyframes result-fade{0%{opacity:0}to{opacity:1}}@keyframes result-rise{0%{opacity:0;transform:translateY(24px)scale(.9)}to{opacity:1;transform:none}}@media (width<=360px){.strategy-game{padding-inline:0}.strategy-player-line{box-sizing:border-box;padding-inline:5px}.strategy-player strong{font-size:14px}.strategy-player small{font-size:11px}.captured-tray{min-width:92px;padding-inline:7px}.strategy-status{margin-inline:5px;font-size:14px}}@media (height<=740px){.strategy-game{padding-top:0}.strategy-player-line{margin-block:1px 5px}.strategy-status{margin-top:8px}.strategy-board:not(.draught-board):not(.chess-board){width:min(100%,410px)}}@media (prefers-reduced-motion:reduce){.draught-board .draught-chip,.chess-board .chess-piece{transition:none}.board-piece-shell.is-moving,.captured-piece-ghost{animation-duration:.18s}.strategy-result,.strategy-result>div{animation:none}}