:root{--bg:#1e2127;--panel:#2b2f38;--panel-border:#3a3f4b;--text:#f1f3f5;--muted:#a9b0bc;--accent:#4c9aff;--thinking:#ffb547;--win:#81b64c;--draw:#8a919e;--loss:#e5534b;--light-square:#eeeed2;--dark-square:#769656;--last-move:#ffdd0073;--selected:#50a0ff8c;--check:#e62828a6;--board-size:max(280px, min(92vw, 560px, calc(100svh - 430px)));--square-size:calc(var(--board-size) / 8);--avatar-size:72px}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;align-items:center;gap:14px;padding:20px 16px 32px;display:flex}h1{margin:0;font-size:1.5rem}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.controls label{align-items:center;gap:6px;display:flex}select,button{background:var(--panel);color:var(--text);font:inherit;border:1px solid #555b68;border-radius:6px;padding:6px 10px}button{background:var(--accent);border-color:var(--accent);color:#0b1220;cursor:pointer;font-weight:600}.table{width:var(--board-size);flex-direction:column;gap:10px;display:flex}.player-card{border:1px solid var(--panel-border);background:var(--panel);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:relative}.avatar-frame{width:var(--avatar-size);height:var(--avatar-size);border:3px solid var(--panel-border);border-radius:50%;flex:none;transition:border-color .2s,transform .2s;overflow:hidden}.avatar{object-fit:cover;width:100%;height:100%;display:block}.you-avatar{--avatar-size:44px;color:var(--muted);background:#3d4350;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.player-info{flex-direction:column;gap:2px;min-width:0;display:flex}.player-name{font-weight:700}.player-level{color:var(--muted);font-size:.9rem}.bubble{background:var(--text);color:#111;white-space:nowrap;border-radius:12px;margin:0 0 0 auto;padding:8px 12px;font-weight:600;animation:.18s ease-out bubble-in;position:relative}.bubble[hidden]{display:none}.bot-card.is-thinking{border-color:var(--thinking)}.bot-card.is-thinking .avatar-frame{border-color:var(--thinking);animation:1.2s ease-in-out infinite thinking-pulse;transform:scale(1.06)}.bot-card.is-thinking .bubble{background:var(--thinking)}@keyframes thinking-pulse{0%,to{box-shadow:0 0 #ffb54799}50%{box-shadow:0 0 0 10px #ffb54700}}@keyframes bubble-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.win-chance{flex-direction:column;gap:6px;transition:opacity .2s;display:flex}.win-chance.is-pending{opacity:.55}.win-chance.is-unavailable{opacity:.3}.win-legend{color:var(--muted);justify-content:space-between;font-size:.9rem;display:flex}.win-legend strong{color:var(--text)}.win-bar{border:1px solid var(--panel-border);background:var(--draw);border-radius:6px;height:12px;display:flex;overflow:hidden}.segment{flex:1 1 0;min-width:0;transition:flex-grow .4s}.segment-win{background:var(--win)}.segment-draw{background:var(--draw)}.segment-loss{background:var(--loss)}.board{width:var(--board-size);height:var(--board-size);-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden;box-shadow:0 10px 30px #00000073}.square{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.board.is-locked .square{cursor:default}.square.light{background:var(--light-square)}.square.dark{background:var(--dark-square)}.square.last-move{box-shadow:inset 0 0 0 100px var(--last-move)}.square.selected{box-shadow:inset 0 0 0 100px var(--selected)}.square.in-check{box-shadow:inset 0 0 0 100px var(--check)}.square.move-target:after{content:"";background:#1414144d;border-radius:50%;width:28%;height:28%}.square.capture-target{box-shadow:inset 0 0 0 5px #14141459}.coord{font-size:calc(var(--square-size) * .2);pointer-events:none;font-weight:700;line-height:1;position:absolute}.coord-rank{top:4%;left:5%}.coord-file{bottom:4%;right:5%}.square.light .coord{color:var(--dark-square)}.square.dark .coord{color:var(--light-square)}.piece{font-family:Segoe UI Symbol,DejaVu Sans,"Noto Sans Symbols 2",Arial Unicode MS,sans-serif;font-size:calc(var(--square-size) * .8);pointer-events:none;line-height:1}.piece-w{color:#fff;text-shadow:-1px -1px #222,1px -1px #222,-1px 1px #222,1px 1px #222,0 2px 3px #00000059}.piece-b{color:#1b1b1b;text-shadow:0 2px 3px #0000004d}.status{text-align:center;min-height:1.5em;color:var(--muted);margin:0}@media (prefers-reduced-motion:reduce){.bubble,.bot-card.is-thinking .avatar-frame{animation:none}.avatar-frame,.segment,.win-chance{transition:none}}@media (width<=420px){:root{--avatar-size:56px}}