:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,sans-serif;background:#0f1220;color:#f3f5ff}.app-shell{display:grid;gap:.75rem;justify-items:center;padding:1rem}h1{margin:0;font-size:1.5rem}canvas{border:2px solid #313858;background:#131933;image-rendering:pixelated}.help-text{margin:0;opacity:.9;font-size:.875rem}.board-diagnostics{width:min(1280px,95vw);margin-top:.75rem;border:1px solid #313858;background:#0f162f;color:#f3f5ff;border-radius:.5rem;padding:.75rem;display:grid;gap:.65rem}.board-diagnostics[hidden]{display:none}.board-header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.board-header h2,.board-diagnostics h3{margin:0;font-size:1rem}.board-status{font-size:.875rem;opacity:.9}.board-actions{display:flex;flex-wrap:wrap;gap:.5rem}.board-actions button{border:1px solid #4b5688;background:#1b2448;color:#f3f5ff;padding:.4rem .6rem;border-radius:.35rem}.board-info{font-size:.8rem;display:grid;gap:.25rem;opacity:.9}.board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.board-tile{border:1px solid #313858;border-radius:.35rem;background:#121a36;padding:.45rem}.board-tile-label{font-size:.75rem;opacity:.85}.board-tile-value{margin-top:.15rem;font-size:1rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre}.board-tile-range{margin-top:.25rem;font-size:.7rem;opacity:.75;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre}.board-weights{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;font-family:Courier New,Consolas,monospace}.lean-bar-wrap{display:grid;gap:.3rem}.lean-bar-track{position:relative;height:16px;border:1px solid #445081;border-radius:999px;background:#111936;overflow:hidden}.lean-bar-center{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#94a8ff;transform:translate(-50%)}.lean-bar-fill{position:absolute;top:0;bottom:0;width:0;background:linear-gradient(90deg,#8de3ff,#4cc9f0)}.lean-axis-value{font-size:.85rem}.board-controls{display:grid;gap:.45rem}.board-control{display:grid;grid-template-columns:120px 1fr 88px;align-items:center;gap:.5rem}.board-control-label{font-size:.85rem}.board-control-number{width:100%;padding:.25rem;border:1px solid #4b5688;border-radius:.3rem;background:#0e1530;color:#f3f5ff}