.board{width:min(100%, calc(var(--play-area-height,78vh) * 5 / 6));max-height:var(--play-area-height,78vh);aspect-ratio:5/6;border:5px solid var(--sandbox-board-border,var(--ink,#2d2b28));background:var(--board-gutter,#f7efdf);border-radius:34px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(5,1fr);padding:12px;display:grid;overflow:hidden;box-shadow:0 22px #2d2b2814,0 34px 60px #507a6c33}.square{cursor:pointer;min-width:0;min-height:0;font:inherit;border:0;place-items:center;transition:transform .16s,filter .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;container-type:size}.square:hover{filter:brightness(1.03)saturate(1.03)}.square-light{background-color:var(--sandbox-square-light,#fff8e8);background-image:var(--sandbox-square-light-image,none), var(--sandbox-square-light-tile-image,none);background-size:var(--sandbox-square-light-pattern-size,auto), var(--sandbox-square-light-tile-image-size,auto);background-repeat:repeat, var(--sandbox-square-light-tile-image-repeat,no-repeat);background-position:center, var(--sandbox-square-light-tile-image-position,50% 50%)}.square-dark{background-color:var(--sandbox-square-dark,#c5d7c0);background-image:var(--sandbox-square-dark-image,none), var(--sandbox-square-dark-tile-image,none);background-size:var(--sandbox-square-dark-pattern-size,auto), var(--sandbox-square-dark-tile-image-size,auto);background-repeat:repeat, var(--sandbox-square-dark-tile-image-repeat,no-repeat);background-position:center, var(--sandbox-square-dark-tile-image-position,50% 50%)}.board.board-art-loading .square-light{background-image:var(--sandbox-square-light-image,none), none}.board.board-art-loading .square-dark{background-image:var(--sandbox-square-dark-image,none), none}.board.board-art-revealing .square-light,.board.board-art-revealing .square-dark{animation:.24s ease-out both board-tile-art-reveal}@keyframes board-tile-art-reveal{0%{opacity:.56;filter:saturate(.82)brightness(1.04)}to{opacity:1;filter:saturate()brightness()}}.board:has(>.online-opponent-mask){position:relative}.online-opponent-mask{z-index:8;pointer-events:none;padding:inherit;gap:inherit;border-radius:inherit;clip-path:inset(0 0 100%);position:absolute;inset:0;overflow:hidden}.online-opponent-mask.is-revealing{animation:.64s cubic-bezier(.22,.8,.3,1) 80ms forwards opponent-mask-reveal}.online-opponent-mask.is-revealed{clip-path:inset(0 0 50%)}.online-opponent-mask.is-retracting{clip-path:inset(0 0 50%);animation:.42s cubic-bezier(.22,.8,.3,1) forwards opponent-mask-hide}.online-opponent-mask.is-paused{animation-play-state:paused}.online-opponent-mask-surface{padding:inherit;gap:inherit;border-radius:inherit;background:var(--sandbox-board-background,var(--board-gutter,transparent));grid-template:repeat(6,1fr)/repeat(5,1fr);display:grid;position:absolute;inset:0}.online-opponent-mask .online-opponent-mask-square{border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.online-opponent-mask .online-opponent-mask-rank-label{z-index:2}.online-opponent-mask .online-opponent-mask-surface .online-opponent-mask-square.square-light{background:var(--sandbox-square-light);background-image:var(--sandbox-square-light-image,none), var(--sandbox-square-light-tile-image,none);background-size:var(--sandbox-square-light-pattern-size,auto), var(--sandbox-square-light-tile-image-size,auto);background-repeat:repeat, var(--sandbox-square-light-tile-image-repeat,no-repeat);background-position:center, var(--sandbox-square-light-tile-image-position,50% 50%);box-shadow:inset 0 0 0 1px var(--sandbox-square-light-outline,transparent), inset 0 -3px 0 var(--sandbox-square-light-lip,transparent), 0 4px 7px #5c5b4d0a}.online-opponent-mask .online-opponent-mask-surface .online-opponent-mask-square.square-dark{background:var(--sandbox-square-dark);background-image:var(--sandbox-square-dark-image,none), var(--sandbox-square-dark-tile-image,none);background-size:var(--sandbox-square-dark-pattern-size,auto), var(--sandbox-square-dark-tile-image-size,auto);background-repeat:repeat, var(--sandbox-square-dark-tile-image-repeat,no-repeat);background-position:center, var(--sandbox-square-dark-tile-image-position,50% 50%);box-shadow:inset 0 -3px 0 var(--sandbox-square-dark-lip,transparent), 0 4px 7px #5c5b4d0a}.online-opponent-mask .online-opponent-mask-square:first-child{border-top-left-radius:clamp(16px,1.6vw,22px)}.online-opponent-mask .online-opponent-mask-square:nth-child(5){border-top-right-radius:clamp(16px,1.6vw,22px)}.online-opponent-mask .online-opponent-mask-square:nth-last-child(5){border-bottom-left-radius:clamp(16px,1.6vw,22px)}.online-opponent-mask .online-opponent-mask-square:last-child{border-bottom-right-radius:clamp(16px,1.6vw,22px)}@keyframes opponent-mask-reveal{to{clip-path:inset(0 0 50%)}}@keyframes opponent-mask-hide{0%{clip-path:inset(0 0 50%)}to{clip-path:inset(0 0 100%)}}@media (prefers-reduced-motion:reduce){.online-opponent-mask,.online-opponent-mask.is-retracting{animation-duration:.18s}}:root[data-theme=light] .board{background:var(--board-gutter,#f7efdf)}:root[data-theme=light] .square-light{background-color:var(--sandbox-square-light,#fff8e8)}:root[data-theme=light] .square-dark{background-color:var(--sandbox-square-dark,#c5d7c0)}.coordinate-label{z-index:1;color:var(--sandbox-coordinate-label-light,#2d2b2857);pointer-events:none;font-size:clamp(.66rem,1.5vw,.95rem);position:absolute;top:7px;left:9px}.square-dark .coordinate-label{color:var(--sandbox-coordinate-label-dark,#fff8e99e)}.selected-square{outline-offset:-5px;z-index:2;outline:5px solid #f7cf72f5;box-shadow:inset 0 0 0 999px #f7cf722e}.legal-target-square:after,.last-move-square:before{border-radius:inherit;content:"";position:absolute;inset:0}.king-in-check{animation:1s ease-in-out infinite alternate check-pulse;box-shadow:inset 0 0 0 999px #ffa99557,inset 0 0 0 6px #b85b4dcc}.piece,.piece-wrapper{z-index:2;cursor:grab;-webkit-user-select:none;user-select:none;transform-origin:50%;--piece-size:133%;justify-content:center;align-items:center;line-height:1;transition:transform .25s,filter .25s;animation:.25s cubic-bezier(.2,1.35,.35,1) piece-land;display:flex;position:absolute;inset:0}.piece-img{width:var(--piece-size);height:var(--piece-size);object-fit:contain;max-width:none;max-height:none;transform:translateY(var(--piece-y,0px)) scale(var(--piece-scale,1));transform-origin:50%;filter:drop-shadow(0 8px 8px #28221838);pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.piece-img[data-piece=queen]{--piece-scale:.98}.piece-img[data-piece=rook],.piece-img[data-piece=bishop],.piece-img[data-piece=knight],.piece-img[data-piece=pawn]{--piece-scale:1.08;--piece-y:-2px}.piece-fallback{width:var(--piece-size);height:var(--piece-size);transform:translateY(var(--piece-y,0px)) scale(var(--piece-scale,1));transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.4rem,14vw,9.5rem);line-height:1;display:grid}.piece-fallback[data-piece=queen]{--piece-scale:.98}.piece-fallback[data-piece=rook],.piece-fallback[data-piece=bishop],.piece-fallback[data-piece=knight],.piece-fallback[data-piece=pawn]{--piece-scale:1.08;--piece-y:-2px}.piece:active,.piece-dragging{cursor:grabbing;opacity:.94;filter:drop-shadow(0 18px 16px #2d2b2842);transform:rotate(-5deg)scale(1.09)translateY(-4px)}.last-move-square .piece{animation:.25s cubic-bezier(.18,1.25,.4,1) piece-slide-land}.piece-white .piece-fallback{color:#fff7e7;text-shadow:-2px -2px #2d2b28,2px -2px #2d2b28,-2px 2px #2d2b28,2px 2px #2d2b28,0 7px #ddc497b3;-webkit-text-stroke:1.7px #2d2b28}.piece-black .piece-fallback{color:#34383c;text-shadow:-2px -2px #1e1d1a,2px -2px #1e1d1a,-2px 2px #1e1d1a,2px 2px #1e1d1a,0 7px #1918168c;-webkit-text-stroke:1.7px #1e1d1a}.move-dot,.capture-dot{z-index:4;pointer-events:none;border-radius:999px;position:absolute}.move-dot{background:#f7cf72e6;width:clamp(12px,22%,58px);height:clamp(12px,22%,58px)}.move-dot:before{border-radius:inherit;content:"";background:#f7cf7233;position:absolute;inset:-44%}.capture-dot{border:clamp(4px,5.4cqw,10px) solid #e87575e0;width:clamp(38px,62%,132px);height:clamp(38px,62%,132px);box-shadow:0 0 0 clamp(7px,8cqw,20px) #ffa99524,inset 0 0 clamp(10px,14cqw,22px) #ffa9951a}.capture-dot:before,.capture-dot:after{content:"";background:#e87575d6;border-radius:999px;width:38%;height:clamp(5px,6.4cqw,10px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.capture-dot:after{transform:translate(-50%,-50%)rotate(-45deg)}.promotion-target-square{box-shadow:inset 0 0 0 clamp(4px,5.4cqw,9px) #f7cf72f5,inset 0 0 0 999px #f7cf721f}.promotion-target-square:after{background:radial-gradient(circle,#fff8e938,#0000 62%),#f7cf722e}.promotion-hint{z-index:4;pointer-events:none;background:#fff8e929;border:clamp(3px,4.4cqw,8px) solid #f7cf72f5;border-radius:clamp(10px,14cqw,20px);place-items:center;animation:1.1s ease-in-out infinite promotion-preview-breathe;display:grid;position:absolute;inset:clamp(5px,8cqw,12px);box-shadow:0 0 0 clamp(3px,4cqw,8px) #fff8e942,inset 0 0 clamp(18px,22cqw,34px) #f7cf7238}.promotion-hint img{object-fit:contain;opacity:.58;filter:drop-shadow(0 8px 8px #28221838)saturate(1.05);width:116%;height:116%;display:block;transform:translateY(-2px)}.promotion-capture-hint{z-index:5;pointer-events:none;position:absolute;inset:0}.promotion-capture-mark{background:#fff8e914;border:clamp(4px,5.4cqw,10px) solid #e87575e6;border-radius:999px;animation:1.1s ease-in-out infinite promotion-capture-mark-pulse;position:absolute;inset:clamp(12px,14cqw,22px);box-shadow:0 0 0 clamp(7px,8cqw,18px) #e8757529,inset 0 0 clamp(12px,16cqw,24px) #e875751f}.promotion-capture-mark:before,.promotion-capture-mark:after{content:"";background:#e87575e6;border-radius:999px;width:46%;height:clamp(5px,6.4cqw,10px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.promotion-capture-mark:after{transform:translate(-50%,-50%)rotate(-45deg)}.promotion-result-badge{background:#fff8e9e6;border:clamp(3px,3.6cqw,7px) solid #f7cf72fa;border-radius:clamp(10px,13cqw,18px);place-items:center;width:clamp(34px,42%,76px);height:clamp(34px,42%,76px);animation:1.1s ease-in-out infinite promotion-result-badge-pop;display:grid;position:absolute;bottom:clamp(4px,6cqw,12px);right:clamp(4px,6cqw,12px);box-shadow:0 5px #785b1a29,0 10px 18px #2822182e}.promotion-result-badge img{object-fit:contain;opacity:.78;filter:drop-shadow(0 5px 5px #28221833);width:122%;height:122%;display:block;transform:translateY(-2px)}.piece-spawn-board .piece{opacity:1;animation:.2s cubic-bezier(.22,.8,.3,1) both piece-spawn-settle}.piece-spawn-settled-board .piece{animation:none}.piece-match-intro-settling{will-change:transform, opacity;animation:match-intro-piece-settle .22s cubic-bezier(.18, .86, .3, 1) var(--match-intro-stagger,0s) both!important}.piece-match-intro-pair-base-hidden{opacity:0;animation:none!important}.piece-match-intro-pair-base-visible{opacity:1;transition:opacity .16s cubic-bezier(.22,1,.36,1);animation:none!important}.board-match-intro-orientation-surface,.board-match-intro-piece-overlay{padding:inherit;border-radius:inherit;gap:inherit;pointer-events:none;grid-template:repeat(6,1fr)/repeat(5,1fr);animation:none;display:grid;position:absolute;inset:0;overflow:hidden}.board-match-intro-orientation-surface{z-index:1;opacity:1;transition:opacity var(--match-intro-board-transition-duration,.16s) linear;will-change:opacity}.board-match-intro-piece-overlay{z-index:8;opacity:1;will-change:opacity;transition:opacity .16s cubic-bezier(.22,1,.36,1)}.board-match-intro-piece-overlay.is-exiting{opacity:0}.board-match-intro-orientation-square{cursor:default;animation:none}.board-match-intro-piece-square{min-width:0;min-height:0;position:relative;container-type:size}.board-match-intro-coordinate-label{transition:opacity var(--match-intro-board-transition-duration,.16s) linear;will-change:opacity}.board[data-match-intro-paired-layer=true]>.square>.coordinate-label{opacity:var(--match-intro-final-label-opacity,1);transition:opacity var(--match-intro-board-transition-duration,.16s) linear;will-change:opacity}.board-match-intro-paired-slot{isolation:isolate;pointer-events:none;position:absolute;inset:0}.board-match-intro-paired-motion{position:absolute;inset:0}.board-match-intro-paired-motion.is-shuffling,.board-match-intro-paired-motion.is-settled{translate:calc(var(--back-rank-shuffle-offset,0) * 100%) 0;will-change:translate, transform;transition:translate .42s cubic-bezier(.22,1,.36,1);animation:1.44s ease-in-out infinite board-back-rank-shuffle-float}.board-match-intro-piece-square:nth-child(5n+2) .board-match-intro-paired-motion:is(.is-shuffling,.is-settled){animation-delay:-.18s}.board-match-intro-piece-square:nth-child(5n+3) .board-match-intro-paired-motion:is(.is-shuffling,.is-settled){animation-delay:-.36s}.board-match-intro-piece-square:nth-child(5n+4) .board-match-intro-paired-motion:is(.is-shuffling,.is-settled){animation-delay:-.54s}.board-match-intro-piece-square:nth-child(5n) .board-match-intro-paired-motion:is(.is-shuffling,.is-settled){animation-delay:-.72s}.board-match-intro-paired-motion.is-settled{animation-play-state:paused;translate:0}.board-match-intro-paired-source,.board-match-intro-paired-target{will-change:opacity;position:absolute;inset:0}.board-match-intro-paired-source{z-index:1}.board-match-intro-paired-target{z-index:2;opacity:0}.board-match-intro-paired-source .piece,.board-match-intro-paired-target .piece{transition:none!important;animation:none!important;translate:none!important}.board-match-intro-paired-slot.is-complete .board-match-intro-paired-source{opacity:0}.board-match-intro-paired-slot.is-crossfading .board-match-intro-paired-target,.board-match-intro-paired-slot.is-complete .board-match-intro-paired-target{opacity:1}.board-match-intro-paired-slot.is-crossfading .board-match-intro-paired-target{animation:.16s linear both match-intro-paired-target-fade}@keyframes match-intro-paired-target-fade{0%{opacity:0}to{opacity:1}}.piece[data-draggable=true]:hover{filter:drop-shadow(0 13px 12px #2d2b282e);transform:translateY(-3px)scale(1.035)}.selected-square .piece{animation:.14s cubic-bezier(.2,1.2,.35,1) piece-ready-squish}.legal-target-square .move-dot,.legal-target-square .capture-dot{animation:1.1s ease-in-out infinite target-orb-breathe}.drag-hover-square{filter:brightness(1.08)saturate(1.07);transform:scale(1.025);box-shadow:inset 0 0 0 999px #f6d77438,inset 0 0 0 4px #fff8e994}.drag-source-square:before{z-index:1;border-radius:inherit;content:"";border:3px dashed #2d2b2829;animation:.9s ease-in-out infinite drag-source-pulse;position:absolute;inset:14%}.last-move-destination-square{z-index:3;overflow:visible}.piece-tweening{transition:none!important;animation:none!important}.last-move-square .piece-move-settled,.last-move-destination-square .piece-move-settled{animation:none!important}.board.board-move-effects-suppressed .piece,.board.board-move-effects-suppressed .piece-wrapper,.board.board-move-effects-suppressed .piece-img{transition:none!important;animation:none!important}.board.board-move-effects-suppressed .move-impact,.board.board-move-effects-suppressed .capture-shards{display:none!important}.board-result-active .piece,.board-result-active .piece-wrapper,.board-result-active .piece-img-loaded{opacity:1!important;animation:none!important}.last-move-destination-square .piece{animation:.12s cubic-bezier(.2,.9,.24,1) piece-squash-land}.last-move-destination-square.moved-piece-knight .piece{animation-name:knight-hop-land;animation-duration:.15s}.last-move-destination-square.moved-piece-rook .piece{animation-name:rook-thump-land;animation-duration:.115s}.last-move-destination-square.moved-piece-bishop .piece{animation-name:bishop-glide-land;animation-duration:.125s}.last-move-destination-square.moved-piece-queen .piece{animation-name:queen-float-land;animation-duration:.14s}.last-move-destination-square.moved-piece-king .piece{animation-name:king-royal-land;animation-duration:.13s}.last-move-destination-square.moved-piece-pawn .piece{animation-name:pawn-pop-land;animation-duration:.105s}.promotion-destination-square .piece{animation:.46s cubic-bezier(.16,1.25,.28,1) pawn-promote-queen-land}.promotion-destination-square .move-impact:before{border-color:#f7cf72e6;animation-duration:.42s;inset:14%}.promotion-destination-square .move-impact:after{background:radial-gradient(circle at 50% 0,#f7cf72fa 0 5px,#0000 6px),radial-gradient(circle at 80% 18%,#fff8e9f5 0 4px,#0000 5px),radial-gradient(circle at 100% 56%,#f7cf72d1 0 5px,#0000 6px),radial-gradient(circle at 52% 100%,#8dbfafe6 0 4px,#0000 5px),radial-gradient(circle at 0 52%,#ffa995d6 0 4px,#0000 5px),radial-gradient(circle at 18% 18%,#fff8e9eb 0 4px,#0000 5px);animation-duration:.46s;inset:18%}.capture-impact-square .piece{animation:.15s cubic-bezier(.2,.9,.24,1) capture-smash-land}.themed-captured-piece{--piece-size:133%;z-index:3;pointer-events:none;isolation:isolate;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.themed-captured-piece-motion{z-index:1;transform-origin:50% 72%;will-change:opacity, transform, filter;animation:var(--themed-capture-exit,themed-capture-pop) var(--move-capture-exit-duration,.14s) var(--move-capture-exit-delay,0s) cubic-bezier(.2, .82, .25, 1) both;place-items:center;display:grid;position:absolute;inset:0}.themed-captured-piece-image{width:var(--piece-size);height:var(--piece-size);object-fit:contain;max-width:none;max-height:none;display:block}.themed-capture-remnants{z-index:2;color:var(--move-style-capture);pointer-events:none;display:block;position:absolute;inset:7%;overflow:hidden}.themed-capture-remnants i{--capture-remnant-x:50%;--capture-remnant-y:0%;--capture-remnant-rotate:-24deg;aspect-ratio:1;width:clamp(4px,17%,18px);color:inherit;opacity:0;-webkit-mask:var(--move-particle-image,var(--move-capture-image,var(--move-motif-image))) center / contain no-repeat;-webkit-mask:var(--move-particle-image,var(--move-capture-image,var(--move-motif-image))) center / contain no-repeat;mask:var(--move-particle-image,var(--move-capture-image,var(--move-motif-image))) center / contain no-repeat;background:currentColor;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:0deg;scale:.2}.themed-captured-piece .themed-capture-remnants i{animation:themed-capture-remnant-burst var(--move-capture-exit-duration,.14s) var(--move-capture-exit-delay,0s) ease-out both}.themed-capture-remnants i:first-child{--capture-remnant-x:7%;--capture-remnant-y:24%;--capture-remnant-rotate:-72deg}.themed-capture-remnants i:nth-child(2){--capture-remnant-x:31%;--capture-remnant-y:2%;--capture-remnant-rotate:-28deg;scale:.76}.themed-capture-remnants i:nth-child(3){--capture-remnant-x:83%;--capture-remnant-y:14%;--capture-remnant-rotate:36deg;scale:.88}.themed-capture-remnants i:nth-child(4){--capture-remnant-x:94%;--capture-remnant-y:69%;--capture-remnant-rotate:82deg;scale:.64}.themed-capture-remnants i:nth-child(5){--capture-remnant-x:58%;--capture-remnant-y:96%;--capture-remnant-rotate:132deg;scale:.82}.themed-capture-remnants i:nth-child(6){--capture-remnant-x:10%;--capture-remnant-y:81%;--capture-remnant-rotate:-128deg;scale:.58}.board-frame[data-move-behavior=hop-pop],.board-frame[data-move-behavior=plus-pop],.board-frame[data-move-behavior=frame-grow],.move-style-demo[data-move-behavior=hop-pop],.move-style-demo[data-move-behavior=plus-pop],.move-style-demo[data-move-behavior=frame-grow]{--themed-capture-exit:themed-capture-pop}.board-frame[data-move-behavior=zip-cut],.board-frame[data-move-behavior=rush-spray],.move-style-demo[data-move-behavior=zip-cut],.move-style-demo[data-move-behavior=rush-spray]{--themed-capture-exit:themed-capture-slice}.board-frame[data-move-behavior=charge-release],.board-frame[data-move-behavior=shift-burst],.move-style-demo[data-move-behavior=charge-release],.move-style-demo[data-move-behavior=shift-burst]{--themed-capture-exit:themed-capture-charge}.board-frame[data-move-behavior=crown-rise],.move-style-demo[data-move-behavior=crown-rise]{--themed-capture-exit:themed-capture-crown-rise}.board-frame[data-move-behavior=strike-flash],.move-style-demo[data-move-behavior=strike-flash]{--themed-capture-exit:themed-capture-strike}.board-frame[data-move-behavior=petal-float],.board-frame[data-move-behavior=whisper-drift],.move-style-demo[data-move-behavior=petal-float],.move-style-demo[data-move-behavior=whisper-drift]{--themed-capture-exit:themed-capture-petal-lift}.board-frame[data-move-behavior=wave-roll],.board-frame[data-move-behavior=flow-stream],.move-style-demo[data-move-behavior=wave-roll],.move-style-demo[data-move-behavior=flow-stream]{--themed-capture-exit:themed-capture-wave-wash}.board-frame[data-move-behavior=brush-swipe],.move-style-demo[data-move-behavior=brush-swipe]{--themed-capture-exit:themed-capture-brush-swipe}.board-frame[data-move-behavior=panel-smash],.move-style-demo[data-move-behavior=panel-smash]{--themed-capture-exit:themed-capture-panel-smash}.board-frame[data-move-behavior=constellation-glide],.board-frame[data-move-behavior=orbit-swarm],.move-style-demo[data-move-behavior=constellation-glide],.move-style-demo[data-move-behavior=orbit-swarm]{--themed-capture-exit:themed-capture-stardust}.board-frame[data-move-behavior=veil-dissolve],.move-style-demo[data-move-behavior=veil-dissolve]{--themed-capture-exit:themed-capture-veil}.board-frame[data-move-behavior=echo-afterimage],.move-style-demo[data-move-behavior=echo-afterimage]{--themed-capture-exit:themed-capture-echo}.board-frame[data-move-behavior=rainbow-swoop],.move-style-demo[data-move-behavior=rainbow-swoop]{--themed-capture-exit:themed-capture-rainbow-arc}.board-frame[data-move-behavior=rain-patter],.move-style-demo[data-move-behavior=rain-patter]{--themed-capture-exit:themed-capture-rain-wash}.board-frame[data-move-behavior=scoop-bounce],.move-style-demo[data-move-behavior=scoop-bounce]{--themed-capture-exit:themed-capture-melt}.board-frame[data-move-behavior=silly-scoot],.move-style-demo[data-move-behavior=silly-scoot]{--themed-capture-exit:themed-capture-scoot}.board-frame[data-move-behavior=leaf-storm],.move-style-demo[data-move-behavior=leaf-storm]{--themed-capture-exit:themed-capture-leaf-gust}.board-frame[data-move-behavior=boo-pop],.move-style-demo[data-move-behavior=boo-pop]{--themed-capture-exit:themed-capture-boo}@keyframes themed-capture-remnant-burst{0%,28%{opacity:0;top:50%;left:50%;rotate:0deg;scale:.2}44%{opacity:.94;scale:1}to{top:var(--capture-remnant-y);left:var(--capture-remnant-x);opacity:0;rotate:var(--capture-remnant-rotate);scale:.62}}@keyframes themed-capture-pop{0%,30%{opacity:1;transform:translateY(0)scale(1)}58%{opacity:1;transform:translateY(-10%)scale(1.1,.92)}to{opacity:0;transform:translateY(-38%)scale(.28)rotate(14deg)}}@keyframes themed-capture-slice{0%,35%{opacity:1;filter:blur();transform:translate(0)scale(1)skew(0)}56%{opacity:1;transform:translate(-8%)scale(1.05,.94)skew(-8deg)}to{opacity:0;filter:blur(1px);transform:translate(62%)scale(.16,1.06)skew(-22deg)}}@keyframes themed-capture-charge{0%,28%{opacity:1;filter:brightness();transform:scale(1)}58%{opacity:1;filter:brightness(1.85)saturate(.72);transform:scale(1.12)}to{opacity:0;filter:brightness(2.4)blur(2px);transform:scale(.06)rotate(32deg)}}@keyframes themed-capture-crown-rise{0%,30%{opacity:1;transform:translateY(0)scale(1)rotate(0)}62%{opacity:1;transform:translateY(-18%)scale(1.06)rotate(-4deg)}to{opacity:0;filter:brightness(1.45);transform:translateY(-68%)scale(.48)rotate(9deg)}}@keyframes themed-capture-strike{0%,34%{opacity:1;filter:brightness();transform:scale(1)}48%{opacity:.2;filter:brightness(2.2);transform:translate(-5%)scale(1.13,.78)}63%{opacity:1;transform:translate(4%)scale(.94,1.04)}to{opacity:0;filter:brightness(2.5);transform:translate(36%)scale(.08,1.18)}}@keyframes themed-capture-petal-lift{0%,24%{opacity:1;transform:translate(0)scale(1)rotate(0)}56%{opacity:.94;transform:translate(8%,-16%)scale(1.04)rotate(8deg)}to{opacity:0;filter:saturate(.72);transform:translate(-18%,-62%)scale(.42)rotate(-28deg)}}@keyframes themed-capture-wave-wash{0%,30%{opacity:1;filter:blur();transform:translateY(0)scale(1)}58%{opacity:.96;transform:translateY(8%)scale(1.12,.82)}to{opacity:0;filter:blur(2px);transform:translateY(42%)scale(1.3,.22)}}@keyframes themed-capture-brush-swipe{0%,30%{opacity:1;filter:blur();transform:translate(0)scale(1)skew(0)}64%{opacity:.82;transform:translate(-24%)scale(1.18,.76)skew(14deg)}to{opacity:0;filter:blur(3px);transform:translate(-78%)scale(1.45,.12)skew(28deg)}}@keyframes themed-capture-panel-smash{0%,31%{opacity:1;transform:translate(0)scale(1)rotate(0)}46%{opacity:.18;transform:translate(-5%,4%)scale(1.18)rotate(-6deg)}61%{opacity:1;transform:translate(5%,-5%)scale(.9)rotate(5deg)}to{opacity:0;filter:contrast(1.7);transform:translate(24%,22%)scale(.2)rotate(24deg)}}@keyframes themed-capture-stardust{0%,24%{opacity:1;filter:brightness();transform:scale(1)rotate(0)}58%{opacity:.9;filter:brightness(1.8);transform:scale(.82)rotate(12deg)}to{opacity:0;filter:brightness(2.6)blur(2px);transform:scale(.04)rotate(62deg)}}@keyframes themed-capture-veil{0%,25%{opacity:1;filter:blur();transform:translateY(0)scale(1)}58%{opacity:.55;filter:blur(3px);transform:translateY(-10%)scale(1.08)}to{opacity:0;filter:blur(10px)saturate(.35);transform:translateY(-42%)scale(.72,1.18)}}@keyframes themed-capture-echo{0%,28%{opacity:1;transform:scale(1)}43%{opacity:.18;transform:translate(-8%)scale(.84)}58%{opacity:.82;transform:translate(7%)scale(1.08)}73%{opacity:.14;transform:translate(-13%)scale(.65)}to{opacity:0;transform:translate(22%)scale(.28)}}@keyframes themed-capture-rainbow-arc{0%,24%{opacity:1;transform:translate(0)scale(1)rotate(0)}58%{opacity:1;transform:translate(16%,-23%)scale(.94)rotate(18deg)}to{opacity:0;filter:brightness(1.4);transform:translate(48%,-56%)scale(.24)rotate(64deg)}}@keyframes themed-capture-rain-wash{0%,26%{opacity:1;filter:blur();transform:translateY(0)scale(1)}58%{opacity:.76;filter:saturate(.76);transform:translateY(14%)scale(.94,1.06)}to{opacity:0;filter:blur(3px)saturate(.4);transform:translateY(58%)scale(.78,.38)}}@keyframes themed-capture-melt{0%,24%{opacity:1;transform:translateY(0)scale(1)}56%{opacity:.96;transform:translateY(8%)scale(1.08,.84)}to{opacity:0;filter:blur(1px)saturate(.72);transform:translateY(39%)scale(1.22,.18)}}@keyframes themed-capture-scoot{0%,25%{opacity:1;transform:translate(0)scale(1)rotate(0)}46%{transform:translate(-10%)scale(1.06,.92)rotate(-7deg)}66%{opacity:1;transform:translate(12%)scale(.95,1.04)rotate(8deg)}to{opacity:0;filter:blur(1px);transform:translate(76%)scale(.38)rotate(24deg)}}@keyframes themed-capture-leaf-gust{0%,24%{opacity:1;transform:translate(0)scale(1)rotate(0)}54%{opacity:.94;transform:translate(-14%,-12%)scale(1.02)rotate(-18deg)}to{opacity:0;filter:saturate(.72);transform:translate(62%,-48%)scale(.32)rotate(112deg)}}@keyframes themed-capture-boo{0%,24%{opacity:1;filter:blur();transform:translateY(0)scale(1)}39%{opacity:.12;filter:blur(4px);transform:translateY(-7%)scale(.82)}54%{opacity:.86;filter:blur();transform:translateY(-13%)scale(1.1)}70%{opacity:.08;filter:blur(6px);transform:translateY(-22%)scale(.7)}to{opacity:0;filter:blur(9px);transform:translateY(-52%)scale(.28)}}.move-impact,.capture-shards{z-index:3;pointer-events:none;position:absolute;inset:0}.move-impact:before{content:"";border:3px solid #f7cf72a3;border-radius:999px;animation:.26s ease-out both move-ring-pop;position:absolute;inset:22%}.move-impact:after{content:"";background:radial-gradient(circle at 50% 0,#f7cf72f2 0 4px,#0000 5px),radial-gradient(circle at 100%,#fff8e9f2 0 3px,#0000 4px),radial-gradient(circle at 50% 100%,#8dbfafe0 0 4px,#0000 5px),radial-gradient(circle at 0%,#ffa995c7 0 3px,#0000 4px);border-radius:999px;animation:.3s ease-out both sparkle-pop;position:absolute;inset:26%}.capture-shards:before,.capture-shards:after{content:"";background:radial-gradient(circle at 48% 8%,#fff8e9f2 0 4px,#0000 5px),radial-gradient(circle at 83% 28%,#ffa995f0 0 5px,#0000 6px),radial-gradient(circle at 77% 78%,#f7cf72eb 0 4px,#0000 5px),radial-gradient(circle at 18% 70%,#fff8e9db 0 4px,#0000 5px),radial-gradient(circle at 20% 25%,#ffa995cc 0 5px,#0000 6px);border-radius:999px;animation:.22s ease-out both capture-shatter;position:absolute;inset:18%}.capture-shards:after{animation-delay:20ms;transform:rotate(28deg)}.board-drag-preview .piece{animation:.72s ease-in-out infinite alternate drag-preview-float}@keyframes piece-spawn-settle{0%{transform:translateY(2px)scale(.98)}to{transform:translateY(0)scale(1)}}@keyframes match-intro-piece-settle{0%{opacity:0;transform:translateY(-8px)scale(.8,1.12)rotate(-3deg)}44%{opacity:.94;transform:translateY(-3px)scale(.94,1.05)rotate(1deg)}76%{opacity:1;transform:translateY(2px)scale(1.045,.94)rotate(0)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes piece-ready-squish{0%{transform:scale(1)}36%{transform:translateY(-5px)scale(1.07,.94)}68%{transform:translateY(0)scale(.96,1.06)}to{transform:scale(1)}}@keyframes target-orb-breathe{0%,to{opacity:.82;scale:.92}50%{opacity:1;scale:1.16}}@keyframes promotion-preview-breathe{0%,to{opacity:.86;transform:scale(.96)}50%{opacity:1;transform:scale(1.02)}}@keyframes promotion-capture-mark-pulse{0%,to{opacity:.86;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes promotion-result-badge-pop{0%,to{transform:translateY(0)scale(.96)}50%{transform:translateY(-3px)scale(1.04)}}@keyframes drag-source-pulse{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.72;transform:scale(1.02)}}@keyframes piece-squash-land{0%{opacity:1;transform:translateY(-8px)scale(.96,1.03)}58%{opacity:1;transform:translateY(2px)scale(1.06,.92)}82%{transform:translateY(-1px)scale(.99,1.03)}to{transform:translateY(0)scale(1)}}@keyframes knight-hop-land{0%{opacity:1;transform:translate(-8px,-14px)rotate(-5deg)scale(.96)}56%{opacity:1;transform:translate(2px,2px)rotate(3deg)scale(1.05,.94)}82%{transform:translateY(-2px)rotate(-1deg)scale(.99,1.03)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes rook-thump-land{0%{opacity:1;transform:translate(-10px)scale(.97)}62%{opacity:1;transform:translate(1px)scale(1.06,.94)}84%{transform:translate(-1px)scale(.99,1.02)}to{transform:translate(0)scale(1)}}@keyframes bishop-glide-land{0%{opacity:1;transform:translate(-8px,-8px)rotate(-4deg)scale(.96)}64%{opacity:1;transform:translate(1px,1px)rotate(2deg)scale(1.04,.95)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes queen-float-land{0%{opacity:1;transform:translateY(-12px)rotate(3deg)scale(.96)}50%{opacity:1;transform:translateY(-2px)rotate(-2deg)scale(1.04)}78%{transform:translateY(1px)rotate(1deg)scale(1.02,.96)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes king-royal-land{0%{opacity:1;transform:translateY(-10px)scale(.97)}48%{opacity:1;transform:translateY(0)scale(1.06,.94)}74%{transform:translateY(-1px)scale(.99,1.03)}to{transform:translateY(0)scale(1)}}@keyframes pawn-pop-land{0%{opacity:1;transform:translateY(-6px)scale(.94)}58%{opacity:1;transform:translateY(1px)scale(1.07,.92)}82%{transform:translateY(-1px)scale(.98,1.03)}to{transform:translateY(0)scale(1)}}@keyframes pawn-promote-queen-land{0%{opacity:1;filter:brightness(1.04);transform:translateY(14px)scale(.62)}34%{opacity:1;filter:brightness(1.18);transform:translateY(-10px)scale(1.16,.92)}60%{filter:brightness(1.1);transform:translateY(2px)scale(.96,1.08)}82%{transform:translateY(-2px)scale(1.04,.98)}to{filter:brightness();transform:translateY(0)scale(1)}}@keyframes capture-smash-land{0%{opacity:1;filter:brightness(1.06);transform:translateY(-8px)rotate(-4deg)scale(.96)}50%{opacity:1;filter:brightness(1.1);transform:translateY(2px)rotate(2deg)scale(1.09,.9)}78%{transform:translateY(-1px)rotate(-1deg)scale(.99,1.04)}to{filter:brightness();transform:translateY(0)rotate(0)scale(1)}}@keyframes move-ring-pop{0%{opacity:0;transform:scale(.28)}14%{opacity:.85;transform:scale(.52)}to{opacity:0;transform:scale(1.9)}}@keyframes sparkle-pop{0%{opacity:0;transform:scale(.2)rotate(0)}28%{opacity:1}to{opacity:0;transform:scale(1.75)rotate(24deg)}}@keyframes capture-shatter{0%{opacity:0;filter:blur();transform:scale(.28)rotate(0)}22%{opacity:1}to{opacity:0;filter:blur(.5px);transform:scale(1.95)rotate(38deg)}}@keyframes drag-preview-float{0%{transform:translateY(-4px)rotate(-4deg)scale(1.04)}to{transform:translateY(-8px)rotate(3deg)scale(1.08)}}@keyframes piece-land{0%{opacity:1;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes piece-slide-land{0%{opacity:1;transform:translateY(-16px)scale(.9)rotate(-4deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes check-pulse{0%{filter:brightness()}to{filter:brightness(1.12)}}@media (prefers-reduced-motion:reduce){.board.board-art-revealing .square-light,.board.board-art-revealing .square-dark{animation-duration:90ms}.piece,.piece-wrapper,.piece-img,.move-dot,.capture-dot,.promotion-hint,.promotion-capture-mark,.promotion-result-badge,.move-impact:before,.move-impact:after,.capture-shards:before,.capture-shards:after,.drag-source-square:before,.board-drag-preview .piece{transition-duration:.01ms!important;animation:none!important}.piece-match-intro-settling{animation:match-intro-piece-settle 90ms ease-out var(--match-intro-stagger,0s) both!important}.board-match-intro-paired-motion:is(.is-shuffling,.is-settled){transition-duration:.01ms;animation:none}.board-match-intro-paired-source,.board-match-intro-paired-target,.piece-match-intro-pair-base-visible{transition-duration:90ms!important}.board-match-intro-paired-slot.is-crossfading .board-match-intro-paired-target{animation-duration:90ms!important}}@media (width<=1180px){.board{width:min(92vw, calc(var(--play-area-height,62vh) * 5 / 6), 720px);place-self:center;max-width:92vw;height:auto;max-height:none}}@media (width<=760px){.board{width:min(92vw, calc(var(--play-area-height,62vh) * 5 / 6), 560px)}.piece:before,.piece:after{display:none}}.square:active{transform:scale(.98)}.board-shell{justify-items:center;width:clamp(360px,42vw,620px);max-width:100%;display:grid}.board-shell .board{max-width:min(100%, calc(var(--play-area-height,760px) * 5 / 6));aspect-ratio:5/6;border:clamp(5px, .65vw, 8px) solid var(--board-frame);background:var(--board-frame);height:auto;max-height:none;box-shadow:0 28px 56px #0000002e, 0 0 0 2px var(--board-frame-accent), 0 0 44px #20e0a314;border-radius:clamp(28px,3vw,40px);gap:clamp(2px,.35vw,5px);padding:clamp(10px,1.2vw,16px)}:root[data-theme=dark] .board-shell .board{border-color:var(--board-frame);box-shadow:0 30px 70px #00000085, 0 0 0 2px var(--board-frame-accent), 0 0 42px #20e0a32e, inset 0 0 0 1px #ffffff0a}.square{border-radius:clamp(10px,1.2vw,18px)}.square:first-child{border-top-left-radius:clamp(16px,1.6vw,22px)}.square:nth-child(5){border-top-right-radius:clamp(16px,1.6vw,22px)}.square:nth-last-child(5){border-bottom-left-radius:clamp(16px,1.6vw,22px)}.square:last-child{border-bottom-right-radius:clamp(16px,1.6vw,22px)}.square-light{background:var(--square-light);background-image:radial-gradient(circle at 40% 30%,#ffffff42,#0000 38%)}.square-dark{background:var(--square-dark);background-image:radial-gradient(circle at 42% 34%,#ffffff1f,#0000 36%)}:root[data-theme=dark] .square-light{background-color:var(--square-light);background-image:radial-gradient(circle,#fff3,#0000 36%),linear-gradient(135deg,#d7a92814,#0000 45%)}:root[data-theme=dark] .square-dark{background-color:var(--square-dark);background-image:radial-gradient(circle,#eadfc614,#0000 35%),linear-gradient(135deg,#00000014,#0000 52%)}.coordinate-label{background:var(--sandbox-coordinate-badge-light,#fff8e9);min-width:1.28em;height:1.28em;color:var(--sandbox-coordinate-label-light,#689781);-webkit-text-stroke:.02em color-mix(in srgb, var(--sandbox-coordinate-label-light,#2c5241) 16%, transparent);text-shadow:0 1px 0 color-mix(in srgb, var(--sandbox-square-light,#fff8e8) 78%, transparent), 0 1px 2px #2d2b281f;border-radius:999px;justify-content:center;align-items:center;padding:0 .18em;font-size:clamp(.7rem,1.25vw,.95rem);font-weight:950;line-height:1;display:inline-flex;box-shadow:0 1px 4px #2d2b282e,inset 0 0 0 1px #ffffff9e}.square-dark .coordinate-label{background:var(--sandbox-coordinate-badge-dark,#3f6f58);color:var(--sandbox-coordinate-label-dark,#f7f1e3);-webkit-text-stroke:.02em color-mix(in srgb, var(--sandbox-coordinate-label-dark,#252525) 18%, transparent);text-shadow:0 1px 0 color-mix(in srgb, var(--sandbox-square-dark,#c5d7c0) 26%, transparent), 0 1px 2px #2d2b2829;box-shadow:0 1px 3px #2d2b2824,inset 0 0 0 1px #fff8e92e}.board-label{border:1px solid var(--card-border,#4affbe2e);color:var(--text-primary,#f7f1e3);background:var(--card-bg,#052320d1);box-shadow:var(--card-shadow,0 16px 32px #00000038);border-radius:0 0 18px 18px;align-items:center;gap:8px;margin-top:-2px;padding:12px 28px;font-weight:900;display:inline-flex}:root[data-theme=light] .board-label{color:#5d594f;background:#fffcf1d1}@media (width<=1350px){.board-shell{width:clamp(340px,40vw,540px)}}@media (width<=1099px){.board-shell{width:min(90vw,560px)}.board-shell .board{max-width:100%}}@media (width<=699px){.board-label{border-radius:0 0 16px 16px;padding:9px 20px}}@media (height<=780px) and (width>=1100px){.board-shell{width:min(38vw,83.3333svh - 170.833px)}}.board-stage{--board-loading-radius:34px;grid-template-rows:minmax(0,1fr) 28px;grid-template-columns:24px minmax(0,1fr)}.board-rank-labels{color:#453d36ad;grid-template-rows:repeat(6,1fr);font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:800}.board-file-labels{color:#453d36ad;grid-template-columns:repeat(5,1fr);font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:800}.board-shell{width:clamp(520px,40vw,660px)}.board-shell .board{width:100%;max-width:min(100%, calc(var(--play-area-height,706px) * 5 / 6));background:#453d36;grid-area:1/2;gap:3px;padding:12px;box-shadow:0 16px 28px #4b4e4529}.square{box-shadow:none;border-radius:15px}.coordinate-label{display:none}.board-label{color:#5c655f;background:#fffbeff0;border:1px solid #dce7dd;border-radius:0 0 16px 16px;margin-top:-1px;padding:8px 22px;font-size:.94rem;box-shadow:0 8px 18px #5d756714}.board-label span{color:#7fb79b}.selected-square{outline-offset:-4px;outline:4px solid #f2d063c7}.last-move-square:before{background:#f2d06347}.legal-target-square:after{background:#f1c8c129}.move-dot{background:#f2d063e6;box-shadow:0 2px 6px #785b1a1f}.move-dot:before{background:#f2d0632e}.capture-dot{background:#fff8e924;box-shadow:0 0 0 clamp(7px,8cqw,20px) #f1c8c12e,inset 0 0 clamp(10px,14cqw,22px) #f1c8c11a}@media (width<=1450px){.board-shell{width:clamp(430px,38vw,590px)}}@media (width<=1180px){.board-shell{width:min(90vw,590px)}}@media (width<=699px){.board-shell{width:min(100%,92vw,480px)}.board-stage{grid-template-rows:minmax(0,1fr) 24px;grid-template-columns:18px minmax(0,1fr)}.board-shell .board{border-width:4px;border-radius:26px;gap:2px;padding:8px}.board-rank-labels,.board-file-labels{font-size:.78rem}}@media (height<=780px) and (width>=1181px){.board-shell{width:min(39vw,83.3333svh - 158.333px)}}.board-shell .board{background:var(--board-gutter,#f7efdf);border:5px solid #453d36;border-radius:34px;gap:5px;padding:13px;box-shadow:0 18px 34px #4a463a33}.square{border-radius:18px;box-shadow:0 5px 9px #5c5b4d0f;background-image:none!important}.square-light{background:#fff8e8}.square-dark{background:#c5d7c0}.board-label{display:none!important}.board-rank-labels,.board-file-labels{color:#453d36b3;font-weight:850}.piece{filter:drop-shadow(0 9px 7px #3630273d)}.piece-selected{filter:drop-shadow(0 12px 10px #36302747)}@media (width<=699px){.board-stage{--board-loading-radius:27px}.board-shell .board{border-radius:27px;gap:3px;padding:9px}.square{border-radius:13px}}.board .square-light{background:#fff8e8;box-shadow:inset 0 0 0 1px #795d360f,inset 0 -3px #a6895e29,0 4px 7px #5c5b4d0a}.board .square-dark{background:#c5d7c0;box-shadow:inset 0 -3px #506d5024,0 4px 7px #5c5b4d0a}@media (width>=769px) and (width<=1200px){.board-shell{width:min(82vw, 590px, calc(var(--play-area-height,708px) * 5 / 6))}.board-stage{grid-template-rows:minmax(0,1fr) 26px;grid-template-columns:22px minmax(0,1fr)}.board-shell .board{max-width:100%;padding:clamp(10px,1.35vw,13px)}}@media (width>=1181px) and (height<=1020px){.board-shell{width:min(38vw, calc(var(--play-area-height,706px) * 5 / 6))}.board-stage{grid-template-rows:minmax(0,1fr) 25px;grid-template-columns:22px minmax(0,1fr)}.board-shell .board{border-width:5px;gap:4px;padding:11px}}@media (width>=1181px) and (height<=900px){.board-shell{width:min(37vw, calc(var(--play-area-height,660px) * 5 / 6))}.board-stage{grid-template-rows:minmax(0,1fr) 23px;grid-template-columns:20px minmax(0,1fr)}}@media (width>=1181px) and (width<=1600px) and (height<=1020px){.board-shell{width:min(41vw, 630px, calc(var(--play-area-height,760px) * 5 / 6))}}@media (width>=1181px) and (width<=1600px) and (height<=900px){.board-shell{width:min(40.5vw, 610px, calc(var(--play-area-height,700px) * 5 / 6))}}.board-frame{--rank-label-size:clamp(18px, 2.2vw, 24px);--file-label-size:clamp(23px, 2.4vw, 28px);--board-max-width:min(660px, calc(var(--play-area-height,706px) * 5 / 6));width:min(100%, calc(var(--board-max-width) + var(--rank-label-size)));max-width:100%}.board-stage{grid-template-columns:var(--rank-label-size) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--file-label-size);align-items:stretch;width:100%;max-width:100%;display:grid}.board-frame .board{aspect-ratio:5/6;box-sizing:border-box;grid-area:1/2;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:none;max-height:none}.board-rank-labels{grid-area:1/1;grid-template-rows:repeat(6,minmax(0,1fr));place-items:center;min-width:0;height:100%;display:grid}.board-file-labels{grid-area:2/2;grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;width:100%;min-width:0;display:grid}.board-rank-labels span,.board-file-labels span{text-align:center;min-width:0;line-height:1}@media (width>=1200px){.board-frame{--board-max-width:min(660px, calc(var(--play-area-height,706px) * 5 / 6), calc(100vw - var(--left-panel-width,300px) - var(--right-panel-width,340px) - var(--gameplay-gap,32px) - var(--gameplay-gap,32px) - var(--rank-label-size)))}}@media (width<=1199px){.board-frame{--board-max-width:min(88vw, 560px)}}@media (width<=799px){.board-frame{--rank-label-size:18px;--file-label-size:24px;--board-max-width:min(480px, calc(100vw - var(--rank-label-size) - 28px), calc(var(--play-area-height,620px) * 5 / 6))}.board-frame .board{border-radius:27px;gap:3px;padding:9px}}.board.dragging-board,.board.dragging-board .square{touch-action:none;-webkit-user-select:none;user-select:none}.piece-wrapper{cursor:default}.piece-wrapper[data-draggable=true]{cursor:grab;touch-action:none}.piece-back-rank-shuffling{z-index:4;translate:calc(var(--back-rank-shuffle-offset,0) * 100%) 0;will-change:translate;transition:translate .42s cubic-bezier(.22,1,.36,1)}.piece-back-rank-settled{z-index:4;will-change:auto;transition:translate .52s cubic-bezier(.22,1,.36,1);translate:0}.back-rank-shuffle-square{overflow:visible}.piece-back-rank-shuffling .piece-img,.piece-back-rank-shuffling .piece-fallback{animation:1.44s ease-in-out infinite board-back-rank-shuffle-float}.square:nth-child(5n+2) .piece-back-rank-shuffling .piece-img,.square:nth-child(5n+2) .piece-back-rank-shuffling .piece-fallback{animation-delay:-.18s}.square:nth-child(5n+3) .piece-back-rank-shuffling .piece-img,.square:nth-child(5n+3) .piece-back-rank-shuffling .piece-fallback{animation-delay:-.36s}.square:nth-child(5n+4) .piece-back-rank-shuffling .piece-img,.square:nth-child(5n+4) .piece-back-rank-shuffling .piece-fallback{animation-delay:-.54s}.square:nth-child(5n) .piece-back-rank-shuffling .piece-img,.square:nth-child(5n) .piece-back-rank-shuffling .piece-fallback{animation-delay:-.72s}@keyframes board-back-rank-shuffle-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5%)scale(1.035)}}@media (prefers-reduced-motion:reduce){.piece-back-rank-shuffling,.piece-back-rank-settled,.piece-back-rank-shuffling .piece-img,.piece-back-rank-shuffling .piece-fallback{transition:none;animation:none}}.board.dragging-board .piece-wrapper[data-draggable=true],.board-drag-preview .piece-wrapper{cursor:grabbing}.drag-source-square{z-index:3}.drag-source-square:after{z-index:1;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 999px #f7cf721f}.drag-hover-square{z-index:4;transform:translateY(-1px)}.drag-hover-square:after{z-index:3;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #f7cf72b3,0 8px 16px #4a463a24}.board-drag-preview{z-index:1000;pointer-events:none;transform:translate3d(var(--board-drag-x,0), var(--board-drag-y,0), 0) translate(-50%, -50%) scale(1.06);filter:drop-shadow(0 18px 16px #2d2b2842);will-change:transform;position:fixed;top:0;left:0}.board-drag-preview .piece-wrapper{opacity:.98;animation:none;transform:none}.capture-score-pop{z-index:6;color:#4f473b;pointer-events:none;background:#fffbefe6;border:1px solid #f7cf72ad;border-radius:999px;padding:4px 8px;font-size:clamp(.78rem,1.4vw,1rem);font-weight:950;animation:.76s ease-out both capture-score-rise;position:absolute;top:18%;right:14%;box-shadow:0 8px 16px #507a6c29}@keyframes capture-score-rise{0%{opacity:0;transform:translateY(8px)scale(.88)}18%{opacity:1;transform:translateY(0)scale(1.05)}to{opacity:0;transform:translateY(-24px)scale(.96)}}@media (prefers-reduced-motion:reduce){.capture-score-pop{animation:.68s ease-out both capture-score-fade!important}}@keyframes capture-score-fade{0%,70%{opacity:1}to{opacity:0}}.capture-score-penalty{background:#fff1ecf0;box-shadow:0 8px 16px #b54f4629}.capture-score-pop{color:#4f735f;background:#fffbeff2;border-color:#658f716b;padding:6px 11px;font-size:clamp(1.08rem,2.4vw,1.72rem);line-height:1;top:12%;right:10%;box-shadow:0 10px 20px #507a6c33}.capture-score-penalty{color:#b54f46;background:#fff1ecf5;border-color:#b54f4680;box-shadow:0 10px 20px #b54f462e}.board-frame .board{position:relative}.analysis-overlay{z-index:20;box-sizing:border-box;padding:inherit;pointer-events:none;position:absolute;inset:0}.analysis-overlay-content{width:100%;height:100%;position:relative}.analysis-board-arrow-legend-row{width:calc(100% - var(--rank-label-size));margin:0 0 8px var(--rank-label-size);flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;display:flex}.analysis-board-arrow-legend{z-index:12;background:#fffbeff5;border:1px solid #4d443b2e;border-radius:999px;flex-wrap:wrap;flex:0 auto;justify-content:center;gap:6px;width:max-content;min-width:0;max-width:100%;padding:6px 8px;display:flex;box-shadow:0 8px 18px #2d2b282e,0 0 0 3px #fffbef61}.analysis-board-arrow-legend-accessory{z-index:12;flex:none;min-width:0;display:flex}.analysis-board-arrow-legend-item{color:#5f6d61;white-space:nowrap;align-items:center;gap:5px;font-size:clamp(.58rem,1.15vw,.74rem);font-weight:950;line-height:1;display:inline-flex}.analysis-board-arrow-legend-item b{border-radius:999px;width:23px;height:5px;display:block;position:relative;box-shadow:inset 0 1px #fff8e9e6}.analysis-board-arrow-legend-item b:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.analysis-board-arrow-legend-best b{color:#b17719;background:#b17719}.analysis-board-arrow-legend-reply b{color:#4a6d56;background:#4a6d56}.best-move-arrow{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.best-move-arrow marker path{fill:#4a6d56f5;stroke:#fff8e9e0;stroke-linejoin:round;stroke-width:1.4px}.best-move-arrow-alternative marker path{fill:#b17719f5}.best-move-source-halo,.best-move-target-halo{vector-effect:non-scaling-stroke}.best-move-source-halo{fill:#fff8e92e;stroke:#4a6d5685;stroke-dasharray:6 5;stroke-width:2px}.best-move-target-halo{fill:#f7cf7238;stroke:#4a6d56c7;stroke-width:3px;filter:drop-shadow(0 5px 8px #2d2b281f)}.best-move-arrow-alternative .best-move-source-halo{fill:#fff8e92e;stroke:#b177198a}.best-move-arrow-alternative .best-move-target-halo{fill:#ffd2524d;stroke:#b17719e6}.best-move-arrow-path-shadow,.best-move-arrow-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.best-move-arrow-path-shadow{stroke:#fff8e9e6;stroke-width:10px}.best-move-arrow-path{stroke:#4a6d56f0;stroke-width:5.5px;filter:drop-shadow(0 3px 3px #2d2b2833)}.best-move-arrow-alternative .best-move-arrow-path{stroke:#b17719f0}.move-quality-badge{color:#4b3b0c;white-space:nowrap;background:#ffe274f5;border:1px solid #8c68192e;border-radius:999px;align-items:center;gap:3px;padding:4px 7px;font-size:clamp(.58rem,1.2vw,.78rem);font-weight:950;line-height:1;animation:.36s cubic-bezier(.2,1.45,.34,1) review-badge-pop;display:inline-flex;position:absolute;transform:translateY(-50%);box-shadow:0 7px 14px #4e48322e,0 0 0 4px #ffe27429}.move-quality-star{color:#fff8d3;filter:drop-shadow(0 1px #74520473);place-items:center;display:inline-grid}.move-quality-star svg{width:1.12em;height:1.12em;display:block}.move-quality-badge-blunder{color:#fff8ed;background:#d83b31f5;border-color:#7e1d142e;transform:none;box-shadow:0 8px 16px #781e1842,0 0 0 4px #d83b312e}.move-quality-badge-blunder .move-quality-star{color:#fff4ef;filter:drop-shadow(0 2px #972a1f3d)}.move-quality-badge-blunder .move-quality-star svg{fill:#ef4127;stroke-width:3px}.move-quality-badge-opponent{color:#203127;background:#b6dec7f5;border-color:#2a55372e;box-shadow:0 8px 16px #355d4133,0 0 0 4px #b6dec72e}@keyframes review-badge-pop{0%{opacity:0;transform:translateY(-36%)scale(.78)rotate(-4deg)}to{opacity:1;transform:translateY(-50%)scale(1)rotate(0)}}@media (width<=799px){.move-quality-badge{--quality-badge-size:clamp(28px, 8.5vw, 38px);width:var(--quality-badge-size);height:var(--quality-badge-size);justify-content:center;padding:0}.move-quality-badge-blunder{color:#fff4ef;box-shadow:none;background:0 0;border:0;transform:none;left:min(calc(var(--quality-square-x) + var(--quality-square-w) - var(--quality-badge-size) + 7px), calc(100% - var(--quality-badge-size) - 2px))!important;right:auto!important;top:max(2px, calc(var(--quality-square-y) - 6px))!important}.move-quality-badge-blunder .move-quality-star{font-size:clamp(1.18rem,5.8vw,1.5rem)}.move-quality-badge-blunder .move-quality-star svg{fill:#ef4127;stroke-width:3px;width:1em;height:1em}.move-quality-badge span:last-child{display:none}}.last-move-square:before{background:#f7cf7275;box-shadow:inset 0 0 0 4px #fff7d66b}.last-move-destination-square:after{z-index:1;border-radius:inherit;content:"";pointer-events:none;border:4px solid #ffd64ff0;animation:.9s ease-in-out infinite alternate current-move-glow;position:absolute;inset:-4px;box-shadow:0 0 0 4px #ffd64f33,0 10px 18px #4a463a29}.blunder-marker-square{z-index:8;overflow:visible}.blunder-marker{z-index:10;color:#fff8ed;pointer-events:none;background:#d83b31;border:3px solid #fff8e9f5;border-radius:999px;place-items:center;width:clamp(30px,6.5cqw,44px);height:clamp(30px,6.5cqw,44px);font-size:clamp(1.15rem,4.8cqw,1.7rem);font-weight:1000;line-height:1;animation:.56s cubic-bezier(.2,1.45,.35,1) both blunder-marker-pop;display:grid;position:absolute;top:-11px;right:-9px;box-shadow:0 10px 20px #781e1847,0 0 0 5px #d83b3133}.blunder-marker svg{fill:#ef4127;stroke-width:3px;width:68%;height:68%}.king-in-check{box-shadow:inset 0 0 0 999px #d32f2f57,inset 0 0 0 6px #b82323e6,0 0 0 4px #b823232e;background:#f09a8d!important}@keyframes current-move-glow{0%{opacity:.72;transform:scale(.985)}to{opacity:1;transform:scale(1.015)}}@keyframes blunder-marker-pop{0%{opacity:0;transform:translateY(8px)scale(.65)rotate(-10deg)}62%{opacity:1;transform:translateY(-2px)scale(1.12)rotate(4deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.result-marker-square{z-index:5;overflow:visible}.board-result-marker{z-index:8;color:#222428;pointer-events:none;background:#fffbeff5;border:2px solid #fffbefe6;border-radius:999px;align-items:center;gap:5px;max-width:128px;padding:7px 10px;font-size:clamp(.72rem,1.45vw,.92rem);font-weight:950;line-height:1;animation:.82s cubic-bezier(.2,1.45,.35,1) both board-result-marker-pop;display:inline-flex;position:absolute;top:-10px;right:-8px;box-shadow:0 10px 22px #2d2b282e,0 0 0 4px #fffbef47}.board-result-marker>span{background:#cfe6dae0;border-radius:999px;place-items:center;width:1.45em;height:1.45em;display:grid}.board-result-marker strong{white-space:nowrap}.board-result-marker-win>span{background:#facc1580}.board-result-marker-loss>span{background:#ffa99594}.board-result-marker-draw>span{background:#cfe6dae6}.board-result-callout{--board-result-callout-duration:1.1s;--result-stamp-accent:#9fbea6;--result-stamp-accent-2:#f2d063;--result-stamp-glow:#9fbea647;--result-stamp-wash:#faf2e1b3;--result-stamp-text:#453d36;z-index:18;box-sizing:border-box;width:min(76%,390px);color:var(--result-stamp-text);box-shadow:none;text-align:center;pointer-events:none;transform-origin:50%;isolation:isolate;animation:board-result-callout-sequence var(--board-result-callout-duration) cubic-bezier(.15, .92, .22, 1) both;will-change:opacity, transform, filter;background:0 0;border:0;border-radius:0;grid-area:1/2;place-self:center;justify-items:center;gap:3px;padding:clamp(13px,2.1vw,18px) clamp(18px,3.4vw,30px) clamp(15px,2.25vw,20px);display:grid;position:relative;overflow:visible}.board-result-callout:before{z-index:-1;background:radial-gradient(ellipse at center, var(--result-stamp-wash) 0%, #faf2e185 34%, #faf2e100 72%), linear-gradient(90deg, #c5d7c000, var(--result-stamp-glow) 24%, #faf2e16b 50%, var(--result-stamp-glow) 76%, #c5d7c000);content:"";opacity:.96;animation:board-result-callout-wash var(--board-result-callout-duration) ease-out both;will-change:opacity, transform;border-radius:999px;position:absolute;inset:-34% -18%;transform:scale(.92,.52)}.board-result-callout:after{z-index:2;background:linear-gradient(90deg, transparent, var(--result-stamp-accent-2) 18%, var(--result-stamp-accent) 50%, var(--result-stamp-accent-2) 82%, transparent);height:clamp(4px,.8vw,6px);box-shadow:0 0 18px var(--result-stamp-glow);content:"";opacity:.92;transform-origin:50%;animation:board-result-callout-accent var(--board-result-callout-duration) ease-out both;will-change:opacity, transform;border-radius:999px;position:absolute;bottom:clamp(3px,.8vw,7px);left:24%;right:24%}.board-result-callout-burst{z-index:1;pointer-events:none;position:absolute;inset:0}.board-result-callout-burst i{--spark-angle:0deg;--spark-distance:clamp(58px, 9vw, 92px);background:linear-gradient(180deg, var(--result-stamp-accent-2), var(--result-stamp-accent));width:clamp(4px,.72vw,7px);height:clamp(13px,1.8vw,20px);box-shadow:0 0 16px var(--result-stamp-glow);opacity:0;transform-origin:50% 100%;animation:board-result-callout-spark var(--board-result-callout-duration) ease-out both;border-radius:999px;position:absolute;top:50%;left:50%}.board-result-callout-burst i:first-child{--spark-angle:-82deg;--spark-distance:clamp(48px, 8vw, 84px);animation-delay:20ms}.board-result-callout-burst i:nth-child(2){--spark-angle:-48deg;--spark-distance:clamp(62px, 10vw, 104px);animation-delay:60ms}.board-result-callout-burst i:nth-child(3){--spark-angle:-16deg;--spark-distance:clamp(58px, 9vw, 96px);animation-delay:.1s}.board-result-callout-burst i:nth-child(4){--spark-angle:22deg;--spark-distance:clamp(62px, 10vw, 104px);animation-delay:40ms}.board-result-callout-burst i:nth-child(5){--spark-angle:58deg;--spark-distance:clamp(50px, 8vw, 88px);animation-delay:90ms}.board-result-callout-burst i:nth-child(6){--spark-angle:96deg;--spark-distance:clamp(46px, 8vw, 82px);animation-delay:30ms}.board-result-callout-burst i:nth-child(7){--spark-angle:138deg;--spark-distance:clamp(58px, 9vw, 96px);animation-delay:.12s}.board-result-callout-burst i:nth-child(8){--spark-angle:214deg;--spark-distance:clamp(44px, 7vw, 78px);animation-delay:80ms}.board-result-callout-celebration{z-index:2;pointer-events:none;position:absolute;inset:-46% -26%}.board-result-callout-celebration:before{content:"";opacity:0;animation:board-result-callout-win-flash var(--board-result-callout-duration) ease-out both;background:radial-gradient(#fffacdeb 0%,#ffe15885 34%,#ffe15800 74%);border-radius:999px;position:absolute;inset:27% 10%;transform:scale(.38,.18)}.board-result-callout-celebration span{--confetti-x:0px;--confetti-y:-80px;--confetti-rotate:0deg;--confetti-delay:0s;--confetti-color:#ffd95a;background:var(--confetti-color);opacity:0;width:clamp(5px,.68vw,8px);height:clamp(8px,1.05vw,13px);transform:translate(-50%, -50%) scale(.4) rotate(var(--confetti-rotate));animation:board-result-callout-win-celebrate var(--board-result-callout-duration) cubic-bezier(.12, .9, .18, 1) both;animation-delay:var(--confetti-delay);border-radius:3px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #ffd8559e,0 0 24px #ffefa647}.board-result-callout-celebration span:nth-child(3n){border-radius:999px;width:clamp(6px,.82vw,10px);height:clamp(6px,.82vw,10px)}.board-result-callout-celebration span:nth-child(4n){clip-path:polygon(50% 0,62% 34%,100% 50%,62% 66%,50% 100%,38% 66%,0 50%,38% 34%);border-radius:0;width:clamp(9px,1.18vw,14px);height:clamp(9px,1.18vw,14px)}.board-result-callout-celebration span:first-child{--confetti-x:clamp(-112px, -15vw, -64px);--confetti-y:clamp(-84px, -11vw, -48px);--confetti-rotate:-24deg;--confetti-delay:10ms;--confetti-color:#ffe681}.board-result-callout-celebration span:nth-child(2){--confetti-x:clamp(-76px, -10vw, -42px);--confetti-y:clamp(-112px, -14vw, -66px);--confetti-rotate:36deg;--confetti-delay:42ms;--confetti-color:#f6c546}.board-result-callout-celebration span:nth-child(3){--confetti-x:clamp(-30px, -5vw, -16px);--confetti-y:clamp(-102px, -13vw, -60px);--confetti-rotate:18deg;--confetti-delay:72ms;--confetti-color:#fff5b7}.board-result-callout-celebration span:nth-child(4){--confetti-x:clamp(28px, 5vw, 56px);--confetti-y:clamp(-110px, -14vw, -64px);--confetti-rotate:-18deg;--confetti-delay:20ms;--confetti-color:#fff0a6}.board-result-callout-celebration span:nth-child(5){--confetti-x:clamp(72px, 10vw, 112px);--confetti-y:clamp(-84px, -11vw, -50px);--confetti-rotate:44deg;--confetti-delay:62ms;--confetti-color:#e7b737}.board-result-callout-celebration span:nth-child(6){--confetti-x:clamp(104px, 14vw, 138px);--confetti-y:clamp(-50px, -7vw, -28px);--confetti-rotate:-40deg;--confetti-delay:96ms;--confetti-color:#ffe681}.board-result-callout-celebration span:nth-child(7){--confetti-x:clamp(-104px, -14vw, -62px);--confetti-y:clamp(-18px, -3vw, -8px);--confetti-rotate:52deg;--confetti-delay:.108s;--confetti-color:#f4bc45}.board-result-callout-celebration span:nth-child(8){--confetti-x:clamp(104px, 14vw, 136px);--confetti-y:clamp(-12px, -2vw, -4px);--confetti-rotate:20deg;--confetti-delay:34ms;--confetti-color:#fff6c9}.board-result-callout-celebration span:nth-child(9){--confetti-x:clamp(-76px, -10vw, -42px);--confetti-y:clamp(30px, 5vw, 60px);--confetti-rotate:-48deg;--confetti-delay:.124s;--confetti-color:#ffd95a}.board-result-callout-celebration span:nth-child(10){--confetti-x:clamp(-22px, -4vw, -10px);--confetti-y:clamp(42px, 7vw, 76px);--confetti-rotate:28deg;--confetti-delay:86ms;--confetti-color:#e0aa2f}.board-result-callout-celebration span:nth-child(11){--confetti-x:clamp(40px, 7vw, 82px);--confetti-y:clamp(38px, 7vw, 72px);--confetti-rotate:-32deg;--confetti-delay:.144s;--confetti-color:#fff0a6}.board-result-callout-celebration span:nth-child(12){--confetti-x:clamp(88px, 13vw, 122px);--confetti-y:clamp(24px, 5vw, 54px);--confetti-rotate:64deg;--confetti-delay:.116s;--confetti-color:#f6c546}.board-result-callout-celebration span:nth-child(13){--confetti-x:clamp(-50px, -8vw, -28px);--confetti-y:clamp(-54px, -8vw, -32px);--confetti-rotate:72deg;--confetti-delay:.16s;--confetti-color:#fff8d8}.board-result-callout-celebration span:nth-child(14){--confetti-x:clamp(54px, 8vw, 94px);--confetti-y:clamp(-56px, -8vw, -34px);--confetti-rotate:-70deg;--confetti-delay:.136s;--confetti-color:#ffe176}.board-result-callout strong{z-index:3;color:var(--result-stamp-text);letter-spacing:0;text-shadow:0 1px 0 #faf2e1db, 0 0 22px var(--result-stamp-glow);animation:board-result-callout-title var(--board-result-callout-duration) cubic-bezier(.15, .92, .22, 1) both;will-change:opacity, transform, filter;font-size:clamp(1.12rem,2.3vw,1.62rem);font-weight:1000;line-height:1.02;position:relative}.board-result-callout-detail{z-index:3;color:#453d36b8;text-shadow:0 1px #faf2e19e;max-width:100%;animation:board-result-callout-detail var(--board-result-callout-duration) cubic-bezier(.15, .92, .22, 1) both;will-change:opacity, transform, filter;justify-content:center;align-items:center;font-size:clamp(.76rem,1.28vw,.94rem);font-weight:850;line-height:1.2;display:inline-flex;position:relative}.board-result-callout-win{--result-stamp-accent:#d8b84f;--result-stamp-accent-2:#fff4b8;--result-stamp-glow:#f7cf72b8;--result-stamp-wash:#fff1a3e0;--result-stamp-text:#4a3515}.board-result-callout-win:before{animation-name:board-result-callout-win-glow}.board-result-callout-win:after{height:clamp(6px,1vw,8px);box-shadow:0 0 20px #f7cf72b8,0 0 42px #fff0a67a,0 0 70px #ffd64d3d}.board-result-callout-win .board-result-callout-burst i{background:var(--result-stamp-accent-2);border-radius:999px;width:clamp(7px,1vw,11px);height:clamp(7px,1vw,11px);animation-name:board-result-callout-win-confetti;box-shadow:0 0 22px #f7cf72ad,0 0 46px #fff0a675}.board-result-callout-win .board-result-callout-burst i:first-child{--spark-distance:clamp(72px, 12vw, 128px)}.board-result-callout-win .board-result-callout-burst i:nth-child(2){--spark-distance:clamp(82px, 13vw, 140px)}.board-result-callout-win .board-result-callout-burst i:nth-child(3){--spark-distance:clamp(74px, 12vw, 132px)}.board-result-callout-win .board-result-callout-burst i:nth-child(4){--spark-distance:clamp(86px, 14vw, 146px)}.board-result-callout-win .board-result-callout-burst i:nth-child(5){--spark-distance:clamp(78px, 13vw, 136px)}.board-result-callout-win .board-result-callout-burst i:nth-child(6){--spark-distance:clamp(70px, 12vw, 126px)}.board-result-callout-win .board-result-callout-burst i:nth-child(7){--spark-distance:clamp(82px, 14vw, 144px)}.board-result-callout-win .board-result-callout-burst i:nth-child(8){--spark-distance:clamp(68px, 11vw, 118px)}.board-result-callout-win .board-result-callout-burst i:nth-child(2),.board-result-callout-win .board-result-callout-burst i:nth-child(5),.board-result-callout-win .board-result-callout-burst i:nth-child(7){background:linear-gradient(#fff6bd,#d8b84f);border-radius:999px;width:clamp(5px,.75vw,7px);height:clamp(13px,1.9vw,20px)}.board-result-callout-win .board-result-callout-burst i:nth-child(3):before,.board-result-callout-win .board-result-callout-burst i:nth-child(6):before{aspect-ratio:1;clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%);content:"";filter:drop-shadow(0 0 10px #ffe17694);background:#ffe176;width:clamp(12px,1.7vw,18px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.board-result-callout-win strong{text-shadow:0 1px #fffbe4f5,0 0 18px #ffe05ba8,0 0 42px #fff0a66b;animation-name:board-result-callout-win-title}.board-result-callout-win .board-result-callout-detail{color:#4a3515c2;text-shadow:0 1px #fffbe4d1,0 0 18px #ffe05b52}.board-result-callout-loss{--result-stamp-accent:#c77968;--result-stamp-accent-2:#ffc7b1;--result-stamp-glow:#c7796847;--result-stamp-wash:#ffebe0ad;--result-stamp-text:#55312c}.board-result-callout-loss .board-result-callout-burst i{opacity:0;height:clamp(10px,1.5vw,16px);animation-name:board-result-callout-retry-spark}.board-result-callout-loss strong{animation-name:board-result-callout-loss-title}.board-result-callout-draw{--result-stamp-accent:#85b4a1;--result-stamp-accent-2:#e2dec1;--result-stamp-glow:#85b4a152;--result-stamp-wash:#eef6ebb3;--result-stamp-text:#384c40}.board-result-callout-draw .board-result-callout-burst i{background:linear-gradient(#e2dec1,#85b4a1);width:clamp(4px,.72vw,7px);height:clamp(10px,1.65vw,17px);animation-name:board-result-callout-draw-spark}.board-result-callout-draw strong{animation-name:board-result-callout-draw-title}.board-result-callout-neutral{--result-stamp-accent:#b5b8ac;--result-stamp-accent-2:#ece6cf;--result-stamp-glow:#b5b8ac42}@keyframes board-result-marker-pop{0%{opacity:0;transform:translateY(8px)scale(.78)}62%{opacity:1;transform:translateY(-3px)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes board-result-callout-sequence{0%{opacity:0;filter:blur(2px)saturate(1.08);transform:translateY(9px)scale(1.13)}9%{opacity:1;filter:blur()saturate(1.12);transform:translateY(-2px)scale(.985)}18%{opacity:1;transform:translateY(0)scale(1.018)}28%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;filter:blur()saturate(1.06);transform:translateY(0)scale(1)}88%{opacity:.74;filter:blur(.18px);transform:translateY(-2px)scale(1.012)}to{opacity:0;filter:blur(1.4px);transform:translateY(-8px)scale(1.024)}}@keyframes board-result-callout-wash{0%{opacity:0;transform:scale(.52,.24)}10%{opacity:1;transform:scale(1.06,.84)}20%{opacity:.88;transform:scaleX(.99)}32%{opacity:.82;transform:scale(1)}72%{opacity:.72;transform:scale(1)}90%{opacity:.34;transform:scale(1.12,.78)}to{opacity:0;transform:scale(1.22,.58)}}@keyframes board-result-callout-accent{0%{opacity:0;filter:blur(1px);transform:scaleX(.12)}10%{opacity:.98;filter:blur();transform:scaleX(1.12)}21%{opacity:.86;transform:scaleX(.96)}32%{opacity:.78;transform:scaleX(1)}74%{opacity:.7;transform:scaleX(1)}90%{opacity:.3;transform:scaleX(1.18)}to{opacity:0;transform:scaleX(.34)}}@keyframes board-result-callout-spark{0%,4%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(0) scaleY(.3)}12%{opacity:.95;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -.72)) scaleY(1)}24%{opacity:.46;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -1)) scaleY(.65)}38%,to{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -1.08)) scaleY(.3)}}@keyframes board-result-callout-win-confetti{0%,3%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(0) scale(.35)}10%{opacity:1;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -.64)) scale(1.22)}24%{opacity:.92;transform:translate(-50%, -50%) rotate(calc(var(--spark-angle) + 22deg)) translateY(calc(var(--spark-distance) * -.98)) scale(1)}58%{opacity:.34;transform:translate(-50%, -50%) rotate(calc(var(--spark-angle) + 48deg)) translateY(calc(var(--spark-distance) * -1.12)) scale(.74)}to{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--spark-angle) + 78deg)) translateY(calc(var(--spark-distance) * -1.18)) scale(.42)}}@keyframes board-result-callout-win-flash{0%{opacity:0;filter:blur(4px)brightness();transform:scale(.32,.14)}7%{opacity:1;filter:blur()brightness(1.34);transform:scale(1.16,.84)}18%{opacity:.62;filter:brightness(1.16);transform:scale(1.48,1.04)}40%{opacity:.24;transform:scale(1.72,1.12)}72%{opacity:.1;transform:scale(1.88,1.12)}to{opacity:0;filter:blur(1.2px);transform:scale(2.06,.9)}}@keyframes board-result-callout-win-celebrate{0%,3%{opacity:0;transform:translate(-50%, -50%) scale(.32) rotate(var(--confetti-rotate))}10%{opacity:1;transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y))) scale(1.36) rotate(calc(var(--confetti-rotate) + 62deg))}26%{opacity:.98;transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y) + 8px)) scale(1.04) rotate(calc(var(--confetti-rotate) + 128deg))}58%{opacity:.38;transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y) + 30px)) scale(.78) rotate(calc(var(--confetti-rotate) + 202deg))}92%,to{opacity:0;transform:translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y) + 48px)) scale(.44) rotate(calc(var(--confetti-rotate) + 270deg))}}@keyframes board-result-callout-retry-spark{0%,8%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(0) scaleY(.22)}18%{opacity:.68;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -.44)) scaleY(.78)}34%{opacity:.32;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -.62)) scaleY(.45)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -.78)) scaleY(.2)}}@keyframes board-result-callout-draw-spark{0%,6%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(0) scaleY(.24)}18%{opacity:.78;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(calc(var(--spark-distance) * -.56)) scaleY(.92)}36%{opacity:.4;transform:translate(-50%, -50%) rotate(calc(var(--spark-angle) + 10deg)) translateY(calc(var(--spark-distance) * -.78)) scaleY(.62)}to{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--spark-angle) + 24deg)) translateY(calc(var(--spark-distance) * -.92)) scaleY(.24)}}@keyframes board-result-callout-title{0%{opacity:0;filter:blur(2px);transform:translateY(10px)scale(1.12)}10%{opacity:1;filter:blur();transform:translateY(-2px)scale(.97)}22%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1;filter:blur();transform:translateY(0)scale(1)}90%{opacity:.66;filter:blur(.25px);transform:translateY(-2px)scale(1.012)}to{opacity:0;filter:blur(1.2px);transform:translateY(-8px)scale(1.02)}}@keyframes board-result-callout-win-title{0%{opacity:0;filter:blur(2px)brightness();transform:translateY(12px)scale(1.24)}8%{opacity:1;filter:blur()brightness(1.24);transform:translateY(-5px)scale(.94)}18%{opacity:1;filter:brightness(1.14);transform:translateY(0)scale(1.095)}30%{opacity:1;filter:brightness(1.06);transform:translateY(-1px)scale(.99)}44%{opacity:1;filter:brightness();transform:translateY(0)scale(1.018)}72%{opacity:1;filter:blur();transform:translateY(0)scale(1)}90%{opacity:.72;filter:blur(.2px);transform:translateY(-3px)scale(1.02)}to{opacity:0;filter:blur(1.2px);transform:translateY(-10px)scale(1.04)}}@keyframes board-result-callout-loss-title{0%{opacity:0;filter:blur(1.8px);transform:translateY(8px)scale(1.08)}11%{opacity:1;filter:blur();transform:translateY(1px)scale(.986)}23%{opacity:1;transform:translateY(-1px)scale(1.01)}34%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1;filter:blur();transform:translateY(0)scale(1)}90%{opacity:.58;filter:blur(.2px);transform:translateY(-2px)scale(1.004)}to{opacity:0;filter:blur(1.1px);transform:translateY(-7px)scale(1.01)}}@keyframes board-result-callout-draw-title{0%{opacity:0;filter:blur(1.8px);transform:translateY(7px)scale(1.08)}12%{opacity:1;filter:blur();transform:translateY(-1px)scale(.988)}26%{opacity:1;transform:translateY(0)scale(1.012)}42%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1;filter:blur();transform:translateY(0)scale(1)}90%{opacity:.6;filter:blur(.2px);transform:translateY(-2px)scale(1.006)}to{opacity:0;filter:blur(1.1px);transform:translateY(-7px)scale(1.012)}}@keyframes board-result-callout-detail{0%,9%{opacity:0;filter:blur(1.4px);transform:translateY(6px)scale(.96)}21%{opacity:1;filter:blur();transform:translateY(0)scale(1)}72%{opacity:1;filter:blur();transform:translateY(0)}90%{opacity:.52;filter:blur(.2px);transform:translateY(-2px)}to{opacity:0;filter:blur(1px);transform:translateY(-6px)}}@keyframes board-result-callout-win-glow{0%{opacity:0;filter:blur(3px)brightness();transform:scale(.38,.18)}8%{opacity:1;filter:blur()brightness(1.28);transform:scale(1.16,.9)}20%{opacity:.98;filter:brightness(1.12);transform:scale(.98,1.04)}42%{opacity:.86;transform:scale(1.08,1.04)}72%{opacity:.74;transform:scale(1)}90%{opacity:.38;filter:blur(.2px);transform:scale(1.24,.84)}to{opacity:0;filter:blur(1.2px);transform:scale(1.4,.58)}}@media (width<=699px){.board-result-callout{width:min(84%,330px);padding:11px 15px 13px}.board-result-callout-detail{font-size:clamp(.72rem,2.9vw,.84rem)}.game-page .board-result-callout{width:min(84%,330px);max-width:330px}}@media (prefers-reduced-motion:reduce){.board-result-callout,.board-result-callout:before,.board-result-callout:after,.board-result-callout-burst i,.board-result-callout-celebration:before,.board-result-callout-celebration span,.board-result-callout strong,.board-result-callout-detail{animation-duration:1ms;animation-delay:0s}}.board-frame{position:relative}.board-frame-with-timer{display:grid}.board-timer-anchor{z-index:12;box-sizing:border-box;width:100%;padding-left:var(--rank-label-size,0px);pointer-events:none;justify-items:center;display:grid;position:absolute;bottom:calc(100% + clamp(8px,1.1vw,14px));left:0;right:0}.board-turn-timer{color:#fffbef;pointer-events:auto;background:#111315;border:3px solid #e6eefc;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:116px;max-width:min(100vw - 32px,116px);padding:11px 18px;font-weight:1000;line-height:1;transition:max-width .22s,padding .22s,background .16s,box-shadow .16s;display:inline-flex;overflow:hidden;box-shadow:0 14px #1113152e,0 20px 42px #00000047}.board-turn-timer-placeholder{visibility:hidden;pointer-events:none}.board-turn-timer-expanded{max-width:min(100vw - 32px,520px)}.board-turn-timer:not(.board-turn-timer-danger):hover:not(:disabled),.board-turn-timer:not(.board-turn-timer-danger):focus-visible,.board-turn-timer:not(.board-turn-timer-danger):active:not(:disabled),.board-turn-timer-expanded:not(.board-turn-timer-danger){color:#fffbef;background:#111315;box-shadow:0 14px #1113152e,0 20px 42px #00000047}.board-turn-timer-own:not(.board-turn-timer-danger),.board-turn-timer-own:not(.board-turn-timer-danger):hover:not(:disabled),.board-turn-timer-own:not(.board-turn-timer-danger):focus-visible,.board-turn-timer-own:not(.board-turn-timer-danger):active:not(:disabled),.board-turn-timer-own.board-turn-timer-expanded:not(.board-turn-timer-danger){color:#fffbef;background:#329640 linear-gradient(#4eb65a 0%,#2f923d 100%);border-color:#d9f7d6f5;box-shadow:0 12px #1874313d,0 18px 38px #28974142,0 0 0 4px #43b05621}.board-turn-timer-opponent:not(.board-turn-timer-danger),.board-turn-timer-opponent:not(.board-turn-timer-danger):hover:not(:disabled),.board-turn-timer-opponent:not(.board-turn-timer-danger):focus-visible,.board-turn-timer-opponent:not(.board-turn-timer-danger):active:not(:disabled),.board-turn-timer-opponent.board-turn-timer-expanded:not(.board-turn-timer-danger){color:#6b5a38;background:#f3dfad linear-gradient(#fff3cf 0%,#ead092 100%);border-color:#fff7df;box-shadow:0 14px #81673033,0 20px 42px #b28e3f33,0 0 0 5px #ffeeb41f}.board-turn-timer-inactive,.board-turn-timer-inactive:hover,.board-turn-timer-inactive:focus-visible,.board-turn-timer-inactive:active,.board-turn-timer-inactive.board-turn-timer-expanded{color:#73716d;box-shadow:none;cursor:default;opacity:1;background:#eee9df linear-gradient(#f6f2ea 0%,#e7e1d6 100%);border-color:#f5f1e8f5}.board-turn-timer strong{font-variant-numeric:tabular-nums;min-width:42px;font-size:clamp(1.35rem,3vw,2rem)}.board-turn-timer-danger,.board-turn-timer-danger:hover:not(:disabled),.board-turn-timer-danger:focus-visible,.board-turn-timer-danger:active:not(:disabled),.board-turn-timer-expanded.board-turn-timer-danger{color:#fff7f2;transform-origin:50%;background:#c62f24;animation:.36s linear infinite board-timer-danger-shake;box-shadow:0 0 0 6px #c62f2433,0 18px 44px #c62f246b}.board-turn-timer-danger strong{font-size:clamp(1.8rem,4vw,2.65rem)}.board-timer-help{color:#fffbef;text-align:left;white-space:normal;border-left:2px solid #e6eefc6b;max-width:min(320px,56vw);padding-left:12px;font-size:clamp(.78rem,1.2vw,.92rem);font-weight:850;line-height:1.18}.board-turn-timer-opponent:not(.board-turn-timer-danger) .board-timer-help{color:currentColor;border-left-color:#6b5a384d}.board-timer-legend-accessory{justify-self:center}.analysis-board-arrow-legend-row .board-timer-legend-accessory .board-turn-timer{min-width:132px;max-width:min(100vw - 32px,132px);padding:9px 18px;box-shadow:0 8px #11131524,0 16px 32px #0000002e}.analysis-board-arrow-legend-row .board-timer-legend-accessory .board-turn-timer-expanded{max-width:min(100vw - 32px,560px)}.analysis-board-arrow-legend-row .board-timer-legend-accessory .board-turn-timer strong{font-size:clamp(1.2rem,2.4vw,1.75rem)}.analysis-board-arrow-legend-row .board-timer-legend-accessory .board-timer-help{max-width:min(360px,54vw)}@keyframes board-timer-danger-shake{0%,to{transform:translate(0)scale(1.08)}25%{transform:translate(-2px)scale(1.13)rotate(-1deg)}50%{transform:translate(2px)scale(1.16)rotate(1deg)}75%{transform:translate(-1px)scale(1.13)rotate(-1deg)}}@media (width<=1099px){.board-timer-anchor{bottom:calc(100% + clamp(8px,1.8svh,14px))}}@media (width<=699px){.board-timer-anchor{bottom:calc(100% + 10px)}.board-turn-timer{min-width:104px;max-width:min(100vw - 24px,104px);padding:10px 15px}.board-turn-timer-expanded{max-width:min(100vw - 24px,430px)}.board-timer-help{max-width:min(230px,58vw);padding-left:10px;font-size:.78rem}}@media (width<=760px){.board-timer-anchor{display:none}}@media (hover:none),(pointer:coarse),(width<=799px){.board,.board-shell .board,.board-frame .board{box-shadow:0 8px 18px #2a231824}.square,.board .square-light,.board .square-dark,.piece,.piece-wrapper,.piece-img{transition:none!important}.square:hover,.drag-hover-square,.legal-target-square:hover{filter:none!important;transform:none!important}.piece,.piece-wrapper,.piece-img,.piece-selected,.piece:active,.piece-dragging,.piece[data-draggable=true]:hover,.board-drag-preview,.board-drag-preview .piece,.board-drag-preview .piece-wrapper{filter:none!important;animation:none!important}.piece[data-draggable=true]:hover{transform:none!important}.piece-spawn-board .piece,.selected-square .piece,.last-move-square .piece,.last-move-destination-square .piece,.last-move-destination-square.moved-piece-knight .piece,.last-move-destination-square.moved-piece-rook .piece,.last-move-destination-square.moved-piece-bishop .piece,.last-move-destination-square.moved-piece-queen .piece,.last-move-destination-square.moved-piece-king .piece,.last-move-destination-square.moved-piece-pawn .piece,.capture-impact-square .piece,.move-quality-badge,.move-quality-star,.blunder-marker,.board-result-marker,.board-turn-timer-danger,.drag-source-square:before,.last-move-destination-square:after,.legal-target-square .move-dot,.legal-target-square .capture-dot,.capture-shards:before,.capture-shards:after{filter:none!important;animation:none!important}.capture-shards{display:none!important}.last-move-destination-square:after{opacity:.75;box-shadow:none}.legal-target-square .move-dot,.legal-target-square .capture-dot{box-shadow:none}.capture-score-pop{box-shadow:none;filter:none!important;animation:.68s ease-out both capture-score-mobile-fade!important}.board-drag-preview{transform:translate3d(var(--board-drag-x,0), var(--board-drag-y,0), 0) translate(-50%, -50%) scale(1.02);will-change:transform}.best-move-target-halo,.best-move-arrow-path{filter:none!important}.analysis-board-arrow-legend{gap:5px;padding:4px 6px}.analysis-board-arrow-legend-row{gap:8px}.analysis-board-arrow-legend-item{font-size:.56rem}}@keyframes capture-score-mobile-fade{0%{opacity:0;transform:translateY(4px)scale(.96)}20%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.98)}}@media (width>=1600px) and (aspect-ratio>=21/9),(width>=1600px) and (height<=820px){.game-page .board-frame{--rank-label-size:clamp(18px, 1.15vw, 24px);--file-label-size:clamp(22px, 1.25vw, 28px);--board-max-width:min(680px, calc(var(--play-area-height,760px) * 5 / 6), calc(100vw - var(--left-panel-width,340px) - var(--right-panel-width,380px) - var(--gameplay-gap,28px) * 2 - var(--rank-label-size)));width:min(100%, calc(var(--board-max-width) + var(--rank-label-size)))}.game-page .board-frame .board{border-width:5px;max-width:none;padding:clamp(10px,.85vw,14px)}.game-page .move-quality-badge{--quality-badge-size:clamp(28px, 5.6cqw, 38px);width:var(--quality-badge-size);height:var(--quality-badge-size);justify-content:center;gap:0;padding:0;font-size:clamp(.95rem,2.6cqw,1.25rem)}.game-page .move-quality-badge-blunder{color:#fff4ef;box-shadow:none;background:0 0;border:0;transform:none;left:min(calc(var(--quality-square-x) + var(--quality-square-w) - var(--quality-badge-size) + 7px), calc(100% - var(--quality-badge-size) - 2px))!important;right:auto!important;top:max(2px, calc(var(--quality-square-y) - 6px))!important}.game-page .move-quality-badge-blunder .move-quality-star{font-size:clamp(1.15rem,3.5cqw,1.5rem)}.game-page .move-quality-badge-blunder .move-quality-star svg{fill:#ef4127;stroke-width:3px;width:1em;height:1em}.game-page .move-quality-badge span:last-child{display:none}.game-page .board-result-marker{border-width:3px;border-radius:999px;place-items:center;gap:0;width:clamp(34px,6.4cqw,46px);max-width:none;height:clamp(34px,6.4cqw,46px);padding:0;font-size:clamp(1rem,3cqw,1.32rem);display:grid}.game-page .board-result-marker>span{background:0 0;width:100%;height:100%}.game-page .board-result-marker strong{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-page .board-result-callout{border-radius:16px;max-width:min(70%,280px);padding:clamp(10px,1.35vw,14px) clamp(14px,2vw,20px)}.game-page .board-result-callout strong{font-size:clamp(.95rem,1.55vw,1.22rem)}.game-page .board-result-callout-detail{font-size:clamp(.72rem,1vw,.84rem)}}@media (width>=2200px) and (height>=900px){.game-page .board-frame{--board-max-width:min(720px, calc(var(--play-area-height,820px) * 5 / 6), calc(100vw - var(--left-panel-width,380px) - var(--right-panel-width,420px) - var(--gameplay-gap,32px) * 2 - var(--rank-label-size)))}}.board-frame .board.board-low-time-danger{border-color:#dc2626;animation:.7s ease-in-out infinite low-time-board-pulse;box-shadow:0 18px 34px #4a463a33,0 0 0 5px #dc26262e,0 0 24px #dc262694}.board-frame .board.board-low-time-critical{box-shadow:0 18px 34px #4a463a33,0 0 0 7px #dc26263d,0 0 34px #dc2626b8}@keyframes low-time-board-pulse{0%,to{border-color:#453d36;box-shadow:0 18px 34px #4a463a33,0 0 #dc262600,0 0 #dc262600}50%{border-color:#dc2626;box-shadow:0 18px 34px #4a463a33,0 0 0 6px #dc262633,0 0 28px #dc2626ad}}@media (prefers-reduced-motion:reduce){.board-frame .board.board-low-time-danger{border-color:#dc2626;box-shadow:0 18px 34px #4a463a33,0 0 0 5px #dc26262e,0 0 24px #dc262694;animation:none!important}}@media (hover:none),(pointer:coarse),(width<=799px){.board .piece-back-rank-shuffling{transition:translate .26s cubic-bezier(.22,1,.36,1)!important}.board .board-match-intro-paired-motion:is(.is-shuffling,.is-settled){transition-duration:.26s!important}.board .piece-match-intro-pair-base-visible{transition-duration:.16s!important}}@media (prefers-reduced-motion:reduce){.board .piece-back-rank-shuffling{transition-duration:.01ms!important}.board .board-match-intro-paired-motion:is(.is-shuffling,.is-settled){transition-duration:.01ms!important;animation:none!important}.board .board-match-intro-paired-source,.board .board-match-intro-paired-target{transition-duration:90ms!important}.board .board-match-intro-paired-slot.is-crossfading .board-match-intro-paired-target{animation-duration:90ms!important}.board .piece-match-intro-pair-base-visible{transition-duration:60ms!important}}.board-frame .board{border-color:var(--sandbox-board-border,#453d36);background:var(--sandbox-board-background,var(--board-gutter,#f7efdf))}.board .square.square-light,.online-opponent-mask .online-opponent-mask-surface .online-opponent-mask-square.square-light{background-color:var(--sandbox-square-light,#fff8e8);background-size:var(--sandbox-square-light-complete-image-size,auto);background-repeat:var(--sandbox-square-light-complete-image-repeat,no-repeat);background-position:var(--sandbox-square-light-complete-image-position,50% 50%);box-shadow:inset 0 0 0 1px var(--sandbox-square-light-outline,transparent), inset 0 -3px 0 var(--sandbox-square-light-lip,transparent), 0 4px 7px #5c5b4d0a;background-image:var(--sandbox-square-light-complete-image,none)!important}.board .square.square-dark,.online-opponent-mask .online-opponent-mask-surface .online-opponent-mask-square.square-dark{background-color:var(--sandbox-square-dark,#c5d7c0);background-size:var(--sandbox-square-dark-complete-image-size,auto);background-repeat:var(--sandbox-square-dark-complete-image-repeat,no-repeat);background-position:var(--sandbox-square-dark-complete-image-position,50% 50%);box-shadow:inset 0 -3px 0 var(--sandbox-square-dark-lip,transparent), 0 4px 7px #5c5b4d0a;background-image:var(--sandbox-square-dark-complete-image,none)!important}.board .square.king-in-check .check-warning-overlay{z-index:1;pointer-events:none;border-radius:inherit;background:#d32f2f6b;animation:1s ease-in-out infinite alternate check-pulse;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #b82323f0}.board.board-art-loading .square.square-light,.board.board-art-loading .square.square-dark{background-image:none!important}.board-frame[data-move-style-id] .selected-square{outline-color:var(--move-style-accent);box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--move-style-accent) 18%, transparent)}.board-frame[data-move-style-id] .move-dot{background:var(--move-style-accent);box-shadow:0 0 0 7px color-mix(in srgb, var(--move-style-accent) 20%, transparent)}.board-frame[data-move-style-id] .capture-dot{border-color:var(--move-style-capture);box-shadow:0 0 0 8px color-mix(in srgb, var(--move-style-capture) 17%, transparent)}.board-frame[data-move-style-id] .capture-dot:before,.board-frame[data-move-style-id] .capture-dot:after{background:var(--move-style-capture)}.board-frame[data-move-style-id] .move-impact:before{border-color:var(--move-style-accent)}.board-frame[data-move-style-id=none] .selected-square{box-shadow:none;outline:0}.board-frame[data-move-style-id=none] .legal-target-square:after,.board-frame[data-move-style-id=none] :is(.move-dot,.capture-dot,.move-impact,.capture-shards){display:none!important}.board-frame[data-move-style-id=none] .selected-square .piece,.board-frame[data-move-style-id=none] .last-move-destination-square .piece{animation:none!important}.board-frame[data-move-style-id=swift] .selected-square{outline-offset:-3px;outline-width:3px}.board-frame[data-move-style-id=swift] .legal-target-square:after{background:0 0}.board-frame[data-move-style-id=swift] .move-dot{border:3px solid var(--move-style-accent);border-radius:5px;width:38%;height:38%;transform:rotate(45deg)}.board-frame[data-move-style-id=swift] .move-dot:before{display:none}.board-frame[data-move-style-id=swift] .capture-dot{border-width:3px;border-radius:8px;width:68%;height:68%}.board-frame[data-move-style-id=pulse] .selected-square{box-shadow:inset 0 0 18px var(--move-style-accent), 0 0 13px color-mix(in srgb, var(--move-style-accent) 60%, transparent);outline-width:3px}.board-frame[data-move-style-id=pulse] :is(.move-dot,.capture-dot){animation:.76s ease-in-out infinite alternate move-style-neon-pulse}.board-frame[data-move-style-id=pulse] .move-dot{box-shadow:0 0 8px 4px var(--move-style-accent)}.board-frame[data-move-style-id=pulse] .capture-dot{box-shadow:0 0 11px 5px var(--move-style-capture)}.board-frame[data-move-style-id=royal] .selected-square{box-shadow:inset 0 0 0 3px #fffadbb3, inset 0 0 20px color-mix(in srgb, var(--move-style-accent) 42%, transparent);outline-width:4px}.board-frame[data-move-style-id=royal] .move-dot{width:25%;height:25%;box-shadow:0 0 0 5px color-mix(in srgb, var(--move-style-accent) 23%, transparent), 0 0 11px var(--move-style-accent);border:2px solid #fff4bd;border-radius:3px;transform:rotate(45deg)}.board-frame[data-move-style-id=royal] .capture-dot{box-shadow:0 0 0 3px #fff4bd, 0 0 16px var(--move-style-capture);border-style:double;border-width:7px}.board-frame[data-move-style-id=blitz] .legal-target-square:after{background:0 0}.board-frame[data-move-style-id=blitz] .move-dot,.board-frame[data-move-style-id=blitz] .capture-dot{width:56%;height:56%;color:var(--move-style-accent);box-shadow:none;background:linear-gradient(currentColor,currentColor) 50%/3px 100% no-repeat,linear-gradient(90deg,currentColor,currentColor) 50%/100% 3px no-repeat;border:3px solid;border-radius:50%}.board-frame[data-move-style-id=blitz] .capture-dot{color:var(--move-style-capture)}.board-frame[data-move-style-id=blitz] :is(.move-dot,.capture-dot):before,.board-frame[data-move-style-id=blitz] :is(.move-dot,.capture-dot):after{display:none}.board-frame[data-move-style-id=petal-drift] .selected-square{box-shadow:inset 0 0 18px color-mix(in srgb, var(--move-style-accent) 48%, transparent);outline-width:3px}.board-frame[data-move-style-id=petal-drift] .move-dot{width:34%;height:34%;box-shadow:0 0 0 6px color-mix(in srgb, var(--move-style-accent) 18%, transparent);border-radius:75% 18% 72% 36%;transform:rotate(45deg)}.board-frame[data-move-style-id=petal-drift] .capture-dot{border-style:dashed}.board-frame[data-move-style-id=tidal-wake] .selected-square{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--move-style-accent) 13%, transparent);outline-style:double}.board-frame[data-move-style-id=tidal-wake] .move-dot{border:3px solid var(--move-style-accent);width:32%;height:32%;box-shadow:0 0 0 7px color-mix(in srgb, var(--move-style-accent) 18%, transparent), inset 0 0 0 3px color-mix(in srgb, var(--move-style-accent) 35%, transparent);background:0 0}.board-frame[data-move-style-id=tidal-wake] .capture-dot{border-style:double;border-width:7px}.board-frame[data-move-style-id=ink-flow] .selected-square{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--move-style-accent) 12%, transparent);outline-width:3px;outline-style:dashed}.board-frame[data-move-style-id=ink-flow] .move-dot{width:40%;height:34%;box-shadow:3px 2px 0 color-mix(in srgb, var(--move-style-accent) 28%, transparent);border-radius:62% 38% 55% 45%/45% 62% 38% 55%;transform:rotate(-12deg)}.board-frame[data-move-style-id=ink-flow] .capture-dot{border-width:5px;border-radius:57% 43% 61% 39%}.board-frame[data-move-style-id=manga-rush] .legal-target-square:after{background:0 0}.board-frame[data-move-style-id=manga-rush] .move-dot{border:3px solid var(--move-style-accent);background:color-mix(in srgb, var(--move-style-accent) 18%, transparent);width:48%;height:48%;box-shadow:5px 5px 0 color-mix(in srgb, var(--move-style-accent) 35%, transparent);border-radius:4px;transform:rotate(45deg)}.board-frame[data-move-style-id=manga-rush] .capture-dot{box-shadow:5px 5px 0 color-mix(in srgb, var(--move-style-capture) 28%, transparent);border-width:6px}.board-frame[data-move-style-id=stardust] .selected-square{box-shadow:inset 0 0 20px var(--move-style-accent), 0 0 14px color-mix(in srgb, var(--move-style-accent) 46%, transparent);outline-width:3px}.board-frame[data-move-style-id=stardust] .move-dot{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 94%,50% 71%,21% 94%,32% 56%,2% 35%,39% 35%);width:44%;height:44%;animation:.72s ease-in-out infinite alternate move-style-star-twinkle}.board-frame[data-move-style-id=stardust] .capture-dot{border-style:double;border-width:7px}.board-frame[data-move-style-id=shadow-veil] .selected-square{box-shadow:inset 0 0 22px color-mix(in srgb, var(--move-style-accent) 68%, transparent);outline-width:3px}.board-frame[data-move-style-id=shadow-veil] .move-dot{border:3px solid var(--move-style-accent);background:color-mix(in srgb, var(--move-style-accent) 15%, transparent);width:42%;height:42%;box-shadow:inset 0 0 8px var(--move-style-accent), 0 0 10px color-mix(in srgb, var(--move-style-accent) 55%, transparent)}.board-frame[data-move-style-id=shadow-veil] .capture-dot{box-shadow:inset 0 0 12px color-mix(in srgb, var(--move-style-capture) 52%, transparent);border-style:dashed}.board-frame[data-move-indicator] .legal-target-square:after{background:0 0}.board-frame[data-move-indicator] .move-dot{width:30%;height:30%;color:var(--move-style-accent);box-shadow:0 0 0 7px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border:0;border-radius:50%;top:50%;left:50%;transform:none}.board-frame[data-move-indicator] .move-dot:before,.board-frame[data-move-indicator] .move-dot:after{content:"";background:currentColor;border:0;border-radius:999px;display:none;position:absolute;inset:auto}.board-frame[data-move-indicator=none] .move-dot{display:none}.board-frame[data-move-indicator=dot] .move-dot:before{background:color-mix(in srgb, currentColor 20%, transparent);display:block;inset:-44%}.board-frame[data-move-indicator=subtle] .move-dot{opacity:.58;width:13%;height:13%;box-shadow:none}.board-frame[data-move-indicator=plus] .move-dot{width:42%;height:42%;box-shadow:none;background:0 0}.board-frame[data-move-indicator=plus] .move-dot:before,.board-frame[data-move-indicator=plus] .move-dot:after{width:84%;height:12%;display:block;top:44%;left:8%}.board-frame[data-move-indicator=plus] .move-dot:after{transform:rotate(90deg)}.board-frame[data-move-indicator=ring] .move-dot{width:34%;height:34%;box-shadow:0 0 0 6px color-mix(in srgb, currentColor 16%, transparent);background:0 0;border:3px solid}.board-frame[data-move-indicator=diamond] .move-dot{background:color-mix(in srgb, currentColor 18%, transparent);width:29%;height:29%;box-shadow:none;border:3px solid;border-radius:5px;transform:rotate(45deg)}.board-frame[data-move-indicator=corners] .move-dot{width:48%;height:48%;box-shadow:none;clip-path:polygon(0 0,38% 0,38% 10%,10% 10%,10% 38%,0 38%,0 0,100% 0,100% 38%,90% 38%,90% 10%,62% 10%,62% 0,100% 0,100% 100%,62% 100%,62% 90%,90% 90%,90% 62%,100% 62%,100% 100%,0 100%,0 62%,10% 62%,10% 90%,38% 90%,38% 100%,0 100%);background:0 0;border:3px solid;border-radius:5px}.board-frame[data-move-indicator=crosshair] .move-dot{width:50%;height:50%;box-shadow:none;background:0 0;border:3px solid}.board-frame[data-move-indicator=crosshair] .move-dot:before,.board-frame[data-move-indicator=crosshair] .move-dot:after{width:140%;height:8%;display:block;top:46%;left:-20%}.board-frame[data-move-indicator=crosshair] .move-dot:after{transform:rotate(90deg)}.board-frame[data-move-indicator=star] .move-dot{width:43%;height:43%;box-shadow:none;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 56%,79% 94%,50% 71%,21% 94%,32% 56%,2% 35%,39% 35%);border-radius:0}.board-frame[data-move-indicator=chevron] .move-dot{width:30%;height:30%;box-shadow:none;background:0 0;border-bottom:4px solid;border-right:4px solid;border-radius:2px;transform:rotate(-45deg)}.board-frame[data-move-indicator=pulse] .move-dot{animation:.68s ease-in-out infinite alternate move-style-neon-pulse}.board-frame[data-move-indicator=orbit] .move-dot{width:43%;height:43%;box-shadow:0 0 8px color-mix(in srgb, currentColor 48%, transparent);background:0 0;border:3px dashed;animation:1.4s linear infinite move-style-indicator-orbit}.board-frame[data-move-indicator=orbit] .move-dot:before{width:22%;height:22%;display:block;top:-12%;left:39%;box-shadow:0 0 6px}.board-frame[data-move-indicator=spark] .move-dot{border-radius:3px;width:25%;height:25%;transform:rotate(45deg);box-shadow:18px 0 0 -6px,-18px 0 0 -6px,0 18px 0 -6px,0 -18px 0 -6px}.board-frame[data-move-indicator=flower] .move-dot{width:37%;height:37%;box-shadow:0 0 0 6px color-mix(in srgb, currentColor 17%, transparent);border-radius:72% 25% 68% 32%;transform:rotate(45deg)}.board-frame[data-move-indicator=rune] .move-dot{background:color-mix(in srgb, currentColor 12%, transparent);width:38%;height:34%;box-shadow:3px 2px 0 color-mix(in srgb, currentColor 28%, transparent);border:3px dashed;border-radius:58% 42% 54% 46%;transform:rotate(-12deg)}.board-frame[data-move-indicator=pixel] .move-dot{border-radius:2px;width:24%;height:24%;box-shadow:14px 0 0 -4px,-14px 0 0 -4px,0 14px 0 -4px,0 -14px 0 -4px}.board-frame[data-move-capture-effect] .capture-dot{border:clamp(3px, 6cqw, 5px) solid var(--move-style-capture);width:56%;height:56%;color:var(--move-style-capture);background:color-mix(in srgb, var(--move-style-capture) 8%, transparent);box-shadow:0 0 0 clamp(3px, 5cqw, 6px) color-mix(in srgb, var(--move-style-capture) 16%, transparent);border-radius:50%;top:50%;left:50%;transform:none}.board-frame[data-move-capture-effect=ring] .capture-dot:before,.board-frame[data-move-capture-effect=ring] .capture-dot:after,.board-frame[data-move-capture-effect=ripple] .capture-dot:before,.board-frame[data-move-capture-effect=ripple] .capture-dot:after{display:none}.board-frame[data-move-capture-effect=pulse] .capture-dot{animation:.62s ease-in-out infinite alternate move-style-neon-pulse}.board-frame[data-move-capture-effect=shards] .capture-dot{border-style:dashed;border-radius:8px;transform:rotate(45deg)}.board-frame[data-move-capture-effect=ripple] .capture-dot{box-shadow:0 0 0 clamp(3px, 5cqw, 6px) color-mix(in srgb, currentColor 14%, transparent), inset 0 0 0 clamp(3px, 5cqw, 6px) color-mix(in srgb, currentColor 14%, transparent);border-style:double;border-width:clamp(4px,7cqw,7px)}.board-frame[data-move-capture-effect=flash] .capture-dot{background:color-mix(in srgb, currentColor 18%, transparent);box-shadow:0 0 clamp(5px, 9cqw, 10px) color-mix(in srgb, currentColor 70%, transparent);border-radius:5px;transform:rotate(45deg)}.board-frame[data-move-capture-effect=flash] .capture-dot:before,.board-frame[data-move-capture-effect=flash] .capture-dot:after{display:none}.board-frame[data-move-capture-effect=bloom] .capture-dot{box-shadow:0 0 clamp(4px, 7cqw, 8px) color-mix(in srgb, currentColor 48%, transparent);border-style:dashed;border-radius:70% 28% 66% 34%;transform:rotate(35deg)}.board-frame[data-move-capture-effect=none] :is(.move-impact,.capture-shards){display:none!important}.board-frame[data-move-capture-effect=ring] .move-impact:after,.board-frame[data-move-capture-effect=ring] .capture-shards{display:none}.board-frame[data-move-capture-effect=pulse] .move-impact:before{box-shadow:0 0 18px var(--move-style-capture);animation:.36s ease-out both move-style-neon-impact}.board-frame[data-move-capture-effect=ripple] .move-impact:before{border-style:double;border-width:7px}.board-frame[data-move-capture-effect=flash] .move-impact:before{border-radius:5px;transform:rotate(45deg)}.board-frame[data-move-capture-effect=bloom] .move-impact:before{border-style:dashed;border-radius:70% 28% 66% 34%}.board-frame[data-move-intensity=subtle] :is(.move-dot,.capture-dot){opacity:.66}.board-frame[data-move-intensity=subtle] .selected-square{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--move-style-accent) 8%, transparent)}.board-frame[data-move-intensity=vivid] .selected-square{box-shadow:inset 0 0 20px color-mix(in srgb, var(--move-style-accent) 42%, transparent), 0 0 12px color-mix(in srgb, var(--move-style-accent) 36%, transparent)}.board-frame[data-move-motif=minimal]{--move-motif-image:none}.board-frame[data-move-motif=pocket-classic]{--move-motif-image:url(/moves/motifs/star.svg)}.board-frame[data-move-motif=mint-kinetic]{--move-motif-image:url(/moves/motifs/prism.svg)}.board-frame[data-move-motif=neon-pulse]{--move-motif-image:url(/moves/motifs/energy.svg)}.board-frame[data-move-motif=royal-jewel]{--move-motif-image:url(/moves/motifs/crown.svg)}.board-frame[data-move-motif=comic-blitz]{--move-motif-image:url(/moves/motifs/bolt.svg)}.board-frame[data-move-motif=blossom]{--move-motif-image:url(/moves/motifs/petal.svg)}.board-frame[data-move-motif=tidal]{--move-motif-image:url(/moves/motifs/wave.svg)}.board-frame[data-move-motif=ink-brush]{--move-motif-image:url(/moves/motifs/ink.svg)}.board-frame[data-move-motif=manga-impact]{--move-motif-image:url(/moves/motifs/manga.svg)}.board-frame[data-move-motif=cosmic]{--move-motif-image:url(/moves/motifs/star.svg)}.board-frame[data-move-motif=shadow]{--move-motif-image:url(/moves/motifs/moon.svg)}.board-frame[data-move-motif=rose-candy]{--move-motif-image:url(/moves/motifs/sugar.svg)}.board-frame[data-move-motif=woodland]{--move-motif-image:url(/moves/motifs/leaf.svg)}.board-frame[data-move-motif=lagoon]{--move-motif-image:url(/moves/motifs/bubbles.svg)}.board-frame[data-move-motif=prismatic]{--move-motif-image:url(/moves/motifs/prism.svg)}.board-frame[data-move-motif=pencil-sketch]{--move-motif-image:url(/moves/motifs/pencil.svg)}.board-frame[data-move-motif=opal-gem]{--move-motif-image:url(/moves/motifs/gem.svg)}.board-frame[data-move-motif=shonen]{--move-motif-image:url(/moves/motifs/manga.svg)}.board-frame[data-move-motif=electric]{--move-motif-image:url(/moves/motifs/bolt.svg)}.board-frame[data-move-motif=fire]{--move-motif-image:url(/moves/motifs/flame.svg)}.board-frame[data-move-motif=cyber-grid]{--move-motif-image:url(/moves/motifs/circuit.svg)}.board-frame[data-move-motif=nocturne]{--move-motif-image:url(/moves/motifs/moon.svg)}.board-frame[data-move-particle=pocket-stars]{--move-particle-image:url(/moves/motifs/star.svg)}.board-frame[data-move-particle=mint-dashes]{--move-particle-image:url(/moves/motifs/prism.svg)}.board-frame[data-move-particle=energy-orbs]{--move-particle-image:url(/moves/motifs/energy.svg)}.board-frame[data-move-particle=gold-filigree]{--move-particle-image:url(/moves/motifs/crown.svg)}.board-frame[data-move-particle=comic-bolts]{--move-particle-image:url(/moves/motifs/bolt.svg)}.board-frame[data-move-particle=flower-petals]{--move-particle-image:url(/moves/motifs/petal.svg)}.board-frame[data-move-particle=water-drops],.board-frame[data-move-particle=ink-splats]{--move-particle-image:url(/moves/motifs/ink.svg)}.board-frame[data-move-particle=manga-glyphs]{--move-particle-image:url(/moves/motifs/manga.svg)}.board-frame[data-move-particle=stardust]{--move-particle-image:url(/moves/motifs/star.svg)}.board-frame[data-move-particle=shadow-wisps]{--move-particle-image:url(/moves/motifs/moon.svg)}.board-frame[data-move-particle=sugar-petals]{--move-particle-image:url(/moves/motifs/sugar.svg)}.board-frame[data-move-particle=leaves]{--move-particle-image:url(/moves/motifs/leaf.svg)}.board-frame[data-move-particle=bubbles]{--move-particle-image:url(/moves/motifs/bubbles.svg)}.board-frame[data-move-particle=prism-shards]{--move-particle-image:url(/moves/motifs/prism.svg)}.board-frame[data-move-particle=pencil-flecks]{--move-particle-image:url(/moves/motifs/pencil.svg)}.board-frame[data-move-particle=gem-glints]{--move-particle-image:url(/moves/motifs/gem.svg)}.board-frame[data-move-particle=speed-glyphs]{--move-particle-image:url(/moves/motifs/manga.svg)}.board-frame[data-move-particle=lightning-bolts]{--move-particle-image:url(/moves/motifs/bolt.svg)}.board-frame[data-move-particle=embers]{--move-particle-image:url(/moves/motifs/flame.svg)}.board-frame[data-move-particle=pixel-bits]{--move-particle-image:url(/moves/motifs/circuit.svg)}.move-hint-motif{z-index:3;width:56%;height:56%;color:inherit;background:color-mix(in srgb, currentColor 48%, white);pointer-events:none;-webkit-mask:var(--move-motif-image) center / contain no-repeat;-webkit-mask:var(--move-motif-image) center / contain no-repeat;mask:var(--move-motif-image) center / contain no-repeat;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.capture-dot .move-hint-motif{color:var(--move-style-capture);background:currentColor}.board-frame[data-move-target-decoration=none] .move-hint-motif{display:none}.board-frame[data-move-target-decoration=soft-speck] .move-hint-motif{opacity:.76;width:135%;height:135%}.board-frame[data-move-target-decoration=plus-badge] .move-hint-motif{filter:drop-shadow(0 0 4px #fff);width:32%;height:32%}.board-frame[data-move-target-decoration=corner-brackets] .move-hint-motif{opacity:.82;width:42%;height:42%}.board-frame[data-move-target-decoration=arrowhead] .move-hint-motif{width:48%;height:48%;left:36%}.board-frame[data-move-target-decoration=satellite-ring] .move-hint-motif{animation:1.15s linear infinite move-recipe-target-orbit}.board-frame[data-move-target-decoration=echo-ring] .move-hint-motif{filter:drop-shadow(7px 0 0 color-mix(in srgb, currentColor 32%, transparent)) drop-shadow(-7px 0 0 color-mix(in srgb, currentColor 20%, transparent))}.board-frame[data-move-target-decoration=flourish] .move-hint-motif{width:72%;height:72%;rotate:-18deg}.board-frame[data-move-target-decoration=portal] .move-hint-motif{width:72%;height:72%;animation:.62s ease-in-out infinite alternate move-recipe-target-portal}.move-impact-motif{z-index:3;color:var(--move-style-capture);pointer-events:none;-webkit-mask:var(--move-target-image,var(--move-motif-image)) center / contain no-repeat;-webkit-mask:var(--move-target-image,var(--move-motif-image)) center / contain no-repeat;mask:var(--move-target-image,var(--move-motif-image)) center / contain no-repeat;background:currentColor;animation:.36s ease-out both move-recipe-impact-motif;display:block;position:absolute;inset:31%}.capture-impact-square .move-impact-motif{-webkit-mask-image:var(--move-capture-image,var(--move-motif-image));-webkit-mask-image:var(--move-capture-image,var(--move-motif-image));mask-image:var(--move-capture-image,var(--move-motif-image))}.board-frame[data-move-target-decoration=none] .move-impact-motif{display:none}.move-dot .move-hint-motif{-webkit-mask-image:var(--move-target-image,var(--move-motif-image));-webkit-mask-image:var(--move-target-image,var(--move-motif-image));mask-image:var(--move-target-image,var(--move-motif-image))}.capture-dot .move-hint-motif{-webkit-mask-image:var(--move-capture-image,var(--move-motif-image));-webkit-mask-image:var(--move-capture-image,var(--move-motif-image));mask-image:var(--move-capture-image,var(--move-motif-image))}.board-frame[data-move-target-glyph]:where(:not([data-move-target-glyph=none])) .move-dot{border:clamp(1px, 1.8cqw, 2px) solid color-mix(in srgb, var(--move-style-accent) 50%, white);width:clamp(30px,60%,86px);height:clamp(30px,60%,86px);color:var(--move-style-accent);background:color-mix(in srgb, var(--move-style-accent) 15%, white);opacity:1;clip-path:none;border-radius:clamp(9px,14cqw,18px);top:50%;left:50%;transform:none;box-shadow:0 clamp(2px,3cqw,4px) clamp(5px,8cqw,10px) #262f2a2e,inset 0 0 0 1px #ffffffb8}.board-frame[data-move-target-glyph]:where(:not([data-move-target-glyph=none])) .move-dot:before,.board-frame[data-move-target-glyph]:where(:not([data-move-target-glyph=none])) .move-dot:after{display:none}.board-frame[data-move-target-glyph]:where(:not([data-move-target-glyph=none])) .move-dot .move-hint-motif{width:78%;height:78%;color:var(--move-style-accent);filter:drop-shadow(0 1px #fffffffa);background:currentColor}.board-frame[data-move-target-glyph=rainbow] .move-dot .move-hint-motif{background:linear-gradient(#f45c83 0 20%,#f4ad42 20% 40%,#eedb55 40% 55%,#58bd78 55% 70%,#4b9fdf 70% 84%,#8c6bd7 84%)}.board-frame[data-move-target-glyph=ice-cream] .move-dot .move-hint-motif{background:linear-gradient(#f28fbb 0 42%,#fff0c9 42% 68%,#d29a55 68%)}.board-frame[data-move-target-glyph=poop] .move-dot .move-hint-motif{color:#8b593d}.board-frame[data-move-target-glyph=leaf] .move-dot .move-hint-motif{background:linear-gradient(135deg,#4f9e62 0 48%,#dda447 49%)}.board-frame[data-move-target-glyph=cloud] .move-dot .move-hint-motif{color:#69aee0}.board-frame[data-move-target-glyph=ghost] .move-dot .move-hint-motif{color:#8f73c9}.board-frame[data-move-capture-glyph]:where(:not([data-move-capture-glyph=none])) .capture-dot{z-index:5;border:clamp(3px, 4.8cqw, 6px) solid var(--move-style-capture);width:72%;height:72%;color:var(--move-style-capture);background:color-mix(in srgb, var(--move-style-capture) 7%, transparent);box-shadow:0 0 0 clamp(2px, 3.5cqw, 5px) color-mix(in srgb, var(--move-style-capture) 17%, transparent);opacity:1;border-radius:50%;top:50%;left:50%;transform:none}.board-frame[data-move-capture-glyph]:where(:not([data-move-capture-glyph=none])) .capture-dot:before{display:none}.board-frame[data-move-capture-glyph]:where(:not([data-move-capture-glyph=none])) .capture-dot:after{z-index:5;border:clamp(1px, 2.4cqw, 3px) solid color-mix(in srgb, var(--move-style-capture) 42%, white);content:"";background:#fffaf0;border-radius:50%;width:46%;height:46%;display:block;position:absolute;top:17%;left:83%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #2d252138}.board-frame[data-move-capture-glyph]:where(:not([data-move-capture-glyph=none])) .capture-dot .move-hint-motif{z-index:6;width:34%;height:34%;color:var(--move-style-capture);filter:drop-shadow(0 0 3px #fffaf0)drop-shadow(0 1px 1px #fffaf0);background:currentColor;top:17%;left:83%}.board-frame[data-move-target-decoration=rainbow-arch] .move-dot{animation:.76s ease-in-out infinite alternate board-playful-target-bob}.board-frame[data-move-target-decoration=rain-cloud] .move-dot{animation:.92s ease-in-out infinite alternate board-playful-cloud-bob}.board-frame[data-move-target-decoration=soft-serve] .move-dot{animation:.82s ease-in-out infinite alternate board-playful-target-squish}.board-frame[data-move-target-decoration=silly-poop] .move-dot{animation:.68s ease-in-out infinite alternate board-playful-target-wiggle}.board-frame[data-move-target-decoration=leaf-pile] .move-dot{animation:.86s ease-in-out infinite alternate board-playful-target-sway}.board-frame[data-move-target-decoration=ghost-peek] .move-dot{animation:.98s ease-in-out infinite alternate board-playful-ghost-peek}.board-frame[data-move-capture-effect=confetti] .capture-dot{border-style:dashed;border-color:#f1b93f}.board-frame[data-move-capture-effect=confetti] .capture-impact-square .move-impact:after{background:conic-gradient(from 15deg, #f45f8d 0 10deg, transparent 10deg 58deg, #f4bd41 58deg 70deg, transparent 70deg 118deg, #55bad0 118deg 130deg, transparent 130deg 178deg, #78b867 178deg 190deg, transparent 190deg 238deg, #8c6bd7 238deg 250deg, transparent 250deg)}.board-frame[data-move-capture-effect=splash] .capture-dot{border-style:double;border-color:#4d9fd8;border-radius:50% 50% 42% 58%}.board-frame[data-move-capture-effect=splash] .capture-impact-square .move-impact:after{background:radial-gradient(at 50% 75%,#79c8ee 0 18%,#0000 20%),radial-gradient(circle at 15% 34%,#4d9fd8 0 7%,#0000 9%),radial-gradient(circle at 82% 24%,#8bd3f2 0 6%,#0000 8%)}.board-frame[data-move-capture-effect=splat] .capture-dot{border-style:dotted;border-radius:58% 38% 62% 35%}.board-frame[data-move-capture-effect=poof] .capture-dot{border-style:dashed;border-color:#75a85a}.board-frame[data-move-capture-effect=bow] .capture-dot{border-style:double;border-color:#b66d43}.board-frame[data-move-capture-effect=spooky] .capture-dot{border-color:#8e70c8;box-shadow:0 0 clamp(7px,11cqw,16px) #8e70c885}.board-frame[data-move-capture-effect]:not([data-move-capture-effect=none]) .move-impact-motif{filter:drop-shadow(0 1px #fffffffa);inset:24%}.board-frame[data-move-style-id=swift] .move-dot{width:27%;height:27%;box-shadow:none;background:0 0;border:0;border-radius:2px;animation:.84s steps(2,end) infinite board-target-swift-tick}.board-frame[data-move-style-id=swift] .move-dot .move-hint-motif{filter:drop-shadow(2px 2px #ffffffe6);width:100%;height:100%}.board-frame[data-move-style-id=swift] .capture-dot{border:0;width:31%;height:31%;animation:.62s steps(2,end) infinite board-capture-swift-ping}.board-frame[data-move-style-id=swift] .capture-dot:after{display:none}.board-frame[data-move-style-id=swift] .capture-dot .move-hint-motif{filter:drop-shadow(0 0 2px #fff);width:100%;height:100%;top:50%;left:50%}.board-frame[data-move-style-id=pulse] .move-dot{border:clamp(1px, 1.7cqw, 3px) solid color-mix(in srgb, var(--move-style-accent) 56%, white);background:radial-gradient(circle, color-mix(in srgb, var(--move-style-accent) 30%, transparent) 0 20%, transparent 22% 48%, color-mix(in srgb, var(--move-style-accent) 20%, transparent) 50% 62%, transparent 64%);width:92%;height:92%;box-shadow:inset 0 0 clamp(12px, 18cqw, 26px) color-mix(in srgb, var(--move-style-accent) 42%, transparent), 0 0 clamp(7px, 10cqw, 14px) color-mix(in srgb, var(--move-style-accent) 32%, transparent);animation:1.26s cubic-bezier(.45,0,.55,1) infinite board-target-pulse-field}.board-frame[data-move-style-id=pulse] .move-dot .move-hint-motif{filter:drop-shadow(0 0 8px);width:36%;height:36%}.board-frame[data-move-style-id=pulse] .capture-dot{background:radial-gradient(circle, color-mix(in srgb, var(--move-style-capture) 38%, transparent), color-mix(in srgb, var(--move-style-capture) 9%, transparent) 54%, transparent 72%);width:96%;height:96%;box-shadow:inset 0 0 clamp(15px, 24cqw, 34px) color-mix(in srgb, var(--move-style-capture) 52%, transparent);border-radius:18%;animation:.98s ease-in-out infinite alternate board-capture-pulse-surge}.board-frame[data-move-style-id=pulse] .capture-dot:after{display:none}.board-frame[data-move-style-id=pulse] .capture-dot .move-hint-motif{filter:drop-shadow(0 0 8px #fff)drop-shadow(0 0 13px);width:68%;height:68%;top:50%;left:50%}.board-frame[data-move-style-id=royal] .move-dot{background:linear-gradient(160deg, #fffadae0, color-mix(in srgb, var(--move-style-accent) 28%, transparent));width:60%;height:74%;box-shadow:0 clamp(5px, 8cqw, 11px) clamp(7px, 10cqw, 15px) #805a1c38, inset 0 -5px 0 color-mix(in srgb, var(--move-style-accent) 22%, transparent);clip-path:polygon(8% 8%,28% 18%,50% 2%,72% 18%,92% 8%,86% 86%,50% 100%,14% 86%);border:clamp(2px,2.6cqw,4px) solid #fff4bd;border-radius:48% 48% 34% 34%/24% 24% 62% 62%;animation:1.76s ease-in-out infinite alternate board-target-royal-float;top:47%}.board-frame[data-move-style-id=royal] .move-dot .move-hint-motif{width:68%;height:68%;top:47%}.board-frame[data-move-style-id=royal] .capture-dot{background:color-mix(in srgb, var(--move-style-capture) 15%, transparent);width:68%;height:68%;box-shadow:0 0 0 3px color-mix(in srgb, var(--move-style-capture) 24%, transparent), 0 0 14px var(--move-style-capture);border:clamp(3px,4cqw,6px) double #fff4bd;border-radius:15%;animation:1.5s ease-in-out infinite alternate board-capture-royal-gem;rotate:45deg}.board-frame[data-move-style-id=royal] .capture-dot:after{display:none}.board-frame[data-move-style-id=royal] .capture-dot .move-hint-motif{filter:drop-shadow(0 0 4px #fff4bd);width:50%;height:50%;top:50%;left:50%;rotate:-45deg}.board-frame[data-move-style-id=blitz] .move-dot{border:clamp(2px, 2.8cqw, 4px) solid color-mix(in srgb, var(--move-style-accent) 78%, white);background:linear-gradient(90deg, transparent 47%, color-mix(in srgb, var(--move-style-accent) 48%, transparent) 48% 52%, transparent 53%), linear-gradient(transparent 47%, color-mix(in srgb, var(--move-style-accent) 48%, transparent) 48% 52%, transparent 53%);width:96%;height:96%;box-shadow:inset 0 0 0 clamp(5px, 8cqw, 11px) color-mix(in srgb, var(--move-style-accent) 12%, transparent);clip-path:polygon(0 0,31% 0,31% 7%,69% 7%,69% 0,100% 0,100% 31%,93% 31%,93% 69%,100% 69%,100% 100%,69% 100%,69% 93%,31% 93%,31% 100%,0 100%,0 69%,7% 69%,7% 31%,0 31%);border-radius:8%;animation:.72s steps(2,end) infinite board-target-blitz-lock}.board-frame[data-move-style-id=blitz] .move-dot .move-hint-motif{filter:drop-shadow(0 0 4px #fff);width:72%;height:72%}.board-frame[data-move-style-id=blitz] .capture-dot{background:repeating-conic-gradient(from 4deg, color-mix(in srgb, var(--move-style-capture) 24%, transparent) 0 7deg, transparent 7deg 19deg);width:96%;height:96%;box-shadow:none;clip-path:polygon(50% 0,58% 26%,78% 7%,75% 33%,100% 31%,79% 49%,100% 66%,73% 65%,81% 94%,58% 73%,49% 100%,40% 73%,16% 96%,25% 65%,0 67%,22% 49%,0 30%,28% 34%,19% 6%,41% 27%);border:0;border-radius:0;animation:.54s steps(2,end) infinite board-capture-blitz-flash}.board-frame[data-move-style-id=blitz] .capture-dot:after{display:none}.board-frame[data-move-style-id=blitz] .capture-dot .move-hint-motif{filter:drop-shadow(3px 3px #fff);width:52%;height:52%;top:50%;left:50%}.board-frame[data-move-style-id=petal-drift] .move-dot{width:92%;height:92%;box-shadow:none;background:0 0;border:0;border-radius:0;animation:1.58s ease-in-out infinite alternate board-target-petal-drift;top:48%;left:43%}.board-frame[data-move-style-id=petal-drift] .move-dot .move-hint-motif{filter:drop-shadow(0 2px #fff);width:42%;height:42%;top:42%;left:41%;rotate:-22deg}.board-frame[data-move-style-id=petal-drift] .move-dot:before,.board-frame[data-move-style-id=petal-drift] .move-dot:after{background:color-mix(in srgb, var(--move-style-accent) 72%, white);content:"";width:22%;height:16%;display:block;position:absolute;-webkit-mask:url(/moves/motifs/petal.svg) 50%/contain no-repeat;mask:url(/moves/motifs/petal.svg) 50%/contain no-repeat}.board-frame[data-move-style-id=petal-drift] .move-dot:before{top:10%;right:7%;rotate:34deg}.board-frame[data-move-style-id=petal-drift] .move-dot:after{bottom:7%;left:12%;rotate:-42deg;scale:.7}.board-frame[data-move-style-id=petal-drift] .capture-dot{border:clamp(2px, 3cqw, 4px) dashed color-mix(in srgb, var(--move-style-capture) 68%, white);background:radial-gradient(ellipse, color-mix(in srgb, var(--move-style-capture) 17%, transparent), transparent 68%);width:88%;height:70%;box-shadow:none;border-radius:54% 46% 58% 42%;animation:1.32s ease-in-out infinite alternate board-capture-butterfly;rotate:-9deg}.board-frame[data-move-style-id=petal-drift] .capture-dot:after{display:none}.board-frame[data-move-style-id=petal-drift] .capture-dot .move-hint-motif{filter:drop-shadow(0 2px #fff);width:52%;height:52%;top:44%;left:58%;rotate:16deg}.board-frame[data-move-style-id=tidal-wake] .move-dot{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--move-style-accent) 38%, transparent) 0 30%, color-mix(in srgb, var(--move-style-accent) 14%, transparent) 32% 58%, transparent 60%);width:94%;height:42%;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--move-style-accent) 55%, white);border:0;border-radius:50%;animation:1.24s ease-in-out infinite board-target-tidal-breathe;top:72%}.board-frame[data-move-style-id=tidal-wake] .move-dot .move-hint-motif{filter:drop-shadow(0 1px #fff);width:28%;height:68%;top:8%;left:72%}.board-frame[data-move-style-id=tidal-wake] .capture-dot{background:linear-gradient(0deg, color-mix(in srgb, var(--move-style-capture) 31%, transparent), transparent 67%);width:96%;height:86%;box-shadow:inset 0 -7px 0 color-mix(in srgb, var(--move-style-capture) 34%, transparent);border:0;border-radius:44% 56% 48% 52%;animation:1.08s ease-in-out infinite board-capture-tidal-splash;top:57%}.board-frame[data-move-style-id=tidal-wake] .capture-dot:after{display:none}.board-frame[data-move-style-id=tidal-wake] .capture-dot .move-hint-motif{filter:drop-shadow(0 2px #ffffffc7);width:88%;height:88%;top:55%;left:50%}.board-frame[data-move-style-id=ink-flow] .move-dot{background:color-mix(in srgb, var(--move-style-accent) 18%, transparent);width:91%;height:60%;box-shadow:inset 9px -5px 0 color-mix(in srgb, var(--move-style-accent) 12%, transparent);clip-path:polygon(0 43%,12% 19%,31% 27%,48% 2%,61% 24%,100% 10%,87% 48%,96% 81%,58% 70%,35% 100%,24% 70%,3% 84%);border:0;border-radius:19% 82% 27% 71%/68% 28% 76% 34%;animation:1.72s ease-in-out infinite alternate board-target-ink-settle;left:47%;rotate:-8deg}.board-frame[data-move-style-id=ink-flow] .move-dot .move-hint-motif{opacity:.9;width:66%;height:66%}.board-frame[data-move-style-id=ink-flow] .capture-dot{background:color-mix(in srgb, var(--move-style-capture) 16%, transparent);width:96%;height:96%;box-shadow:none;clip-path:polygon(49% 0,61% 28%,84% 11%,73% 37%,100% 45%,72% 57%,91% 85%,61% 72%,50% 100%,39% 73%,8% 91%,28% 59%,0 48%,29% 37%,16% 9%,40% 28%);border:0;border-radius:42% 58% 35% 65%;animation:1.48s ease-in-out infinite alternate board-capture-ink-ooze}.board-frame[data-move-style-id=ink-flow] .capture-dot:after{display:none}.board-frame[data-move-style-id=ink-flow] .capture-dot .move-hint-motif{opacity:.82;filter:none;width:82%;height:82%;top:50%;left:50%}.board-frame[data-move-style-id=manga-rush] .move-dot{border:clamp(2px, 3cqw, 5px) solid var(--move-style-accent);background:repeating-linear-gradient(116deg, transparent 0 8%, color-mix(in srgb, var(--move-style-accent) 18%, transparent) 8% 11%, transparent 11% 19%);width:94%;height:94%;box-shadow:clamp(4px, 6cqw, 8px) clamp(4px, 6cqw, 8px) 0 color-mix(in srgb, var(--move-style-accent) 34%, transparent);clip-path:polygon(8% 0,100% 0,91% 100%,0 91%);border-radius:2%;animation:.98s steps(2,end) infinite board-target-manga-snap;rotate:-3deg}.board-frame[data-move-style-id=manga-rush] .move-dot .move-hint-motif{filter:drop-shadow(4px 4px #fff);width:74%;height:74%}.board-frame[data-move-style-id=manga-rush] .capture-dot{background:repeating-conic-gradient(from -8deg, color-mix(in srgb, var(--move-style-capture) 30%, transparent) 0 5deg, transparent 5deg 16deg);width:98%;height:98%;box-shadow:inset 0 0 0 clamp(3px, 5cqw, 7px) color-mix(in srgb, var(--move-style-capture) 18%, transparent);clip-path:polygon(3% 7%,91% 0,100% 89%,8% 100%);border:0;border-radius:0;animation:.64s steps(2,end) infinite board-capture-manga-jolt;rotate:3deg}.board-frame[data-move-style-id=manga-rush] .capture-dot:after{display:none}.board-frame[data-move-style-id=manga-rush] .capture-dot .move-hint-motif{filter:drop-shadow(4px 4px #fff)drop-shadow(-2px -2px #fff);width:63%;height:63%;top:50%;left:50%}.board-frame[data-move-style-id=stardust] .move-dot{width:25%;height:25%;box-shadow:none;clip-path:none;background:0 0;border:0;border-radius:0;animation:1.16s cubic-bezier(.45,0,.55,1) infinite board-target-star-blink;top:38%;left:62%}.board-frame[data-move-style-id=stardust] .move-dot .move-hint-motif{filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 8px);width:100%;height:100%}.board-frame[data-move-style-id=stardust] .move-dot:before,.board-frame[data-move-style-id=stardust] .move-dot:after{box-shadow:0 0 5px var(--move-style-accent);content:"";background:#fff;border-radius:50%;display:block;position:absolute}.board-frame[data-move-style-id=stardust] .move-dot:before{width:15%;height:15%;top:-35%;left:-72%}.board-frame[data-move-style-id=stardust] .move-dot:after{width:9%;height:9%;bottom:-58%;right:-55%}.board-frame[data-move-style-id=stardust] .capture-dot{width:76%;height:38%;box-shadow:none;background:0 0;border:0;border-radius:0;animation:1.28s ease-in-out infinite board-capture-comet-cross;top:44%;left:52%;rotate:-24deg}.board-frame[data-move-style-id=stardust] .capture-dot:after{display:none}.board-frame[data-move-style-id=stardust] .capture-dot .move-hint-motif{filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 9px);width:100%;height:100%;top:50%;left:50%}.board-frame[data-move-style-id=shadow-veil] .move-dot{width:38%;height:38%;box-shadow:none;background:0 0;border:0;border-radius:50%;animation:2.04s ease-in-out infinite alternate board-target-shadow-drift;top:65%;left:34%}.board-frame[data-move-style-id=shadow-veil] .move-dot .move-hint-motif{opacity:.72;filter:drop-shadow(7px -3px 5px #241b3985);width:100%;height:100%}.board-frame[data-move-style-id=shadow-veil] .capture-dot{width:34%;height:34%;box-shadow:none;background:0 0;border:0;animation:1.88s ease-in-out infinite board-capture-shadow-flicker;top:26%;left:74%}.board-frame[data-move-style-id=shadow-veil] .capture-dot:after{display:none}.board-frame[data-move-style-id=shadow-veil] .capture-dot .move-hint-motif{opacity:.78;filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 8px);width:100%;height:100%;top:50%;left:50%}.board-frame[data-move-style-id=rainbow-road] .move-dot{width:98%;height:84%;box-shadow:none;background:0 0;border:0;border-radius:0;animation:1.08s ease-in-out infinite alternate board-target-rainbow-rise;top:54%}.board-frame[data-move-style-id=rainbow-road] .move-dot .move-hint-motif{filter:drop-shadow(0 3px #ffffffe0);width:98%;height:98%;top:52%}.board-frame[data-move-style-id=rainbow-road] .capture-dot{background:conic-gradient(from 15deg, #f45f8d45 0 10deg, transparent 10deg 58deg, #f4bd4147 58deg 70deg, transparent 70deg 118deg, #55bad047 118deg 130deg, transparent 130deg 178deg, #78b86747 178deg 190deg, transparent 190deg 238deg, #8c6bd747 238deg 250deg, transparent 250deg);border:0;border-radius:18%;width:98%;height:98%;animation:.94s steps(3,end) infinite board-capture-rainbow-party;box-shadow:inset 0 0 0 3px #ffffff8f}.board-frame[data-move-style-id=rainbow-road] .capture-dot:after{display:none}.board-frame[data-move-style-id=rainbow-road] .capture-dot .move-hint-motif{filter:drop-shadow(0 2px #fff);background:linear-gradient(135deg,#f45f8d,#f4bd41 35%,#55bad0 67%,#8c6bd7);width:68%;height:68%;top:50%;left:50%}.board-frame[data-move-style-id=rainy-day] .move-dot{width:96%;height:96%;box-shadow:inset 0 -10px 0 color-mix(in srgb, var(--move-style-accent) 12%, transparent);background:repeating-linear-gradient(104deg,#0000 0 13%,#559ed14a 14% 17%,#0000 18% 31%);border:0;border-radius:20%;animation:1.52s linear infinite board-target-rain-scene}.board-frame[data-move-style-id=rainy-day] .move-dot .move-hint-motif{filter:drop-shadow(0 2px #fff);width:52%;height:42%;top:28%;left:44%}.board-frame[data-move-style-id=rainy-day] .capture-dot{background:radial-gradient(ellipse at center bottom, color-mix(in srgb, var(--move-style-capture) 34%, transparent), transparent 68%);width:98%;height:66%;box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--move-style-capture) 42%, transparent);border:0;border-radius:50% 50% 35% 35%;animation:1.22s ease-in-out infinite board-capture-rain-splash;top:64%}.board-frame[data-move-style-id=rainy-day] .capture-dot:after{display:none}.board-frame[data-move-style-id=rainy-day] .capture-dot .move-hint-motif{filter:drop-shadow(0 2px #fff);width:96%;height:96%;top:42%;left:50%}.board-frame[data-move-style-id=soft-serve] .move-dot{background:linear-gradient(180deg, #fffaf07a, color-mix(in srgb, var(--move-style-accent) 18%, transparent));border:0;border-radius:45% 45% 30% 30%;width:53%;height:82%;animation:1.36s cubic-bezier(.4,0,.2,1) infinite alternate board-target-softserve;top:49%;box-shadow:0 5px #b9854b52}.board-frame[data-move-style-id=soft-serve] .move-dot .move-hint-motif{filter:drop-shadow(0 2px #fff);width:94%;height:94%}.board-frame[data-move-style-id=soft-serve] .capture-dot{width:94%;height:86%;box-shadow:none;background:radial-gradient(circle at 31% 35%,#fff2cf9e 0 9%,#0000 10%),radial-gradient(circle at 71% 61%,#f3a4c375 0 10%,#0000 11%);border:0;border-radius:50%;animation:1.44s ease-in-out infinite alternate board-capture-cream-melt;top:56%}.board-frame[data-move-style-id=soft-serve] .capture-dot:after{display:none}.board-frame[data-move-style-id=soft-serve] .capture-dot .move-hint-motif{filter:drop-shadow(0 2px #fff);background:linear-gradient(135deg,#fff0c9,#f3a4c3 62%,#d86f9f);width:96%;height:96%;top:50%;left:50%}.board-frame[data-move-style-id=poop-scoot] .move-dot{width:35%;height:35%;box-shadow:none;background:0 0;border:0;border-radius:0;animation:.88s cubic-bezier(.4,0,.2,1) infinite alternate board-target-poop-wobble;top:66%;left:67%}.board-frame[data-move-style-id=poop-scoot] .move-dot .move-hint-motif{filter:drop-shadow(0 2px #ffffffdb);width:100%;height:100%}.board-frame[data-move-style-id=poop-scoot] .move-dot:before,.board-frame[data-move-style-id=poop-scoot] .move-dot:after{content:"";opacity:.55;border:2px solid #75a85a9e;border-bottom:0;border-radius:50% 50% 0 0;display:block;position:absolute}.board-frame[data-move-style-id=poop-scoot] .move-dot:before{width:42%;height:50%;top:-78%;left:-46%;rotate:-18deg}.board-frame[data-move-style-id=poop-scoot] .move-dot:after{width:34%;height:42%;top:-110%;right:-35%;rotate:19deg}.board-frame[data-move-style-id=poop-scoot] .capture-dot{width:96%;height:96%;box-shadow:none;background:radial-gradient(circle at 25% 27%,#75a85a59 0 8%,#0000 9%),radial-gradient(circle at 77% 69%,#9a684647 0 10%,#0000 11%);border:0;border-radius:47% 53% 40% 60%;animation:.92s cubic-bezier(.4,0,.2,1) infinite alternate board-capture-poop-squash}.board-frame[data-move-style-id=poop-scoot] .capture-dot:after{display:none}.board-frame[data-move-style-id=poop-scoot] .capture-dot .move-hint-motif{filter:drop-shadow(0 2px #ffffffb8);background:linear-gradient(135deg,#75a85a,#9a6846);width:91%;height:91%;top:50%;left:50%}.board-frame[data-move-style-id=leaf-storm] .move-dot{width:98%;height:98%;box-shadow:none;background:0 0;border:0;border-radius:0;animation:1.38s ease-in-out infinite alternate board-target-leaf-gust}.board-frame[data-move-style-id=leaf-storm] .move-dot .move-hint-motif{filter:drop-shadow(0 2px #fff);width:58%;height:58%;top:56%;left:48%;rotate:-18deg}.board-frame[data-move-style-id=leaf-storm] .move-dot:before,.board-frame[data-move-style-id=leaf-storm] .move-dot:after{content:"";background:currentColor;width:29%;height:29%;display:block;position:absolute;-webkit-mask:url(/moves/motifs/leaf.svg) 50%/contain no-repeat;mask:url(/moves/motifs/leaf.svg) 50%/contain no-repeat}.board-frame[data-move-style-id=leaf-storm] .move-dot:before{color:#d5a13e;top:5%;right:4%;rotate:48deg}.board-frame[data-move-style-id=leaf-storm] .move-dot:after{color:#b56843;bottom:2%;left:5%;rotate:-52deg;scale:.72}.board-frame[data-move-style-id=leaf-storm] .capture-dot{width:98%;height:78%;box-shadow:none;background:radial-gradient(#6caf682e,#0000 68%);border:0;border-radius:0;animation:1.32s cubic-bezier(.4,0,.2,1) infinite alternate board-capture-forest-bow}.board-frame[data-move-style-id=leaf-storm] .capture-dot:after{display:none}.board-frame[data-move-style-id=leaf-storm] .capture-dot .move-hint-motif{filter:drop-shadow(0 2px #fff)drop-shadow(0 0 6px #6caf68);width:96%;height:96%;top:50%;left:50%}.board-frame[data-move-style-id=spooky-cute] .move-dot{background:radial-gradient(ellipse at center bottom, color-mix(in srgb, var(--move-style-accent) 24%, transparent), transparent 66%);width:96%;height:72%;box-shadow:none;clip-path:inset(0 round 45% 45% 8% 8%);border:0;border-radius:50% 50% 16% 16%;animation:1.74s ease-in-out infinite alternate board-target-ghost-peek;top:63%}.board-frame[data-move-style-id=spooky-cute] .move-dot .move-hint-motif{filter:drop-shadow(0 2px #fff)drop-shadow(0 0 7px);width:57%;height:84%;top:56%;left:50%}.board-frame[data-move-style-id=spooky-cute] .capture-dot{background:radial-gradient(circle,#8e70c84f,#241b391f 56%,#0000 75%);border:0;border-radius:36%;width:98%;height:98%;animation:1.64s steps(4,end) infinite board-capture-spooky-flicker;box-shadow:inset 0 0 clamp(16px,24cqw,36px) #8e70c861}.board-frame[data-move-style-id=spooky-cute] .capture-dot:after{display:none}.board-frame[data-move-style-id=spooky-cute] .capture-dot .move-hint-motif{opacity:.78;filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 11px);width:82%;height:82%;top:50%;left:50%}.themed-promotion-capture-hint .promotion-capture-mark{inset:auto}.themed-promotion-capture-hint .promotion-result-badge{z-index:7}.board-frame[data-move-style-id=rainbow-road] .selected-square{outline-offset:calc(clamp(3px, 4cqw, 6px) * -1);outline:clamp(3px,4cqw,6px) solid #f45f8d;box-shadow:inset 0 clamp(5px,7cqw,10px) #f4bd41,inset 0 calc(-1*clamp(5px,7cqw,10px)) #55bad0,inset clamp(5px,7cqw,10px) 0 #78b867,inset calc(-1*clamp(5px,7cqw,10px)) 0 #8c6bd7}.board-frame[data-move-style-id=rainy-day] .selected-square{outline-style:dotted;box-shadow:inset 0 -12px #72b9e845}.board-frame[data-move-style-id=soft-serve] .selected-square{outline:clamp(3px,4cqw,6px) double #fff0c9;box-shadow:inset 0 0 18px #f3a4c35c}.board-frame[data-move-style-id=poop-scoot] .selected-square{outline-style:dashed;box-shadow:inset 0 0 0 999px #9a68461f,inset 0 -8px #75a85a3b}.board-frame[data-move-style-id=leaf-storm] .selected-square{outline:clamp(3px,4cqw,6px) solid #6caf68;box-shadow:inset 9px -7px #d5a13e3d,inset -8px 9px #b5684330}.board-frame[data-move-style-id=spooky-cute] .selected-square{outline-style:dashed;box-shadow:inset 0 0 clamp(18px,28cqw,42px) #8e70c885}.board-frame[data-move-style-id=swift] .move-impact-motif{inset:38%}.board-frame[data-move-style-id=pulse] .move-impact-motif,.board-frame[data-move-style-id=blitz] .move-impact-motif,.board-frame[data-move-style-id=ink-flow] .move-impact-motif,.board-frame[data-move-style-id=manga-rush] .move-impact-motif,.board-frame[data-move-style-id=rainbow-road] .move-impact-motif,.board-frame[data-move-style-id=rainy-day] .move-impact-motif,.board-frame[data-move-style-id=soft-serve] .move-impact-motif,.board-frame[data-move-style-id=poop-scoot] .move-impact-motif,.board-frame[data-move-style-id=leaf-storm] .move-impact-motif,.board-frame[data-move-style-id=spooky-cute] .move-impact-motif{inset:7%}.board-frame[data-move-style-id=stardust] .move-impact-motif{inset:31% 9%;rotate:-24deg}.board-frame[data-move-style-id=shadow-veil] .move-impact-motif{inset:12% 12% 50% 50%}.board-frame[data-move-style-id=swift] .move-impact-motif{animation-name:board-impact-swift-cut}.board-frame[data-move-style-id=pulse] .move-impact-motif{animation-name:board-impact-pulse-discharge;animation-duration:.52s}.board-frame[data-move-style-id=royal] .move-impact-motif{animation-name:board-impact-royal-bloom;animation-duration:.62s}.board-frame[data-move-style-id=blitz] .move-impact-motif{animation-name:board-impact-blitz-stamp;animation-duration:.26s}.board-frame[data-move-style-id=petal-drift] .move-impact-motif{animation-name:board-impact-petal-flutter;animation-duration:.68s}.board-frame[data-move-style-id=tidal-wake] .move-impact-motif{animation-name:board-impact-tidal-surge;animation-duration:.62s}.board-frame[data-move-style-id=ink-flow] .move-impact-motif{animation-name:board-impact-ink-splat;animation-duration:.46s}.board-frame[data-move-style-id=manga-rush] .move-impact-motif{animation-name:board-impact-manga-smash;animation-duration:.35s}.board-frame[data-move-style-id=stardust] .move-impact-motif{animation-name:board-impact-comet-streak;animation-duration:.72s}.board-frame[data-move-style-id=shadow-veil] .move-impact-motif{animation-name:board-impact-shadow-vanish;animation-duration:.58s}.board-frame[data-move-style-id=rainbow-road] .move-impact-motif{animation-name:board-impact-rainbow-pop;animation-duration:.72s}.board-frame[data-move-style-id=rainy-day] .move-impact-motif{animation-name:board-impact-rain-splash;animation-duration:.64s}.board-frame[data-move-style-id=soft-serve] .move-impact-motif{animation-name:board-impact-cream-melt;animation-duration:.76s}.board-frame[data-move-style-id=poop-scoot] .move-impact-motif{animation-name:board-impact-poop-splat;animation-duration:.64s}.board-frame[data-move-style-id=leaf-storm] .move-impact-motif{animation-name:board-impact-bow-release;animation-duration:.68s}.board-frame[data-move-style-id=spooky-cute] .move-impact-motif{animation-name:board-impact-boo;animation-duration:.74s}.board-frame[data-move-style-id] .last-move-destination-square .move-impact:before{animation-delay:var(--move-impact-delay,0s)}.board-frame[data-move-style-id] .last-move-destination-square .move-impact:after{animation-delay:calc(var(--move-impact-delay,0s) + 35ms)}.board-frame[data-move-style-id] .last-move-destination-square .capture-shards:before{animation-delay:calc(var(--move-impact-delay,0s) + 15ms)}.board-frame[data-move-style-id] .last-move-destination-square .capture-shards:after{animation-delay:calc(var(--move-impact-delay,0s) + 55ms)}.board-frame[data-move-style-id] .last-move-destination-square .move-impact-motif{animation-delay:var(--move-impact-delay,0s)}@keyframes board-target-swift-tick{0%,44%{opacity:1;translate:-50% -50%}45%,52%{opacity:.35;translate:-43% -50%}53%,to{opacity:1;translate:-50% -50%}}@keyframes board-capture-swift-ping{0%,54%{opacity:.72;scale:.86}55%,to{opacity:1;scale:1.05}}@keyframes board-target-pulse-field{0%,to{opacity:.7;scale:.91}50%{opacity:1;scale:1}}@keyframes board-capture-pulse-surge{0%{filter:saturate(.8);scale:.9}to{filter:saturate(1.3)brightness(1.08);scale:1.04}}@keyframes board-target-royal-float{0%{translate:-50% -47%;rotate:-1deg}to{translate:-50% -54%;rotate:1deg}}@keyframes board-capture-royal-gem{0%{filter:brightness(.95);scale:.9}to{filter:brightness(1.16);scale:1.02}}@keyframes board-target-blitz-lock{0%,28%{opacity:.72;scale:.94}29%,to{opacity:1;scale:1}}@keyframes board-capture-blitz-flash{0%,38%{opacity:.55;scale:.92}39%,to{opacity:1;scale:1.03}}@keyframes board-target-petal-drift{0%{translate:-53% -47%;rotate:-7deg}to{translate:-47% -54%;rotate:8deg}}@keyframes board-capture-butterfly{0%{translate:-52% -48%;rotate:-7deg}to{translate:-46% -55%;rotate:9deg}}@keyframes board-target-tidal-breathe{0%,to{opacity:.64;scale:.88 1}50%{opacity:1;scale:1.02 .82}}@keyframes board-capture-tidal-splash{0%,to{opacity:.7;scale:.92 .78}50%{opacity:1;scale:1 1.04}}@keyframes board-target-ink-settle{0%{translate:-52% -48%;rotate:-5deg}to{translate:-48% -51%;rotate:4deg}}@keyframes board-capture-ink-ooze{0%{rotate:-3deg;scale:.94 .88}to{rotate:4deg;scale:1.02 1}}@keyframes board-target-manga-snap{0%,36%{translate:-54% -47%}37%,to{translate:-50% -50%}}@keyframes board-capture-manga-jolt{0%,45%{translate:-54% -47%}46%,to{translate:-48% -52%}}@keyframes board-target-star-blink{0%,to{opacity:.55;rotate:-8deg;scale:.72}28%{opacity:1;rotate:8deg;scale:1.16}52%{opacity:.68;scale:.86}}@keyframes board-capture-comet-cross{0%,to{opacity:.48;translate:-57% -43%}48%{opacity:1;translate:-45% -57%}}@keyframes board-target-shadow-drift{0%{opacity:.42;filter:blur(.4px);translate:-57% -43%}to{opacity:.92;filter:blur();translate:-43% -57%}}@keyframes board-capture-shadow-flicker{0%,23%,to{opacity:.34}38%,64%{opacity:.92}76%{opacity:.16}}@keyframes board-target-rainbow-rise{0%{translate:-50% -44%;scale:1 .88}to{translate:-50% -53%;scale:1}}@keyframes board-capture-rainbow-party{0%,30%{rotate:-4deg;scale:.96}31%,65%{rotate:4deg;scale:1.02}66%,to{rotate:0;scale:.98}}@keyframes board-target-rain-scene{0%{background-position:0 -20px}to{background-position:12px 22px}}@keyframes board-capture-rain-splash{0%,to{opacity:.66;scale:.86 .65}46%{opacity:1;scale:1.02 1.06}}@keyframes board-target-softserve{0%{rotate:-2deg;scale:.96 1.04}to{rotate:2deg;scale:1.04 .96}}@keyframes board-capture-cream-melt{0%{translate:-50% -55%;scale:.92 1.04}to{translate:-50% -46%;scale:1.03 .9}}@keyframes board-target-poop-wobble{0%{translate:-54% -50%;rotate:-9deg}to{translate:-46% -50%;rotate:8deg}}@keyframes board-capture-poop-squash{0%{rotate:-3deg;scale:.88 1.04}to{rotate:3deg;scale:1.05 .82}}@keyframes board-target-leaf-gust{0%{translate:-53% -47%;rotate:-8deg}to{translate:-47% -54%;rotate:9deg}}@keyframes board-capture-forest-bow{0%{rotate:-5deg;scale:.9 1.04}to{rotate:5deg;scale:1.04 .92}}@keyframes board-target-ghost-peek{0%{opacity:.52;translate:-50% -35%}to{opacity:1;translate:-50% -53%}}@keyframes board-capture-spooky-flicker{0%,20%{opacity:.34;filter:blur(1px)}21%,49%{opacity:.88;filter:blur()}50%,63%{opacity:.2}64%,to{opacity:.78}}@keyframes board-impact-swift-cut{0%{opacity:0;translate:18%;scale:.2}28%{opacity:1;translate:-8%;scale:1}to{opacity:0;translate:-38%;scale:.72}}@keyframes board-impact-pulse-discharge{0%{opacity:0;filter:brightness(2);scale:.18}42%{opacity:1;filter:brightness(1.7)drop-shadow(0 0 10px);scale:.86}to{opacity:0;filter:brightness();scale:1.8}}@keyframes board-impact-royal-bloom{0%{opacity:0;translate:0 20%;rotate:-12deg;scale:.25}48%{opacity:1;translate:0 -8%;rotate:4deg;scale:1}to{opacity:0;translate:0 -36%;rotate:-3deg;scale:1.35}}@keyframes board-impact-blitz-stamp{0%{opacity:0;scale:1.8 .25}22%,62%{opacity:1;filter:brightness(1.8);scale:1}to{opacity:0;scale:.8 1.5}}@keyframes board-impact-petal-flutter{0%{opacity:0;translate:-25% 18%;rotate:-35deg;scale:.35}38%{opacity:1;scale:.9}to{opacity:0;translate:34% -42%;rotate:42deg;scale:1.25}}@keyframes board-impact-tidal-surge{0%{opacity:0;translate:0 42%;scale:.25 .08}40%{opacity:.9;translate:0 5%;scale:1 .72}to{opacity:0;translate:0 -28%;scale:1.28 1.18}}@keyframes board-impact-ink-splat{0%{opacity:0;rotate:-18deg;scale:.12 1.35}26%{opacity:.95;rotate:8deg;scale:1.12 .78}72%{opacity:.7;scale:.92 1.08}to{opacity:0;rotate:-4deg;scale:1.18}}@keyframes board-impact-manga-smash{0%{opacity:0;rotate:-8deg;scale:2.2}20%,68%{opacity:1;filter:contrast(1.6);rotate:3deg;scale:.94}to{opacity:0;rotate:-2deg;scale:1.12}}@keyframes board-impact-comet-streak{0%{opacity:0;translate:55% -45%;scale:.3}36%{opacity:1;translate:0;scale:1}to{opacity:0;translate:-62% 48%;scale:1.25}}@keyframes board-impact-shadow-vanish{0%{opacity:0;filter:blur(8px);scale:1.5}38%{opacity:.72;filter:blur(1px);scale:.82}66%{opacity:.1;scale:1.1}to{opacity:0;filter:blur(9px);scale:.4}}@keyframes board-impact-rainbow-pop{0%{opacity:0;rotate:-24deg;scale:.2}32%{opacity:1;rotate:9deg;scale:1.1}64%{rotate:-4deg;scale:.86}to{opacity:0;rotate:18deg;scale:1.65}}@keyframes board-impact-rain-splash{0%{opacity:0;translate:0 35%;scale:.18 .08}36%{opacity:1;translate:0 8%;scale:1.08 .78}to{opacity:0;translate:0 -38%;scale:1.3 1.25}}@keyframes board-impact-cream-melt{0%{opacity:0;translate:0 -28%;scale:.32 1.3}38%{opacity:1;translate:0;scale:1.08 .88}to{opacity:0;translate:0 38%;scale:1.22 .52}}@keyframes board-impact-poop-splat{0%{opacity:0;translate:0 -16%;scale:.18 1.2}30%{opacity:1;translate:0 12%;scale:1.18 .72}62%{scale:.9 1.05}to{opacity:0;translate:0 34%;scale:1.35 .48}}@keyframes board-impact-bow-release{0%{opacity:0;translate:-28%;scale:.45 1.25}28%{opacity:1;translate:0;scale:1.08 .88}to{opacity:0;translate:54%;scale:.76 1.08}}@keyframes board-impact-boo{0%{opacity:0;filter:blur(5px);translate:0 28%;scale:.28}30%{opacity:.9;filter:blur();translate:0 -5%;scale:1.18}55%{opacity:.12;scale:.72}74%{opacity:.72;scale:1}to{opacity:0;filter:blur(5px);translate:0 -34%;scale:1.45}}@keyframes move-style-indicator-orbit{0%{rotate:0deg}to{rotate:360deg}}@keyframes move-recipe-target-orbit{0%{transform:translate(-50%,-50%)rotate(0)translate(4px)}to{transform:translate(-50%,-50%)rotate(360deg)translate(4px)}}@keyframes move-recipe-target-portal{0%{opacity:.42;filter:drop-shadow(0 0 1px);scale:.7}to{opacity:1;filter:drop-shadow(0 0 6px);scale:1.15}}@keyframes move-recipe-impact-motif{0%{opacity:0;rotate:-18deg;scale:.25}38%{opacity:1;scale:1.15}to{opacity:0;rotate:22deg;scale:1.6}}@keyframes move-recipe-hop-pop{0%{opacity:0;translate:0 5px}32%{opacity:1;translate:0 -5px;rotate:-12deg}62%{opacity:.45}to{opacity:0;translate:0 -9px;rotate:22deg}}@keyframes move-recipe-zip-cut{0%,to{opacity:0;translate:8px}22%,48%{opacity:1;translate:-5px}62%{opacity:.18}78%{opacity:.8;translate:-9px}}@keyframes move-recipe-charge{0%{opacity:0;filter:brightness(.7);translate:7px}46%{opacity:.9;filter:brightness(1.7);translate:0}68%{opacity:.28}to{opacity:0;filter:brightness(2);translate:-8px}}@keyframes move-recipe-crown-rise{0%{opacity:0;translate:0 7px}35%{opacity:1;translate:0 -3px}70%{opacity:.65;rotate:8deg}to{opacity:0;translate:0 -12px;rotate:-8deg}}@keyframes move-recipe-strike{0%,to{opacity:0;translate:3px -3px}20%,42%{opacity:1;filter:brightness(2);translate:-3px 2px}58%{opacity:.12}76%{opacity:.9;translate:2px -2px}}@keyframes move-recipe-petal-float{0%{opacity:.32;translate:0 5px;rotate:-20deg}to{opacity:1;translate:0 -5px;rotate:28deg}}@keyframes move-recipe-wave-roll{0%,to{opacity:.2;translate:0 5px}30%{opacity:.95;translate:0 -5px}66%{opacity:.5;translate:0 4px}}@keyframes move-recipe-brush{0%{opacity:.9;translate:0 -3px}52%{opacity:.55;rotate:-18deg}to{opacity:0;translate:0 8px;rotate:14deg}}@keyframes move-recipe-panel{0%,to{opacity:0;translate:4px 3px}18%,44%{opacity:1;translate:-4px -3px;rotate:-10deg}58%{opacity:.2}76%{opacity:.9;translate:2px -4px;rotate:12deg}}@keyframes move-recipe-constellation{0%{opacity:.25;filter:brightness(.8);translate:1px 2px}to{opacity:1;filter:brightness(1.9);translate:-1px -2px}}@keyframes move-recipe-veil{0%{opacity:.55;filter:blur(1px);translate:0 5px}to{opacity:0;filter:blur(5px);translate:0 -10px}}@keyframes move-recipe-whisper{0%{opacity:0;translate:1px 4px}34%{opacity:.62}to{opacity:0;translate:-3px -7px;rotate:24deg}}@keyframes move-recipe-plus{0%,to{opacity:0;scale:.3}28%,62%{opacity:1;filter:brightness(1.5);scale:1.05}}@keyframes move-recipe-frame{0%{opacity:0;scale:.4}38%{opacity:.9;scale:1}72%{opacity:.45;scale:1.18}to{opacity:0;scale:1.35}}@keyframes move-recipe-rush{0%{opacity:0;translate:10px}25%{opacity:1}to{opacity:0;translate:-14px}}@keyframes move-recipe-orbit{0%,to{opacity:.32;translate:0 7px;rotate:0deg}25%{opacity:1;translate:0}50%{opacity:.4;translate:0 -7px;rotate:180deg}75%{opacity:.9;translate:0}}@keyframes move-recipe-echo{0%,to{opacity:0;scale:.55}22%,38%{opacity:.85;scale:1}55%{opacity:.18}72%,84%{opacity:.65;scale:1.2}}@keyframes move-recipe-flow{0%{opacity:.38;translate:0 6px;rotate:-16deg}to{opacity:1;translate:0 -6px;rotate:16deg}}@keyframes move-recipe-shift{0%,to{opacity:0;filter:brightness(.7);scale:.3}18%,42%{opacity:1;filter:brightness(2);scale:1.15}55%{opacity:.08}70%,84%{opacity:.9;scale:.8}}.board-frame:where(:not([data-move-trail=none]),:not([data-move-particle=none])) .piece-move-trail:before,.board-frame:where(:not([data-move-trail=none]),:not([data-move-particle=none])) .piece-move-trail:after{z-index:-1;pointer-events:none;content:"";transform-origin:0;transform:translateY(-50%) rotate(var(--piece-move-trail-angle));display:block;position:absolute;top:50%;left:50%}.board-frame:where(:not([data-move-trail=none]),:not([data-move-particle=none])) .piece-move-trail:before{width:var(--piece-move-trail-length,90px);background:linear-gradient(90deg, color-mix(in srgb, var(--move-style-accent) 82%, white), transparent);height:11%;animation:piece-move-trail-streak var(--piece-move-trail-duration,.22s) ease-out both;border-radius:999px}.board-frame:where(:not([data-move-trail=none]),:not([data-move-particle=none])) .piece-move-trail:after{width:9px;height:9px;color:var(--move-style-accent);animation:piece-move-trail-particles var(--piece-move-trail-duration,.22s) linear both;background:currentColor;border-radius:50%;box-shadow:20px -5px 0 -1px,42px 5px 0 -2px,65px -3px 0 -3px}.board-frame:not([data-move-particle=none]) .piece-move-trail:after,.piece-move-particle-field{display:none}.piece-move-trail>.piece-move-particle-field{z-index:-1;width:var(--piece-move-trail-length,90px);contain:layout;pointer-events:none;height:62%;transform:translateY(-50%) rotate(var(--piece-move-trail-angle));transform-origin:0;display:block;position:absolute;top:50%;left:50%}.piece-move-particle-field i{aspect-ratio:1;width:clamp(6px,16%,13px);color:var(--move-style-accent);-webkit-mask:var(--move-particle-image) center / contain no-repeat;-webkit-mask:var(--move-particle-image) center / contain no-repeat;mask:var(--move-particle-image) center / contain no-repeat;animation-duration:var(--piece-move-trail-duration,.22s);background:currentColor;animation-timing-function:ease-out;animation-fill-mode:both;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.piece-move-particle-field i:first-child{top:30%;left:10%;scale:.76}.piece-move-particle-field i:nth-child(2){animation-delay:-35ms;top:72%;left:27%;scale:.92}.piece-move-particle-field i:nth-child(3){animation-delay:-70ms;top:18%;left:44%;scale:.58}.piece-move-particle-field i:nth-child(4){animation-delay:-105ms;top:68%;left:61%;scale:.82}.piece-move-particle-field i:nth-child(5){animation-delay:-140ms;top:29%;left:78%;scale:.54}.piece-move-particle-field i:nth-child(6){animation-delay:-175ms;top:73%;left:93%;scale:.44}.board-frame[data-move-behavior=charge-release] .piece-move-particle-field{width:74%;height:112%}.board-frame[data-move-behavior=crown-rise] .piece-move-particle-field{width:68%;height:126%}.board-frame[data-move-behavior=crown-rise] .piece-move-particle-field i:nth-child(odd){top:12%}.board-frame[data-move-behavior=crown-rise] .piece-move-particle-field i:nth-child(2n){top:84%}.board-frame[data-move-behavior=strike-flash] .piece-move-particle-field{width:86%;height:46%}.board-frame[data-move-behavior=petal-float] .piece-move-particle-field{width:78%;height:136%}.board-frame[data-move-behavior=wave-roll] .piece-move-particle-field{width:88%;height:116%}.board-frame[data-move-behavior=brush-swipe] .piece-move-particle-field{width:82%;height:74%;transform:translateY(-50%) rotate(var(--piece-move-trail-angle)) skewY(-8deg)}.board-frame[data-move-behavior=panel-smash] .piece-move-particle-field{width:92%;height:54%}.board-frame[data-move-behavior=constellation-glide] .piece-move-particle-field{width:94%;height:98%}.board-frame[data-move-behavior=veil-dissolve] .piece-move-particle-field{filter:blur(1px);width:70%;height:142%}.board-frame[data-move-behavior=rainbow-swoop] .piece-move-particle-field{width:96%;height:112%}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field{width:72%;height:132%}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field i{rotate:var(--piece-move-trail-counter-angle)}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field i:first-child{top:5%;left:4%}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field i:nth-child(2){top:72%;left:17%}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field i:nth-child(3){top:30%;left:34%}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field i:nth-child(4){top:88%;left:55%}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field i:nth-child(5){top:14%;left:73%}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field i:nth-child(6){top:60%;left:94%}.board-frame[data-move-behavior=scoop-bounce] .piece-move-particle-field{width:78%;height:98%}.board-frame[data-move-behavior=scoop-bounce] .piece-move-particle-field i:nth-child(odd){top:10%}.board-frame[data-move-behavior=scoop-bounce] .piece-move-particle-field i:nth-child(2n){top:89%}.board-frame[data-move-behavior=silly-scoot] .piece-move-particle-field{filter:blur(.2px);width:66%;height:126%}.board-frame[data-move-behavior=silly-scoot] .piece-move-particle-field i:first-child{top:77%;left:8%}.board-frame[data-move-behavior=silly-scoot] .piece-move-particle-field i:nth-child(2){top:34%;left:22%}.board-frame[data-move-behavior=silly-scoot] .piece-move-particle-field i:nth-child(3){top:71%;left:41%}.board-frame[data-move-behavior=silly-scoot] .piece-move-particle-field i:nth-child(4){top:24%;left:62%}.board-frame[data-move-behavior=silly-scoot] .piece-move-particle-field i:nth-child(5){top:66%;left:79%}.board-frame[data-move-behavior=silly-scoot] .piece-move-particle-field i:nth-child(6){top:16%;left:94%}.board-frame[data-move-behavior=leaf-storm] .piece-move-particle-field{width:84%;height:150%}.board-frame[data-move-behavior=leaf-storm] .piece-move-particle-field i:first-child{top:8%;left:3%}.board-frame[data-move-behavior=leaf-storm] .piece-move-particle-field i:nth-child(2){top:91%;left:14%}.board-frame[data-move-behavior=leaf-storm] .piece-move-particle-field i:nth-child(3){top:22%;left:37%}.board-frame[data-move-behavior=leaf-storm] .piece-move-particle-field i:nth-child(4){top:83%;left:57%}.board-frame[data-move-behavior=leaf-storm] .piece-move-particle-field i:nth-child(5){top:4%;left:77%}.board-frame[data-move-behavior=leaf-storm] .piece-move-particle-field i:nth-child(6){top:69%;left:96%}.board-frame[data-move-behavior=boo-pop] .piece-move-particle-field{width:58%;height:146%}.board-frame[data-move-behavior=boo-pop] .piece-move-particle-field i:nth-child(odd){top:16%}.board-frame[data-move-behavior=boo-pop] .piece-move-particle-field i:nth-child(2n){top:84%}.board-frame[data-move-particle=sugar-petals] .piece-move-particle-field i:nth-child(2n){--move-particle-image:url(/moves/motifs/petal.svg)}.board-frame[data-move-particle=gem-glints] .piece-move-particle-field i:nth-child(2n){--move-particle-image:url(/moves/motifs/star.svg)}.board-frame[data-move-particle=water-drops] .piece-move-particle-field i{aspect-ratio:.68;width:clamp(5px,12%,9px)}.board-frame[data-move-particle=leaves] .piece-move-particle-field i{aspect-ratio:1.5;width:clamp(8px,20%,15px)}.board-frame[data-move-particle=bubbles] .piece-move-particle-field i{width:clamp(8px,20%,15px)}.board-frame[data-move-particle=pencil-flecks] .piece-move-particle-field i{aspect-ratio:2;width:clamp(8px,20%,15px)}.board-frame[data-move-particle=lightning-bolts] .piece-move-particle-field i{aspect-ratio:1.4;filter:drop-shadow(0 0 3px);width:clamp(8px,20%,15px)}.board-frame[data-move-particle=embers] .piece-move-particle-field i{aspect-ratio:.78}.board-frame[data-move-particle=pixel-bits] .piece-move-particle-field i{border-radius:1px;-webkit-mask:none;mask:none}.board-frame[data-move-particle=rainbow-sparks] .piece-move-particle-field i{width:clamp(8px,18%,14px)}.board-frame[data-move-particle=raindrops] .piece-move-particle-field i{aspect-ratio:.64;width:clamp(5px,11%,9px)}.board-frame[data-move-particle=sprinkles] .piece-move-particle-field i{aspect-ratio:1.65;width:clamp(8px,18%,14px)}.board-frame[data-move-particle=stink-puffs] .piece-move-particle-field i{aspect-ratio:1.2;width:clamp(9px,20%,16px)}.board-frame[data-move-particle=leaf-flurry] .piece-move-particle-field i{aspect-ratio:1.4;width:clamp(9px,21%,16px)}.board-frame[data-move-particle=tiny-skulls] .piece-move-particle-field i{width:clamp(8px,18%,14px)}.board-frame[data-move-style-id=rainbow-road] .piece-move-particle-field i:nth-child(3n+1){color:#fff1a6}.board-frame[data-move-style-id=rainbow-road] .piece-move-particle-field i:nth-child(3n+2){color:#ff79a5}.board-frame[data-move-style-id=rainbow-road] .piece-move-particle-field i:nth-child(3n){color:#75d7f0}.board-frame[data-move-style-id=soft-serve] .piece-move-particle-field i:nth-child(4n+1){color:#f36f97}.board-frame[data-move-style-id=soft-serve] .piece-move-particle-field i:nth-child(4n+2){color:#5bb9d0}.board-frame[data-move-style-id=soft-serve] .piece-move-particle-field i:nth-child(4n+3){color:#f2be45}.board-frame[data-move-style-id=soft-serve] .piece-move-particle-field i:nth-child(4n){color:#79b867}.board-frame[data-move-style-id=poop-scoot] .piece-move-particle-field i:nth-child(2n){color:#ad8755}.board-frame[data-move-style-id=leaf-storm] .piece-move-particle-field i:nth-child(3n+1){color:#4e9d5d}.board-frame[data-move-style-id=leaf-storm] .piece-move-particle-field i:nth-child(3n+2){color:#d6a33e}.board-frame[data-move-style-id=leaf-storm] .piece-move-particle-field i:nth-child(3n){color:#b66843}.board-frame[data-move-behavior=instant-clean] .piece-move-particle-field,.board-frame[data-move-behavior=whisper-drift] .piece-move-particle-field i:nth-child(n+3),.board-frame[data-move-behavior=plus-pop] .piece-move-particle-field i:nth-child(n+3),.board-frame[data-move-behavior=frame-grow] .piece-move-particle-field i:nth-child(n+4),.board-frame[data-move-behavior=echo-afterimage] .piece-move-particle-field i:nth-child(n+4),.board-frame[data-move-behavior=orbit-swarm] .piece-move-particle-field i:nth-child(n+5),.board-frame[data-move-behavior=shift-burst] .piece-move-particle-field i:nth-child(n+5),.board-frame[data-move-behavior=rush-spray] .piece-move-particle-field i:nth-child(n+6){display:none}.board-frame[data-move-behavior=shift-burst] .piece-move-particle-field i:first-child{left:5%}.board-frame[data-move-behavior=shift-burst] .piece-move-particle-field i:nth-child(2){left:13%}.board-frame[data-move-behavior=shift-burst] .piece-move-particle-field i:nth-child(3){left:86%}.board-frame[data-move-behavior=shift-burst] .piece-move-particle-field i:nth-child(4){left:95%}.board-frame[data-move-behavior=echo-afterimage] .piece-move-particle-field i:first-child{left:24%}.board-frame[data-move-behavior=echo-afterimage] .piece-move-particle-field i:nth-child(2){left:52%}.board-frame[data-move-behavior=echo-afterimage] .piece-move-particle-field i:nth-child(3){left:79%}.board-frame[data-move-behavior=hop-pop] .piece-move-particle-field i{animation-name:move-recipe-hop-pop}.board-frame[data-move-behavior=zip-cut] .piece-move-particle-field i{animation-name:move-recipe-zip-cut}.board-frame[data-move-behavior=charge-release] .piece-move-particle-field i{animation-name:move-recipe-charge}.board-frame[data-move-behavior=crown-rise] .piece-move-particle-field i{animation-name:move-recipe-crown-rise}.board-frame[data-move-behavior=strike-flash] .piece-move-particle-field i{animation-name:move-recipe-strike}.board-frame[data-move-behavior=petal-float] .piece-move-particle-field i{animation-name:move-recipe-petal-float}.board-frame[data-move-behavior=wave-roll] .piece-move-particle-field i{animation-name:move-recipe-wave-roll}.board-frame[data-move-behavior=brush-swipe] .piece-move-particle-field i{animation-name:move-recipe-brush}.board-frame[data-move-behavior=panel-smash] .piece-move-particle-field i{animation-name:move-recipe-panel}.board-frame[data-move-behavior=constellation-glide] .piece-move-particle-field i{animation-name:move-recipe-constellation}.board-frame[data-move-behavior=veil-dissolve] .piece-move-particle-field i{animation-name:move-recipe-veil}.board-frame[data-move-behavior=whisper-drift] .piece-move-particle-field i{animation-name:move-recipe-whisper}.board-frame[data-move-behavior=plus-pop] .piece-move-particle-field i{animation-name:move-recipe-plus}.board-frame[data-move-behavior=frame-grow] .piece-move-particle-field i{animation-name:move-recipe-frame}.board-frame[data-move-behavior=rush-spray] .piece-move-particle-field i{animation-name:move-recipe-rush}.board-frame[data-move-behavior=orbit-swarm] .piece-move-particle-field i{animation-name:move-recipe-orbit}.board-frame[data-move-behavior=echo-afterimage] .piece-move-particle-field i{animation-name:move-recipe-echo}.board-frame[data-move-behavior=flow-stream] .piece-move-particle-field i{animation-name:move-recipe-flow}.board-frame[data-move-behavior=shift-burst] .piece-move-particle-field i{animation-name:move-recipe-shift}.board-frame[data-move-behavior=rainbow-swoop] .piece-move-particle-field i{animation-name:board-playful-rainbow}.board-frame[data-move-behavior=rain-patter] .piece-move-particle-field i{animation-name:board-playful-rain}.board-frame[data-move-behavior=scoop-bounce] .piece-move-particle-field i{animation-name:board-playful-sprinkle}.board-frame[data-move-behavior=silly-scoot] .piece-move-particle-field i{animation-name:board-playful-stink}.board-frame[data-move-behavior=leaf-storm] .piece-move-particle-field i{animation-name:board-playful-leaf}.board-frame[data-move-behavior=boo-pop] .piece-move-particle-field i{animation-name:board-playful-boo}.board-frame[data-move-trail=glow] .piece-move-trail:before{filter:blur(3px);height:16%;box-shadow:0 0 12px var(--move-style-accent)}.board-frame[data-move-trail=speed] .piece-move-trail:before{background:linear-gradient(90deg, var(--move-style-accent), transparent);height:4%;box-shadow:0 -8px 0 -1px color-mix(in srgb, var(--move-style-accent) 72%, transparent), 0 8px 0 -1px color-mix(in srgb, var(--move-style-accent) 48%, transparent)}.board-frame[data-move-trail=sparkle] .piece-move-trail:before{height:5%;box-shadow:0 0 8px var(--move-style-accent)}.board-frame[data-move-trail=sparkle] .piece-move-trail:after{border-radius:2px;box-shadow:18px -8px 0 -1px,38px 7px 0 -2px,58px -4px 0 -2px #fff,78px 5px 0 -3px}.board-frame[data-move-trail=glitter] .piece-move-trail:before{height:3%;box-shadow:0 0 7px 1px color-mix(in srgb, var(--move-style-accent) 72%, transparent)}.board-frame[data-move-trail=glitter] .piece-move-trail:after{color:#fff;width:4px;height:4px;box-shadow:12px -5px 0 -1px var(--move-style-accent), 25px 4px 0 -1px #fff, 37px -7px 0 -1px var(--move-style-accent), 51px 6px 0 -1px #fff, 65px -3px 0 -1px var(--move-style-accent), 79px 5px 0 -1px #fff;background:currentColor}.board-frame[data-move-trail=petal] .piece-move-trail:before{filter:blur(1px);height:7%}.board-frame[data-move-trail=petal] .piece-move-trail:after{width:12px;height:7px;box-shadow:20px -8px 0 -1px currentColor, 43px 7px 0 -2px currentColor, 67px -4px 0 -2px color-mix(in srgb, currentColor 70%, white);border-radius:75% 20% 70% 32%}.board-frame[data-move-trail=wave] .piece-move-trail:before{background:repeating-linear-gradient(90deg, var(--move-style-accent) 0 14px, transparent 14px 23px);height:8%;box-shadow:0 0 8px color-mix(in srgb, var(--move-style-accent) 60%, transparent)}.board-frame[data-move-trail=wave] .piece-move-trail:after{background:0 0;border:2px solid;box-shadow:24px -7px 0 -2px,49px 5px 0 -3px,73px -4px 0 -3px}.board-frame[data-move-trail=ink] .piece-move-trail:before{background:linear-gradient(90deg, var(--move-style-accent), color-mix(in srgb, var(--move-style-accent) 22%, transparent));clip-path:polygon(0 38%,100% 0,92% 100%,0 62%);border-radius:30% 100% 100% 35%;height:14%}.board-frame[data-move-trail=ink] .piece-move-trail:after{filter:blur(.3px);box-shadow:22px -6px 0 -1px,46px 6px 0 -3px,70px -2px 0 -2px}.board-frame[data-move-trail=smoke] .piece-move-trail:before{filter:blur(7px);opacity:.72;height:24%}.board-frame[data-move-trail=smoke] .piece-move-trail:after{opacity:.55;filter:blur(4px);width:14px;height:14px;box-shadow:24px -5px 0 1px,50px 6px 0 -1px,76px -3px 0 -3px}.board-frame[data-move-trail=comet] .piece-move-trail:before{filter:blur(1px);clip-path:polygon(0 50%,100% 8%,88% 50%,100% 92%);border-radius:100% 12px 12px 100%;height:18%}.board-frame[data-move-trail=ribbon] .piece-move-trail:before{background:repeating-radial-gradient(ellipse at center, var(--move-style-accent) 0 5px, transparent 6px 12px);filter:blur(.5px);height:18%}.board-frame[data-move-trail=bubbles] .piece-move-trail:before{background:repeating-linear-gradient(90deg, transparent 0 8px, color-mix(in srgb, var(--move-style-accent) 55%, transparent) 9px 12px, transparent 13px 22px);height:12%}.board-frame[data-move-trail=bubbles] .piece-move-trail:after{background:0 0;border:2px solid;box-shadow:22px -8px 0 1px,46px 6px 0 -2px,70px -4px}.board-frame[data-move-trail=embers] .piece-move-trail:before{filter:blur(2px);height:9%;box-shadow:0 0 11px var(--move-style-accent)}.board-frame[data-move-trail=embers] .piece-move-trail:after{transform:translateY(-50%) rotate(calc(var(--piece-move-trail-angle) + 45deg));border-radius:70% 20% 70% 30%;box-shadow:20px -8px 0 -1px,43px 8px 0 -2px,66px -5px 0 -2px}.board-frame[data-move-trail=pixel] .piece-move-trail:before{background:repeating-linear-gradient(90deg, var(--move-style-accent) 0 8px, transparent 8px 13px);height:8%;image-rendering:pixelated;border-radius:0}.board-frame[data-move-trail=pixel] .piece-move-trail:after{border-radius:1px;box-shadow:20px -7px 0 -1px,42px 7px 0 -2px,64px -4px 0 -2px}.board-frame[data-move-trail=hearts] .piece-move-trail:after{width:auto;height:auto;color:var(--move-style-accent);box-shadow:none;content:"♥  ·  ♥  ·  ♥";letter-spacing:8px;white-space:nowrap;background:0 0;font-size:13px}.board-frame[data-move-trail=leaves] .piece-move-trail:after{width:13px;height:8px;transform:translateY(-50%) rotate(calc(var(--piece-move-trail-angle) + 35deg));border-radius:75% 18% 72% 36%;box-shadow:22px -7px 0 -1px,45px 7px 0 -2px,68px -4px 0 -2px}.board-frame[data-move-trail=lightning] .piece-move-trail:before{background:var(--move-style-accent);clip-path:polygon(0 42%,28% 18%,42% 45%,67% 12%,61% 48%,100% 35%,70% 72%,54% 55%,29% 86%,35% 53%);height:20%;filter:drop-shadow(0 0 4px var(--move-style-accent));border-radius:0}.board-frame[data-move-trail=rainbow] .piece-move-trail:before{background:linear-gradient(#f85f83 0 17%,#f3a944 17% 34%,#ecd954 34% 50%,#55ba73 50% 67%,#4c9fe0 67% 84%,#8d6bd8 84%);height:18%;box-shadow:0 2px 7px #5b4c8238}.board-frame[data-move-trail=rain] .piece-move-trail:before{opacity:.34;filter:blur(.3px);background:repeating-linear-gradient(90deg,#0000 0 11px,#78bdeb 11px 14px,#0000 14px 23px);height:28%}.board-frame[data-move-trail=sprinkles] .piece-move-trail:before{opacity:.42;background:linear-gradient(90deg,#fff0ca,#fff0ca00);height:12%}.board-frame[data-move-trail=stink] .piece-move-trail:before{opacity:.52;filter:blur(2px);background:repeating-radial-gradient(#699752cc 0 4px,#0000 5px 17px);height:28%}.board-frame[data-move-style-id=leaf-storm] .piece-move-trail:before{display:none}.board-frame[data-move-trail=glow] .piece-move-trail:after{animation-name:move-trail-particle-pulse}.board-frame[data-move-trail=speed] .piece-move-trail:after{animation-name:move-trail-particle-streak}.board-frame[data-move-trail=sparkle] .piece-move-trail:after{animation-name:move-trail-particle-sparkle}.board-frame[data-move-trail=glitter] .piece-move-trail:after{animation-name:move-trail-particle-glitter}.board-frame[data-move-trail=petal] .piece-move-trail:after{animation-name:move-trail-particle-petal}.board-frame[data-move-trail=wave] .piece-move-trail:after{animation-name:move-trail-particle-wave}.board-frame[data-move-trail=ink] .piece-move-trail:after{animation-name:move-trail-particle-ink}.board-frame[data-move-trail=smoke] .piece-move-trail:after{animation-name:move-trail-particle-smoke}.board-frame[data-move-trail=comet] .piece-move-trail:after{animation-name:move-trail-particle-comet}.board-frame[data-move-trail=ribbon] .piece-move-trail:after{animation-name:move-trail-particle-ribbon}.board-frame[data-move-trail=bubbles] .piece-move-trail:after{animation-name:move-trail-particle-bubble}.board-frame[data-move-trail=embers] .piece-move-trail:after{animation-name:move-trail-particle-ember}.board-frame[data-move-trail=pixel] .piece-move-trail:after{animation-name:move-trail-particle-pixel}.board-frame[data-move-trail=hearts] .piece-move-trail:after{animation-name:move-trail-particle-heart}.board-frame[data-move-trail=leaves] .piece-move-trail:after{animation-name:move-trail-particle-leaf}.board-frame[data-move-trail=lightning] .piece-move-trail:after{color:#fff;width:7px;height:3px;filter:drop-shadow(0 0 3px var(--move-style-accent));border-radius:0;animation-name:move-trail-particle-electric}.board-frame[data-move-behavior=whisper-drift] .piece-move-trail:before{opacity:.18;background:repeating-linear-gradient(90deg, var(--move-style-accent) 0 3px, transparent 3px 9px);width:29%;height:2px}.board-frame[data-move-behavior=plus-pop] .piece-move-trail:before{background:repeating-linear-gradient(90deg, var(--move-style-accent) 0 5px, transparent 5px 11px);border-radius:0;width:25%;height:5px}.board-frame[data-move-behavior=frame-grow] .piece-move-trail:before,.board-frame[data-move-behavior=hop-pop] .piece-move-trail:before{display:none}.board-frame[data-move-behavior=rush-spray] .piece-move-trail:before{width:58%;height:4%;box-shadow:0 -7px 0 -1px var(--move-style-accent), 0 7px 0 -2px var(--move-style-accent)}.board-frame[data-move-behavior=orbit-swarm] .piece-move-trail:before{border-block:2px dashed var(--move-style-accent);background:0 0;border-radius:50%;width:78%;height:22%}.board-frame[data-move-behavior=echo-afterimage] .piece-move-trail:before{background:repeating-radial-gradient(circle, var(--move-style-accent) 0 3px, transparent 4px 17px);opacity:.45;width:76%;height:15%}.board-frame[data-move-behavior=flow-stream] .piece-move-trail:before{border-block:3px solid color-mix(in srgb, var(--move-style-accent) 76%, transparent);background:0 0;border-radius:50%;height:24%}.board-frame[data-move-behavior=shift-burst] .piece-move-trail:before{background:linear-gradient(90deg, var(--move-style-accent) 0 12%, transparent 13% 82%, var(--move-style-accent) 83% 100%);height:13%;filter:drop-shadow(0 0 4px var(--move-style-accent));border-radius:2px}.board-frame[data-move-behavior=zip-cut] .piece-move-trail:before{width:46%;height:3%;box-shadow:0 -6px 0 -1px var(--move-style-accent)}.board-frame[data-move-behavior=charge-release] .piece-move-trail:before{background:radial-gradient(circle at 12% 50%, var(--move-style-accent) 0 5%, transparent 7%), repeating-radial-gradient(circle, var(--move-style-accent) 0 2px, transparent 3px 13px);height:18%}.board-frame[data-move-behavior=crown-rise] .piece-move-trail:before{background:linear-gradient(90deg, var(--move-style-accent), transparent 68%);height:12%;box-shadow:0 -7px 0 -4px #fff4bd}.board-frame[data-move-behavior=strike-flash] .piece-move-trail:before{clip-path:polygon(0 42%,26% 18%,38% 48%,62% 8%,58% 52%,100% 37%,68% 72%,50% 58%,25% 88%,33% 55%);border-radius:0;height:20%}.board-frame[data-move-behavior=petal-float] .piece-move-trail:before{opacity:.24;width:68%;height:3%}.board-frame[data-move-behavior=wave-roll] .piece-move-trail:before{background:repeating-radial-gradient(ellipse, var(--move-style-accent) 0 3px, transparent 4px 12px);height:17%}.board-frame[data-move-behavior=brush-swipe] .piece-move-trail:before{clip-path:polygon(0 35%,100% 0,88% 100%,0 64%);border-radius:15% 90% 40% 20%;height:16%}.board-frame[data-move-behavior=panel-smash] .piece-move-trail:before{background:repeating-linear-gradient(90deg, var(--move-style-accent) 0 2px, transparent 2px 9px);border-radius:0;width:62%;height:20%}.board-frame[data-move-behavior=constellation-glide] .piece-move-trail:before{height:2%;box-shadow:0 0 6px var(--move-style-accent)}.board-frame[data-move-behavior=veil-dissolve] .piece-move-trail:before{opacity:.46;filter:blur(7px);height:26%}.board-frame[data-move-behavior=rainbow-swoop] .piece-move-trail:before{border-radius:70% 22% 65% 28%;height:20%}.board-frame[data-move-behavior=rain-patter] .piece-move-trail:before{width:72%;transform:translateY(-50%) rotate(var(--piece-move-trail-angle)) skewX(-12deg)}.board-frame[data-move-behavior=scoop-bounce] .piece-move-trail:before{border-radius:70% 30% 55% 45%;width:74%}.board-frame[data-move-behavior=silly-scoot] .piece-move-trail:before{border-radius:50%;width:68%}.board-frame[data-move-behavior=leaf-storm] .piece-move-trail:before{display:none}.board-frame[data-move-behavior=boo-pop] .piece-move-trail:before{opacity:.36;width:70%;height:30%}@keyframes move-style-neon-pulse{0%{opacity:.72;scale:.88}to{opacity:1;scale:1.08}}@keyframes move-style-neon-impact{0%{opacity:0;scale:.35}18%{opacity:.82;scale:.62}to{opacity:0;scale:1.42}}@keyframes move-style-star-twinkle{0%{opacity:.7;rotate:-8deg;scale:.84}to{opacity:1;rotate:8deg;scale:1.08}}@keyframes piece-move-trail-streak{0%{opacity:0;clip-path:inset(0 100% 0 0)}24%{opacity:.92;clip-path:inset(0)}72%{opacity:.62}to{opacity:0;clip-path:inset(0)}}@keyframes piece-move-trail-particles{0%,10%{opacity:0}32%{opacity:.9}to{opacity:0}}@keyframes move-trail-particle-pulse{0%{opacity:0;filter:blur(3px)}45%{opacity:.72;filter:blur(.5px)brightness(1.35)}to{opacity:0;filter:blur(4px)}}@keyframes move-trail-particle-streak{0%{opacity:0;translate:8px}28%{opacity:.95}to{opacity:0;translate:-9px}}@keyframes move-trail-particle-sparkle{0%,to{opacity:0;rotate:0deg}30%{opacity:1}52%{opacity:.2}72%{opacity:.9;rotate:45deg}}@keyframes move-trail-particle-glitter{0%,to{opacity:0;filter:brightness(.8)}24%{opacity:1}42%{opacity:.18}61%{opacity:.92;filter:brightness(1.9)}78%{opacity:.3}}@keyframes move-trail-particle-petal{0%{opacity:0;translate:0 7px;rotate:-18deg}30%{opacity:.9}to{opacity:0;translate:0 -8px;rotate:24deg}}@keyframes move-trail-particle-wave{0%{opacity:0;translate:0 5px}38%{opacity:.9;translate:0 -4px}68%{opacity:.42;translate:0 4px}to{opacity:0;translate:0 -3px}}@keyframes move-trail-particle-ink{0%{opacity:0;translate:0 -3px}34%{opacity:.88}to{opacity:0;filter:blur(1px);translate:0 9px}}@keyframes move-trail-particle-smoke{0%{opacity:0;filter:blur(2px);translate:0 6px}32%{opacity:.55}to{opacity:0;filter:blur(7px);translate:0 -11px}}@keyframes move-trail-particle-comet{0%,to{opacity:0}26%{opacity:1;filter:brightness(2)}58%{opacity:.35}76%{opacity:.82}}@keyframes move-trail-particle-ribbon{0%{opacity:0;translate:0 7px;rotate:-12deg}36%{opacity:.9;translate:0 -5px}70%{translate:0 5px;rotate:12deg}to{opacity:0;translate:0 -3px}}@keyframes move-trail-particle-bubble{0%{opacity:0;translate:0 8px}26%{opacity:.85}to{opacity:0;filter:brightness(1.4);translate:0 -12px}}@keyframes move-trail-particle-ember{0%{opacity:0;filter:brightness(1.8);translate:0 5px}24%{opacity:1}to{opacity:0;filter:brightness(.7);translate:0 -13px}}@keyframes move-trail-particle-pixel{0%,to{opacity:0;translate:4px 3px}26%,42%{opacity:1;translate:-3px -2px}58%{opacity:.22}74%{opacity:.9;translate:2px -3px}}@keyframes move-trail-particle-heart{0%{opacity:0;translate:0 5px}36%{opacity:.94}64%{opacity:.45;translate:0 -4px}to{opacity:0;translate:0 -8px}}@keyframes move-trail-particle-leaf{0%{opacity:0;translate:0 7px;rotate:12deg}34%{opacity:.9}68%{translate:0 -3px;rotate:58deg}to{opacity:0;translate:0 -9px;rotate:28deg}}@keyframes move-trail-particle-electric{0%,to{opacity:0;filter:brightness(.8) drop-shadow(0 0 1px var(--move-style-accent));translate:3px -3px}22%,35%{opacity:1;filter:brightness(2.2) drop-shadow(0 0 5px var(--move-style-accent));translate:-3px 2px}50%{opacity:.12}66%,78%{opacity:.95;translate:2px -2px}}@keyframes board-playful-rainbow{0%{opacity:0;translate:0 6px;rotate:-12deg}34%{opacity:1}to{opacity:0;translate:0 -7px;rotate:16deg}}@keyframes board-playful-rain{0%{opacity:0;translate:0 -13px}32%{opacity:1}to{opacity:0;translate:0 14px}}@keyframes board-playful-sprinkle{0%{opacity:0;translate:0 7px;rotate:-28deg}30%{opacity:1}to{opacity:0;translate:0 -9px;rotate:42deg}}@keyframes board-playful-stink{0%{opacity:.72;translate:0 7px;scale:.65}to{opacity:0;translate:0 -13px;scale:1.22}}@keyframes board-playful-leaf{0%{opacity:0;translate:0 10px;rotate:-30deg}32%{opacity:1}to{opacity:0;translate:0 -12px;rotate:88deg}}.move-trail-overlay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.move-trail-ribbon{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 1;stroke-dashoffset:0;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--move-trail-color) 55%, transparent));animation:move-trail-unity-draw var(--move-trail-draw-duration) cubic-bezier(.2, .72, .2, 1) both, move-trail-unity-retract var(--move-trail-tail-run-duration) linear var(--move-trail-tail-delay) forwards}.move-trail-particle{opacity:0;animation:move-trail-motif-pass var(--move-trail-total-duration) ease-out both}.move-trail-particle[data-particle-index="1"]{animation-delay:35ms}.move-trail-particle[data-particle-index="2"]{animation-delay:70ms}@keyframes move-trail-unity-draw{0%{stroke-dasharray:0 1;opacity:0}14%{opacity:.88}to{stroke-dasharray:1 0;opacity:.9}}@keyframes move-trail-unity-retract{0%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:-1px;opacity:0}}@keyframes move-trail-motif-pass{0%,20%{opacity:0}45%{opacity:.72}to{opacity:0}}.board-frame:is([data-move-style-id=swift],[data-move-style-id=pulse],[data-move-style-id=royal],[data-move-style-id=petal-drift],[data-move-style-id=ink-flow],[data-move-style-id=stardust],[data-move-style-id=rainy-day],[data-move-style-id=leaf-storm]) .move-dot{width:var(--polished-target-size);height:var(--polished-target-size);box-shadow:none;clip-path:none;background:0 0;border:0;border-radius:0;animation:none}.board-frame:is([data-move-style-id=swift],[data-move-style-id=pulse],[data-move-style-id=royal],[data-move-style-id=petal-drift],[data-move-style-id=ink-flow],[data-move-style-id=stardust],[data-move-style-id=rainy-day],[data-move-style-id=leaf-storm]) .move-dot .move-hint-motif{opacity:.92;filter:drop-shadow(0 1px #ffffffe6);width:100%;height:100%;top:50%;left:50%}.board-frame[data-move-style-id=swift]{--polished-target-size:24%}.board-frame[data-move-style-id=swift] .move-dot{rotate:45deg}.board-frame[data-move-style-id=swift] .move-dot .move-hint-motif{rotate:-45deg}.board-frame[data-move-style-id=pulse]{--polished-target-size:88%}.board-frame[data-move-style-id=pulse] .move-dot{background:radial-gradient(circle, color-mix(in srgb, var(--move-style-accent) 28%, white), color-mix(in srgb, var(--move-style-accent) 8%, transparent) 64%, transparent 72%);border-radius:50%;animation:1.25s ease-in-out infinite alternate polished-pulse-breathe}.board-frame[data-move-style-id=pulse] .move-dot .move-hint-motif{width:34%;height:34%}.board-frame[data-move-style-id=royal]{--polished-target-size:48%}.board-frame[data-move-style-id=petal-drift]{--polished-target-size:34%}.board-frame[data-move-style-id=ink-flow]{--polished-target-size:55%}.board-frame[data-move-style-id=stardust]{--polished-target-size:28%}.board-frame[data-move-style-id=stardust] .move-dot{animation:1.1s ease-in-out infinite alternate polished-star-twinkle}.board-frame[data-move-style-id=rainy-day]{--polished-target-size:42%}.board-frame[data-move-style-id=rainy-day] .move-dot:before,.board-frame[data-move-style-id=rainy-day] .move-dot:after{background:#61abe0;border-radius:60% 60% 70% 70%;width:13%;height:24%;display:block;top:74%}.board-frame[data-move-style-id=rainy-day] .move-dot:before{left:28%}.board-frame[data-move-style-id=rainy-day] .move-dot:after{left:62%}.board-frame[data-move-style-id=leaf-storm]{--polished-target-size:32%}@keyframes polished-pulse-breathe{0%{opacity:.72;scale:.94}to{opacity:1;scale:1.02}}@keyframes polished-star-twinkle{0%{opacity:.62;scale:.9}to{opacity:1;scale:1.04}}.board-frame:is([data-move-style-id=swift],[data-move-style-id=pulse],[data-move-style-id=royal],[data-move-style-id=petal-drift],[data-move-style-id=ink-flow],[data-move-style-id=stardust],[data-move-style-id=rainy-day],[data-move-style-id=leaf-storm]) .capture-dot{background:color-mix(in srgb, var(--move-style-capture) 8%, transparent);width:62%;height:62%;box-shadow:0 0 0 3px color-mix(in srgb, var(--move-style-capture) 12%, transparent);border-width:clamp(2px,3cqw,4px);animation:none}.board-frame:is([data-move-style-id=swift],[data-move-style-id=pulse],[data-move-style-id=royal],[data-move-style-id=petal-drift],[data-move-style-id=ink-flow],[data-move-style-id=stardust],[data-move-style-id=rainy-day],[data-move-style-id=leaf-storm]) .capture-dot:before,.board-frame:is([data-move-style-id=swift],[data-move-style-id=pulse],[data-move-style-id=royal],[data-move-style-id=petal-drift],[data-move-style-id=ink-flow],[data-move-style-id=stardust],[data-move-style-id=rainy-day],[data-move-style-id=leaf-storm]) .capture-dot:after{display:none}.board-frame:is([data-move-style-id=swift],[data-move-style-id=pulse],[data-move-style-id=royal],[data-move-style-id=petal-drift],[data-move-style-id=ink-flow],[data-move-style-id=stardust],[data-move-style-id=rainy-day],[data-move-style-id=leaf-storm]) .capture-dot .move-hint-motif{width:58%;height:58%;top:50%;left:50%}.board-frame[data-move-style-id=swift] .capture-dot{box-shadow:none;background:0 0;border-width:2px}.board-frame[data-move-style-id=swift] .capture-dot .move-hint-motif{display:none}.board-frame[data-move-style-id=pulse] .capture-dot{background:radial-gradient(circle, color-mix(in srgb, var(--move-style-capture) 32%, white), transparent 70%);border:0;width:88%;height:88%}.custom-capture-impact{z-index:6;color:var(--move-style-capture);pointer-events:none;animation:custom-capture-impact-fade var(--move-capture-exit-duration,.18s) ease-out var(--move-impact-delay,0s) both;place-items:center;display:grid;position:absolute;inset:8%;overflow:hidden}.custom-capture-impact-motif{width:54%;height:54%;-webkit-mask:var(--move-capture-image) center / contain no-repeat;-webkit-mask:var(--move-capture-image) center / contain no-repeat;mask:var(--move-capture-image) center / contain no-repeat;background:currentColor;display:block}.custom-capture-impact[data-custom-capture-style=swift]{border:2px solid;border-radius:50%;inset:24%}.custom-capture-impact[data-custom-capture-style=swift] .custom-capture-impact-motif{display:none}.custom-capture-impact[data-custom-capture-style=pulse]{background:radial-gradient(circle, color-mix(in srgb, currentColor 38%, white), transparent 70%);border-radius:50%;inset:2%}.custom-capture-impact[data-custom-capture-style=royal] .custom-capture-impact-motif{width:48%;height:48%}.custom-capture-impact[data-custom-capture-style=petal-drift] .custom-capture-impact-motif{width:46%;height:46%;filter:drop-shadow(-12px 7px 0 color-mix(in srgb, currentColor 65%, transparent)) drop-shadow(12px 7px 0 color-mix(in srgb, currentColor 65%, transparent))}.custom-capture-impact[data-custom-capture-style=ink-flow]{inset:15%}.custom-capture-impact[data-custom-capture-style=ink-flow] .custom-capture-impact-motif{width:100%;height:100%}.custom-capture-impact[data-custom-capture-style=stardust] .custom-capture-impact-motif{width:42%;height:42%}.custom-capture-impact[data-custom-capture-style=rainy-day] .custom-capture-impact-motif{width:72%;height:48%}.custom-capture-impact[data-custom-capture-style=leaf-storm] .custom-capture-impact-motif{width:52%;height:52%;filter:drop-shadow(-10px 5px 0 color-mix(in srgb, currentColor 54%, transparent)) drop-shadow(10px -4px 0 color-mix(in srgb, currentColor 54%, transparent))}@keyframes custom-capture-impact-fade{0%{opacity:0;scale:.55}38%{opacity:1;scale:1}to{opacity:0;scale:1.22}}@media (prefers-reduced-motion:reduce){.move-trail-overlay{display:none}.board-frame[data-move-style-id=pulse] .move-dot,.board-frame[data-move-style-id=stardust] .move-dot{animation:none}}@keyframes board-playful-boo{0%{opacity:0;translate:0 8px;scale:.5}38%{opacity:1}to{opacity:0;translate:0 -12px;scale:1.15}}@keyframes board-playful-target-bob{0%{transform:rotate(-3deg)translateY(1px)}to{transform:rotate(3deg)translateY(-2px)}}@keyframes board-playful-cloud-bob{0%{transform:translateY(2px)}to{transform:translateY(-2px)}}@keyframes board-playful-target-squish{0%{transform:scale(.96,1.04)}to{transform:scale(1.04,.96)}}@keyframes board-playful-target-wiggle{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes board-playful-target-sway{0%{transform:rotate(-6deg)}to{transform:rotate(7deg)}}@keyframes board-playful-ghost-peek{0%{opacity:.76;transform:translateY(2px)rotate(-2deg)}to{opacity:1;transform:translateY(-2px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.piece-move-trail:before,.piece-move-trail:after,.piece-move-particle-field i{animation:none!important;display:none!important}.themed-captured-piece,.themed-capture-remnants{display:none!important}.move-impact-motif{animation:none!important}}