:root{color-scheme:dark;--red:#ff393e;--ink:#090a0c;--muted:#92969d;--line:#ffffff1b;--font:'Barlow',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f5f5f5;font-family:var(--font);font-size:14px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ff777a}button{color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#090a0c}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:35px;fill:var(--red)}.brand strong{font-size:26px;letter-spacing:-1px;font-style:italic}.brand strong span{font-size:13px;letter-spacing:3px;margin-left:8px;font-style:normal;font-weight:500}.topbar nav{display:flex;gap:34px;margin-left:auto;margin-right:8%}.topbar nav button{font-size:13px;color:#c3c5c9}.topbar nav button span{margin-left:7px;color:#787d84}.draft-count{font-size:10px;display:inline-grid;place-items:center;min-width:16px;height:17px;border:1px solid #373a40;border-radius:4px}.top-actions{display:flex;align-items:center;gap:25px}.preview-pill{font-size:9px;letter-spacing:1.4px;color:#a4a7ad;white-space:nowrap}.preview-pill i,.display-status i{display:inline-block;width:4px;height:4px;background:var(--red);border-radius:50%;margin-right:7px}.outline-button{padding:12px 17px;border:1px solid #4b4e53;font-size:12px}.outline-button span{margin-left:18px}.cockpit{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;min-height:620px;overflow:hidden;background:#151617}.scene-image{position:absolute;inset:0;background:url('/assets/cockpit.webp') center center/cover no-repeat;z-index:-3;transition:transform 3.5s ease-in,filter 2s}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02030480 0%,transparent 49%),linear-gradient(0deg,#020304ab 0%,transparent 25%,transparent 75%,#02030440);z-index:-2}.windshield-copy{position:absolute;left:5%;top:10%;transition:opacity .3s}.eyebrow{font-size:9px;letter-spacing:2.6px;display:flex;align-items:center;gap:10px;color:#e1e2e4}.red-line{width:24px;height:2px;background:var(--red)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;font-size:clamp(54px,6.2vw,112px);line-height:.92;letter-spacing:-1.5px;margin:20px 0 22px}h1 em{font-style:normal;color:#fff}.windshield-copy p{font-size:13px;line-height:1.7;color:#c3c6ca}.location{display:flex;gap:8px;align-items:center;color:#9fa4ac;font-size:8px;letter-spacing:1.7px;margin-top:24px}.location>span{font-size:16px;color:#dfdfe3}.location b{font-size:8px;color:#ff4d51;font-weight:400}.scene-note{position:absolute;right:4.5%;top:9%;text-align:right}.scene-note span{font-size:8px;letter-spacing:1.8px;color:#9ca2aa}.scene-note b{display:block;font-size:12px;line-height:1.4;letter-spacing:2px;margin-top:12px;font-weight:500}.instrument{position:absolute;left:25%;top:58%;text-align:center;width:10%;text-shadow:0 1px 8px #000}.instrument>span{display:block;color:#ccc;font-size:10px}.instrument strong{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:44px;font-weight:400;line-height:1.2}.instrument small{font-size:8px;letter-spacing:2px;color:#999}.instrument div{font-size:6px;color:#999;letter-spacing:1px;margin-top:6px}.screen-guide{position:absolute;left:62%;top:47%;display:flex;align-items:center;gap:15px;color:#f1f1f1;font-size:8px;letter-spacing:1.5px}.screen-guide i{font-style:normal;font-size:25px;font-weight:300;color:var(--red)}.dashboard-screen{position:absolute;left:53%;top:57%;width:39%;height:32%;background:linear-gradient(125deg,#15171b,#0c0d10 65%);border:2px solid #34363b;box-shadow:0 0 0 5px #08090b,0 8px 35px #0008;display:flex;flex-direction:column;border-radius:7px;overflow:hidden;transition:left .4s,top .4s,width .4s,height .4s;z-index:3}.display-top{height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #ffffff10}.display-logo{font-size:11px;font-weight:700;letter-spacing:1px;font-style:italic}.display-logo span{color:#6e747e;font-size:7px;letter-spacing:2px;font-style:normal;margin-left:7px}.display-status{font-size:6px;letter-spacing:1.2px;color:#8f949d}.display-status i{width:3px;height:3px;margin-right:4px}.display-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-top:1px solid #ffffff0b;font-size:6px;letter-spacing:1.2px;color:#6b717b;margin-top:auto}.close-screen{display:none;font-size:25px;line-height:1;color:#aaa}.screen-home{padding:22px 23px 12px;flex:1;position:relative;height:100%}.screen-home .kicker{font-size:6px;letter-spacing:1.5px;color:#7f858f}.screen-home h2{font-size:clamp(20px,2.3vw,35px);font-weight:500;letter-spacing:-.5px;line-height:1.1;margin:10px 0 15px}.screen-home h2 span{color:#8b9099}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--red);padding:11px 15px;color:#fff;font-size:10px;font-weight:600;border-radius:2px;transition:background .2s}.primary:hover{background:#ff5559}.screen-home .primary{min-width:62%}.screen-home .home-actions{display:flex;gap:18px;margin-top:11px}.screen-home .home-actions button{padding:0;font-size:8px;color:#8d929c}.screen-home .home-actions button:hover{color:white}.home-orbit{position:absolute;right:6%;top:18%;width:25%;aspect-ratio:1;border:1px solid #ffffff15;border-radius:50%;transform:rotate(-25deg)}.home-orbit:before,.home-orbit:after{content:'';position:absolute;inset:14%;border:1px solid #ffffff10;border-radius:50%}.home-orbit:after{inset:31%;border-color:#ff393e66}.home-orbit svg{position:absolute;inset:37%;width:26%;fill:var(--red);transform:rotate(25deg)}#screen-content{flex:1;min-height:0;overflow:auto;scrollbar-color:#393c43 #111316;scrollbar-width:thin}.scene-bottom{position:absolute;bottom:3%;left:4.8%;right:4.8%;display:flex;align-items:center;justify-content:space-between;color:#b4b7bc;font-size:8px;letter-spacing:1.3px}.scene-bottom button{font-size:9px;letter-spacing:.7px}.scene-bottom button span{color:var(--red);font-size:14px;margin:0 6px}.scene-bottom>span{font-size:7px;color:#878d95}.below-cockpit{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;border-top:1px solid #ffffff14;gap:30px;background:#0b0c0e}.below-cockpit>div{font-size:9px;letter-spacing:1.7px;color:#adb0b6}.red-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:12px}.below-cockpit p{font-size:13px;line-height:1.7}.below-cockpit p span{font-size:11px;color:#727780}.below-cockpit button{font-size:11px}.below-cockpit button span{color:var(--red);margin-left:18px}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;font-size:9px;color:#666d77}footer>span{letter-spacing:1px;color:#a3a7ae}footer b{font-weight:400;color:#5e636b;margin-left:8px}footer button{font-size:9px;color:#959aa3}.studio-open .dashboard-screen{left:44%;top:5%;width:52%;height:88%;border-color:#40434b;box-shadow:0 20px 90px #000b,0 0 0 6px #08090b}.studio-open .windshield-copy{opacity:.35;pointer-events:none}.studio-open .scene-note,.studio-open .screen-guide{display:none}.studio-open .display-top{height:44px;padding:0 24px}.studio-open .display-logo{font-size:14px}.studio-open .display-logo span{font-size:9px}.studio-open .display-status{margin-left:auto;margin-right:20px;font-size:7px}.studio-open .close-screen{display:block}.studio-open .display-bottom{font-size:7px;padding:11px 24px}.studio-view{padding:23px 25px 25px}.studio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.studio-heading h2{font-size:29px;letter-spacing:-.6px;font-weight:500;margin:8px 0 5px}.studio-heading p{font-size:11px;line-height:1.6;color:#9096a0;margin:0}.tiny{font-size:8px;letter-spacing:1.4px;color:#8a919c}.steps{display:flex;margin:22px 0;gap:18px;border-bottom:1px solid var(--line);padding-bottom:13px;font-size:8px;letter-spacing:1px;color:#68707d}.steps .active{color:#f2f2f2}.steps b{color:var(--red);font-weight:400;margin-right:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block}.field.full{grid-column:1/-1}.field>span,.art-label{font-size:9px;color:#b4b8c0;display:block;margin-bottom:7px}.field input,.field textarea{border:1px solid #333640;border-radius:3px;background:#191c22;color:#f2f3f4;padding:11px;width:100%;font-size:12px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#5d6571}.field textarea{min-height:66px;max-height:120px}.art-editor{display:grid;grid-template-columns:100px 1fr;gap:17px;margin:17px 0}.art-preview{height:100px;width:100px;border-radius:5px;background:#20232b;border:1px solid #353945;display:grid;place-items:center;overflow:hidden}.art-preview img{width:100%;height:100%;object-fit:cover}.art-preview span{font-family:'Barlow Condensed',Arial,sans-serif;font-size:34px;color:#ff7277}.art-controls p{font-size:9px;color:#737c89;line-height:1.5;margin:7px 0}.secondary{border:1px solid #424751;border-radius:3px;padding:9px 12px;font-size:10px;color:#cbd0d9;background:#ffffff04}.secondary:hover{background:#ffffff0c}.art-buttons{display:flex;flex-wrap:wrap;gap:8px}.paints{display:flex;gap:6px;margin-top:10px}.paint{width:17px;height:17px;border:2px solid transparent;border-radius:50%;padding:0}.paint.selected{outline:1px solid white;outline-offset:2px}.paint[data-color="red"]{background:#ff393e}.paint[data-color="silver"]{background:#b6c6d8}.paint[data-color="blue"]{background:#4e9eff}.paint[data-color="lime"]{background:#c4f55b}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--line);margin-top:18px}.form-actions .primary{font-size:11px}.storage-note{font-size:9px;line-height:1.5;color:#777e8a;margin-top:12px}.draft-list{display:grid;gap:10px;margin:24px 0}.draft-card{display:flex;align-items:center;gap:13px;background:#1b1e24;border:1px solid #30343c;border-radius:4px;padding:11px;text-align:left;width:100%;color:#e2e4e8}.draft-card img,.draft-card .blank-art{width:48px;height:48px;border-radius:4px;background:#313541;object-fit:cover;display:grid;place-items:center;color:#ff777b;font-size:20px}.draft-card strong{font-size:13px;font-weight:500;display:block}.draft-card small{display:block;color:#838c98;font-size:10px;margin-top:6px}.draft-card>span:last-child{margin-left:auto;color:#9fa5b0}.empty-garage{border:1px dashed #3e444f;padding:40px 20px;text-align:center;margin:24px 0}.empty-garage h3{font-weight:400}.empty-garage p{color:#8f96a1;font-size:12px}.review-identity{display:flex;align-items:center;gap:16px;margin:24px 0}.review-identity img{height:76px;width:76px;object-fit:cover;border-radius:6px}.review-identity h3{font-weight:500;font-size:24px;margin:0}.review-identity p{margin:5px 0;color:#8e97a4;font-size:12px}.review-description{font-size:12px;line-height:1.6;color:#b1b6c0;white-space:pre-wrap;word-break:break-word}.checklist{margin-top:18px;border-top:1px solid var(--line)}.check-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.check-row .good{color:#bce8c6}.check-row .pending{color:#b3a187}.review-notice{font-size:11px;line-height:1.6;color:#a5abb6;padding:14px;background:#ffffff04;border-left:2px solid #6c727e;margin:18px 0}.review-notice strong{color:#e4e6eb;font-weight:500}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:#242932;border:1px solid #4b5463;color:white;padding:13px 22px;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;font-size:12px;z-index:30;max-width:90vw}.toast.visible{opacity:1;transform:translateX(-50%)}dialog{width:min(600px,92vw);background:#12151a;color:#e7e9ed;border:1px solid #434a55;border-radius:9px;padding:35px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#020408d9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:10px;font-size:27px;color:#8e96a2}dialog h2{font-size:32px;font-weight:500;letter-spacing:-.7px;margin:12px 0 20px}dialog p,dialog li{font-size:13px;color:#a7aeba;line-height:1.8}dialog a{color:#ff7b7f;text-decoration:underline;text-underline-offset:4px}.source-links{display:flex;flex-direction:column;gap:12px;margin:22px 0;font-size:12px}.reference-ca{word-break:break-all;font-family:monospace;font-size:10px}.flight-overlay{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0004;text-align:center;pointer-events:auto}.flight-overlay[hidden]{display:none}.flight-overlay>span{font-size:9px;letter-spacing:2px}.flight-overlay>strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,16vw,240px);line-height:1.3;letter-spacing:-2px}.flight-overlay>p{font-size:13px}.flight-overlay>button{margin-top:25px;padding:12px 20px;border:1px solid #ffffff55;font-size:11px;backdrop-filter:blur(10px)}.flying .scene-image{transform:scale(1.27) translateY(3%);filter:brightness(1.4)}.flight-active .windshield-copy,.flight-active .dashboard-screen,.flight-active .scene-note,.flight-active .screen-guide,.flight-active .instrument,.flight-active .scene-bottom{visibility:hidden}.error-inline{font-size:11px;color:#ff979a;padding:10px 0}.spin{opacity:.5}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.screen-home{padding:30px}.display-top{height:42px}.display-bottom{font-size:8px}.screen-home .primary{font-size:13px;padding:15px}.screen-home .home-actions button{font-size:10px}.screen-home .home-actions{margin-top:17px}.screen-home .kicker{font-size:8px}}
@media(max-width:1100px){.topbar nav{margin-right:0;gap:20px}.preview-pill{display:none}.cockpit{min-height:620px}.screen-home h2{font-size:23px}.screen-home{padding:15px}.display-status{display:none}.dashboard-screen{height:33%;top:57%}.display-top{height:29px}.display-bottom{padding:6px 15px}.home-orbit{display:none}.screen-home .primary{font-size:9px;padding:10px;min-width:83%}.screen-home .home-actions{gap:10px}.screen-home .home-actions button{font-size:7px}.studio-open .dashboard-screen{left:36%;width:60%;top:4%;height:90%}.studio-view{padding:20px}.below-cockpit>div{max-width:150px;font-size:8px}.below-cockpit p{font-size:12px}}
@media(max-width:700px){.topbar{height:64px;padding:0 5%;gap:12px}.brand svg{width:26px}.brand strong{font-size:22px}.brand strong span{font-size:9px;letter-spacing:2px;margin-left:5px}.topbar nav{margin:0 0 0 auto;gap:0}.topbar nav button{font-size:11px}.topbar nav button[data-action=story]{display:none}.top-actions{display:none}.cockpit{min-height:780px;aspect-ratio:auto}.scene-image{background-size:auto 690px;background-position:43% 0}.scene-shade{background:linear-gradient(0deg,#08090b 4%,transparent 53%),linear-gradient(90deg,#02030470,transparent)}.windshield-copy{left:6%;top:6%}.eyebrow{font-size:7px;letter-spacing:2px}h1{font-size:62px;margin-top:18px;letter-spacing:-1px}.windshield-copy p{font-size:12px}.location{font-size:7px;margin-top:17px;letter-spacing:1.1px}.scene-note{display:none}.instrument{display:none}.screen-guide{left:auto;right:7%;top:48%;font-size:7px}.dashboard-screen{left:6%;top:54%;width:88%;height:31%;border-color:#3c414b}.display-top{height:32px;padding:0 15px}.display-logo{font-size:11px}.display-status{display:block;font-size:5px}.screen-home{padding:19px 20px 13px}.screen-home h2{font-size:28px;margin:12px 0 18px}.screen-home .primary{font-size:11px;padding:12px;min-width:80%}.screen-home .home-actions{margin-top:15px;gap:25px}.screen-home .home-actions button{font-size:9px}.screen-home .kicker{font-size:7px}.display-bottom{font-size:6px}.scene-bottom{bottom:5%;left:6%;right:6%;font-size:8px}.scene-bottom>span{display:none}.scene-bottom button{font-size:8px}.below-cockpit{padding:25px 6%;display:block}.below-cockpit>div{max-width:none;font-size:8px}.below-cockpit p{margin:20px 0;font-size:13px}.below-cockpit button{padding:0}footer{padding:22px 6%;flex-wrap:wrap;gap:12px}footer p{order:3;line-height:1.7;width:100%;margin:0;font-size:8px}.studio-open{min-height:850px}.studio-open .scene-image{filter:brightness(.45)}.studio-open .dashboard-screen{left:4%;width:92%;top:4%;height:90%}.studio-open .display-top{padding:0 17px}.studio-open .display-bottom{padding:12px 17px;font-size:6px}.studio-open .display-status{font-size:5px}.studio-view{padding:20px 17px}.studio-heading h2{font-size:28px}.studio-heading p{font-size:11px}.studio-heading .secondary{padding:8px;font-size:9px}.field input,.field textarea{font-size:16px;padding:10px}.field>span,.art-label{font-size:11px}.form-grid{gap:13px}.art-editor{grid-template-columns:85px 1fr;gap:13px}.art-preview{width:85px;height:85px}.art-buttons{gap:5px}.secondary{font-size:10px;padding:8px}.form-actions{align-items:stretch}.form-actions .primary{padding:12px;font-size:11px}.form-actions .secondary{font-size:10px}.studio-open .windshield-copy{opacity:0}.studio-open .scene-bottom{bottom:1%;font-size:7px}.storage-note{font-size:10px}.steps{font-size:8px;gap:14px}.review-notice{font-size:12px}.check-row{font-size:12px}.review-description{font-size:13px}.screen-home .home-orbit{display:block;width:24%;top:22%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.flying .scene-image{transform:none;filter:none}}
/* Match the interactive surface to the photographed display. */
.instrument{display:none}
@media(min-width:701px){
 .cockpit{aspect-ratio:1672/941;min-height:0}
 .cockpit:not(.studio-open) .dashboard-screen{left:50.24%;top:50.8%;width:34.81%;height:22.32%;border:0;border-radius:3px;box-shadow:none;background:#101216}
 .cockpit:not(.studio-open) .display-top{height:25px;padding:0 14px}
 .cockpit:not(.studio-open) .display-bottom,.cockpit:not(.studio-open) .home-actions,.cockpit:not(.studio-open) .kicker{display:none}
 .cockpit:not(.studio-open) .screen-home{padding:10px 14px}
 .cockpit:not(.studio-open) .screen-home h2{font-size:clamp(18px,1.7vw,29px);margin:2px 0 11px;line-height:1.1}
 .cockpit:not(.studio-open) .screen-home .primary{min-width:65%;font-size:14px;min-height:40px;padding:10px 12px}
 .cockpit:not(.studio-open) #screen-content{overflow:hidden}
 .cockpit:not(.studio-open) .home-orbit{display:block;top:10%;right:6%;width:23%}
 .screen-guide{left:61%;top:43%;font-size:7px}
 .studio-open{min-height:740px}
 .studio-open .dashboard-screen{top:4%;height:90%}
}
@media(max-width:700px){.cockpit:not(.studio-open) .dashboard-screen{top:42%;height:34%}.cockpit:not(.studio-open) .screen-guide{top:35%}}
@media(min-width:701px) and (max-width:1100px){.cockpit:not(.studio-open) .display-top{height:18px;padding:0 10px}.cockpit:not(.studio-open) .display-logo{font-size:9px}.cockpit:not(.studio-open) .screen-home{padding:5px 10px}.cockpit:not(.studio-open) .screen-home h2{font-size:18px;margin:2px 0 5px}.cockpit:not(.studio-open) .screen-home h2 span,.cockpit:not(.studio-open) .screen-home h2 br,.cockpit:not(.studio-open) .home-orbit{display:none}.cockpit:not(.studio-open) .screen-home .primary{font-size:11px;min-height:32px;padding:6px 10px;width:100%}}