:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101b25;color:#eef3f5}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:36px 24px}h1{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.035em;line-height:1.1;margin:12px 0 20px}h2{font-size:1.3rem}p{line-height:1.65;max-width:78ch;color:#c5d4de}.eyebrow{color:#8fe0d5;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.playground{border:1px solid #50616d;background:#152532;padding:20px;margin:28px 0}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.toolbar label{margin-left:auto;font-size:.9rem}input{accent-color:#8fe0d5;min-height:44px;max-width:100%}button,summary,a{touch-action:manipulation}button{min-height:44px;padding:10px 16px;border:1px solid #70848f;border-radius:5px;background:#243c4b;color:#fff;font:inherit;cursor:pointer}button:active{background:#426474}#demo{background:#8fe0d5;color:#10242b;border-color:#8fe0d5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,#arena:focus-visible{outline:3px solid #f9c36c;outline-offset:4px}#arena{margin:20px 0}.lane{border-top:1px solid #405462;padding:12px 0}.lane-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.lane h2{margin:0}.lane output{font-family:ui-monospace,monospace;font-size:.8rem;font-variant-numeric:tabular-nums;color:#c5d4de}svg{display:block;width:100%;overflow:visible}.track{stroke:#6a7e8d;stroke-width:1}.target{fill:#e8c57614;stroke:#e8c576;stroke-dasharray:4 4}svg text{fill:#e8c576;font-size:11px;text-anchor:middle;letter-spacing:2px}svg g{fill:#8fe0d5}svg g path{stroke:#0b1820;stroke-width:2}.driving{display:flex;align-items:center;justify-content:center;gap:16px}.driving button{touch-action:none;user-select:none}#input{min-width:8ch;text-align:center;font-family:ui-monospace,monospace}#instructions,#status{font-size:.9rem}#status{color:#8fe0d5;min-height:3em}#rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#rules h3{margin-bottom:8px}#rules p{font-size:.95rem}.numbers{font-family:ui-monospace,monospace;color:#8fe0d5;font-size:.85rem!important}details{border-top:1px solid #50616d;padding:16px 0}summary{cursor:pointer;min-height:44px}footer{margin:24px 0}a{color:#8fe0d5}@media(max-width:650px){main{padding:24px 14px}.playground{padding:14px}.toolbar label{margin-left:0}#rules{grid-template-columns:1fr;gap:8px}.lane-heading{align-items:start;flex-direction:column;gap:4px}.driving{gap:8px}.driving button{padding:10px}.lane svg{min-height:70px}}