:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0f231e;color:#e2e9d9}*{box-sizing:border-box}body{margin:0}a{color:#dac98c;text-underline-offset:4px}header{padding:20px 26px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #355347}header p{font-size:10px;letter-spacing:2px;color:#a6c2ab;margin:0 0 6px}h1{font-size:24px;font-weight:550;margin:0;letter-spacing:-.6px}header a{font-size:12px}.controls{display:flex;gap:12px;padding:14px 26px;align-items:center;flex-wrap:wrap;font-size:12px}.controls label{display:flex;gap:8px;align-items:center}select,button{font:inherit;border:1px solid #648672;border-radius:7px;padding:9px;background:#20392f;color:#f1efdb;min-height:40px;cursor:pointer}.controls span{margin-left:auto;color:#b2ceba}main{margin:0 20px;border:1px solid #35574a;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at center,#244238,#10271f 75%)}.direction-labels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:18px 0;font:10px ui-monospace,monospace;letter-spacing:1px;border-bottom:1px solid #375246;color:#adc5b0}.direction-labels span:first-child{color:#8dc9e1}.direction-labels span:last-child{color:#f1cc78}.scene{height:clamp(360px,57vh,660px);position:relative}canvas{width:100%;height:100%;display:block;touch-action:none}.lane{position:absolute;left:15px;color:#abc6b4;font:9px ui-monospace,monospace;pointer-events:none;letter-spacing:1px}.neural{top:15px}.scouts{top:54%}.readout{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 26px}.readout span{font-size:9px;letter-spacing:1px;color:#a5bdac}.readout strong{display:block;font-size:14px;font-weight:550;margin:7px 0}.readout p,footer{font-size:11px;line-height:1.7;color:#b2c7b7;margin:0}footer{padding:0 26px 22px}button:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e9cb7d;outline-offset:3px}@media(max-width:600px){header,.controls{padding:14px}.controls span{margin-left:0;width:100%}main{margin:0 10px}.readout{grid-template-columns:1fr;padding:18px 14px}h1{font-size:20px}.direction-labels{font-size:8px;letter-spacing:0}.scene{height:480px}.lane{font-size:8px}footer{padding:0 14px 20px}select{max-width:190px}}