.board-wrap{width:100%;margin:0 auto}.board-wrap.coords-outside{container-type:inline-size;display:grid;grid-template-columns:2.8cqi 1fr;grid-template-rows:1fr 2.8cqi;align-items:stretch}.coords-outside .board{grid-column:2;grid-row:1}.coords-outside .ranks-gutter{grid-column:1;grid-row:1;flex-direction:column}.coords-outside .files-gutter{grid-column:2;grid-row:2;flex-direction:row}.ranks-gutter,.files-gutter{display:flex;font-family:var(--font-mono);font-size:1.7cqi;font-weight:600;color:var(--text-dim);-webkit-user-select:none;user-select:none;pointer-events:none}.ranks-gutter span,.files-gutter span{flex:1;display:flex;align-items:center;justify-content:center}.board{position:relative;container-type:inline-size;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;border-radius:5px;overflow:hidden;background:var(--board-frame);box-shadow:0 10px 30px -16px #0009,0 0 0 1px #00000059;-webkit-user-select:none;user-select:none;touch-action:none}.board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgba(0,0,0,var(--board-dim, 0))}.sq.interactive{cursor:grab}.board.dragging,.board.dragging .sq.interactive{cursor:grabbing}.board.dragging .piece{transition:none}.sq.over{box-shadow:inset 0 0 0 4px var(--select);z-index:1}.drag-ghost{position:fixed;z-index:1000;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center;background-size:88%;pointer-events:none;filter:drop-shadow(0 6px 9px rgba(0,0,0,.5));will-change:left,top}.sq{position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--board-border-color)}.sq.light{background:var(--board-light);background-size:cover;background-position:center}.sq.dark{background:var(--board-dark);background-size:cover;background-position:center}.sq.last:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--last-move);pointer-events:none}.sq.sel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--select);pointer-events:none}.sq.premove:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--premove);pointer-events:none}.sq.check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--check),transparent 72%);pointer-events:none}.piece{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-repeat:no-repeat;background-position:center;background-size:88%;animation:pieceIn var(--piece-anim, .16s) ease}.duck{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;font-size:9cqi;line-height:1;pointer-events:none;filter:drop-shadow(0 .3cqi .5cqi rgba(0,0,0,.55));animation:pieceIn var(--piece-anim, .16s) ease}.dot{position:absolute;z-index:1;width:30%;height:30%;border-radius:50%;background:var(--dot);box-shadow:0 0 .5cqi .1cqi var(--dot-halo);pointer-events:none}.sq.light .dot{background:var(--dot-light)}.ring{position:absolute;z-index:1;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;border:.6cqi solid var(--dot);box-shadow:0 0 .4cqi var(--dot-halo);pointer-events:none}.sq.light .ring{border-color:var(--dot-light)}.coord{position:absolute;z-index:3;font-family:var(--font-mono);font-size:1.9cqi;font-weight:600;opacity:.62;pointer-events:none}.coord.file{right:4%;bottom:2%}.coord.rank{left:4%;top:2%}.sq.light .coord{color:var(--coord-on-light)}.sq.dark .coord{color:var(--coord-on-dark)}.promo-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;background:#0a0b0ea8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.promo{display:flex;gap:6px;padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -18px #000c;animation:rise .16s ease}.promo button{position:relative;width:17cqi;height:17cqi;max-width:76px;max-height:76px;display:flex;align-items:center;justify-content:center;font-size:12cqi;line-height:1;border:1px solid transparent;border-radius:10px;background:var(--surface-2);color:#f7f4ec;cursor:pointer;transition:border-color .12s ease,background .12s ease}.promo button:hover{border-color:var(--accent-line);background:#2c313d}.pocket{display:flex;align-items:center;gap:4px;min-height:44px;padding:4px 6px;border:1px solid var(--line);border-radius:10px;background:var(--surface, rgba(255, 255, 255, .02))}.pocket-empty{color:var(--text-dim);opacity:.5;font-size:18px;padding-left:4px}.pocket-piece{position:relative;width:38px;height:38px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:background .12s,border-color .12s,transform .08s}.pocket-piece:disabled{cursor:default}.pocket-piece:not(:disabled):hover{background:var(--line)}.pocket-piece.active{border-color:var(--accent);background:linear-gradient(180deg,#e3b56a47,#d8a6572e)}.pocket-glyph{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.pocket-count{position:absolute;right:0;bottom:-1px;min-width:14px;padding:0 3px;border-radius:7px;background:var(--accent);color:#15171c;font-family:var(--font-display);font-size:11px;font-weight:700;line-height:15px;text-align:center;pointer-events:none}:root{--bg: #131419;--bg-2: #181a21;--surface: #1d2029;--surface-2: #242834;--line: #2c313d;--line-soft: #23262f;--text: #ece9e1;--text-dim: #9fa1ac;--muted: #8a8d99;--accent: #d8a657;--accent-soft: rgba(216, 166, 87, .14);--accent-soft-strong: rgba(216, 166, 87, .18);--accent-line: rgba(216, 166, 87, .4);--accent-grad: linear-gradient(180deg, #e3b56a, #d8a657);--accent-grad-hover: linear-gradient(180deg, #e7bd76, #dcab5d);--on-accent: #15171c;--live: #7bb661;--warn: #e9c46a;--danger: #e07a5f;--premove: rgba(229, 116, 92, .5);--eval-white: #f3eee2;--eval-black: #191c22;--board-light: #dde2e6;--board-dark: #8198a6;--board-frame: #0e0f13;--last-move: rgba(188, 203, 128, .62);--select: rgba(174, 196, 110, .72);--dot: rgba(40, 54, 64, .3);--dot-light: rgba(40, 54, 64, .22);--dot-halo: rgba(248, 246, 240, .4);--check: rgba(202, 74, 74, .66);--coord-on-light: #6f828f;--coord-on-dark: #e4eaef;--board-border-color: transparent;--font-display: "Fraunces", Georgia, serif;--font-ui: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:clip}body{background:var(--bg);background-image:radial-gradient(1100px 620px at 50% -8%,rgba(216,166,87,.06),transparent 70%),radial-gradient(900px 600px at 88% 110%,rgba(79,111,104,.08),transparent 70%);background-attachment:fixed;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pieceIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;border-radius:8px;overflow:hidden}.mini-sq{position:relative;box-shadow:inset 0 0 0 1px var(--board-border-color)}.mini-sq.light{background:var(--board-light);background-size:cover;background-position:center}.mini-sq.dark{background:var(--board-dark);background-size:cover;background-position:center}.mini-highlight{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--last-move)}.mini-piece{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center;background-size:86%}