:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8ece7;background:#101713;--muted:#9aa99e;--line:#2b3930;--panel:#18221b;--green:#b7df8d;--gold:#e6bd78}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer;background:var(--green);border:1px solid transparent;border-radius:7px;padding:10px 14px;color:#18221b;font-weight:650}button:hover{filter:brightness(1.08)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.35;cursor:default}input,select{background:#111a14;border:1px solid #415245;color:inherit;border-radius:6px;padding:9px}input{min-width:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;margin:12px 0}h2{font-size:1.25rem;letter-spacing:-.025em;margin:7px 0 12px}h3{font-size:.9rem;margin:26px 0 12px}p{line-height:1.6}.top{padding:24px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.brand{font-size:1.25rem;font-weight:800;color:#edf2e8}.brand span{font-weight:400;color:var(--muted)}.local-badge,.muted,.small{color:var(--muted);font-size:.85rem}main{max-width:1320px;margin:auto;padding:48px 4vw}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.intro p{color:var(--muted)}.eyebrow{font-size:.68rem;letter-spacing:.18em;font-weight:750;color:var(--green)}#open-game{min-width:270px}label{font-size:.8rem;color:var(--muted)}.input-row{display:flex;gap:8px;margin-top:9px}.input-row input{width:150px}.notice{padding:15px 18px;background:#202b21;border:1px solid #3c5139;border-radius:9px;margin:20px 0}.notice.error{color:#ffc4b2;border-color:#80483e;background:#30221e}.game-header{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px}.game-header h2{font-size:1.7rem}.game-header p{color:var(--muted);margin-bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px}.metric strong{display:block;font-size:1.2rem;margin-top:7px}.metric span{color:var(--muted);font-size:.75rem}.workbench{display:grid;grid-template-columns:minmax(300px,1fr) minmax(310px,1fr);gap:24px}.board-panel,.inspect-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.panel{margin-top:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.quiet{background:transparent;color:var(--green);border-color:var(--line);padding:7px 10px;font-size:.8rem}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;overflow:hidden;border-radius:5px;max-width:540px;margin:auto}.square{position:relative;display:flex;align-items:center;justify-content:center;font-family:'Segoe UI Symbol','Noto Sans Symbols 2',serif;font-size:clamp(25px,4.4vw,53px);line-height:1;color:#111}.square.light{background:#d9dfc9}.square.dark{background:#7c9273}.square.last{box-shadow:inset 0 0 0 4px #e7c568;background:#b6b36e}.piece-white{color:#fff!important;text-shadow:0 1px 2px #111,1px 0 1px #111,-1px 0 1px #111}.square small{position:absolute;left:3px;bottom:2px;font:9px system-ui;color:#26392b}.navigation{display:flex;align-items:center;gap:8px;margin:18px 0}.navigation input{width:100%;padding:0;accent-color:var(--green)}.navigation button{padding:7px 10px}.mono{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.moves{display:flex;flex-wrap:wrap;gap:5px;max-height:145px;overflow:auto;border-top:1px solid var(--line);padding-top:12px}.move{background:transparent;color:#ced8cc;padding:6px 9px;font-size:.8rem}.move.active{background:var(--green);color:#162014}.pill{border:1px solid #41543e;color:var(--green);border-radius:99px;padding:5px 10px;font-size:.75rem}.details{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail{padding:12px;background:#111a14;border-radius:6px;font-size:.8rem}.detail span{display:block;color:var(--muted);margin-bottom:4px}.empty{padding:14px;background:#121b15;color:var(--muted);border-radius:7px;font-size:.85rem;line-height:1.6}.alternative{display:grid;grid-template-columns:70px 1fr 65px;align-items:center;gap:10px;margin:9px 0;font-size:.85rem}.bar{background:#2e3c31;height:7px;border-radius:10px;overflow:hidden}.bar i{display:block;background:var(--green);height:100%}.legend{display:flex;gap:18px;font-size:.75rem;color:var(--muted);margin:16px 0}.win{color:#b7df8d}.draw{color:#91b8dc}.loss{color:#e3917d}#chart{width:100%;height:auto;touch-action:pan-y;cursor:crosshair}#chart-readout{font-size:.8rem;min-height:20px}.timeline{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.timeline button{font-size:.75rem;background:#283b28;color:var(--green);border-color:#41553b}.timeline button.unchanged{background:transparent;color:var(--muted)}.provenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provenance-grid p{font-size:.85rem;overflow-wrap:anywhere;margin:0}li{color:var(--muted);font-size:.85rem;margin:8px 0}footer{padding:25px 4vw;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}@media(max-width:760px){main{padding:30px 18px}.top{padding:18px}.local-badge{display:none}.intro{display:block}#open-game{margin-top:25px}.input-row input{flex:1}.metrics{grid-template-columns:1fr 1fr}.workbench{grid-template-columns:1fr}.board-panel,.inspect-panel,.panel{padding:16px}.square{font-size:clamp(28px,8vw,50px)}.game-header{align-items:flex-start;gap:12px}.game-header a{font-size:.75rem;white-space:nowrap}.panel-heading{align-items:flex-start}.legend{gap:12px;flex-wrap:wrap}.provenance-grid{grid-template-columns:1fr}}

.navigation button{white-space:nowrap;flex-shrink:0}.bar{width:100%;display:block}