@import url('../coordinated-turns/style.css?v=1');
body{background:radial-gradient(ellipse at 80% 8%,#296a86,transparent 42%),radial-gradient(ellipse at 10% 40%,#20545c,transparent 45%),#071624}.experiment{grid-template-columns:270px minmax(0,1fr)}.workspace{min-width:0}.intro h1{font-size:36px}.mode-switch{display:flex;gap:5px;margin:10px 0 20px}.mode-switch button{flex:1}.mode-switch button[aria-pressed=true]{color:#062c35;background:#85e9db;border-color:#85e9db}.geometry-controls{margin:18px 0}.geometry-controls summary{font-size:12px;cursor:pointer;color:#bcdde7}.geometry-controls input{width:100%}aside .control-label{margin-top:17px}aside h2{margin-bottom:8px}aside .input-note{font-size:10px;line-height:1.55}#runway-stage{height:330px;position:relative;background:radial-gradient(ellipse at 70% 30%,#306e88,#092138);overflow:hidden}#runway-stage canvas{width:100%;height:100%;display:block;touch-action:none}.scene-note{position:absolute;top:13px;left:16px;font-size:8px;letter-spacing:.12em;color:#b4d4e2;pointer-events:none}.scene-stamp{position:absolute;left:16px;bottom:14px;right:16px;display:flex;justify-content:space-between;font-size:11px;pointer-events:none}.scene-stamp b{font-weight:400;color:#91eddf}.camera-note{padding:0 18px}.readouts{grid-template-columns:1fr 1fr}.readouts>div:nth-child(3){padding-left:0;border-left:0}.readouts span{font-size:10px}.readouts strong{font-size:28px}.readouts small{font-size:10px}.comparison-actions{gap:18px}.comparison-actions>div{display:flex;gap:8px;flex-wrap:wrap}.comparison-actions>div:first-child{display:block}.comparison-actions b{font-size:14px}.comparison-actions p{font-size:11px;margin:7px 0}.profile-card{margin:22px 0}.profile-card h2{font-size:26px}#profile{display:block;width:100%;touch-action:none}.segment-row{display:flex;gap:12px;align-items:center;margin:13px 0;font-size:11px}.segment-row>b{width:16px}.segment-track{display:flex;flex:1;height:28px;gap:2px;border-radius:4px;overflow:hidden;background:#102e40}.segment-track>span{display:flex;align-items:center;justify-content:center;min-width:1px;color:#072536;font-size:10px;white-space:nowrap}.segment-row>strong{width:80px;text-align:right;font-weight:400}.segment-labels{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:10px;color:#c5dfe9;margin:12px 0}.segment-labels i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.energy-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.energy-stats span{display:block;color:var(--muted);font-size:11px;line-height:1.5}.energy-stats strong{display:block;color:var(--cyan);font-size:26px;font-weight:400;margin-top:10px}.energy-row{display:grid;grid-template-columns:75px 1fr 80px;align-items:center;font-size:11px;gap:12px;margin:20px 0}.energy-row>div{height:9px;background:#274e60;border-radius:4px}.energy-row i{display:block;height:100%;border-radius:4px}.energy-row strong{text-align:right;font-weight:400}.status-panel.bad{border-color:#d4a47e;background:#68422933}.status-panel.warn{border-color:#d4b377;background:#5d452b33}.status-panel h2{margin-bottom:7px}.status-panel p{line-height:1.6}.curves svg{display:block;width:100%;touch-action:none}.curves h3{margin-bottom:10px}#force-view{max-height:300px}.notes-grid{display:grid;grid-template-columns:1fr 1fr}.view-controls button{padding:7px 13px}.playback output{white-space:nowrap}.status-panel h2{font-size:16px}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}
@media(min-width:1400px){#runway-stage{height:405px}.readouts{grid-template-columns:repeat(4,1fr)}.readouts>div:nth-child(3){border-left:1px solid var(--line);padding-left:15px}}
@media(max-width:740px){aside{display:block}aside>.input-note:not(#balance-note){display:block}aside>input{width:100%;margin-top:5px}aside .control-label{display:flex;justify-content:space-between;flex-wrap:nowrap}aside .mode-switch{display:flex;width:100%}aside .viewbar span:last-child{display:block}}
@media(max-width:1100px){.experiment{grid-template-columns:235px minmax(0,1fr)}#runway-stage{height:350px}.intro h1{font-size:32px}.readouts strong{font-size:24px}.casebar{flex-wrap:wrap}.casebar>div{flex-basis:100%}}
@media(max-width:740px){.experiment{display:flex}.intro h1{font-size:30px}aside .control-label{margin-top:12px}aside .input-note{display:block}aside .mode-switch{margin-bottom:10px}#runway-stage{height:290px}.readouts{grid-template-columns:1fr 1fr}.profile-card{padding:15px}.profile-card h2{font-size:23px}.mechanics{display:block}.mechanics>.card{margin-bottom:18px}.notes-grid{grid-template-columns:1fr}.comparison-actions>div:last-child{display:grid;grid-template-columns:1fr 1fr}.energy-stats{gap:14px}.scene-note{font-size:7px}.view-controls button{padding:7px 9px}.segment-track{height:24px}.segment-track>span{font-size:8px}.segment-labels{font-size:10px}.section-heading{flex-wrap:wrap;gap:14px}}