:root{--bg: #eeeed5;--surface: #ffffff;--surface-muted: #e8e8d0;--text: #2a2a2a;--text-muted: #5a5a5a;--border: #c0c09e;--accent: #779556;--light-square: #ebecd0;--dark-square: #779556;--last-move: rgba(255, 255, 51, .5);--legal-dot: rgba(0, 0, 0, .28);--hint: rgba(96, 130, 60, .85);--check-glow: rgba(220, 50, 50, .6);--piece-light: #ffffff;--piece-dark: #222222;--piece-outline: #000000;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{font-family:inherit;font-size:14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 12px;cursor:pointer;transition:background-color .12s,transform .04s;user-select:none;-webkit-user-select:none;min-height:36px}button:hover:not(:disabled){background:var(--surface-muted)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--surface);border-color:transparent}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}button.danger{border-color:#dc323299;color:#dc3232e6}button.danger:hover:not(:disabled){background:#dc32321a}label{-webkit-user-select:none;user-select:none}input[type=range]{accent-color:var(--accent);width:100%}select{font-family:inherit;font-size:14px;padding:6px 10px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px}.app{display:grid;gap:16px;padding:16px;min-height:100%;background:var(--bg);grid-template-columns:1fr;grid-template-rows:auto auto;max-width:1100px;margin:0 auto}@media (min-width: 900px){.app{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto;align-items:start}}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1 / -1}.app-header h1{font-size:18px;font-weight:600;margin:0;letter-spacing:.02em}.app-header .controls{display:flex;gap:8px;flex-wrap:wrap}.board-column{display:flex;flex-direction:column;gap:4px;align-items:stretch;width:100%;max-width:min(80vh,100%);margin:0 auto}.board-wrap{position:relative;width:100%;margin:0 auto;aspect-ratio:1 / 1}.captured-strip{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px;padding:0 4px}.captured-pieces{display:flex;align-items:center;flex-wrap:wrap;gap:0}.captured-piece{width:22px;height:22px;display:inline-block;margin-left:-3px}.captured-piece:first-child{margin-left:0}.captured-piece img{width:100%;height:100%;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.material-badge{font-size:12px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;padding:2px 6px;background:var(--surface-muted);border-radius:4px;flex-shrink:0}.board-and-eval{display:flex;flex-direction:row;align-items:stretch;gap:6px;width:100%}.board-and-eval>.board-wrap{flex:1 1 0;min-width:0}.eval-bar{--eval-white: #f0f0f0;--eval-black: #2a2a2a;width:16px;flex:0 0 16px;border:1px solid var(--border);border-radius:2px;align-self:stretch}.board{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:2px solid var(--border);border-radius:4px;overflow:hidden;touch-action:none}.square{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.square.light{background:var(--light-square)}.square.dark{background:var(--dark-square)}.square.last-move:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--last-move);pointer-events:none}.square.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--last-move);pointer-events:none}.square.in-check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 30px var(--check-glow);pointer-events:none}.square .coord{position:absolute;font-size:10px;font-weight:600;color:var(--text-muted);pointer-events:none;opacity:.75}.square .coord.file{right:3px;bottom:1px}.square .coord.rank{left:3px;top:1px}.square:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:2}.legal-dot{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.legal-dot:before{content:"";width:26%;height:26%;background:var(--legal-dot);border-radius:50%}.legal-dot.capture:before{width:90%;height:90%;background:transparent;border:5px solid var(--legal-dot);border-radius:50%}.piece{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:auto;cursor:grab;will-change:transform}.piece.animating{transition:transform .14s ease-out}.piece.dragging{cursor:grabbing;z-index:10;transition:none;pointer-events:none}.piece img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){.piece.animating{transition:none}}.hint-arrow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.promo-popup{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px #0003;z-index:20;display:flex;flex-direction:column}.promo-popup.flipped{flex-direction:column-reverse}.promo-popup button{width:100%;aspect-ratio:1 / 1;padding:4px;border:none;background:transparent;border-radius:0;min-height:0}.promo-popup button:hover{background:var(--surface-muted)}.promo-popup svg{width:100%;height:100%}.sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px}.status{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.status .turn-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid var(--piece-outline)}.status .turn-dot.w{background:var(--piece-light)}.status .turn-dot.b{background:var(--piece-dark)}.status.thinking:after{content:"";width:12px;height:12px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.move-list{max-height:38vh;overflow-y:auto;font-variant-numeric:tabular-nums;font-size:14px}@media (min-width: 900px){.move-list{max-height:50vh}}.move-row{display:grid;grid-template-columns:32px 1fr 1fr;align-items:center;gap:4px;padding:2px 4px}.move-row .num{color:var(--text-muted);font-size:12px}.move-cell{background:transparent;border:1px solid transparent;border-radius:4px;padding:2px 6px;text-align:left;font-family:inherit;font-size:14px;cursor:pointer;min-height:0}.move-cell.current{background:var(--accent);color:var(--surface);border-color:transparent}.move-cell:hover:not(.current):not(:disabled){background:var(--surface-muted)}.controls-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.controls-row button{padding:8px 6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:20px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:14px}.modal h2{margin:0;font-size:18px}.modal .field{display:flex;flex-direction:column;gap:6px}.modal .field>label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.modal .row{display:flex;gap:8px;flex-wrap:wrap}.modal .row button{flex:1 1 auto}.modal .actions{display:flex;justify-content:flex-end;gap:8px}.difficulty-slider{display:flex;flex-direction:column;gap:4px}.difficulty-slider .labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.difficulty-slider .value{font-weight:600;font-variant-numeric:tabular-nums}.banner{position:absolute;top:10%;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:14px 18px;box-shadow:0 8px 24px #0000004d;z-index:30;display:flex;flex-direction:column;gap:10px;text-align:center;min-width:220px}.banner .headline{font-size:18px;font-weight:700}.banner .reason{font-size:13px;color:var(--text-muted)}.banner .actions{display:flex;gap:8px;justify-content:center}.settings .row-grid{display:grid;gap:8px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.theme-grid button{padding:6px;font-size:12px}.theme-grid button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:8px}.eve-controls{display:grid;gap:8px}.eve-controls .pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.eve-controls .pair>div{display:flex;flex-direction:column;gap:4px}.eve-controls label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}