:root{--bg: #131314;--surface: #18181b;--surface-2: #1d1d21;--surface-3: #27272d;--line: #29292f;--line-strong: #3e3e47;--text: #ececee;--text-dim: #a3a3ac;--text-faint: #6f6f79;--accent: #e3b06b;--accent-strong: #f0c384;--accent-dim: rgba(227, 176, 107, .14);--accent-ink: #241a0c;--p0: #e25d50;--p0-soft: rgba(226, 93, 80, .16);--p1: #5b8ff0;--p1-soft: rgba(91, 143, 240, .16);--good: #57c99b;--bad: #ef6f64;--hover-ghost: rgba(94, 207, 194, .1);--board-groove: #1d1811;--board-frame: #3a3123;--board-cell-hi: #382f24;--board-cell-lo: #2e261c;--wall-hi: #eec98d;--wall-lo: #c8974e;--cell: clamp(30px, 5.4vw, 56px);--gap: clamp(6px, 1vw, 11px);--r-s: 6px;--r-m: 10px;--r-l: 14px;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--shadow-panel: inset 0 1px 0 rgba(255, 255, 255, .03), 0 10px 30px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);background-image:radial-gradient(1100px 600px at 50% -220px,#1d1d20,transparent);background-repeat:no-repeat;color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.45}::selection{background:#e3b06b4d}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}app-root,quoridor-board,evaluation-bar,control-bar,analysis-panel{display:block;min-width:0}.app{width:100%;max-width:1360px;min-height:100vh;margin:0 auto;padding:18px 28px 40px;display:flex;flex-direction:column;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 2px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:.01em;user-select:none}.brand svg,.brand img{display:block}.brand em{font-style:normal;font-weight:700;color:var(--accent)}.status{display:inline-flex;align-items:center;gap:8px;min-height:32px;max-width:460px;padding:5px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-dim);font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden}.status span{overflow:hidden;text-overflow:ellipsis}.status-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--good)}.status.error{border-color:#ef6f6466;color:var(--bad)}.status.error .status-dot{background:var(--bad)}.spinner{flex:0 0 auto;width:13px;height:13px;border-radius:50%;border:2px solid rgba(236,236,238,.14);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:28px;align-items:start;min-width:0}.stage{display:flex;justify-content:center;min-width:0}.stage-inner{display:flex;flex-direction:column;gap:10px;width:max-content;max-width:100%}.sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.plaque{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 14px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.plaque.turn{border-color:#e3b06b73;box-shadow:0 0 0 1px #e3b06b2e,0 6px 18px #00000040}.plaque-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 1px 2px #ffffff59,0 1px 3px #0006}.plaque-dot.p0{background:radial-gradient(circle at 35% 30%,#f5978a,var(--p0) 60%,#9c342c)}.plaque-dot.p1{background:radial-gradient(circle at 35% 30%,#a9c6ff,var(--p1) 60%,#33549e)}.plaque-name{font-size:13px;font-weight:650}.plaque-role{color:var(--text-faint);font-size:12px}.plaque-eval{padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--text-dim)}.plaque .spinner{margin-left:2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge.win{background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:var(--accent-ink)}.badge.draw{background:var(--surface-3);color:var(--text-dim)}.badge.proven{border:1px solid rgba(87,201,155,.35);background:#57c99b1f;color:var(--good)}.walls-ticks{display:flex;align-items:center;gap:3px;margin-left:auto}.walls-ticks .tick{width:5px;height:15px;border-radius:2px;background:var(--surface-3);transition:background .2s ease}.walls-ticks .tick.on{background:linear-gradient(180deg,var(--wall-hi),var(--wall-lo));box-shadow:0 1px 2px #00000059}.walls-count{margin-left:7px;color:var(--text-faint);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.board-row{display:flex;align-items:stretch;gap:12px;min-width:0}evaluation-bar{align-self:stretch}.evalbar-v{position:relative;width:14px;height:100%;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);overflow:hidden}.evalbar-v .fill{position:absolute;left:0;right:0;transition:height .48s cubic-bezier(.22,.8,.3,1)}.evalbar-v .fill.p0{bottom:0;background:linear-gradient(180deg,#f08074,var(--p0))}.evalbar-v .fill.p1{top:0;background:linear-gradient(180deg,var(--p1),#86aef5)}.evalbar-v .midline{position:absolute;left:2px;right:2px;top:50%;height:1px;background:#ececee52;pointer-events:none}.evalbar-v.idle .fill{opacity:0}.board-holder{position:relative;min-width:0}.board{position:relative;display:grid;grid-template-columns:repeat(9,var(--cell));grid-template-rows:repeat(9,var(--cell));gap:var(--gap);width:max-content;padding:var(--gap);border:1px solid var(--board-frame);border-radius:12px;background:var(--board-groove);box-shadow:inset 0 1px #ffffff0a,0 24px 60px #00000073}.board.flipped{transform:rotate(180deg)}.cell{position:relative;min-width:0;padding:0;border:0;border-radius:4px;background:linear-gradient(180deg,var(--board-cell-hi),var(--board-cell-lo));box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000047;transition:background .13s ease,box-shadow .13s ease}.cell:disabled{color:inherit}.cell.legal:after{content:"";position:absolute;left:50%;top:50%;width:24%;height:24%;border-radius:50%;background:#ececee40;transform:translate(-50%,-50%);transition:background .13s ease,width .13s ease,height .13s ease,box-shadow .13s ease}.cell.legal:hover{background:linear-gradient(180deg,#443a2c,#382f23)}.cell.legal:hover:after{width:32%;height:32%;background:var(--accent);box-shadow:0 0 14px #e3b06b73}.cell.last{box-shadow:inset 0 0 0 2px #e3b06b66,inset 0 1px #ffffff0d}.coord{position:absolute;z-index:1;color:#ececee42;font-size:9px;font-weight:650;pointer-events:none;user-select:none}.coord.rank{top:3px;left:5px}.coord.file{right:5px;bottom:2px}.pawn{position:absolute;inset:17%;border-radius:50%;box-shadow:0 5px 12px #00000073,inset 0 2px 4px #ffffff47,inset 0 -3px 6px #0000004d}.pawn.p0{background:radial-gradient(circle at 35% 30%,#f5978a,var(--p0) 58%,#9c342c)}.pawn.p1{background:radial-gradient(circle at 35% 30%,#a9c6ff,var(--p1) 58%,#33549e)}.pawn.ghost{opacity:.45;box-shadow:none}.pawn.active:after{content:"";position:absolute;inset:-4px;border-radius:50%;box-shadow:0 0 0 2.5px rgba(var(--turn-glow),.6);animation:turn-pulse 1.6s ease-in-out infinite;pointer-events:none}.pawn.p0.active{--turn-glow: 226, 93, 80}.pawn.p1.active{--turn-glow: 91, 143, 240}@keyframes turn-pulse{0%,to{opacity:.15}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.pawn.active:after{animation:none;opacity:.8}.evalbar-v .fill{transition:none}}.wall{position:absolute;z-index:2;border-radius:3px;background:linear-gradient(180deg,var(--wall-hi),var(--wall-lo));box-shadow:0 1px 3px #0000008c,inset 0 1px #fff6}.wall.vertical{background:linear-gradient(90deg,var(--wall-hi),var(--wall-lo))}.wall.horizontal{width:calc(2 * var(--cell) + var(--gap));height:var(--gap)}.wall.vertical{width:var(--gap);height:calc(2 * var(--cell) + var(--gap))}.wall.last{box-shadow:0 0 0 1px #f0c384d9,0 0 16px #e3b06b66}.wall.ghost{z-index:4;pointer-events:none;opacity:.55}.wall-slot{position:absolute;z-index:3;border:none;border-radius:3px;background:transparent;transition:background .1s ease}.wall-slot.horizontal{width:calc(2 * var(--cell) + var(--gap));height:var(--gap)}.wall-slot.vertical{width:var(--gap);height:calc(2 * var(--cell) + var(--gap))}.wall-slot:hover{background:linear-gradient(180deg,#eec98d8c,#c8974e8c)}.wall-slot.vertical:hover{background:linear-gradient(90deg,#eec98d8c,#c8974e8c)}.board-veil{position:absolute;inset:0;z-index:6;display:grid;place-items:center;border-radius:12px;background:#0d0d0f8c;backdrop-filter:blur(3px);animation:fade-in .22s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.result-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 34px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface-2);box-shadow:0 24px 60px #00000080}.result-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:20px;font-weight:600}.result-sub{color:var(--text-dim);font-size:12px}.result-actions{display:flex;gap:8px;margin-top:12px}.panel{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-l);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-panel)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h2{margin:0;color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.panel-actions{display:flex;gap:6px}.group-label{margin:14px 0 8px;color:var(--text-faint);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.empty-state{margin:0;padding:18px 12px;border:1px dashed var(--line-strong);border-radius:var(--r-m);color:var(--text-faint);font-size:12px;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-3);color:var(--text);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:background .13s ease,border-color .13s ease,color .13s ease}.btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-dim);color:var(--accent-strong)}.btn:disabled{opacity:.38}.btn svg{flex:0 0 auto}.btn.primary{border-color:#b98a45;background:linear-gradient(180deg,var(--accent-strong),#dfa658);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#f6cf95,#e8b269);color:var(--accent-ink)}.btn.icon{width:34px;padding:0}.btn.small{height:28px;padding:0 11px;font-size:12px}.btn.live-toggle .live-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.btn.live-toggle.on{border-color:#57c99b80;background:#57c99b1a;color:var(--good)}.btn.live-toggle.on .live-dot{background:var(--good);animation:live-pulse 1.1s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.25}}.link-btn{border:0;padding:4px 6px;background:transparent;color:var(--text-faint);font-size:12px;font-weight:600;border-radius:6px}.link-btn:hover:not(:disabled){color:var(--accent-strong);background:var(--accent-dim)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.segment{height:26px;min-width:0;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:600;white-space:nowrap;transition:background .13s ease,color .13s ease}.segment:hover:not(:disabled):not(.active){color:var(--text)}.segment.active{background:var(--surface-3);color:var(--accent-strong);box-shadow:0 1px 3px #0006}.segment:disabled{opacity:.5}.control-actions{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px 34px;gap:8px}.player-block{display:grid;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface)}.player-block+.player-block{margin-top:8px}.player-block-head{display:flex;align-items:center;gap:9px}.player-block-head .segmented{margin-left:auto;min-width:148px}.player-strength{display:flex;align-items:center;gap:10px}.player-strength .strength-label{color:var(--text-faint);font-size:11px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.player-strength .segmented{flex:1}.visits-hint{min-width:74px;color:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.movelist{max-height:250px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-m);background:var(--bg)}.movelist-start{display:flex;align-items:center;gap:7px;width:100%;min-height:30px;padding:0 10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text-faint);font-size:11.5px;font-weight:600;text-align:left}.move-row{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr)}.move-num{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);color:var(--text-faint);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;user-select:none}.move-cell{display:flex;align-items:center;gap:7px;min-width:0;min-height:30px;padding:0 10px;border:0;background:transparent;color:var(--text-dim);font-size:12.5px;font-weight:550;font-variant-numeric:tabular-nums;text-align:left}.move-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movelist-start:hover:not(:disabled),.move-cell:hover:not(:disabled){background:var(--accent-dim);color:var(--text)}.movelist-start.active,.move-cell.active{background:var(--accent-dim);box-shadow:inset 2px 0 0 var(--accent);color:var(--accent-strong);font-weight:650}.move-cell.future{opacity:.45}.move-cell.empty{pointer-events:none}.wg{flex:0 0 auto;width:12px;height:4px;border-radius:2px;background:linear-gradient(180deg,var(--wall-hi),var(--wall-lo));box-shadow:0 1px 1px #0006}.wg.v{transform:rotate(90deg)}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.stat-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{display:flex;flex-direction:column;gap:1px;min-width:0;padding:8px 11px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface)}.stat-label{color:var(--text-faint);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.stat-value{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-value.pos{color:var(--p0)}.stat-value.neg{color:var(--p1)}.pv{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px}.pv-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface-3);color:var(--text);font-size:12px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}.mini-dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%}.mini-dot.p0{background:var(--p0)}.mini-dot.p1{background:var(--p1)}.table-scroll{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-m);background:var(--bg)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;font-variant-numeric:tabular-nums}.data-table th{position:sticky;top:0;z-index:1;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--text-faint);font-size:10px;font-weight:700;letter-spacing:.07em;text-align:right;text-transform:uppercase}.data-table th.left,.data-table td.left{text-align:left}.data-table td{padding:6px 10px;border-bottom:1px solid rgba(38,42,53,.55);color:var(--text-dim);text-align:right}.data-table tbody tr:last-child td{border-bottom:0}.data-table tr.pick{cursor:pointer}.data-table tr.pick:hover td{background:var(--hover-ghost);color:var(--text)}.data-table tr.best td{color:var(--text);font-weight:650}.data-table tr.best td.left{color:var(--accent-strong)}.move-name{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.proven-mark{color:var(--good);font-weight:700}.bar-cell{position:relative;min-width:84px}.bar-cell .bar{position:absolute;left:6px;top:22%;bottom:22%;border-radius:4px;opacity:.28}.bar-cell .bar.prior{background:var(--p1)}.bar-cell .bar.visit{background:var(--accent)}.bar-cell span{position:relative}.live-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.q-pos{color:var(--good)}.q-neg{color:var(--bad)}@media(max-width:1140px){.layout{grid-template-columns:1fr}.sidebar{width:100%;max-width:660px;margin:0 auto}}@media(max-width:700px){.app{padding:12px 12px 28px}.topbar{flex-direction:column;align-items:stretch;gap:8px}.status{max-width:none}.plaque{padding:7px 10px}.plaque-role{display:none}.control-actions{grid-template-columns:minmax(0,1fr) 34px 34px 34px}.player-block-head{flex-wrap:wrap}.player-block-head .segmented{width:100%;margin-left:0}.player-strength{flex-wrap:wrap}.visits-hint{min-width:0}}@media(max-width:480px){:root{--cell: 30px;--gap: 5px}.walls-ticks .tick{width:4px;height:12px}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}