.roadster-feature{overflow:hidden;border-radius:18px;background:#090c12;color:#f4f5f8;border:1px solid #232731}
.roadster-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:32px 35px 22px;gap:30px;background:linear-gradient(120deg,#181d28,#090c12)}
.roadster-kicker{display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:1.6px;color:#b5bdce}
.roadster-kicker span{background:#f14c57;color:white;border-radius:3px;padding:5px 7px;font-size:8px;letter-spacing:1px}
.roadster-heading h1{font-size:clamp(32px,5.5vw,75px);letter-spacing:-3px;font-weight:850;line-height:1;margin:17px 0 11px;font-style:italic}
.roadster-heading h1 em{font-style:inherit;color:#d8e8ff}
.roadster-subtitle{font-size:11px;line-height:1.7;color:#aab4c6}
.roadster-source{text-align:right;font:8px/1.9 var(--mono);letter-spacing:.5px;color:#8993a5;max-width:210px;flex-shrink:0}
.roadster-hero-play{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:150px;margin:0 0 10px auto;border:1px solid #5b6a82;background:#dce8f9;color:#111a28;padding:10px 14px;font-size:11px;font-weight:700;border-radius:5px;letter-spacing:0}.roadster-hero-play:hover{background:white}.roadster-hero-play span{font-size:17px}.roadster-source a{display:block;color:#dce6f6;margin-top:6px;text-decoration:underline;text-underline-offset:4px;font-size:10px}
.roadster-stage{position:relative;height:460px;background:#070b12;isolation:isolate;overflow:hidden}
.roadster-stage canvas{display:block;width:100%;height:100%}
.roadster-driver{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none;contain:strict}
.roadster-scene-label{position:absolute;top:20px;left:25px;right:25px;display:flex;justify-content:space-between;pointer-events:none;font:8px var(--mono);letter-spacing:1.7px;color:#8796ac;z-index:1}
.roadster-scene-label strong{font-weight:400;color:#b9cbe0}
.roadster-scene-footer{position:absolute;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;color:#91a3bb;font:8px/1.8 var(--mono);letter-spacing:1px}
.roadster-scene-footer span:last-child{text-align:right}.roadster-scene-footer b{font-size:19px;color:#e8eff7;font-weight:450;letter-spacing:-.8px}
.roadster-controls{padding:18px 25px 16px;border-top:1px solid #26303f;background:#111722}
.roadster-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.roadster-toolbar button{font-size:11px;border:1px solid #374150;border-radius:6px;min-height:37px;padding:8px 14px;color:#d8e1ed}
.roadster-toolbar button:hover:not(:disabled){background:#243040;border-color:#6d859f}
.roadster-toolbar .roadster-play{background:#edf4fc;color:#10151d;border-color:#edf4fc;font-weight:750;min-width:155px;text-align:left;display:flex;gap:23px;justify-content:space-between}
.roadster-toolbar .roadster-play:hover:not(:disabled){background:white;color:#10151d}
.roadster-settings{display:flex;align-items:center;gap:20px;margin-left:auto}
.roadster-settings label{display:flex;gap:7px;align-items:center;color:#a9b7cb;font-size:10px}
.roadster-settings select{background:#1b2533;border:1px solid #37485e;color:#e3ebf7;border-radius:4px;padding:7px;font-size:10px}
.roadster-jet input{width:15px;height:15px;accent-color:#cfdeef;margin:0}
.roadster-timeline{display:flex;gap:14px;align-items:center;margin-top:17px;font:8px var(--mono);color:#8598b4}
.roadster-timeline>label{white-space:nowrap;letter-spacing:1px}.roadster-timeline input{width:100%;accent-color:#d8eaff;flex:1;min-width:0;margin:0}.roadster-timeline output{white-space:nowrap;min-width:86px;text-align:right}
.roadster-status-row{display:flex;justify-content:space-between;gap:14px;margin-top:12px;color:#8b9ab0;font-size:9px;line-height:1.7}.roadster-status-row #roadsterStatus{color:#cbd7e8}
.roadster-caption{padding:13px 25px;background:#0c111a;border-top:1px solid #1a2230;font-size:9px;line-height:1.8;color:#7b8ba3;display:flex;justify-content:space-between;gap:22px}.roadster-caption strong{font-weight:500;color:#b9c6d9;white-space:nowrap}
@media(min-width:1440px){.roadster-stage{height:510px}}
@media(max-width:850px){.roadster-heading{padding:25px 25px 20px}.roadster-heading h1{letter-spacing:-2px}.roadster-source{max-width:170px;font-size:7px}.roadster-stage{height:395px}.roadster-status-row{font-size:8px}.roadster-caption{font-size:8px}}
@media(max-width:650px){.roadster-feature{border-radius:13px}.roadster-heading{padding:24px 20px 18px;display:block}.roadster-heading h1{font-size:clamp(31px,9vw,48px);letter-spacing:-1.7px;margin:17px 0 11px}.roadster-kicker{font-size:7px;letter-spacing:1px;gap:8px}.roadster-kicker span{font-size:6px}.roadster-subtitle{font-size:10px}.roadster-source{text-align:left;max-width:none;display:flex;gap:10px;align-items:center;margin-top:13px;font-size:6px}.roadster-source a{margin:0;font-size:8px}.roadster-stage{height:300px}.roadster-scene-label{left:15px;right:15px;top:15px;font-size:6px;letter-spacing:1px}.roadster-scene-footer{left:15px;right:15px;bottom:15px;font-size:6px;letter-spacing:.5px}.roadster-scene-footer b{font-size:14px}.roadster-controls{padding:15px}.roadster-toolbar{gap:7px}.roadster-toolbar button{font-size:10px;min-height:38px;padding:8px 12px}.roadster-toolbar .roadster-play{min-width:145px;flex:1}.roadster-settings{width:100%;margin:4px 0 0;justify-content:space-between;gap:10px}.roadster-settings label{font-size:9px}.roadster-settings select{font-size:9px}.roadster-timeline{gap:8px;font-size:7px;margin-top:14px}.roadster-timeline>label{font-size:0}.roadster-timeline output{min-width:75px}.roadster-status-row{display:block;font-size:8px;margin-top:11px}.roadster-status-row>span{display:block}.roadster-status-row>span+span{margin-top:4px}.roadster-caption{padding:12px 15px;display:block;font-size:8px}.roadster-caption strong{display:block;margin-bottom:3px}}

@media(max-width:650px){.roadster-hero-play{display:none}}