.cbx{position:relative;width:100%;aspect-ratio:1;container-type:inline-size;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 18px 40px rgba(0,0,0,.55),0 4px 10px rgba(0,0,0,.4)}.cbx.is-plain{border-radius:4px;overflow:hidden;box-shadow:none}.cbx.has-frame{padding:var(--b-fw);border-radius:5px;background:var(--b-frame) center /100% 100% no-repeat,#2a1a10}.cbx-coords b{position:absolute;z-index:1;font:700 max(9px,2.45cqw) /1 var(--font-sans,system-ui),sans-serif;letter-spacing:.02em;color:var(--b-ink);text-shadow:0 1px 1px rgba(0,0,0,.7);transform:translate(-50%,-50%);pointer-events:none}.cbx-coords .is-file{top:calc(100% - var(--b-fw) / 2)}.cbx-coords .is-file.is-top{top:calc(var(--b-fw) / 2)}.cbx-coords .is-rank{left:calc(var(--b-fw) / 2)}.cbx-coords .is-rank.is-end{left:calc(100% - var(--b-fw) / 2)}.cb{position:relative;width:100%;aspect-ratio:1;container-type:inline-size;border-radius:2px;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:repeating-conic-gradient(var(--b-dark) 0 25%,var(--b-light) 0 50%) 0 0 /25% 25%}.has-frame>.cb{border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 1px 4px rgba(0,0,0,.5)}.cb.has-image{background:var(--b-image) center /100% 100% no-repeat,var(--b-dark)}.cb.has-image:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,0) 38%,rgba(0,0,0,0) 62%,rgba(0,0,0,.16)),radial-gradient(120% 90% at 30% 10%,rgba(255,240,210,.08),transparent 60%)}.cb-arrows,.cb-coords,.cb>i{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}.cb-hl{z-index:1}.cb-hl,.cb-hl.is-sel{background:var(--b-hl)}.cb-hl.is-sel{box-shadow:inset 0 0 0 3px rgba(255,255,255,.28)}.cb-hl.is-pre{background:rgba(120,140,170,.5)}.cb-hover{z-index:1;box-shadow:inset 0 0 0 4px rgba(255,255,255,.55)}.cb-check{z-index:1;background:radial-gradient(circle,rgba(255,40,30,.95) 0,rgba(230,20,10,.55) 35%,rgba(200,0,0,0) 72%);animation:cb-check 1.4s ease-in-out infinite alternate}@keyframes cb-check{0%{opacity:.75}to{opacity:1}}.cb-pulse{z-index:1;box-shadow:inset 0 0 0 4px rgba(46,230,166,.9);animation:cb-pulse 1s ease-in-out infinite alternate}@keyframes cb-pulse{0%{box-shadow:inset 0 0 0 2px rgba(46,230,166,.5)}}.cb>.cb-piece{z-index:2;will-change:transform;transition:transform var(--b-dur,.17s) var(--b-ease,cubic-bezier(.22,.8,.3,1))}.cb>.cb-piece:after{content:"";position:absolute;inset:-17% -10% -2%;background:var(--img) center bottom /100% 100% no-repeat;filter:drop-shadow(0 0 .6px rgba(0,0,0,.75))}.cb>.cb-piece:before{content:"";position:absolute;left:22%;right:22%;bottom:2%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.42),rgba(0,0,0,0));z-index:-1}.cb>.cb-piece.is-lifted{z-index:3}.cb>.cb-piece.is-dragging{z-index:6;transition:none;cursor:-webkit-grabbing;cursor:grabbing;filter:drop-shadow(0 10px 8px rgba(0,0,0,.45))}.cb>.cb-piece.no-anim{transition:none}.cb.pieces-flat>.cb-piece:after{inset:2.5%;background-position:50%;filter:none}.cb.pieces-flat>.cb-piece:before{display:none}.cb.pieces-flat>.cb-piece.is-dragging{filter:none}.cb.pieces-flat>.cb-piece.is-dragging:after{inset:-8%}.cb>.cb-piece.is-gone{z-index:1;transition:none;animation:cb-gone .16s ease-in calc(var(--b-dur, .17s) * .6) forwards}@keyframes cb-gone{to{opacity:0}}.cb>.cb-dot{z-index:4}.cb>.cb-dot:after{content:"";position:absolute;inset:36%;border-radius:50%;background:rgba(20,30,20,.32)}.cb>.cb-dot.is-take:after{inset:3%;background:transparent;box-shadow:inset 0 0 0 .8cqw rgba(20,30,20,.32)}.cb>.cb-dot.is-pre:after{background:rgba(70,90,130,.45)}.cb>.cb-dot.is-take.is-pre:after{background:transparent;box-shadow:inset 0 0 0 .75cqw rgba(70,90,130,.5)}.cb-coords{z-index:3;width:100%!important;height:100%!important;font:750 max(9.5px,2.6cqw) /1 var(--font-sans,system-ui),sans-serif}.cb-coords b{position:absolute;font-weight:700}.cb-rank{left:.6cqw;padding-top:.5cqw}.cb-file{bottom:.5cqw;width:12.5%;padding-right:.7cqw;text-align:right}.cb-coords .on-light{color:var(--b-coord-l)}.cb-coords .on-dark{color:var(--b-coord-d)}.cb.has-image .cb-coords b{text-shadow:0 1px 1px rgba(0,0,0,.25)}.cb-arrows{z-index:5;width:100%!important;height:100%!important}.cb-arrow{stroke-width:15;stroke-linecap:round;opacity:.82}.cb-arrow.is-hint{stroke:#2ee6a6}.cb-arrow.is-user{stroke:#f08b2c}.cb-arrow.is-best{stroke:#3d8bff}.cb-head.is-hint{fill:#2ee6a6}.cb-head.is-user{fill:#f08b2c}.cb-head.is-best{fill:#3d8bff}.cb-ring{fill:none;stroke-width:7;opacity:.85}.cb-ring.is-user{stroke:#f08b2c}.cb-ring.is-hint{stroke:#2ee6a6}.cb-ring.is-best{stroke:#3d8bff}.cb-promo-scrim{position:absolute;inset:0;z-index:8;background:rgba(0,0,0,.45);pointer-events:auto}.cb-promo{position:absolute;display:grid;width:12.5%;border-radius:6px;overflow:hidden;background:#f4efe4;box-shadow:0 10px 30px rgba(0,0,0,.6)}.cb-promo__pick{aspect-ratio:1;border:0;padding:0;background:#efe7d6 50%/100% 100% no-repeat;cursor:pointer;transition:background-color .15s}.cb-promo__pick:focus-visible,.cb-promo__pick:hover{background-color:#ffd36b;outline:none}@media (prefers-reduced-motion:reduce){.cb>.cb-piece{transition:none}.cb-check,.cb-pulse{animation:none}}.cb>.cb-badge{z-index:5;pointer-events:none}.cb>.cb-badge:after{content:"";position:absolute;top:-6%;right:-6%;width:42%;height:42%;border-radius:50%;box-shadow:0 0 0 2px #ffffff,0 2px 6px rgba(0,0,0,.35);background:var(--badge-bg) center /64% 64% no-repeat,var(--badge-c);animation:cb-badge-in .32s cubic-bezier(.3,1.5,.5,1) both}.cb>.cb-badge.is-win{--badge-c:#81b64c;--badge-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 7l4.5 4L12 4l4.5 7L21 7l-2 12H5z'/%3E%3C/svg%3E")}.cb>.cb-badge.is-lose{--badge-c:#e02828;--badge-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='white' stroke-width='3.2' stroke-linecap='round' d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}.cb>.cb-badge.is-draw{--badge-c:#8b8987;--badge-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='17' font-size='15' font-family='Arial' font-weight='700' fill='white' text-anchor='middle'%3E%C2%BD%3C/text%3E%3C/svg%3E")}@keyframes cb-badge-in{0%{transform:scale(.3);opacity:0}}@media (prefers-reduced-motion:reduce){.cb>.cb-badge:after{animation:none}}