:root{--sans:"DM Sans", system-ui, -apple-system, sans-serif;--serif:"Cormorant", Georgia, "Times New Roman", serif;--mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--bg:#0c0b09;--bg-surface:#131110;--bg-raised:#1c1a16;--bg-hover:#242018;--border-subtle:#1e1c17;--border:#2c2820;--border-strong:#3d3829;--text-dim:#6a5c47;--text:#9e8a6d;--text-bright:#d4bf9d;--text-head:#f0e2c4;--gold:#c8921e;--gold-muted:#c8921e1f;--gold-border:#c8921e47;--gold-bright:#e0aa3a;--green:#4d8c5e;--green-muted:#4d8c5e1f;--green-border:#4d8c5e4d;--red:#c05a3a;--red-muted:#c05a3a1a;--red-border:#c05a3a40;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080}@media (prefers-color-scheme:light){:root{--bg:#f7f1e5;--bg-surface:#efe8d6;--bg-raised:#e7dfc8;--bg-hover:#ddd5be;--border-subtle:#dcd4be;--border:#c9bfa5;--border-strong:#b3a688;--text-dim:#9b856a;--text:#6b5540;--text-bright:#3c2d1c;--text-head:#1e1408;--gold:#9a6e12;--gold-muted:#9a6e121a;--gold-border:#9a6e124d;--gold-bright:#b07e1c;--green:#3d7248;--green-muted:#3d72481a;--green-border:#3d72484d;--red:#8b3820;--red-muted:#8b382014;--red-border:#8b382040;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 16px #0000001f}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:linear-gradient(45deg,#c8921e05 25%,#0000 25%),linear-gradient(-45deg,#c8921e05 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c8921e05 75%),linear-gradient(-45deg,#0000 75%,#c8921e05 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;margin:0;font-size:14px;line-height:1.55}#root{flex-direction:column;min-height:100svh;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#app{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.app-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex;position:relative}.app-header:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-border), transparent);height:1px;position:absolute;bottom:0;left:24px;right:24px}.app-title{font-family:var(--serif);color:var(--text-head);letter-spacing:.01em;font-size:19px;font-style:italic;font-weight:500;line-height:1}.app-title:first-letter{color:var(--gold);margin-right:1px;font-size:1.15em;font-style:normal}.mode-indicator{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.mode-dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 6px var(--gold);border-radius:50%;flex-shrink:0;animation:3s ease-in-out infinite pulse}.app-main{flex:1;display:flex;overflow:hidden}.board-section{flex:1;justify-content:center;align-items:flex-start;padding:32px 24px;display:flex}.board-wrapper{filter:drop-shadow(0 8px 32px #0009);width:min(100%,500px)}.side-panel{border-left:1px solid var(--border-subtle);background:var(--bg-surface);flex-direction:column;flex-shrink:0;width:296px;display:flex;overflow:hidden}.panel-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:10px;font-weight:600}.coach-panel{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:10px;min-height:0;max-height:56%;padding:16px;display:flex}.coach-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;overflow-y:auto}.coach-body::-webkit-scrollbar{width:3px}.coach-body::-webkit-scrollbar-track{background:0 0}.coach-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.coach-idle{color:var(--text-dim);margin:0;padding:4px 0;font-size:13px;font-style:italic;line-height:1.6}.coach-loading{color:var(--text-dim);letter-spacing:.04em;align-items:center;gap:10px;padding:2px 0;font-size:12px;display:flex}.coach-spinner{border:1.5px solid var(--border-strong);border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.9s linear infinite spin;display:inline-block}.coach-response{flex-direction:column;gap:10px;display:flex}.coach-response>*{animation:.25s forwards fadeUp}.coach-response-header{align-items:baseline;gap:10px;display:flex}.coach-move{font-family:var(--mono);color:var(--gold);letter-spacing:-.02em;text-shadow:0 0 20px #c8921e4d;font-size:28px;font-weight:600;line-height:1}.coach-confidence{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:600}.coach-confidence--low{background:var(--red-muted);color:var(--red);border-color:var(--red-border)}.coach-confidence--medium{color:var(--gold);border-color:var(--gold-border);background:#c8921e1a}.coach-confidence--high{background:var(--green-muted);color:var(--green);border-color:var(--green-border)}.coach-summary{color:var(--text-bright);margin:0;padding:0;font-size:12.5px;line-height:1.65}.coach-alts{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.coach-alts-label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;margin-right:2px;font-size:10px;font-weight:500}.coach-alt-chip{font-family:var(--mono);background:var(--gold-muted);color:var(--gold);border:1px solid var(--gold-border);letter-spacing:.02em;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:500}.coach-section{border-left:2px solid var(--border);flex-direction:column;gap:5px;padding-left:10px;transition:border-color .2s;display:flex}.coach-section:first-of-type{border-left-color:var(--gold-border)}.coach-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:9px;font-weight:600}.coach-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.coach-list li{color:var(--text-bright);padding-left:12px;font-size:12px;line-height:1.55;position:relative}.coach-list li:before{content:"–";color:var(--text-dim);position:absolute;left:0}.coach-list--risks .coach-section{border-left-color:var(--red-border)}.coach-list--risks li{color:var(--text)}.coach-list--risks li:before{content:"!";color:var(--red);font-weight:600}.coach-error{color:var(--red);background:var(--red-muted);border:1px solid var(--red-border);border-radius:5px;padding:10px 12px;font-size:12px;line-height:1.55;animation:.2s forwards fadeUp}.coach-actions{flex-shrink:0;align-items:center;gap:6px;padding-top:2px;display:flex}.mode-select{font-family:var(--sans);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-bright);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a5c47' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;border-radius:5px;flex:1;min-width:0;padding:6px 26px 6px 10px;font-size:12px;font-weight:500;transition:border-color .15s,background-color .15s}.mode-select:hover{border-color:var(--border-strong);background-color:var(--bg-hover)}.mode-select:focus{border-color:var(--gold-border);box-shadow:0 0 0 2px var(--gold-muted);outline:none}.ask-coach-btn{background:var(--gold);color:#0c0b09;font-family:var(--sans);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:none;border-radius:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:background-color .15s,transform .1s,box-shadow .15s;box-shadow:0 1px 6px #c8921e40}.ask-coach-btn:hover:not(:disabled){background:var(--gold-bright);transform:translateY(-1px);box-shadow:0 2px 10px #c8921e59}.ask-coach-btn:active:not(:disabled){transform:translateY(0)}.ask-coach-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.voice-toggle-btn{background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;opacity:.45;color:inherit;border-radius:5px;flex-shrink:0;padding:5px 8px;font-size:13px;line-height:1;transition:opacity .15s,border-color .15s,background-color .15s}.voice-toggle-btn:hover{opacity:.7;border-color:var(--border-strong)}.voice-toggle-btn--on{opacity:1;border-color:var(--gold-border);background:var(--gold-muted);box-shadow:0 0 8px var(--gold-muted)}.move-history{flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex;overflow:hidden}.move-list{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.move-list::-webkit-scrollbar{width:3px}.move-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.move-list-empty{color:var(--text-dim);font-size:12px;font-style:italic}.move-pair{font-size:12.5px;font-family:var(--mono);color:var(--text-bright);border-radius:3px;grid-template-columns:22px 1fr 1fr;gap:4px;padding:2px 4px;transition:background-color .1s;display:grid}.move-pair:hover{background:var(--bg-raised)}.move-number{color:var(--text-dim);align-self:center;padding-top:1px;font-size:10px}.move{border-radius:2px;padding:1px 4px}.move:first-of-type{color:var(--text-bright)}.move:last-of-type{color:var(--text)}.coach-context-debug{border-top:1px solid var(--border-subtle);padding:10px 16px;font-size:11px}.coach-context-debug summary{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:600;list-style:none}.coach-context-debug summary::-webkit-details-marker{display:none}.coach-context-debug summary:before{content:"▸ ";font-size:8px;transition:transform .15s}.coach-context-debug[open] summary:before{content:"▾ "}.coach-context-debug dl{grid-template-columns:max-content 1fr;gap:3px 12px;margin:8px 0 0;display:grid}.coach-context-debug dt{color:var(--text-dim);letter-spacing:.04em;align-self:start;padding-top:1px;font-size:10px}.coach-context-debug dd{color:var(--text);font-family:var(--mono);overflow-wrap:break-word;margin:0;font-size:10px}.coach-context-debug .fen{color:var(--text-dim);word-break:break-all;grid-column:1/-1;padding-top:2px;font-size:9px}