*{box-sizing:border-box}body{margin:0;background:#071724;color:#eaf1ed;font:16px system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}small{color:#62d2c4;letter-spacing:.16em;font-size:11px}h1{font-family:Georgia,serif;font-size:48px;margin:10px 0}header p{color:#9fbbc2}h2{font:30px Georgia,serif;margin:12px 0}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px}.scene{border:1px solid #36515e;border-radius:22px;overflow:hidden;background:#0c2638}canvas{display:block;width:100%;height:auto}.telemetry{padding:16px;display:flex;justify-content:space-between;border-top:1px solid #36515e;color:#8ce0d4;font:14px monospace}aside{padding:24px;background:#102a39;border:1px solid #36515e;border-radius:22px}p{line-height:1.55}label{display:block;color:#adc4c9}select{background:#173c4e;color:white;padding:12px;border:1px solid #63818d;border-radius:8px;width:100%;margin:9px 0 16px;font:inherit}button{border:1px solid #54717d;border-radius:9px;background:#1e465a;color:#fff;padding:13px;font:600 14px system-ui;cursor:pointer;touch-action:none}button:active,.held{background:#f4b55c;color:#102330}button:focus-visible,select:focus-visible{outline:3px solid #ffe0a0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}#brake{grid-column:span 2;background:#a2672e}.row{display:flex;gap:10px}.row button{flex:1}#feedback{min-height:48px;color:#ffd08b}.hint{font-size:13px;color:#b2c6cb}.meter{height:8px;background:#071724;border-radius:8px;overflow:hidden}.meter i{display:block;background:#62d2c4;height:100%;width:0}footer{padding:25px 0;color:#9bb6c1;font-size:13px}summary{cursor:pointer}@media(max-width:700px){main{padding:16px}h1{font-size:36px}header{align-items:flex-start}.layout{grid-template-columns:1fr;gap:14px}aside{padding:18px}canvas{min-height:230px}.telemetry{font-size:12px}#record{font-size:12px;max-width:75px}}input[type=range]{width:100%;accent-color:#69d8c7;margin:12px 0 20px}output{color:#ffd08b} .choices{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.choices button{padding:10px 14px}.choices button.selected{background:#52bfae;color:#081c28} .stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#8ce0d4;font:14px monospace;margin:16px 0}aside{min-width:0}#run{background:#be813d}button:disabled{opacity:.55}canvas{touch-action:none}