:root{--bg:#f4f1ec;--card:#fff;--text:#24211d;--muted:#7a736a;--border:#e2dcd2;--accent:#5b7f3a;--accent-dark:#46652b;--win:#2f7d32;--loss:#b3261e;--draw:#8a6d1d;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (prefers-color-scheme:dark){:root{--bg:#1d1b19;--card:#282522;--text:#ece7df;--muted:#a39b90;--border:#3b3733;--win:#6cc070;--loss:#ef6a62;--draw:#d6b45a}}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0 0 .75rem}h2{font-size:1.15rem}button,select,input{font:inherit;color:inherit}button{cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:.4rem .8rem}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-dark)}button.danger{border-color:var(--loss);color:var(--loss)}button.link{color:var(--muted);background:0 0;border:none;padding:.2rem .3rem;text-decoration:underline}select,input:not([type=radio]){background:var(--card);border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--loss);margin:.5rem 0}.topbar{border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.topbar .brand{color:inherit;margin-right:auto;font-weight:700;text-decoration:none}.page{max-width:1150px;margin:0 auto;padding:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1rem 1.2rem}.login .card{flex-direction:column;gap:.8rem;max-width:360px;margin:10vh auto 0;display:flex}.login label,.new-game label:not(.radio){flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.home-top{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.new-game{flex-direction:column;gap:.8rem;display:flex}.new-game fieldset{border:none;flex-wrap:wrap;gap:1rem;margin:0;padding:0;display:flex}.new-game legend{margin-bottom:.3rem;font-size:.9rem}.radio{align-items:center;gap:.3rem;display:flex}.stats{border-collapse:collapse;width:100%}.stats th,.stats td{text-align:left;border-bottom:1px solid var(--border);padding:.3rem .5rem}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.filters{gap:.5rem;display:flex}.game-list{margin:0;padding:0;list-style:none}.game-list li{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.game-row{text-align:left;background:0 0;border:none;flex:420px;grid-template-columns:11rem 9rem 1fr auto;gap:.75rem;padding:.3rem;display:grid}.game-row:hover{background:var(--bg)}.row-actions{gap:.4rem;display:flex}.game-result.win{color:var(--win)}.game-result.loss{color:var(--loss)}.game-result.draw{color:var(--draw)}.game-result.ongoing{color:var(--muted)}@media (width<=640px){.game-row{grid-template-columns:1fr 1fr}}.game-header{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.game-header h2{margin:0}.game-layout{grid-template-columns:minmax(0,560px) minmax(280px,1fr);align-items:start;gap:1.25rem;display:grid}@media (width<=860px){.game-layout{grid-template-columns:minmax(0,1fr)}}.board-wrap{width:100%;max-width:560px;position:relative}.nav-buttons{justify-content:center;gap:.5rem;margin-top:.6rem;display:flex}.nav-buttons button{min-width:3rem}.promo-picker{color:#fff;background:#000000bf;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;display:flex;position:absolute;inset:auto 0 0}.promo-picker button:not(.link){color:#000;background:#fff;padding:.3rem .5rem;font-size:1.6rem;line-height:1}.promo-picker .link{color:#ddd}.side-panel{flex-direction:column;gap:.75rem;min-width:0;display:flex}.status-box{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem}.line-heading{flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:600;display:flex}.line-heading .muted{margin-left:auto;font-size:.85rem;font-weight:400}.pill{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.pill.mainline{border-color:var(--accent);color:var(--accent)}.status{margin:.5rem 0}.actions{flex-wrap:wrap;gap:.4rem;display:flex}.move-tree{background:var(--card);border:1px solid var(--border);border-radius:10px;max-height:55vh;padding:.6rem .8rem;line-height:1.9;overflow-y:auto}.move-wrap{white-space:nowrap}.move{color:var(--muted);background:0 0;border:none;border-radius:4px;padding:.05rem .3rem}.move.on-mainline{color:var(--text);font-weight:600}.move.current{background:var(--accent);color:#fff}.move-number{color:var(--muted);margin-right:.2rem;font-weight:400}.move.current .move-number{color:#e8f0e0}.variations{border-left:2px solid var(--border);margin:.15rem 0 .15rem .6rem;padding-left:.6rem;font-size:.92rem}.line-tag{color:var(--muted);border:1px solid var(--border);border-radius:4px;margin-right:.2rem;padding:0 .3rem;font-size:.7rem}.result-badge{margin:0 .3rem;font-size:.75rem;font-weight:600}.result-badge.win{color:var(--win)}.result-badge.loss{color:var(--loss)}.result-badge.draw{color:var(--draw)}.hint{margin:0;font-size:.85rem}