*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--wood-dark:#2a1a0e;--wood-darker:#160c05;--panel-gold:#d7a23f;--panel-gold-light:#f2cd80;--panel-gold-dark:#a9741f;--bevel-light:#f8e0a6;--bevel-dark:#6f4a12;--text-cream:#f9f1df;--text-brown:#4a2f12;--board-light:#e9c9a0;--board-dark:#9c6a3c;--frame:#5a3d22;--frame-light:#7c562f;--hl-last:#f4cd6480;--hl-check:#ce3426b3;--font-main:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}html,body,#root{height:100%}body{font-family:var(--font-main);color:var(--text-cream);background:radial-gradient(ellipse at top, #3c2715 0%, var(--wood-dark) 45%, var(--wood-darker) 100%) fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}#root{flex-direction:column;align-items:center;display:flex}.app{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:720px;padding:18px 14px 36px;display:flex}h1,h2,h3{text-transform:uppercase;letter-spacing:1px;font-weight:800;line-height:1.1}.heading{color:#fff;text-align:center;text-shadow:0 2px #00000059,0 4px 10px #0000008c}.engine-warning{text-align:center;color:#ffd9a0;background:#0000004d;border:1px solid #ffd28c59;border-radius:8px;max-width:460px;padding:8px 12px;font-size:.9rem}.wood-btn{text-transform:uppercase;letter-spacing:.5px;color:var(--text-brown);cursor:pointer;background:linear-gradient(180deg, var(--panel-gold-light), var(--panel-gold) 55%, var(--panel-gold-dark));min-width:150px;box-shadow:inset 0 2px 0 var(--bevel-light), inset 0 -3px 4px #00000040, 0 4px 8px #00000073;border:none;border-radius:12px;padding:12px 22px;font-family:inherit;font-size:1.05rem;font-weight:700;transition:transform 50ms,filter .1s}.wood-btn:hover{filter:brightness(1.05)}.wood-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 6px #0006,0 2px 4px #0006}.wood-btn.ghost{color:var(--text-cream);background:linear-gradient(#7a5630,#543a20 60%,#3c2a17);box-shadow:inset 0 1px #ffdca040,0 3px 6px #00000073}.icon-btn{width:56px;height:56px;color:var(--text-brown);cursor:pointer;background:linear-gradient(180deg, var(--panel-gold-light), var(--panel-gold) 55%, var(--panel-gold-dark));border:none;border-radius:12px;justify-content:center;align-items:center;font-family:inherit;font-size:1.5rem;transition:transform 50ms,filter .1s;display:inline-flex;box-shadow:inset 0 0 0 3px #ffebbe73,inset 0 -3px 4px #00000040,0 4px 7px #00000073}.icon-btn:hover{filter:brightness(1.06)}.icon-btn:active{transform:translateY(2px)}.icon-btn:disabled{opacity:.4;cursor:default;filter:grayscale(.3)}.icon-btn.big{width:70px;height:70px;font-size:1.9rem}.star-select{gap:8px;display:inline-flex}.star-btn{cursor:pointer;color:#6b4a28;background:linear-gradient(#b98a4e,#8a5f30);border:none;border-radius:10px;width:48px;height:48px;font-family:inherit;font-size:1.5rem;line-height:1;transition:transform 50ms;box-shadow:inset 0 1px #ffe6b44d,0 3px 5px #0006}.star-btn.on{color:#6a3d0c;text-shadow:0 1px 1px #fff6;background:linear-gradient(#ffe08a,#f0b13c)}.star-btn:active{transform:translateY(2px)}.color-toggle{gap:8px;display:inline-flex}.color-btn{text-transform:uppercase;letter-spacing:.5px;color:var(--text-cream);cursor:pointer;background:linear-gradient(#7a5630,#543a20 60%,#3c2a17);border:none;border-radius:10px;padding:10px 18px;font-family:inherit;font-weight:700;transition:transform 50ms;box-shadow:inset 0 1px #ffdca033,0 3px 5px #0006}.color-btn.active{color:var(--text-brown);background:linear-gradient(180deg, var(--panel-gold-light), var(--panel-gold) 55%, var(--panel-gold-dark));box-shadow:inset 0 2px 0 var(--bevel-light), 0 3px 6px #00000073}.color-btn:active{transform:translateY(2px)}.board-frame{--board-size:min(86vw, 70vh, 560px);--label:26px;grid-template-columns:var(--label) var(--board-size) var(--label);grid-template-rows:var(--label) var(--board-size) var(--label);background:linear-gradient(135deg, var(--frame-light), var(--frame));border-radius:10px;grid-template-areas:".top.""left board right"".bottom.";padding:10px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #ffe1aa2e,inset 0 0 14px #00000080,0 10px 26px #0009}.board-frame.disabled .board{cursor:default}.board{width:var(--board-size);height:var(--board-size);border:2px solid #00000059;grid-area:board;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;box-shadow:inset 0 0 10px #00000073}.rank-labels,.file-labels{color:var(--text-cream);opacity:.85;text-shadow:0 1px 2px #0009;font-size:.8rem;font-weight:700;display:flex}.rank-labels{flex-direction:column;justify-content:space-around;align-items:center}.rank-labels.left{grid-area:left}.rank-labels.right{grid-area:right}.file-labels{flex-direction:row;justify-content:space-around;align-items:center}.file-labels.top{grid-area:top}.file-labels.bottom{grid-area:bottom}.square{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.square.light{background:linear-gradient(135deg, #ffffff14, #0000000d), var(--board-light)}.square.dark{background:linear-gradient(135deg, #ffffff0f, #0000001f), var(--board-dark)}.square.last-move:after{content:"";background:var(--hl-last);pointer-events:none;position:absolute;inset:0}.square.selected:before{content:"";pointer-events:none;z-index:2;background:#ffee9638;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #ffee96e6}.square.in-check:before{content:"";background:radial-gradient(circle, var(--hl-check) 30%, transparent 72%);pointer-events:none;z-index:1;position:absolute;inset:0}.move-dot{pointer-events:none;z-index:3;background:#281a0a66;border-radius:50%;width:30%;height:30%;position:absolute}.capture-ring{pointer-events:none;z-index:1;border:5px solid #781e128c;border-radius:50%;position:absolute;inset:8%}.piece{z-index:4;font-size:calc(var(--board-size) / 9.5);pointer-events:none;line-height:1;position:relative}.piece.white{color:#faf3e2;text-shadow:0 0 1px #6b4a2a,0 1px #8a6a44,0 2px 3px #00000073}.piece.black{color:#36210f;text-shadow:0 1px #1c1108,0 2px 4px #00000080}.player-bar .piece,.gameover-time .piece{font-size:1.6rem}.wood-panel{background:linear-gradient(160deg, var(--panel-gold-light), var(--panel-gold) 45%, var(--panel-gold-dark));color:var(--text-brown);text-align:center;border-radius:16px;padding:28px 32px;box-shadow:inset 0 0 0 4px #ffebbe80,inset 0 0 0 6px #78501859,0 14px 34px #0009}.panel-title{color:var(--text-brown);text-shadow:0 1px #fff5d799;margin-bottom:18px;font-size:1.3rem}.start-screen{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:520px;padding-top:8px;display:flex}.start-topbar{justify-content:flex-start;width:100%;display:flex}.start-title{margin:4px 0 8px;font-size:2.4rem}.mode-cards{flex-direction:column;gap:20px;width:100%;display:flex}.mode-card{cursor:pointer;color:var(--text-brown);background:linear-gradient(160deg, var(--panel-gold-light), var(--panel-gold) 50%, var(--panel-gold-dark));border:none;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:26px;font-family:inherit;transition:transform 60ms,filter .1s;display:flex;box-shadow:inset 0 0 0 4px #ffebbe80,inset 0 0 0 6px #7850184d,0 8px 20px #0000008c}.mode-card:hover{filter:brightness(1.05)}.mode-card:active{transform:translateY(2px)}.mode-card-icon{font-size:2.6rem}.mode-card-label{text-transform:uppercase;letter-spacing:.5px;font-size:1.3rem;font-weight:800}.start-options{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.option-group{flex-direction:column;align-items:center;gap:8px;display:flex}.option-label{text-transform:uppercase;letter-spacing:1px;color:#ffe3b0;opacity:.9;font-size:.8rem;font-weight:700}.game-screen{gap:10px}.player-bar{width:min(86vw,70vh,560px);color:var(--text-cream);background:linear-gradient(#6a481f,#3c2a17);border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:inset 0 1px #ffdca02e,0 4px 8px #0006}.player-bar.active{box-shadow:inset 0 0 0 2px #ffe096b3,0 4px 10px #00000073}.player-name{text-transform:uppercase;letter-spacing:.5px;font-weight:700}.player-clock{font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.4rem;font-weight:800}.thinking-tag{color:#ffe0a6;opacity:.95;margin-left:10px;font-size:.85rem;font-style:italic}.game-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.review-bar{gap:12px;margin-top:6px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0a06029e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.promotion-panel{max-width:560px}.promotion-choices{justify-content:center;gap:18px;margin-top:8px;display:flex}.promotion-choice{cursor:pointer;background:linear-gradient(#fff5d78c,#b4823c66);border:none;border-radius:12px;justify-content:center;align-items:center;width:84px;height:84px;transition:transform 60ms,filter .1s;display:flex;box-shadow:inset 0 0 0 2px #78501859,0 3px 6px #00000059}.promotion-choice .piece{font-size:3rem}.promotion-choice:hover{filter:brightness(1.08)}.promotion-choice:active{transform:translateY(2px)}.gameover-panel{min-width:320px}.gameover-title{color:#fff;font-size:2.6rem}.gameover-subtitle{color:var(--text-brown);margin-top:-2px;margin-bottom:18px;font-weight:700}.gameover-times{flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;display:flex}.gameover-time{font-variant-numeric:tabular-nums;color:var(--text-brown);align-items:center;gap:16px;font-size:1.6rem;font-weight:800;display:flex}.gameover-buttons,.pause-buttons,.confirm-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.pause-buttons{flex-direction:column;align-items:stretch;min-width:220px}.confirm-panel{max-width:380px}.confirm-message{color:var(--text-brown);margin-bottom:20px;font-size:1.15rem;font-weight:700}@media (width<=480px){.start-title{font-size:1.9rem}.mode-card-label{font-size:1.1rem}.icon-btn{width:50px;height:50px;font-size:1.3rem}.player-clock{font-size:1.2rem}.gameover-title{font-size:2rem}}