.checkers-page{margin:auto;padding:22px 24px 60px;max-width:1160px!important}.checkers-heading{justify-content:space-between;align-items:center;gap:24px;margin:18px 0 24px;display:flex}.checkers-heading h1{margin:0;font-size:clamp(38px,5vw,62px);line-height:1.12}.checkers-heading p{margin:8px 0 0}.checkers-heading .eyebrow{letter-spacing:.17em;color:#ffd274;margin:0 0 8px;font-size:10px}.checkers-heading>span{color:#cfe4e7;border:1px solid #436876;border-radius:40px;padding:10px 16px;font-size:12px}.checkers{--cream:#fff2d8;--ink:#143945;background:#143c47;border:1px solid #537278;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #00121c55}.checkers [hidden]{display:none!important}.checkers button,.checkers select{font:inherit;color:var(--cream);cursor:pointer;background:#224c56;border:1px solid #6a8485;border-radius:12px;min-height:44px;padding:8px 14px;font-size:14px}.checkers button:disabled{opacity:.45;cursor:default}.checkers button:focus-visible,.checkers select:focus-visible,.checkers-help summary:focus-visible{outline-offset:3px;outline:3px solid #ffcc60}.checkers-toolbar{background:#10333f;border-bottom:1px solid #496870;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 20px;display:flex}.checkers-toolbar label{color:#d6e4df;align-items:center;gap:8px;font-size:12px;display:flex}.checkers-tools{gap:8px;margin-left:auto;display:flex}.checkers-scene{background:linear-gradient(#0c363528,#0c363514),url(/art/checkers-garden-v1.webp) 50%/cover,#245553;grid-template-columns:minmax(0,650px) 1fr;align-items:center;gap:32px;padding:22px 32px;display:grid;position:relative}.checkers-table{z-index:1;width:100%;max-width:610px;margin:auto;position:relative}.checkers-player{color:#fff4de;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.checkers-player strong{color:#d2e8df;margin-left:auto;font-size:12px;font-weight:500}.checkers-token{background:linear-gradient(#ffd8b6,#e46e45);border:1px solid #ad4627;border-radius:50%;flex:0 0 19px;width:19px;height:19px;box-shadow:inset 0 2px 2px #fff9,0 3px #081f2d66}.checkers-token[data-side=white]{background:linear-gradient(#fff,#afd8c8);border-color:#75a998}.checkers-board-frame{background:linear-gradient(135deg,#ffecc7,#e5bb82 55%,#c68d53);border-radius:28px;padding:18px;transform:translateZ(0);box-shadow:inset 0 3px 2px #ffffffe0,inset 0 -7px 2px #8d623c55,0 13px #17383b70,0 20px 30px #082e3455}.checkers-board{aspect-ratio:1;isolation:isolate;background:#f2ddb6;border:3px solid #9c7449;border-radius:12px;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 2px #fff5,inset 0 2px 7px #153a3955}.checkers .checkers-square{aspect-ratio:1;color:#fff5de;touch-action:manipulation;background:#4f7f72;border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;box-shadow:inset 0 1px 1px #d9ecca22}.checkers-light{background:linear-gradient(135deg,#f7e4be,#edd6ac);box-shadow:inset 0 1px 1px #fff6}.checkers-square>small{opacity:1;color:#fff2d8;z-index:3;background:#143945;border-radius:2px;padding:1px 2px;font-size:9px;line-height:1.1;position:absolute;top:2px;left:4px}.checkers .checkers-square:focus-visible{z-index:4;outline-offset:-4px;outline:3px solid #fff1a6}.checkers-square[data-legal=true]:after{content:"";aspect-ratio:1;z-index:2;background:#fff0ac;border-radius:50%;width:26%;position:absolute;box-shadow:0 0 0 5px #ffeea833,0 0 20px #ffdf9580}.checkers .checkers-square[aria-pressed=true]{background:#7ea187;box-shadow:inset 0 0 0 3px #ffe7a1}.checkers-square[data-last=true]{background:#648b73}.checkers-piece{pointer-events:none;background:radial-gradient(at 40% 24%,#ffc19a,#f39061 48%,#d6532e);border:2px solid #ffb783;border-radius:50%;place-items:center;width:78%;height:75%;display:grid;position:relative;transform:translateY(-3px);box-shadow:inset 0 3px 3px #fff9,inset 0 -4px 3px #b4452a66,0 5px #a94028,0 7px 5px #123f4b88}.checkers-piece:before{content:"";border:2px solid #ad4f3338;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 2px 2px #a4482c22,0 1px 1px #ffe4b688}.checkers-piece[data-side=white]{background:radial-gradient(at 40% 24%,#fff,#d5eee0 45%,#a9d3be);border-color:#e7ffe9;box-shadow:inset 0 3px 3px #fffd,inset 0 -4px 3px #69967a55,0 5px #719d84,0 7px 5px #123f4b88}.checkers-piece[data-side=white]:before{border-color:#7daa963d;box-shadow:inset 0 2px 2px #62917833,0 1px 1px #fff9}.checkers-crown{fill:#673e25;stroke:#ffe8a1;stroke-width:1.5px;filter:drop-shadow(0 1px #fff7);width:56%;height:56%;position:relative}.checkers-piece[data-side=white] .checkers-crown{fill:#285347;stroke:#f4ffdd}.checkers-companion{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.checkers-club{letter-spacing:.17em;color:#ffe3a1;margin-bottom:24px;font-size:11px;line-height:1.7;transform:rotate(-5deg)}.checkers-club b{letter-spacing:.03em;font-family:Fredoka,sans-serif;font-size:19px;display:block}.checkers-club>span{font-size:27px;display:block}.checkers-speech{color:#204746;background:#fff3d9;border-radius:22px 22px 22px 6px;max-width:220px;padding:15px 20px;font-size:16px;font-weight:700;line-height:1.4;box-shadow:0 5px #122f3526}.checkers-companion .avatar-buddy{flex:none;margin:7px 0 14px}.checkers-turn{color:#fff0d6;border-top:1px solid #9fb5a766;gap:6px;width:100%;max-width:230px;padding-top:14px;font-size:16px;font-weight:700;display:grid}.checkers-turn small{color:#cbe0d4;font-size:12px;font-weight:400}.checkers-message{color:#ffebbf;background:#113540;border-top:1px solid #4d7474;min-height:56px;margin:0;padding:15px 22px;font-size:14px;line-height:1.6}.checkers-footer{background:#113540;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px 18px;display:flex}.checkers-footer>span{color:#b7d4d4;margin-left:auto;font-size:12px}.checkers-result{text-align:center;color:#153f45;background:#fff0d5;padding:24px}.checkers-result h2{margin:0 0 6px;font-size:30px}.checkers-result p{margin:0 0 18px}.checkers-result button{background:#ab402d;border-color:#923b2d;font-weight:700}.checkers-help{color:#bcd4dd;max-width:800px;margin:30px auto 0;font-size:15px;line-height:1.7}.checkers-help h2{color:#fff0d7;font-size:27px}.checkers-help details{border-top:1px solid #365760;padding:15px 0}.checkers-help summary{cursor:pointer;color:#f3e6d1;font-weight:600}.checkers-confirm{color:#fff2d8;background:#173e48;border:1px solid #678285;border-radius:24px;max-width:min(430px,90vw);padding:30px;box-shadow:0 20px 80px #001c24aa}.checkers-confirm::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#031b25bb}.checkers-confirm h2{margin-top:0}.checkers-confirm button{margin:6px 5px 0 0}.checkers[data-thinking=true] .checkers-turn:before{content:"✦";color:#ffce70;animation:1.2s ease-in-out infinite checkers-think;display:block}.checkers-square[data-burst=true] .checkers-piece{animation:.35s ease-out checkers-pop}@keyframes checkers-pop{50%{transform:translateY(-7px)scale(1.09)}}@keyframes checkers-think{50%{opacity:.45;transform:scale(.85)}}@media (width<=850px){.checkers-scene{grid-template-columns:minmax(0,1fr) 180px;gap:20px;padding:20px}.checkers-club{margin-bottom:12px}.checkers-companion .avatar-buddy canvas{width:145px!important;height:181px!important}.checkers-board-frame{padding:13px}.checkers-speech{padding:12px;font-size:14px}}@media (width<=620px){.checkers-page{padding:14px 12px 35px}.checkers-heading{margin:12px 0 18px}.checkers-heading>span{display:none}.checkers-heading .eyebrow{font-size:9px}.checkers-toolbar{gap:9px;padding:12px}.checkers-toolbar label{font-size:11px}.checkers-toolbar select{max-width:200px;padding:7px;font-size:12px}.checkers-tools{margin-left:0}.checkers-tools button{padding:7px 11px;font-size:12px}.checkers-scene{flex-direction:column;gap:12px;padding:10px 12px 14px;display:flex}.checkers-board-frame{border-radius:20px;padding:10px}.checkers-board{border-width:2px;border-radius:8px}.checkers-player{padding:9px 5px;font-size:12px}.checkers-piece{border-width:1px;transform:translateY(-2px)}.checkers-square>small{font-size:9px;top:1px;left:1px}.checkers-piece:before{border-width:1px}.checkers-companion{text-align:left;grid-template-columns:75px 1fr;column-gap:14px;width:100%;min-height:90px;display:grid}.checkers-club{display:none}.checkers-companion .avatar-buddy{grid-area:1/1/3;margin:0}.checkers-companion .avatar-buddy canvas{width:68px!important;height:85px!important}.checkers-companion .avatar-buddy span{font-size:8px!important}.checkers-speech{grid-area:1/2;max-width:none;padding:10px 13px;font-size:13px;line-height:1.3}.checkers-turn{border:0;flex-wrap:wrap;grid-area:2/2;align-items:center;gap:10px;max-width:none;padding-top:6px;font-size:13px;display:flex}.checkers-turn small{font-size:11px}.checkers-message{min-height:60px;padding:12px 14px;font-size:13px}.checkers-footer{padding:10px 12px 16px}.checkers-footer>span{margin-left:0;font-size:11px}.checkers-footer button{font-size:12px}.checkers-help{font-size:14px}.checkers-result h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.checkers *{transition:none!important;animation:none!important}}.checkers-player{background:#123f45ed;border-radius:12px;margin:8px 0}.checkers-club{background:#143d42ed;border:1px solid #b9d0ac66;border-radius:20px;padding:12px 15px}.checkers-turn{background:#143d42ed;border:1px solid #7daba180;border-radius:14px;padding:12px}.checkers-scene{padding-top:48px;padding-bottom:28px}@media (width<=620px){.checkers-scene{padding-top:25px;padding-bottom:14px}.checkers-turn{border:0;padding:7px 10px}.checkers-player{padding:8px}.checkers-club{display:none}}.checkers-level{color:#23413d;background:#eac887;border-bottom:2px solid #b49059;padding:10px 20px;font-size:14px;font-weight:700}@media (width<=620px){.checkers-level{padding:10px 13px;font-size:12px}}.checkers-page{padding-top:14px}.checkers-heading{margin:18px 0 24px}.checkers-page>.breadcrumb{margin-top:22px;display:inline-block}.checkers-toolbar{gap:10px;padding:10px 16px}.checkers-level{padding:8px 16px}.checkers-scene{gap:28px;padding:22px 28px 24px}.checkers-table{max-width:min(530px,max(350px,100svh - 430px))}.checkers-player{margin:6px 0;padding:8px 10px;line-height:1.25}.checkers-player strong{line-height:1.25}.checkers-club{margin-bottom:10px;padding:8px 14px;font-size:10px;line-height:1.4}.checkers-club b{font-size:16px}.checkers-club>span{display:none}.checkers-companion .avatar-buddy{margin:3px 0 8px}.checkers-companion .avatar-buddy canvas{width:140px!important;height:175px!important}.checkers-speech{padding:10px 15px;font-size:14px}.checkers-turn{gap:2px;padding:8px 10px;font-size:14px}.checkers-turn small{font-size:11px}.checkers-companion>.checkers-message{text-align:center;background:#113540ed;border:0;border-radius:12px;width:100%;max-width:270px;min-height:48px;margin:8px 0 0;padding:8px 10px;font-size:13px;line-height:1.4}.checkers-companion>.checkers-footer{background:0 0;justify-content:center;gap:6px;width:100%;max-width:270px;padding:8px 0 0}.checkers-companion>.checkers-footer>span{text-align:center;flex-basis:100%;margin:0;font-size:11px}@media (width>=851px) and (height<=850px){.checkers-club{display:none}.checkers-companion .avatar-buddy canvas{width:120px!important;height:150px!important}.checkers-scene{padding-top:16px;padding-bottom:18px}.checkers-table{max-width:min(450px,max(335px,100svh - 420px))}}@media (width<=850px) and (width>=621px){.checkers-scene{grid-template-columns:minmax(0,1fr) 175px;gap:18px;padding:18px}.checkers-club{display:none}.checkers-companion .avatar-buddy canvas{width:110px!important;height:137px!important}.checkers-companion>.checkers-message{font-size:12px}.checkers-table{max-width:100%}}@media (width<=620px){.checkers-page{padding-top:10px}.checkers-toolbar{padding:10px 12px}.checkers-level{padding:8px 13px}.checkers-scene{gap:10px;padding:18px 12px 14px}.checkers-table{max-width:100%}.checkers-player{padding:7px 8px}.checkers-companion .avatar-buddy canvas{width:68px!important;height:85px!important}.checkers-companion .avatar-buddy{margin:0}.checkers-companion>.checkers-message{text-align:left;grid-area:3/1/auto/-1;max-width:none;margin-top:8px;font-size:13px}.checkers-companion>.checkers-footer{grid-area:4/1/auto/-1;justify-content:flex-start;max-width:none;padding-top:8px}.checkers-companion>.checkers-footer>span{text-align:right;flex-basis:auto;margin-left:auto}.checkers-speech{font-size:13px}.checkers-turn{padding:6px 9px;font-size:12px}}@media (width>=851px){.checkers-table{max-width:var(--checkers-table-width,470px)}}