:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d12;--surface-1:#13141d;--surface-2:#191a25;--surface-3:#20212f;--surface-4:#282938;--border-dim:#ffffff0d;--border-soft:#ffffff14;--border-medium:#ffffff21;--amber:#c4893c;--amber-hi:#d9a055;--amber-dim:#c4893c21;--amber-glow:#c4893c38;--text-1:#eeeef6;--text-2:#9494b0;--text-3:#55556e;--danger:#e53e3e;--danger-dim:#e53e3e1f;--danger-hi:#fc8181;--sq-light:#f0d9b5;--sq-dark:#b58863;--sq-selected-overlay:#149b2361;--sq-lastmove:#cdd2506b;--sq-legal-dot:#00000042;--sq-capture-ring:#0000003d;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-1);min-height:100dvh}#root{min-height:100dvh}button{font:inherit;cursor:pointer}.app-shell{flex-direction:column;gap:8px;max-width:1400px;height:100dvh;max-height:100dvh;margin:0 auto;padding:0 12px 12px;display:flex;overflow:hidden}.app-header{background:var(--surface-2);border:1px solid var(--border-dim);border-top:none;border-radius:0 0 12px 12px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.brand{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.brand-piece{color:var(--amber);font-size:1.5rem;line-height:1}.brand-name{letter-spacing:-.025em;color:var(--text-1);font-size:1.1rem;font-weight:700}.header-status{flex:1;justify-content:center;display:flex}.header-controls{flex-wrap:wrap;gap:8px;display:flex}.badge{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-turn{background:var(--surface-3);border-color:var(--border-soft);color:var(--text-1)}.badge-turn.badge-check{background:var(--danger-dim);color:var(--danger-hi);border-color:#e53e3e40}.badge-result{background:var(--amber-dim);color:var(--amber-hi);border-color:#c4893c47}.pip{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pip-w{background:#d8d8ec}.pip-b{background:#2a2a3e;border:1.5px solid #fff3}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:background .12s,border-color .12s,transform 80ms,opacity .12s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-ghost{background:var(--surface-3);border-color:var(--border-soft);color:var(--text-1)}.btn-ghost:hover:not(:disabled){background:var(--surface-4);border-color:var(--border-medium)}.btn-accent{background:var(--amber);color:#0c0d12;font-weight:600}.btn-accent:hover:not(:disabled){background:var(--amber-hi)}.main-layout{flex:1;grid-template-columns:1fr 268px;align-items:start;gap:12px;min-height:0;display:grid;overflow:hidden}.board-area{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.player-bar{background:var(--surface-2);border:1px solid var(--border-dim);border-radius:12px;align-items:center;gap:12px;width:min(88vw,100dvh - 200px,800px);padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.player-bar--active{border-color:var(--amber);background:var(--surface-3);box-shadow:0 0 20px var(--amber-glow);transform:scale(1.02)}.player-bar--check{border-color:var(--danger);box-shadow:0 0 20px var(--danger-dim)}.player-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.player-avatar--w{background:radial-gradient(circle at 40% 35%,#f0f0f8,#b8b8d0);border:2px solid #ffffff40}.player-avatar--b{background:radial-gradient(circle at 40% 35%,#3a3a52,#18181e);border:2px solid #ffffff26}.player-name{color:var(--text-1);min-width:60px;font-size:1rem;font-weight:700}.player-captures{flex-wrap:wrap;flex:1;align-items:center;gap:2px;min-height:28px;display:flex}.captured-icon{opacity:.85;font-size:1.1rem;line-height:1}.material-adv{color:var(--amber);background:var(--amber-dim);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.8rem;font-weight:700}.turn-dot{background:var(--amber);width:10px;height:10px;box-shadow:0 0 10px var(--amber);border-radius:50%;flex-shrink:0;animation:1.2s ease-in-out infinite pulse-dot}.check-badge{color:var(--danger-hi);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.thinking-badge{color:var(--amber-hi);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700;animation:1.1s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.board-shell{justify-content:center;display:flex;position:relative}.board-shell--locked .board{filter:saturate(.92)}.board{aspect-ratio:1;border:3px solid #0f1016;border-radius:4px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(88vw,100dvh - 200px,800px);display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 8px 24px #00000080,0 24px 60px #0000008c}.square{border:none;outline:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0;transition:filter 80ms;display:flex;position:relative;overflow:hidden}.square.light{background:var(--sq-light)}.square.dark{background:var(--sq-dark)}.square:not(.selected):hover{filter:brightness(1.12)}.square:disabled{cursor:default}.square:focus-visible:after{content:"";outline:2px solid var(--amber);outline-offset:-2px;pointer-events:none;z-index:10;border-radius:2px;position:absolute;inset:2px}.square.selected:before{content:"";background:var(--sq-selected-overlay);z-index:0;pointer-events:none;position:absolute;inset:0}.square.last-move:not(.selected):before{content:"";background:var(--sq-lastmove);z-index:0;pointer-events:none;position:absolute;inset:0}.square.light.in-check{background:radial-gradient(circle at center, #dc2626e6 0%, #dc262680 40%, var(--sq-light) 80%)}.square.dark.in-check{background:radial-gradient(circle at center, #dc2626e6 0%, #dc262680 40%, var(--sq-dark) 80%)}.rank-label,.file-label{pointer-events:none;z-index:3;letter-spacing:0;font-family:JetBrains Mono,Consolas,monospace;font-size:.6rem;font-weight:500;line-height:1;position:absolute}.rank-label{top:4px;left:5px}.file-label{bottom:4px;right:5px}.square.light .rank-label,.square.light .file-label{color:var(--sq-dark);opacity:.75}.square.dark .rank-label,.square.dark .file-label{color:var(--sq-light);opacity:.75}.piece{z-index:2;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(2.1rem,10.5vw,4.2rem);line-height:1;transition:transform 80ms;display:flex;position:relative}.piece[draggable=true]{cursor:grab}.white-piece{color:#fff;text-shadow:0 0 1px #000,0 1px 2px #0009,0 2px 4px #0006}.black-piece{color:#12121a;text-shadow:0 0 2px #0006,0 1px 3px #ffffff1a,0 3px 6px #0000004d}.legal-indicator{z-index:1;pointer-events:none;position:absolute}.legal-indicator.move{aspect-ratio:1;background:var(--sq-legal-dot);border-radius:50%;width:28%}.legal-indicator.capture{border:6px solid var(--sq-capture-ring);border-radius:50%;inset:6%}.board-overlay{color:var(--text-1);letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0c0d12db;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:.82rem;font-weight:600;display:inline-flex;position:absolute;inset:auto 12px 12px;box-shadow:0 8px 18px #00000059}.sidebar{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex;overflow:hidden}.card{background:var(--surface-2);border:1px solid var(--border-dim);border-radius:10px;padding:12px 14px}.card-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-size:.65rem;font-weight:600}.turn-row{background:var(--surface-3);border-radius:7px;align-items:center;gap:8px;margin-bottom:6px;padding:7px 10px;display:flex}.color-pip{border-radius:50%;flex-shrink:0;width:10px;height:10px}.color-pip--w{background:#d8d8ec}.color-pip--b{background:#2a2a3e;border:1.5px solid #fff3}.turn-text{color:var(--text-1);font-size:.875rem;font-weight:600}.check-alert{background:var(--danger-dim);color:var(--danger-hi);border:1px solid #e53e3e33;border-radius:7px;align-items:center;gap:6px;margin-bottom:6px;padding:6px 10px;font-size:.78rem;font-weight:600;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.stat-cell{background:var(--surface-3);border-radius:6px;padding:6px 10px}.stat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:2px;font-size:.66rem;font-weight:600;display:block}.stat-value{color:var(--text-1);font-size:.95rem;font-weight:600}.claim-draw-row{border-top:1px solid var(--border-dim);flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;display:flex}.control-group{flex-direction:column;gap:8px;margin-top:12px;display:flex}.control-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:.7rem;font-weight:600}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.segmented-control--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.segment{border:1px solid var(--border-soft);background:var(--surface-3);color:var(--text-1);border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:600;transition:background .12s,border-color .12s,transform 80ms}.segment:hover{background:var(--surface-4);border-color:var(--border-medium)}.segment:active{transform:translateY(1px)}.segment--active{background:var(--amber-dim);color:var(--amber-hi);border-color:#c4893c61}.engine-status{background:var(--surface-3);color:var(--text-2);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;font-size:.8rem;font-weight:500;display:flex}.engine-status--thinking{color:var(--text-1);border:1px solid #c4893c33}.engine-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:8px;height:8px}.engine-dot--thinking{background:var(--amber);animation:1.1s ease-in-out infinite pulse-dot}.engine-error{color:var(--danger-hi);margin-top:10px;font-size:.78rem}.control-reset{justify-content:center;width:100%;margin-top:12px}.result-card{text-align:center;padding:20px 16px}.result-icon{margin-bottom:10px;font-size:2.2rem;line-height:1}.result-headline{color:var(--text-1);letter-spacing:-.02em;margin-bottom:4px;font-size:1.1rem;font-weight:700}.result-reason{color:var(--text-2);text-transform:capitalize;margin-bottom:18px;font-size:.78rem}.result-new-game{justify-content:center;width:100%}.move-list-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.move-list{scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent;flex-direction:column;flex:1;gap:1px;list-style:none;display:flex;overflow-y:auto}.move-list::-webkit-scrollbar{width:4px}.move-list::-webkit-scrollbar-track{background:0 0}.move-list::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:2px}.move-row{border-radius:6px;grid-template-columns:28px 1fr 1fr;align-items:center;gap:2px;padding:5px 6px;transition:background .1s;display:grid}.move-row:hover{background:var(--surface-3)}.move-row--latest{background:var(--amber-dim)}.move-row--latest:hover{background:var(--amber-glow)}.move-number{color:var(--text-3);text-align:right;padding-right:4px;font-family:JetBrains Mono,monospace;font-size:.68rem}.move-cell{color:var(--text-1);border-radius:4px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:background .1s}.move-cell:hover{background:var(--surface-4)}.move-empty-state{text-align:center;color:var(--text-3);padding:24px 0;font-size:.8rem}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#08080eb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--surface-2);border:1px solid var(--border-medium);border-radius:16px;width:min(360px,100%);padding:24px;box-shadow:0 32px 80px #000000b3,0 0 0 1px #ffffff0a}.modal-title{color:var(--text-1);letter-spacing:-.02em;margin-bottom:4px;font-size:1rem;font-weight:700}.modal-desc{color:var(--text-2);margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:.78rem}.promotion-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.promotion-option{background:var(--surface-3);border:1px solid var(--border-soft);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;transition:background .12s,border-color .12s,transform .1s;display:flex}.promotion-option:hover{background:var(--surface-4);border-color:var(--border-medium);transform:translateY(-2px)}.promotion-option:active{transform:translateY(0)}.promo-symbol{font-size:2rem;line-height:1}.promo-name{letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);font-size:.65rem;font-weight:600}@media (width<=900px){.main-layout{grid-template-columns:1fr 240px}}@media (width<=720px){.app-shell{height:auto;max-height:none;padding:10px 12px;overflow:auto}.main-layout{grid-template-columns:1fr;overflow:visible}.sidebar{grid-template-columns:1fr 1fr;gap:8px;height:auto;display:grid;overflow:visible}.move-list-panel{grid-column:1/-1}.segmented-control,.segmented-control--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.board,.player-bar{width:min(92vw,500px)}}@media (width<=540px){.sidebar,.segmented-control,.segmented-control--triple{grid-template-columns:1fr}}@media (width<=480px){.app-shell{gap:8px;padding:8px 10px}.header-status{flex:0 0 100%;order:3;justify-content:flex-start}.board,.player-bar{width:95vw}.sidebar{grid-template-columns:1fr}}