@font-face{font-family:Pretendard;src:url('../supercar-concept/assets/PretendardVariable.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:#eaece6;color:#233431;font-family:Pretendard,'Malgun Gothic',sans-serif}body{height:100svh;display:flex;flex-direction:column;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#f7f8f255;border:1px solid #c4cdc2;border-radius:5px;padding:9px 12px;cursor:pointer}button:hover{border-color:#6e8476;background:#ffffffa0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #946c3f;outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-underline-offset:4px}header{height:76px;flex-shrink:0;border-bottom:1px solid #cdd3c9;padding:0 27px;display:flex;gap:25px;align-items:center}.brand{display:flex;gap:17px;align-items:center;text-decoration:none;font:43px Georgia,serif}.brand>span{font:650 10px/1.8 Pretendard;letter-spacing:2px}.brand small{display:block;font:7px/1.7 Consolas;letter-spacing:1px;color:#839082}.modes{display:flex;padding:3px;border:1px solid #bcc7bb;border-radius:6px;gap:3px}.modes button{font-size:11px;border:0;padding:8px 13px}.modes button[aria-pressed=true]{background:#344e44;color:#eef1e7}.mast{font:7px Consolas;letter-spacing:1.5px;margin:auto;color:#8a9788}.header-actions{display:flex;gap:8px}.header-actions button{font-size:10px}main{flex:1;min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr)}.story{padding:34px 27px;overflow:auto;scrollbar-width:thin;border-right:1px solid #cbd3c6;z-index:2}.eyebrow{font:8px/1.8 Consolas;letter-spacing:1.4px;color:#728a79;margin:0 0 24px}h1{font-size:57px;font-weight:550;line-height:1.09;letter-spacing:-2px;margin:0 0 21px}h1 em{font-style:normal;font-weight:270}.lede{font-size:20px;line-height:1.6;letter-spacing:-.6px;font-weight:440;margin:0 0 20px}#description{font-size:12px;line-height:1.9;color:#6b7f72}.specs{margin:30px 0 14px;display:flex;gap:20px;flex-wrap:wrap}.specs>div{min-width:90px}.specs strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.7px}.specs strong span{font:8px Consolas;letter-spacing:0}.specs>div>span{font-size:9px;color:#859580;display:block;margin-top:7px}.scope{font-size:9px;line-height:1.8;color:#8a977f}.primary{background:#354e42;color:#eef1e7;font-size:12px;text-align:left;width:100%;margin-top:29px;padding:14px}.primary span{float:right}.authored{font-size:9px;line-height:1.9;color:#879381;margin-top:19px}.viewport{position:relative;min-width:0;overflow:hidden;background:#d9ded7}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#stage canvas:active{cursor:grabbing}#loading{position:absolute;top:45%;left:0;right:0;text-align:center;font-size:12px;color:#758875}.stage-head{position:absolute;top:19px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-head>span{font:8px Consolas;letter-spacing:1.3px;color:#6f8578}.stage-head>div{display:flex;gap:5px;pointer-events:auto}.stage-head button{font-size:10px;min-height:34px;min-width:34px;padding:8px;background:#ecf0e7be}.angles{position:absolute;right:24px;top:64px;display:flex;gap:4px}.angles button{padding:7px 11px;font-size:10px;background:#edf0e7cc}.angles button[aria-pressed=true]{background:#476051;color:#fff}.scene-note{position:absolute;left:25px;bottom:38px;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:330px}.scene-note span{font:8px Consolas;color:#7a8c77;letter-spacing:1px}.scene-note strong{font-size:17px;font-weight:450;letter-spacing:-.3px}.scene-note small{font-size:9px;color:#7c8e7a}.scale-marker{position:absolute;right:24px;bottom:31px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:#8a9580;font-size:8px}.scale-marker i{width:80px;height:5px;border:1px solid #9cac97;border-top:0}#stage-progress{position:absolute;left:24px;top:67px;display:flex;align-items:center;gap:12px}#stage-fraction{font:11px Consolas;color:#97a491}#stage-operation{font-size:12px;font-weight:500;color:#54715c}.controls{flex-shrink:0;background:#f0f2eb;border-top:1px solid #c7d0c0;padding:16px 27px 13px}.control-row{display:flex;gap:21px;align-items:center}.play{background:#344e40;color:#f3f5e9;min-width:123px;font-size:12px;padding:12px}.play:hover{background:#476551;color:#fff}.slider{flex:1}.slider label{display:flex;justify-content:space-between;font-size:10px;color:#72856d;margin-bottom:5px}.slider output{font:10px Consolas}input[type=range]{width:100%;height:17px;accent-color:#758a63;cursor:pointer}#assemble,#next{font-size:10px}.slow-note{font-size:9px;color:#899782}#parts-nav,#stages-nav{display:flex;gap:6px;margin-top:12px;overflow-x:auto;scrollbar-width:thin}#parts-nav button,#stages-nav button{font-size:10px;text-align:left;flex:1 0 auto;color:#7f9076;border-color:#d4dccb;padding:9px 11px}#parts-nav button.active,#stages-nav button.active{color:#3d5636;background:#dfe7d5;border-color:#9bab8a}#parts-nav small,#stages-nav small{font:9px Consolas;margin-right:8px;color:#93a486}footer{flex-shrink:0;display:flex;justify-content:space-between;padding:9px 28px;border-top:1px solid #d2dacb;font-size:8px;color:#929f89}#part-labels{position:absolute;inset:0;pointer-events:none}.part-label{position:absolute;pointer-events:auto;font-size:9px;white-space:nowrap;padding:5px 8px;color:#46634c;background:#f3f5eeed;border:0;border-left:1px solid #97a58a;border-radius:0;transform:translate(-50%,-50%);box-shadow:0 2px 12px #32412c09}.label-line{position:absolute;height:1px;background:#8d9d8070;transform-origin:0 0}.part-label:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#a58c63;top:50%;left:-2px}.part-card{border-top:1px solid #b9c7b1;padding-top:23px;margin-top:25px;position:relative}.part-kicker{font:8px Consolas;letter-spacing:1px;color:#8b957a}.part-card h2{font-size:20px;line-height:1.4;font-weight:540;margin:13px 0}.part-card p{font-size:12px;line-height:1.85;color:#647c66}.part-card small{display:block;font-size:9px;line-height:1.7;color:#82917a}.part-card button:last-child{font-size:10px;margin-top:20px;width:100%;text-align:left}#part-close{position:absolute;right:-5px;top:10px;border:0;font-size:18px;padding:4px}.chain{display:flex;gap:5px;flex-wrap:wrap;font-size:9px;color:#637c60;margin:20px 0}.chain span{background:#dce5d3;padding:5px 7px;border-radius:3px}.chain .active{background:#637b55;color:#fff}.observation{border-left:2px solid #b2a27d;padding-left:11px;margin:24px 0 16px}.observation>span{font:8px Consolas;letter-spacing:1px;color:#9c8965}.observation p,#check{font-size:11px;line-height:1.8;color:#71846b}#check{font-size:10px;padding:12px 0;border-bottom:1px solid #c4d0bb}details{margin-top:17px;border-top:1px solid #c5d0bd;padding-top:15px}summary{cursor:pointer;font-size:11px;color:#60795e}details p{font-size:11px;line-height:1.9;color:#6c8369}#step-sources a,.source-link{display:block;font-size:10px;line-height:1.7;color:#63815e;margin-top:18px}#step-sources p{font-size:9px;line-height:1.75;color:#8a9981}.making h1,.flight h1{font-size:32px;line-height:1.23;letter-spacing:-1px}.making .lede,.flight .lede{font-size:13px;line-height:1.9;color:#607563}.making .eyebrow,.flight .eyebrow{margin-bottom:20px}.making #description,.flight #description{display:none}.making .specs,.making #scope,.flight .specs,.flight #scope,.making #object-footer,.flight #object-footer{display:none}.maneuvers{display:flex;flex-wrap:wrap;gap:5px}.maneuvers button{font-size:10px;padding:8px}.maneuvers button[aria-pressed=true]{background:#617952;color:#fff}.control-intro{font-size:11px;line-height:1.9;color:#7a8d71}.rotor-bars{margin:24px 0}.rotor-bar{display:grid;grid-template-columns:42px 1fr 33px;align-items:center;gap:9px;margin:12px 0;font:10px Consolas;color:#728968}.rotor-bar>div{height:4px;background:#c9d5bf;border-radius:2px;overflow:hidden}.rotor-bar i{display:block;height:100%;background:#718b58}.rotor-bar:nth-child(even) i{background:#a58f66}.flight-values{border-top:1px solid #bdcdb5;padding-top:14px}.flight-values>div{margin:13px 0}.flight-values span{font-size:9px;color:#84977a;display:block}.flight-values strong{display:block;font:18px/1.8 Consolas;color:#4f6e46}.flight .scene-note,.making .scene-note{background:#edf2e8e8;padding:13px 15px;border:1px solid #c1ceba;border-radius:5px;bottom:26px;max-width:350px}.making .scene-note strong,.flight .scene-note strong{font-size:13px}.making .scene-note small,.flight .scene-note small{line-height:1.7}.flight #parts-nav{display:none}dialog{width:min(760px,calc(100vw - 28px));max-height:85svh;overflow:auto;background:#eef2e8;color:#3b543c;border:1px solid #97ab8a;border-radius:8px;padding:29px}dialog::backdrop{background:#102c226a;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font:9px Consolas;color:#8c9c7d}.dialog-top button{font-size:20px;border:0;padding:3px 8px}dialog h2{font-size:29px;font-weight:510;letter-spacing:-1px}dialog p{font-size:12px;line-height:1.9;color:#6d8265}#evidence-list>div{padding:14px 0;border-bottom:1px solid #c9d4bf}#evidence-list a{font-size:12px}#evidence-list p{font-size:10px;margin:9px 0 0}.license-note{font-size:10px!important}.error{padding:100px 30px;line-height:1.9}.flight #progress,.flight #assemble{display:none}.flight .slider{opacity:.6}
@media(max-width:1180px){.mast{display:none}header{gap:16px}.header-actions{margin-left:auto}main{grid-template-columns:290px minmax(0,1fr)}.story{padding:28px 22px}.stage-head>span{font-size:7px}.making h1,.flight h1{font-size:29px}.slow-note{display:none}}
@media(max-height:820px) and (min-width:721px){.story{padding-top:24px}.eyebrow{margin-bottom:20px}h1{font-size:49px}.specs{margin-top:22px}.controls{padding-top:11px;padding-bottom:10px}.control-row{gap:17px}.play{padding:10px 12px}#parts-nav,#stages-nav{margin-top:9px}}
@media(max-width:720px){body{height:auto;min-height:100svh;overflow:auto}header{height:auto;min-height:95px;padding:10px 15px;gap:7px;flex-wrap:wrap}.brand{font-size:33px;gap:11px}.brand>span{font-size:8px}.brand small{font-size:6px}.header-actions button{font-size:9px;padding:8px}.modes{order:3;width:100%}.modes button{flex:1;font-size:11px}.header-actions{gap:4px}main{display:flex;flex-direction:column}.viewport{height:54svh;min-height:390px;order:0}.story{order:1;overflow:visible;border-right:0;padding:28px 22px}.stage-head{top:12px;left:14px;right:14px}.stage-head>span{display:none}.stage-head>div{margin-left:auto}.angles{top:57px;right:14px;gap:3px}.angles button{font-size:9px;padding:6px 9px}.scene-note{bottom:18px;left:15px;gap:7px;max-width:230px}.scene-note span{font-size:7px}.scene-note strong{font-size:14px}.scene-note small{font-size:8px}.scale-marker{display:none}.part-label{font-size:8px;padding:4px 6px}.controls{position:sticky;bottom:0;z-index:5;padding:11px 12px}.control-row{gap:10px}.play{min-width:92px;font-size:11px;padding:11px 7px}#assemble,#next{font-size:9px;padding:9px 7px}.slider label{font-size:9px}#parts-nav,#stages-nav{margin-top:10px}#parts-nav button,#stages-nav button{font-size:10px;min-height:38px}footer{padding:11px 15px}footer span:last-child{display:none}.making .scene-note,.flight .scene-note{bottom:14px;left:13px;padding:9px 11px;max-width:240px;gap:6px}.making .scene-note strong,.flight .scene-note strong{font-size:11px}.making .scene-note small,.flight .scene-note small{font-size:8px}.making #stage-progress{left:15px;top:99px;gap:7px}.making #stage-operation{font-size:10px}.making #stage-fraction{font-size:9px}.making h1,.flight h1{font-size:32px}.specs{gap:22px}.specs>div{min-width:85px}}
h1,h2,.lede{word-break:keep-all}.story p{word-break:keep-all}

#rotor-state{position:absolute;top:67px;left:25px;font:9px Consolas,monospace;letter-spacing:.8px;color:#7c8b80;padding:7px 0;pointer-events:none}#rotor-state.running{color:#3c6156}#rotor-state.running:before{content:'';display:inline-block;width:5px;height:5px;background:#557e67;border-radius:50%;margin-right:7px}.making #rotor-state{display:none}#rotor-speed{font-size:10px;white-space:nowrap;border-color:#b2bfb4}#rotor-speed[aria-pressed=true]{background:#e0e8dd;color:#365343}
@media(max-width:720px){#rotor-state{top:105px;left:15px;font-size:8px}#rotor-speed{font-size:9px;padding:9px 6px}.control-row{flex-wrap:wrap}.control-row .slider{min-width:100px}.control-row .slow-note{display:none}}