._boardContainer_10wpm_7{position:relative;width:627px;height:542px;background:linear-gradient(135deg,#2f4538,#3a5f4c,#2f4538);border-radius:12px;box-shadow:0 20px 50px #00000080;padding:16px;box-sizing:border-box;overflow:visible}._frame_10wpm_20{position:absolute;inset:0;border-radius:12px;background:linear-gradient(145deg,#4a2c12,#3d2410,#2d1b0e 60%,#1a0f08);box-shadow:inset 3px 3px 6px #64320f4d,inset -3px -3px 10px #000000e6,0 4px 8px #0009;pointer-events:none;overflow:hidden}._frame_10wpm_20:before{content:"";position:absolute;inset:12px;border-radius:6px;background:linear-gradient(135deg,#0006,#0000001a,#ffffff14);box-shadow:inset 0 3px 8px #0009,inset 0 -1px 3px #ffffff26,0 0 0 1px #0006;pointer-events:none}._frame_10wpm_20:after{content:"";position:absolute;inset:0;border-radius:12px;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 4px);opacity:.6;pointer-events:none}._boardWoodLayer_10wpm_73{position:absolute;left:16px;top:16px;width:595px;height:510px;background:#5d4537;border-radius:8px;box-shadow:inset 0 2px 8px #00000040,0 2px 4px #0000001a;z-index:75;pointer-events:none;mask-image:radial-gradient(circle 32.5px at 42.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 467.5px,transparent 32.5px,black 33px);mask-composite:intersect;-webkit-mask-image:radial-gradient(circle 32.5px at 42.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 42.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 127.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 212.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 297.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 382.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 42.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 127.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 212.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 297.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 382.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 467.5px 467.5px,transparent 32.5px,black 33px),radial-gradient(circle 32.5px at 552.5px 467.5px,transparent 32.5px,black 33px);-webkit-mask-composite:source-in}._boardSurface_10wpm_179{position:absolute;left:16px;top:16px;width:595px;height:510px;display:grid;grid-template-columns:repeat(7,85px);grid-template-rows:repeat(6,85px);gap:0;z-index:100}._cell_10wpm_193{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:visible;z-index:1}._cell_10wpm_193._disabled_10wpm_203{cursor:not-allowed}._cell_10wpm_193._hovered_10wpm_207:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}._hole_10wpm_216{width:65px;height:65px;border-radius:50%;background:#333;box-shadow:inset 0 2px 4px #0009;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center}._staticPiece_10wpm_230{position:absolute;width:61px;height:61px;display:flex;align-items:center;justify-content:center;pointer-events:none;left:50%;top:50%;margin-left:-30.5px;margin-top:-30.5px}._ghostPiece_10wpm_245{position:absolute;width:61px;height:61px;display:flex;align-items:center;justify-content:center;pointer-events:none;left:50%;top:50%;margin-left:-30.5px;margin-top:-30.5px;opacity:.35;transition:opacity .15s ease}._staticPiece_10wpm_230._bouncing_10wpm_262{animation:_pieceBounce_10wpm_1 .4s cubic-bezier(.25,.46,.45,.94)}@keyframes _pieceBounce_10wpm_1{0%{transform:translateY(10px) scale(.95);opacity:.9}50%{transform:translateY(-8px) scale(1.05);opacity:1}75%{transform:translateY(2px) scale(.98)}to{transform:translateY(0) scale(1);opacity:1}}._droppingPiece_10wpm_285{position:absolute;width:61px;height:61px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50;animation:_smoothDrop_10wpm_1 .8s cubic-bezier(.33,.01,.12,1.02) forwards;will-change:transform}._piece_10wpm_299{width:61px;height:61px;border-radius:50%;position:relative;box-shadow:0 2px 4px #0006,0 1px 2px #0000004d;transition:transform .2s ease}._piece_10wpm_299._player1_10wpm_311{background:#e53935;border:4px solid #b71c1c}._piece_10wpm_299._player2_10wpm_317{background:#fdd835;border:4px solid #c6a700}._piece_10wpm_299 ._logo_10wpm_323{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#ffffff4d;box-shadow:0 0 0 6px #0000001a}@keyframes _smoothDrop_10wpm_1{0%{transform:translateY(-600px)}65%{transform:translateY(0)}78%{transform:translateY(-12px)}87%{transform:translateY(0)}94%{transform:translateY(-4px)}to{transform:translateY(0)}}._piece_10wpm_299._winning_10wpm_363{box-shadow:0 0 0 3px #ffffffe6,0 2px 4px #0006}._hoverPreview_10wpm_370{position:absolute;top:-70px;width:61px;height:61px;opacity:.7;pointer-events:none;z-index:1000;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));transition:left .15s ease-out}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;border:2px solid var(--smoko-700);box-shadow:0 4px 20px #00000080;border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none}.chess-square{position:relative;display:flex;align-items:center;justify-content:center;font-size:48px;cursor:pointer;transition:background-color .2s ease}.chess-square.selected{box-shadow:inset 0 0 0 3px #829769cc}.chess-square.legal-move{cursor:pointer}.chess-square.legal-move:after{content:"";position:absolute;width:30%;height:30%;border-radius:50%;background-color:#14551e80;pointer-events:none}.chess-square.legal-move.has-piece:after{width:80%;height:80%;border:4px solid rgba(20,85,30,.5);background-color:transparent}.chess-square.last-move{box-shadow:inset 0 0 0 3px #ff09}.chess-square.in-check{background:radial-gradient(circle at center,rgba(220,38,38,.6) 0%,rgba(220,38,38,.3) 40%,transparent 70%);box-shadow:inset 0 0 0 2px #dc2626cc,0 0 20px #dc262666;animation:check-glow-pulse 1.5s ease-in-out infinite}@keyframes check-glow-pulse{0%,to{box-shadow:inset 0 0 0 2px #dc2626cc,0 0 15px #dc262666}50%{box-shadow:inset 0 0 0 3px #dc2626,0 0 30px #dc262699}}.chess-piece{width:85%;height:85%;object-fit:contain;transition:transform .2s ease-out,opacity .15s ease,filter .3s ease;pointer-events:none;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.3))}.chess-square:hover .chess-piece{transform:scale(1.08)}.chess-piece.dragging{opacity:.3}.chess-piece.ghost{opacity:.8;transform:scale(1.1);pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.chess-piece.animating{z-index:100;transition:transform .2s ease-out}.chess-piece.capturing{animation:piece-capture .3s ease-out forwards}@keyframes piece-capture{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2)}to{transform:scale(0);opacity:0}}.chess-piece.premove-piece{opacity:.7;filter:drop-shadow(0 0 6px rgba(59,130,246,.8))}.chess-piece.checkmate-winner{animation:winner-glow 1.5s ease-in-out infinite;z-index:10}@keyframes winner-glow{0%,to{filter:drop-shadow(0 0 6px gold) drop-shadow(0 0 12px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 12px gold) drop-shadow(0 0 24px rgba(255,215,0,.7))}}.chess-piece.checkmate-loser{animation:king-defeated 1s ease-in-out 2;opacity:.85}@keyframes king-defeated{0%,to{filter:drop-shadow(0 0 4px rgba(220,38,38,.6))}50%{filter:drop-shadow(0 0 12px rgba(220,38,38,.9))}}.chess-board.checkmate{animation:checkmate-flash .6s ease-in-out}@keyframes checkmate-flash{0%,to{filter:brightness(1)}25%{filter:brightness(1.2) saturate(1.1)}50%{filter:brightness(1.4) saturate(1.2)}75%{filter:brightness(1.2) saturate(1.1)}}.chess-square.legal-move:after{animation:legal-move-appear .15s ease-out}@keyframes legal-move-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.chess-square.legal-move.has-piece:after{animation:legal-move-appear .15s ease-out,capture-ring-pulse 2s ease-in-out infinite .15s}@keyframes capture-ring-pulse{0%,to{opacity:.5}50%{opacity:.7}}.chess-board.stalemate:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#80808033,#40404033);animation:draw-fade .5s ease-out forwards;pointer-events:none}@keyframes draw-fade{0%{opacity:0}to{opacity:.15}}.chess-square.dragging{opacity:.5}.chess-square.drop-target{box-shadow:inset 0 0 0 4px #22c55ecc}.chess-square.drop-target:before{content:"";position:absolute;inset:0;background-color:#22c55e33;pointer-events:none}.chess-square.premove{background-color:#3b82f64d!important}.chess-square.premove:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#3b82f633,#3b82f61a);animation:premove-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes premove-pulse{0%,to{opacity:.5}50%{opacity:1}}.chess-square:has(.chess-piece){cursor:grab}.chess-square:has(.chess-piece):active{cursor:grabbing}.captured-pieces{display:flex;flex-wrap:wrap;gap:2px;font-size:20px;min-height:24px}.move-history{max-height:400px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;scrollbar-width:thin;scrollbar-color:var(--smoko-600) var(--smoko-900)}.move-history::-webkit-scrollbar{width:6px}.move-history::-webkit-scrollbar-track{background:var(--smoko-900)}.move-history::-webkit-scrollbar-thumb{background:var(--smoko-600);border-radius:3px}.move-history::-webkit-scrollbar-thumb:hover{background:var(--smoko-500)}.move-pair{display:grid;grid-template-columns:40px 1fr 1fr;gap:8px;padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.move-pair:hover{background-color:#ffffff0d}.move-number{color:var(--smoko-500);text-align:right}.move-text{color:var(--smoko-200)}.promotion-dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.promotion-dialog{background-color:var(--smoko-900);border:2px solid var(--smoko-600);border-radius:12px;padding:24px;box-shadow:0 8px 32px #000c}.promotion-pieces{display:flex;gap:12px}.promotion-piece{width:80px;height:80px;font-size:56px;background-color:var(--smoko-800);border:2px solid var(--smoko-600);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.promotion-piece:hover{background-color:var(--smoko-700);border-color:var(--color-daily);transform:scale(1.1)}.promotion-piece:active{transform:scale(.95)}.player-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#0000004d;border-radius:8px;border:2px solid transparent;transition:all .3s ease}.player-bar.active{border-color:#829769;background-color:#82976933}.player-info{display:flex;align-items:center;gap:12px}.player-color-indicator{width:32px;height:32px;border-radius:50%;border:2px solid var(--smoko-600);display:flex;align-items:center;justify-content:center;font-size:20px}.player-details{display:flex;flex-direction:column;gap:2px}.player-name{font-weight:600;color:var(--smoko-100)}.player-rating{font-size:12px;color:var(--smoko-500)}