html,body,#app{margin:0;width:100%;height:100%}body{overflow:hidden;background:var(--bg)}#app{position:relative;touch-action:none}[data-testid=status].thinking{animation:think-pulse 1.1s ease-in-out infinite}@keyframes think-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){[data-testid=status].thinking{animation:none}}:root{--bg: #1a1d24;--surface: #232833;--surface-2: #2c3240;--border: #39414f;--text: #e6e9f0;--text-dim: #9aa2b1;--side-white: #cf4b3f;--side-black: #4a7fc0;--gold: #e0b84e;--radius: 10px;--radius-sm: 8px;--pad: 12px;--gap: 8px;--font: 600 13px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: 700 15px/1 ui-monospace, "SFMono-Regular", Menlo, monospace;--shadow: 0 6px 20px rgba(0, 0, 0, .35)}.hud{position:absolute;right:0;top:0;bottom:0;width:300px;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gap);padding:var(--pad);background:var(--surface);border-left:1px solid var(--border);color:var(--text);font:var(--font);z-index:15;overflow:hidden}.hud[hidden]{display:none}.hud__section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad)}.hud__section:empty{display:none}.hud__section[data-slot=footer]{margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--gap)}.btn{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:var(--font);cursor:pointer}.btn:hover{background:var(--surface-2)}.btn[aria-pressed=true]{background:var(--side-black);border-color:var(--side-black);color:#fff}.mono{font:var(--font-num)}.side-w{color:var(--side-white)}.side-b{color:var(--side-black)}.status{font:var(--font);color:var(--text);min-height:1.4em}.hud__difficulty{display:flex;flex-wrap:wrap;gap:var(--gap)}.clock{display:flex;flex-direction:column;gap:4px}.clock__row{display:flex;justify-content:space-between;align-items:baseline;color:var(--text-dim)}.clock__row.side-w{color:var(--side-white)}.clock__row.side-b{color:var(--side-black)}.history{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font:var(--font-num);color:var(--text)}.history__row{display:grid;grid-template-columns:2.2em 1fr 1fr;gap:6px;padding:1px 2px}.history__no{color:var(--text-dim)}.history .last{color:var(--gold)}.captured{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:20px;line-height:1}.captured__row{letter-spacing:1px}.captured__adv{margin-left:auto;font:var(--font-num)}