.board-wrap{width:100%;margin:0 auto}.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}.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}.sq.light{background:var(--board-light)}.sq.dark{background:var(--board-dark)}.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.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 .16s ease}.dot{position:absolute;z-index:1;width:30%;height:30%;border-radius:50%;background:var(--dot);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);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}:root{--bg: #131419;--bg-2: #181a21;--surface: #1d2029;--surface-2: #242834;--line: #2c313d;--line-soft: #23262f;--text: #ece9e1;--text-dim: #9fa1ac;--muted: #6c6f7d;--accent: #d8a657;--accent-soft: rgba(216, 166, 87, .14);--accent-line: rgba(216, 166, 87, .4);--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);--check: rgba(202, 74, 74, .66);--coord-on-light: #6f828f;--coord-on-dark: #e4eaef;--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}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}}