@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700;800&family=JetBrains+Mono:wght@500;700&display=swap";:root{color-scheme:dark;--bg: #090b0d;--surface: #11161a;--surface-2: #151c22;--surface-3: #1c252c;--line: #29343b;--line-strong: #40505a;--text: #eef1ed;--muted: #97a09b;--faint: #68726e;--gold: #d5ad58;--gold-2: #f1d28a;--green: #4fb27b;--red: #db5b57;--blue: #6c95e8;--light-square: #e8d0a8;--dark-square: #8e6544;--sq: min(9.2vw, 72px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(180deg,rgba(213,173,88,.08),transparent 260px),radial-gradient(circle at 80% 12%,rgba(108,149,232,.16),transparent 320px),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,select,input{font:inherit}button,select{border:1px solid var(--line);background:var(--surface-3);color:var(--text);border-radius:8px}button{min-height:40px;cursor:pointer;font-weight:800}button:hover:not(:disabled){border-color:var(--gold);color:var(--gold-2)}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:linear-gradient(135deg,var(--gold),#9e7131);color:#160f05;border-color:transparent}.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#090b0de0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.top-meta,.player-main,.captures,.move-row{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;color:#171006;background:linear-gradient(135deg,var(--gold-2),var(--gold));font-size:1.45rem}.brand-name{font-family:Playfair Display,serif;color:var(--gold-2);font-size:1.25rem;font-weight:800}.brand-sub,.pill,.panel-title,.captures span,label span,.empty{color:var(--muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.top-meta{gap:10px}.pill{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--faint)}.status-dot.live{background:var(--green);box-shadow:0 0 18px var(--green)}.status-dot.paused{background:var(--gold);box-shadow:0 0 18px var(--gold)}.arena{width:min(1480px,100%);margin:0 auto;padding:22px;display:grid;grid-template-columns:300px minmax(420px,1fr) 310px;gap:20px;align-items:start}.left-rail,.right-rail{display:flex;flex-direction:column;gap:14px}.panel,.player-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--surface);border-radius:8px;box-shadow:0 18px 60px #00000038}.panel{padding:16px}.panel-title{margin-bottom:14px;color:var(--gold-2);font-weight:800}.player-card{padding:14px;overflow:hidden}.player-card.active{border-color:var(--gold);box-shadow:0 0 0 1px #d5ad5833,0 18px 60px #d5ad5814}.player-card.check{border-color:var(--red);box-shadow:0 0 0 1px #db5b5738,0 18px 60px #db5b571f}.avatar{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#eef0e4;color:#1a1409;font-size:1.5rem}.player-card.dark .avatar{background:#0b0d0f;color:#f2f2ec;border:1px solid var(--line-strong)}.player-main{gap:12px}.player-main h2{margin:0;font-family:Playfair Display,serif;font-size:1.15rem}.player-main p{margin:2px 0 0;color:var(--muted);font-size:.78rem}.clock{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:1.7rem;font-weight:700;color:var(--gold-2)}.clock.low{color:var(--red)}.time-track{height:4px;margin:12px 0;border-radius:99px;background:#273139;overflow:hidden}.time-track span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.captures{justify-content:space-between;gap:12px}.captures strong{min-height:24px;font-size:1.1rem;color:var(--text);text-align:right}.captures b{font-weight:500;margin-left:2px}.controls-panel{display:flex;flex-direction:column;gap:13px}label{display:grid;gap:7px}label span{display:flex;justify-content:space-between}select{width:100%;min-height:42px;padding:0 10px}input[type=range]{width:100%;accent-color:var(--gold)}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.board-stage{display:flex;flex-direction:column;align-items:center;gap:12px;position:sticky;top:86px}.thinking{min-width:min(calc(var(--sq) * 8),100%);padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#11161ad1;text-align:center;color:var(--gold-2);font-weight:800}.board-shell{position:relative;padding:12px;border-radius:8px;background:linear-gradient(135deg,#241708,#6c4b27 45%,#241708);box-shadow:0 28px 80px #00000075}.board{display:grid;grid-template-columns:repeat(8,var(--sq));grid-template-rows:repeat(8,var(--sq));border:2px solid #1b1208}.square{position:relative;display:grid;place-items:center;overflow:hidden}.square.light{background:var(--light-square)}.square.dark{background:var(--dark-square)}.square.last:after,.square.king-check:after{content:"";position:absolute;inset:0;background:#f5d46861}.square.king-check:after{background:#db5b5773}.piece{position:relative;z-index:2;font-size:calc(var(--sq) * .72);line-height:1;filter:drop-shadow(0 4px 5px rgba(0,0,0,.35))}.white-piece{color:#fff4d8;text-shadow:0 1px 0 #83592e,0 0 12px rgba(255,255,255,.18)}.black-piece{color:#08090a;-webkit-text-stroke:1px #000;text-shadow:0 1px 0 rgba(255,255,255,.16),0 0 8px rgba(255,255,255,.2)}.rank,.file{position:absolute;z-index:3;font:700 .62rem JetBrains Mono,monospace;color:#281c0cbf;font-style:normal}.rank{top:5px;left:6px}.file{right:6px;bottom:4px}.result-overlay{position:absolute;inset:12px;display:grid;place-items:center;align-content:center;gap:12px;background:#080a0cd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.result-overlay h2{margin:0;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,4.2rem);color:var(--gold-2)}.result-overlay p{margin:0;color:var(--muted)}.trophy{font-size:3rem;color:var(--gold-2)}.history-panel .move-list{max-height:310px;overflow:auto;display:grid;gap:5px}.move-row{display:grid;grid-template-columns:42px 1fr 1fr;gap:8px;padding:8px;border-radius:6px;background:var(--surface-2);font-family:JetBrains Mono,monospace;font-size:.86rem}.move-row span{color:var(--faint)}.move-row strong{color:var(--text)}.eval-bar{position:relative;height:34px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#111}.eval-bar span{display:block;height:100%;background:#ece4d5}.eval-bar b{position:absolute;inset:0;display:grid;place-items:center;color:#141414;mix-blend-mode:difference;font-family:JetBrains Mono,monospace}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.metric-grid div{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.metric-grid strong{display:block;color:var(--gold-2);font-size:1.15rem}.metric-grid span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.log-list{max-height:190px;overflow:auto;display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.86rem}.log-list div{display:grid;grid-template-columns:22px 1fr;gap:6px}.log-list span{color:var(--gold-2)}@media(max-width:1180px){:root{--sq: min(10.5vw, 62px)}.arena{grid-template-columns:270px minmax(360px,1fr)}.right-rail{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){:root{--sq: min(11.5vw, 58px)}.topbar{height:auto;min-height:60px;padding:12px 14px;gap:12px;align-items:flex-start}.top-meta{flex-wrap:wrap;justify-content:flex-end}.arena{grid-template-columns:1fr;padding:14px}.board-stage{position:static;order:1}.left-rail{order:2}.right-rail{order:3;grid-template-columns:1fr}}@media(max-width:520px){:root{--sq: calc((100vw - 52px)/8) }.brand-sub,.pill{display:none}.board-shell{padding:8px}.result-overlay{inset:8px}.button-grid{grid-template-columns:1fr}}