:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f5ef;background:#171915;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(112,144,93,.08),transparent 34%),#171915}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.06);background:#171915eb;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#82a65f;color:#15200e;font-weight:900;font-size:20px;box-shadow:inset 0 0 0 1px #ffffff21}.brand strong{display:block;font-size:17px;letter-spacing:-.02em}.brand small{display:block;margin-top:1px;color:#8f9688;font-size:11px}.engine-state{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#22251f;color:#a3aa9b;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.engine-state>span{width:7px;height:7px;border-radius:50%;background:#8b5d50}.engine-state.online>span{background:#8db96c;box-shadow:0 0 0 4px #8db96c14}.game-layout{width:min(1180px,calc(100% - 36px));margin:30px auto 22px;display:grid;grid-template-columns:minmax(0,790px) 330px;gap:28px;align-items:start}.board-column{min-width:0}.player-row{min-height:54px;display:flex;align-items:center;gap:11px;padding:8px 4px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;font-weight:800;border:1px solid rgba(255,255,255,.07)}.engine-avatar{background:#82a65f;color:#15200e}.human-avatar{background:#2a2e27;color:#eef0e9}.player-copy{min-width:0;flex:1}.player-copy strong{display:block;font-size:14px}.player-copy span{display:block;margin-top:3px;color:#8d9487;font-size:11px}.turn-dot{width:8px;height:8px;border-radius:50%;background:#8fb96e;box-shadow:0 0 0 5px #8fb96e14;margin-right:8px}.board-area{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:stretch}.board-wrap{min-width:0}.eval-bar{position:relative;border-radius:5px;overflow:hidden;background:#171915;border:1px solid rgba(255,255,255,.08);min-height:300px}.eval-black{position:absolute;inset:0;background:#242720}.eval-white{position:absolute;left:0;right:0;bottom:0;background:#eef0e5;transition:height .18s ease}.eval-label{position:absolute;left:50%;transform:translate(-50%);font-size:9px;font-weight:800;writing-mode:vertical-rl;text-orientation:mixed}.eval-label.on-white{bottom:8px;color:#20231d}.eval-label.on-black{top:8px;color:#f0f1eb}.eval-bar.tablebase-mode .eval-black{background:#292c27}.eval-bar.tablebase-mode .eval-white{background:#d9ddd3;opacity:.78}.eval-tablebase-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);z-index:2;font-size:8px;font-weight:900;letter-spacing:.08em;color:#7f8879}.side-panel{background:#22251f;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0000002e;position:sticky;top:94px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 15px;border-bottom:1px solid rgba(255,255,255,.06)}.eyebrow{color:#8aaa6f;font-size:10px;font-weight:800;letter-spacing:.12em}.panel-header h1{margin:3px 0 0;font-size:22px;letter-spacing:-.03em}.icon-button{width:36px;height:36px;border:0;border-radius:9px;background:#2b2f28;color:#d8dcd1;font-size:20px}.icon-button:hover{background:#34392f}.status-card{margin:14px;padding:13px 14px;border-radius:10px;background:#1b1e19;border:1px solid rgba(255,255,255,.05)}.status-card strong{display:block;font-size:13px}.status-card span{display:block;margin-top:5px;color:#8e9588;font-size:10px;line-height:1.5}.decision-panel{margin:0 14px 14px;overflow:hidden;border-radius:10px;background:#1b1e19;border:1px solid rgba(255,255,255,.055)}.decision-tabs{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 8px;border-bottom:1px solid rgba(255,255,255,.05);background:#1f221d}.decision-tab{height:100%;display:inline-flex;align-items:center;gap:7px;padding:0 6px;color:#8f9689;font-size:11px;font-weight:750;border-bottom:2px solid transparent}.decision-tab.active{color:#e8ebe3;border-bottom-color:#82a65f}.decision-icon{color:#9fbd83;font-size:13px;transform:translateY(-1px)}.decision-meta{color:#686f64;font-size:9px;letter-spacing:.04em}.tablebase-list{max-height:188px;overflow:auto}.tablebase-row{min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.035);font-size:11px}.tablebase-row:last-child{border-bottom:0}.tablebase-row.best{background:#82a65f14}.tablebase-move{font-weight:750;color:#e6e9e1}.tablebase-outcome{min-width:66px;text-align:right;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tablebase-outcome.win{color:#9cc77a}.tablebase-outcome.draw{color:#b5baaf}.tablebase-outcome.loss{color:#c98779}.tablebase-outcome.unknown{color:#858c80}.decision-footnote{padding:8px 11px 9px;border-top:1px solid rgba(255,255,255,.04);color:#6e756a;font-size:9px;line-height:1.45}.book-source{padding:12px 12px 13px}.book-source strong{display:block;font-size:11px;color:#e2e6dc}.book-source span{display:block;margin-top:4px;color:#777f72;font-size:9px}.moves-title{display:flex;justify-content:space-between;padding:4px 16px 8px;color:#b6bcb0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.moves-title span:last-child{color:#747b70;font-weight:600}.move-list{min-height:190px;max-height:300px;overflow:auto;background:#1d201b;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.empty-moves{padding:24px 16px;color:#70776c;font-size:12px}.move-row{display:grid;grid-template-columns:38px 1fr 1fr;gap:4px;min-height:34px;align-items:center;padding:0 12px;font-size:12px}.move-row:nth-child(2n){background:#ffffff05}.move-number{color:#70776c}.controls{padding:16px;display:grid;gap:15px}.controls label>span,.color-picker>span{display:block;margin-bottom:7px;color:#8e9588;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}select{width:100%;height:40px;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:0 11px;background:#2a2e27;color:#f0f1ec;outline:none}.color-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.color-picker button,.button-row button{height:40px;border:0;border-radius:8px;font-weight:700}.color-picker button{background:#2a2e27;color:#aab1a3;border:1px solid transparent}.color-picker button.selected{border-color:#829f69;color:#f3f5ef;background:#30372b}.button-row{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.secondary{background:#2a2e27;color:#d6dad1}.primary{background:#82a65f;color:#15200e}.primary:hover{background:#8eb469}.secondary:hover{background:#33372f}footer{width:min(1180px,calc(100% - 36px));margin:auto auto 22px;padding-top:12px;display:flex;justify-content:space-between;gap:20px;color:#6f766b;font-size:10px}@media(max-width:980px){.game-layout{grid-template-columns:minmax(0,1fr);max-width:760px}.side-panel{position:static}.move-list{max-height:220px}}@media(max-width:620px){.topbar{height:62px;padding:0 14px}.brand small{display:none}.engine-state{padding:7px 9px;font-size:9px}.game-layout{width:calc(100% - 18px);margin-top:14px;gap:16px}.board-area{grid-template-columns:15px minmax(0,1fr);gap:6px}.eval-label{font-size:7px}footer{width:calc(100% - 18px);flex-direction:column;gap:4px}}.controls>label:first-child{display:none}.engine-avatar+.player-copy span{font-size:0}.engine-avatar+.player-copy span:after{content:"Depth 11";font-size:11px}