.operation-room{position:relative;isolation:isolate;overflow:hidden;min-height:870px;background:#0f120e;display:flex;align-items:stretch}.operation-room-scene{position:absolute;inset:0;z-index:-2;background:url('/assets/apollo-codex/08-flight-controllers.png') center center/cover no-repeat}.operation-room-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c100ced 0%,#0c100cc4 20%,#0c100c08 50%,#0c100caa 77%,#0c100c 98%)}.operation-room-content{display:flex;flex-direction:column;justify-content:space-between;min-height:660px}.room-observation{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px;margin-top:auto;margin-bottom:32px;color:#e0e3d0;text-shadow:0 2px 3px #000}.operation-room .operation-features{background:#0d140cd9;backdrop-filter:blur(5px);border-color:#777967}.operation-room .operation-feature{padding:24px}.operation-room .operation-feature+.operation-feature{padding-left:24px}.operation-room .operation-feature p{color:#c4c7b6}.operation-room .section-heading{align-items:start}.operation-room .section-heading>p{color:#c1c7b5;line-height:1.8}.operation-room h2{text-shadow:0 2px 10px #000}.operation-room .operation-features{margin-top:0}@media(max-width:640px){.operation-room{min-height:940px;padding-block:64px 34px}.operation-room-content{min-height:842px}.operation-room-scene{background-size:auto 660px;background-position:54% 220px}.operation-room-shade{background:linear-gradient(180deg,#0c100c 0%,#0c100ccd 20%,#0c100c00 44%,#0c100c44 59%,#0c100c 91%)}.room-observation{flex-direction:column;font-size:10px;gap:6px;margin-top:270px;margin-bottom:20px}.operation-room .operation-feature{padding:18px 14px}.operation-room .operation-feature+.operation-feature{padding-left:14px}.operation-room .operation-feature>span{font-size:10px}.operation-room .operation-feature h3{font-size:24px}.operation-room .operation-feature p{font-size:14px}.operation-room .operation-features{background:#0d140cf0}}
/* Photographic materials. Functional content remains HTML above the physical surfaces. */
:root{--steel-texture:url('/assets/worn-steel.jpg');--paper-texture:url('/assets/briefing-paper.jpg');--fastener-image:url('/assets/slotted-screw.jpg');--equipment-scene:url('/assets/equipment-shelf.jpg')}
body{background-color:#10130f}.metal,.opportunity-panel,.ai-station{isolation:isolate;position:relative;background-color:#292d26;background-image:linear-gradient(115deg,#ffffff07,#0000002e),var(--steel-texture);background-size:100% 100%,750px auto;background-blend-mode:normal,normal;border:1px solid #626459;border-radius:5px;box-shadow:inset 0 2px 1px #c7c6b43d,inset 0 -4px 5px #000c,inset 3px 0 3px #a8b69b18,0 0 0 5px #11160e,0 0 0 6px #45493b,0 14px 27px #0009}.metal:before,.metal:after{content:none}.physical-fasteners{position:absolute;inset:12px;pointer-events:none;z-index:5}.physical-fasteners>i{position:absolute;width:23px;height:23px;border-radius:50%;background-image:var(--fastener-image);background-size:133%;background-position:center;box-shadow:0 2px 3px #000c,0 0 0 1px #05080580}.physical-fasteners>i:nth-child(1){top:0;left:0;transform:rotate(17deg)}.physical-fasteners>i:nth-child(2){top:0;right:0;transform:rotate(69deg)}.physical-fasteners>i:nth-child(3){bottom:0;left:0;transform:rotate(-28deg)}.physical-fasteners>i:nth-child(4){bottom:0;right:0;transform:rotate(128deg)}.panel-label{padding:9px 31px 26px;color:#c8c9b7;text-shadow:0 1px #020401;letter-spacing:.8px}.panel-label>span:first-child{border-bottom:1px solid #d2d1af33;padding-bottom:5px}.panel-label>span:last-child{color:#a8b698}.diagnostic-console{padding:22px 26px 32px}.diagnostic-grid{grid-template-columns:1fr 1.06fr;gap:35px;padding:0 4px}.systems-panel{padding:8px 7px 0}.systems-heading{border-color:#8a8d713f;color:#c0c2ad}.system-row{border-color:#a1a18b2d;min-height:92px}.system-row strong{text-shadow:0 1px 2px #000}.system-row>div>span{color:#b1b5a2}.console-foot{padding:25px 27px 0;color:#b3b8a1}.console-foot .mono{letter-spacing:.6px}.demo-badge{border:1px solid #9b9c6b66;padding:4px 7px;align-self:start;font-size:10px!important;color:#e2d29e!important;background:#171c1190}
/* Every form control is an instrument set into an aged metal bezel. */
.opportunity-panel{padding:35px 32px 30px;margin-top:7px}.opportunity-panel>.eyebrow{padding-right:12px;margin-bottom:24px;color:#dfb878}.opportunity-panel>.physical-fasteners{inset:10px}.opportunity-panel h3{color:#e5e4d2}.opportunity-panel>p{color:#bbc0ad}.opportunity-panel form{margin-top:25px}.instrument-field{position:relative;border:1px solid #969986;border-radius:4px;background:linear-gradient(#53594b,#181d14 48%,#646b57);padding:7px;box-shadow:0 3px 1px #000a,inset 0 1px #c2c2a948,0 0 0 2px #0a1008;display:flex;align-items:stretch;gap:7px}.instrument-field input{min-width:0;flex:1;border:2px solid #080e06;border-radius:4px;padding:12px 15px;background:repeating-linear-gradient(0deg,#13210e 0,#13210e 2px,#172610 3px);box-shadow:inset 0 3px 8px #000d,inset 0 0 25px #010801,inset 0 1px 0 #7a966b44;color:#cadfac;font-family:var(--mono);font-size:18px;text-shadow:0 0 5px #9fa96840;outline-offset:8px}.instrument-field input::placeholder{color:#819773;text-shadow:none;font-size:14px}.instrument-field input[type=number]{appearance:textfield;-moz-appearance:textfield}.instrument-field input::-webkit-inner-spin-button,.instrument-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.instrument-field .field-status-lamp{position:absolute;right:17px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#c5dca0;border:1px solid #7b9845;box-shadow:0 0 9px #b4d58a88;pointer-events:none}.instrument-field:has(.field-status-lamp) input{padding-right:29px}.step-keys{display:grid;grid-template-columns:1fr 1fr;gap:5px}.machine-key{width:35px;min-height:45px;display:grid;place-items:center;font:500 24px var(--mono);color:#25281a;border:1px solid #e4d7b3;border-bottom:5px solid #68614c;border-radius:3px;background:linear-gradient(#ddd5b8dd,#aca080ed),var(--steel-texture);background-size:auto,130px;box-shadow:0 0 0 1px #0b1008,0 3px 2px #000b,inset 0 2px #f6edcb70;text-shadow:0 1px #f9ebbb70}.machine-key:hover{filter:brightness(1.14)}.machine-key:active{transform:translateY(3px);border-bottom-width:2px;box-shadow:inset 0 2px 4px #0004}.selector-bezel{display:flex;align-items:center;position:relative;background:linear-gradient(#5c6452,#252e1d 50%,#515b43);padding:5px;border:1px solid #7d8868;box-shadow:0 2px 1px #000c,0 0 0 2px #10160a;border-radius:4px}.selector-bezel select{background:linear-gradient(#161d11,#28351e);border:2px solid #0b1108;font-family:var(--mono);color:#d1dfb4;box-shadow:inset 0 3px 5px #000b;font-size:14px;border-radius:3px;min-height:40px}.pulse-filter{align-items:center}.pulse-filter>.selector-bezel select{width:150px;padding:8px 11px}.selector-mark{display:none}.opportunity-panel label,.mission-screen label,.dialog-body label{font-family:var(--mono);font-size:12px;text-shadow:0 1px #000;margin-top:25px;margin-bottom:11px;text-transform:uppercase;letter-spacing:.4px}.opportunity-panel label>span{float:none;display:block;font-size:11px;margin-top:5px;text-transform:none;color:#b5b9a6}#uplift-input{appearance:none;-webkit-appearance:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#d5d8b16a calc(10% - 1px),#d5d8b16a 10%),linear-gradient(#3c4830,#1f2819);height:46px;border:1px solid #6c7656;border-radius:4px;margin-top:7px;padding:0 8px;box-shadow:inset 0 2px 5px #000b,0 1px #b6bc9a30}#uplift-input::-webkit-slider-runnable-track{height:10px;background:#0a1106;border-radius:4px;box-shadow:inset 0 1px 3px #000,0 1px #9da97d55}#uplift-input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:39px;margin-top:-15px;border:1px solid #b4b49e;border-bottom:4px solid #545b43;border-radius:3px;background:linear-gradient(90deg,#89927b,#d0cfb8 43%,#a4aa90 51%,#5d6d4e);box-shadow:0 2px 4px #000b,0 0 0 1px #192011}#uplift-input::-moz-range-track{height:10px;background:#0a1106;border-radius:4px;box-shadow:inset 0 1px 3px #000,0 1px #9da97d55}#uplift-input::-moz-range-thumb{width:24px;height:36px;border:1px solid #b4b49e;border-bottom:4px solid #545b43;border-radius:3px;background:linear-gradient(90deg,#89927b,#d0cfb8 43%,#a4aa90 51%,#5d6d4e);box-shadow:0 2px 4px #000b}#uplift-label{font-size:18px;color:#e8bf7d}.estimate-readout{background:radial-gradient(ellipse,#192812,#080f05);border:8px solid #151b11;border-radius:14px;box-shadow:0 0 0 1px #727a5c,0 4px 2px #050805,inset 0 2px 8px #000c;padding:22px 18px}.estimate-readout strong{text-shadow:0 0 12px #b3d47d22}.estimate-readout>span{line-height:1.8;font-size:10px;letter-spacing:.7px}.assumptions{color:#b4bea3;line-height:1.8}.physical-button{background-image:linear-gradient(#f1c888e8,#d6a556ed),var(--steel-texture);background-size:auto,270px;border-top:2px solid #f5d09b;border-inline:2px solid #d7b273;border-bottom:6px solid #765426;box-shadow:0 0 0 4px #12150c,0 0 0 5px #706f52,inset 0 1px #fae2bd88,inset 2px 0 #c3a267,0 8px 9px #0009;position:relative;border-radius:4px;min-height:56px;text-shadow:0 1px #ead09790}.physical-button:active{border-bottom-width:3px;transform:translateY(3px);box-shadow:0 0 0 4px #12150c,0 0 0 5px #706f52,inset 0 2px 5px #76542680}.button-lamp{background:radial-gradient(circle at 36% 30%,#7f9163,#344222 58%,#111b08 90%);width:9px;height:9px;border:1px solid #453e26;box-shadow:0 1px 1px #e4cea055,inset 0 1px 3px #000a}.small-button,.segmented button,.mission-key{background-image:linear-gradient(115deg,#87907135,#10160988),var(--steel-texture);background-size:auto,480px;box-shadow:0 0 0 1px #070c04,0 4px 1px #050805,inset 0 1px #b0b99d77;position:relative;border-radius:3px}.small-button{min-height:42px;color:#d6dec5}.segmented{padding:6px;gap:6px;background:#0e140b;border:1px solid #656d56;box-shadow:inset 0 3px 7px #000a,0 1px #9ea48755}.segmented button{border:1px solid #59674a;border-bottom:4px solid #111a0c;color:#b9c5a6;min-height:43px}.segmented button[aria-pressed=true]{background-image:linear-gradient(#d7bd76d9,#ac8c46df),var(--steel-texture);color:#202716;border-color:#d8c184;border-bottom-color:#715a2d;box-shadow:inset 0 0 15px #f9dda530,0 2px 1px #000c;text-shadow:0 1px #e8d39480}.mission-key{border-bottom:6px solid #0d1309;min-height:107px;border-color:#6c735c;border-bottom-color:#0c1309}.mission-key[aria-pressed=true]{background-image:linear-gradient(115deg,#8b8b4b8f,#3841268f),var(--steel-texture);box-shadow:inset 0 1px 5px #000b,0 1px #657847;border-color:#919369;border-bottom-color:#2b351d}.mission-key strong{text-shadow:0 1px #000}.mission-key .key-lamp{width:11px;height:11px;border:2px solid #303a25;box-shadow:0 1px #73835b;background:#0a1206}.mission-key[aria-pressed=true] .key-lamp{background:radial-gradient(circle at 35% 26%,#fff4b5,#e1b75d 55%,#a97321);box-shadow:0 0 10px #e0b95577,0 1px #9ba969;border-color:#655b30}.hardware-switch{padding:8px;gap:14px}.switch-track{height:34px;width:58px;border-radius:5px;border:3px solid #12190e;box-shadow:0 0 0 2px #758168,inset 0 3px 5px #000d,0 3px 5px #0009;background:linear-gradient(#17210f,#0a1206)}.switch-track i{width:15px;height:43px;top:-9px;left:4px;transform:rotate(-15deg);border:1px solid #bdc4b0;border-radius:5px 5px 3px 3px;border-bottom:7px solid #737967;background:linear-gradient(90deg,#4c5547,#d9ddd2 36%,#a7b39c 56%,#485441);box-shadow:2px 4px 4px #000b,inset 0 2px #e6ecda}.hardware-switch[aria-checked=true] .switch-track{background:linear-gradient(#4b5c36,#243416);box-shadow:0 0 0 2px #818d6f,inset 0 3px 5px #000d,0 3px 5px #0009}.hardware-switch[aria-checked=true] .switch-track i{transform:translateX(27px) rotate(15deg)}.switch-word{font-size:10px;letter-spacing:.4px;width:62px;text-shadow:0 1px #000}
/* Photographed paper, printed ink and a large imperfect priority stamp. */
.briefing-layout{grid-template-columns:1.08fr 1fr;gap:65px;position:relative;align-items:start}.mission-paper{isolation:isolate;position:relative;background-color:#ded7b9;background-image:var(--paper-texture);background-size:100% 100%;padding:39px 39px 35px;border:0;box-shadow:2px 9px 6px #0006,0 18px 35px #0008;transform:rotate(-1.3deg);color:#3c4436;filter:drop-shadow(0 3px 2px #0008);clip-path:polygon(.6% .5%,16% 0,34% .5%,49% 0,73% .7%,88% .3%,99.3% .7%,100% 18%,99.5% 37%,99.8% 62%,99.2% 81%,100% 98.7%,81% 99.3%,64% 98.9%,44% 99.5%,25% 99%,.6% 100%,0 84%,.8% 62%,.2% 41%,.7% 21%)}.mission-paper:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(167deg,transparent 0,transparent 47%,#6a583422 47.3%,#fff4c544 47.6%,transparent 48%),linear-gradient(91deg,transparent 49.5%,#77664b17 50%,#fff5d44a 50.3%,transparent 51%);pointer-events:none}.paper-top{align-items:center;gap:20px;min-height:67px;font-size:10px;letter-spacing:1px;line-height:1.5}.paper-top>span:first-child{max-width:150px}.paper-stamp{display:block;position:relative;flex-shrink:0;font:700 33px/.95 var(--display);letter-spacing:2px;text-transform:uppercase;padding:10px 12px 11px;border:4px double #985937;color:#985937;transform:rotate(-8deg);opacity:.9;mix-blend-mode:multiply;text-shadow:1px 0 #98593750;box-shadow:inset 0 0 0 1px #9a614545}.paper-stamp:after{content:'';position:absolute;inset:-1px;background:var(--paper-texture) center/350px;mix-blend-mode:screen;opacity:.18;pointer-events:none}.mission-paper h3{margin-top:30px;font-size:39px;color:#343d2b}.recommendation-item{border-color:#79826988;padding:25px 0}.recommendation-index{border:1px solid #6c76595c;font-family:var(--mono);background:#aaa77814;color:#4c5b3b}.recommendation-item h4{font-size:16px;font-family:var(--mono);font-weight:500;line-height:1.5}.recommendation-item p{font-size:15px;color:#556044;line-height:1.7}.recommendation-meta{font-size:11px;color:#56633e;line-height:1.7}.paper-bottom{border-color:#7d886b88;font-size:9px;line-height:1.7;margin-top:20px}.email-mock{background:#dfe2cf var(--paper-texture) center/100% 100%;box-shadow:0 6px 5px #0006,0 13px 25px #0009;transform:rotate(1.8deg);border:1px solid #c3c6ad}.email-top,.email-bottom{background:#879a6640;border-block:1px solid #8c97733b}.email-top{font-size:10px}.email-content>.email-visual-button{box-shadow:inset 0 1px #cad8ab20}.ai-station{padding:48px;gap:70px;margin-top:90px}.ai-station>.physical-fasteners{inset:13px}.briefing-dialog{background:#252d20 var(--steel-texture) center/700px;box-shadow:0 30px 100px #000e,inset 0 1px #d5d7c344,0 0 0 5px #12170d;border-color:#7c8565}.dialog-header{background:linear-gradient(#303d2288,#151e1099),var(--steel-texture);background-size:auto,650px;border-bottom:3px solid #0e1709}.dialog-close{background:linear-gradient(#56664780,#1f2e1480),var(--steel-texture);background-size:auto,150px;box-shadow:0 3px #090e06,inset 0 1px #adb99566;border:1px solid #778762;min-height:42px;min-width:42px}.briefing-dialog:not(.email-dialog) .dialog-body{background:#d9d3b8 var(--paper-texture) center/100% 100%;color:#313d25;border:11px solid #333c28;margin:12px;box-shadow:inset 0 0 20px #85785344}.briefing-dialog:not(.email-dialog) .dialog-body>.eyebrow{color:#755534}.briefing-dialog:not(.email-dialog) .dialog-body>p:not(.eyebrow){color:#4f5d3e}.briefing-dialog:not(.email-dialog) .dialog-plan-item{border-color:#81916a77}.briefing-dialog:not(.email-dialog) .dialog-plan-item h3{color:#364723}.briefing-dialog:not(.email-dialog) .dialog-plan-item p{color:#566247}.briefing-dialog:not(.email-dialog) .dialog-note{border-color:#81916a77}.dialog-body .physical-button{margin-bottom:10px}
/* Contextual room objects and people from photographic artwork. */
.equipment-stage{position:relative;aspect-ratio:2.48;min-height:290px;margin-top:68px;isolation:isolate;background:#151a11 var(--equipment-scene) center/cover no-repeat;border-top:1px solid #626650;box-shadow:0 20px 40px #0009,inset 0 0 65px #0008}.equipment-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10160f33,transparent 55%,#10160fb0)}.equipment-label{position:absolute;left:25px;bottom:22px;z-index:1;font-size:10px;letter-spacing:1.5px;text-shadow:0 1px 3px #000;color:#d4d9c4}.interlude{min-height:510px}.interlude>img{object-position:65% center;opacity:1}.interlude-shade{background:linear-gradient(90deg,#10150ff5,#10150fa3 33%,#10150f25 70%),linear-gradient(0deg,#11160f55,transparent 60%)}.interlude-content{padding-block:88px}.interlude-content>p:nth-child(2){font-size:65px}.interlude-content>.mono{max-width:360px;display:block;font-size:12px;line-height:1.9}.pulse-console{padding:24px 26px 32px}.pulse-hardware-header{display:flex;justify-content:space-between;align-items:center;margin:0 10px 25px;border-block:1px solid #818f6433;padding-block:17px;gap:20px}.station-clocks{display:flex;gap:22px}.clock-readout{background:linear-gradient(#1c281488,#090e07bb),var(--steel-texture);background-size:auto,250px;padding:10px 14px;border:1px solid #667251;box-shadow:inset 0 2px 4px #000a,0 2px #0b1007;display:flex;align-items:center;gap:12px}.clock-readout>span{font:10px var(--mono);color:#aab994}.clock-readout>time{font:18px var(--mono);color:#d1d2ae;letter-spacing:1px}.panel-engraving{font-size:10px;line-height:1.7;letter-spacing:.9px;color:#9ca98c;max-width:120px;text-align:right;text-shadow:0 1px #000}.pulse-controls{gap:20px}.chart-screen,.mission-screen{border-color:#0a1008;box-shadow:0 0 0 2px #646a53,0 0 0 7px #141b10,inset 0 0 45px #000,0 12px 8px #0008;border-radius:35px;background:radial-gradient(ellipse at 45% 30%,#24301d,#090e07 85%);border-width:13px}.chart-screen:before,.mission-screen:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 1px 2px #a6b89055,inset 0 0 17px #0a1606;border-radius:inherit;background:linear-gradient(128deg,#edf0c90b,transparent 28%,transparent 87%,#b9ce8710)}.chart-screen{padding:28px 25px}.pulse-aside{background:linear-gradient(#131c0bd9,#141c0ce0),var(--equipment-scene);background-size:auto,auto 480px;background-position:center,right center;border:1px solid #5b6841;box-shadow:inset 0 1px #9ba6822e,0 3px #060c03;padding:25px 13px;border-radius:3px}.pulse-aside>p{color:#c0c9ad}.radar-instrument{border-color:#141b0e;box-shadow:0 0 0 2px #7a8565,0 0 0 7px #121b0c,0 8px 7px #000c,inset 0 0 20px #000}.mission-terminal{padding:21px 24px 10px}.mission-screen{padding:35px 27px 30px;overflow:visible}.mission-screen:after{border-radius:22px}.mission-screen form,.mission-screen h3,.mission-screen>p,.mission-screen>.screen-label{position:relative;z-index:2}.terminal-base{padding:23px 20px 18px}.terminal-base .vent{background:repeating-linear-gradient(90deg,#080e05 0,#080e05 3px,#76856144 3px,#76856144 4px,transparent 4px,transparent 8px);height:18px;box-shadow:inset 0 1px #000c}.mission-console-desk{height:230px;margin-top:48px;background:linear-gradient(180deg,#11180e2b,#11180e80),url('/assets/apollo-codex/05-mission-objectives.png') center 52%/cover;border-top:5px solid #535f42;border-bottom:1px solid #465137;box-shadow:0 -5px 0 #0a1106,0 20px 30px #0008}.mini-display{background-color:#141d0d;background-image:radial-gradient(ellipse,#2132194d,#030901b0);border:8px solid #131c0e;outline:1px solid #626e4e;box-shadow:0 5px 2px #070d03,0 0 0 4px #26321e,inset 0 0 19px #0009;border-radius:18px;margin-inline:4px;height:187px}.capability{background:linear-gradient(120deg,#1e2b1380,transparent);border-color:#556143;padding:25px 15px}.final-scene{background:linear-gradient(90deg,#11150ff5,#11150fe3 38%,#11150f24 83%),url('/assets/apollo-codex/07-empty-command-chair.png') center/cover}.final-content{padding-block:105px}.faq-list details{background-image:linear-gradient(100deg,#34412617,transparent)}
@media(max-width:1150px){.briefing-layout{gap:35px}.mission-paper{padding:32px 28px}.paper-stamp{font-size:28px;padding:9px 10px;letter-spacing:1px}.paper-top>span:first-child{max-width:115px}.opportunity-panel{padding:32px 25px}.physical-fasteners>i{width:21px;height:21px}.diagnostic-grid{gap:25px}.diagnostic-console{padding:21px 21px 30px}.systems-panel{padding-inline:0}.hardware-switch{padding-inline:3px}.switch-word{display:none}.pulse-hardware-header{gap:15px}.station-clocks{gap:12px}.clock-readout{display:block;padding:8px 13px}.clock-readout>span{display:block;font-size:9px;margin-bottom:5px}.clock-readout>time{font-size:17px}.ai-station{padding:39px;gap:40px}.mission-terminal{padding:21px 19px 10px}.mission-screen{padding:30px 24px}.mission-key{min-height:120px}.numerical-instrument{gap:5px}.step-keys{gap:4px}.machine-key{width:31px}.opportunity-panel .instrument-field input{padding-inline:11px}}
@media(max-width:900px){.diagnostic-grid{grid-template-columns:1fr;gap:35px}.systems-panel{padding:0 13px}.hardware-switch .switch-word{display:block}.console-foot{padding-inline:25px}.diagnostic-console{max-width:760px;margin-inline:auto}.briefing-layout{grid-template-columns:1fr;gap:45px}.mission-paper{max-width:650px;width:100%;margin:auto;padding:40px}.paper-stamp{font-size:39px}.paper-top>span:first-child{max-width:150px}.opportunity-panel{max-width:650px;width:100%;margin:auto;padding:39px}.pulse-console{padding-inline:22px}.pulse-controls{justify-content:space-between;gap:18px}.pulse-filter{margin-left:0}.pulse-filter>.selector-bezel select{width:140px}.period-control{margin-left:auto}.pulse-hardware-header{margin-inline:3px}.station-clocks{gap:12px}.clock-readout{padding:8px 11px}.panel-engraving{font-size:9px}.pulse-aside{grid-template-columns:100px 1fr auto;padding:25px;gap:4px 20px}.pulse-aside>p{font-size:14px}.missions-layout{grid-template-columns:1fr;gap:35px}.mission-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mission-key{min-height:105px;padding:20px}.mission-key:last-child{grid-column:span 2}.mission-key .key-lamp{display:block}.mission-terminal{max-width:700px;width:100%;margin:auto;padding:24px 28px 10px}.mission-screen{padding:38px}.mission-screen h3{font-size:43px}.mission-screen>p{font-size:16px}.mission-key strong{font-size:14px}.mission-screen .physical-button{font-size:14px}.mission-console-desk{height:200px}.equipment-stage{aspect-ratio:2;min-height:310px;background-position:center}.ai-station{padding:36px;gap:35px}.interlude-content>p:nth-child(2){font-size:59px}.interlude>img{object-position:64% center}}
@media(max-width:640px){.metal{border-radius:3px;box-shadow:inset 0 1px 1px #c7c6b43d,inset 0 -3px 3px #000c,0 0 0 3px #11160e,0 0 0 4px #45493b,0 12px 20px #0008;background-size:100% 100%,500px auto}.physical-fasteners{inset:8px}.physical-fasteners>i{width:18px;height:18px}.panel-label{padding:7px 22px 20px;gap:9px}.panel-label,.panel-label>span:last-child{font-size:10px}.panel-label>span:first-child{line-height:1.7}.diagnostic-console{padding:16px 11px 25px}.diagnostic-grid{gap:25px;padding:0}.systems-panel{padding-inline:10px}.system-row{gap:12px;min-height:101px}.system-row>div>span{max-width:200px;line-height:1.6}.system-row strong{font-size:14px;line-height:1.5}.hardware-switch{flex-direction:column;gap:9px;padding:9px 0;min-width:61px}.hardware-switch .switch-word{font-size:10px}.switch-track{width:49px;height:32px}.switch-track i{height:38px;top:-6px;left:2px;width:15px}.hardware-switch[aria-checked=true] .switch-track i{transform:translateX(22px) rotate(15deg)}.diagnostic-console .console-foot{padding:22px 19px 0;gap:12px;align-items:center}.console-foot .mono{font-size:9px;line-height:1.8}.small-button{padding:8px 10px;font-size:12px}.diagnostic-console .small-button{font-size:11px;white-space:normal;min-width:86px}.briefing-layout{gap:35px}.mission-paper{padding:32px 25px}.paper-top{gap:13px;min-height:56px;font-size:9px}.paper-top>span:first-child{max-width:106px}.paper-stamp{font-size:29px;border-width:3px;letter-spacing:.7px;padding:9px 8px}.mission-paper h3{font-size:34px;margin-top:31px}.recommendation-item{gap:13px;padding-block:23px}.recommendation-item h4{font-size:14px}.recommendation-item p{font-size:15px}.recommendation-meta{font-size:10px}.paper-bottom{font-size:8px}.opportunity-panel{padding:32px 24px 26px}.opportunity-panel .physical-fasteners{inset:8px}.opportunity-panel h3{font-size:37px}.opportunity-panel>.eyebrow{font-size:11px;letter-spacing:1px;padding-inline:8px}.opportunity-panel label{font-size:12px;line-height:1.6}.opportunity-panel label>span{font-size:11px}.instrument-field{padding:5px;gap:5px}.instrument-field input{padding:12px 10px;font-size:16px}.instrument-field input::placeholder{font-size:13px}.machine-key{width:31px;font-size:22px;min-height:43px}.estimate-readout{padding:20px 15px;border-width:7px}.estimate-readout>span{font-size:9px}.estimate-readout strong{font-size:47px}.equipment-stage{aspect-ratio:auto;height:300px;min-height:0;background-position:58% center;margin-top:45px;width:calc(100% + 36px);margin-left:-18px}.equipment-label{left:18px;right:18px;bottom:18px;font-size:9px;letter-spacing:.8px}.interlude{min-height:510px}.interlude>img{object-position:65% center}.interlude-shade{background:linear-gradient(90deg,#0c120ac9,#0c120a60 70%,#0c120a25),linear-gradient(180deg,#0c120a80,transparent 55%,#0c120a6b)}.interlude-content{padding-block:58px}.interlude-content>p:nth-child(2){font-size:54px}.interlude-content>.mono{font-size:11px;max-width:220px;margin-top:110px}.pulse-console{padding:17px 11px 26px}.pulse-console .panel-label{padding-inline:23px}.pulse-hardware-header{flex-direction:column;align-items:stretch;margin:0 5px 23px;padding-block:15px;gap:10px}.station-clocks{gap:8px;justify-content:space-between}.clock-readout{padding:9px 7px;flex:1;text-align:center}.clock-readout>span{font-size:8px;white-space:nowrap;letter-spacing:0}.clock-readout>time{font-size:17px}.panel-engraving{max-width:none;text-align:center;font-size:9px}.pulse-controls{gap:18px;margin:0 4px 26px}.segmented{gap:5px;padding:5px}.segmented button{font-size:12px;padding:9px 11px;min-height:42px}.pulse-filter{display:block}.pulse-filter>label{font-size:10px;margin-bottom:9px}.pulse-filter>.selector-bezel select{width:127px;font-size:12px;min-height:38px;padding:7px 9px}.period-control{gap:3px;padding:4px;margin-left:auto;align-self:end}.period-control button{padding:9px 6px;font-size:11px;min-height:42px}.pulse-grid{padding:0}.chart-screen{padding:23px 11px 20px;border-width:10px;border-radius:27px;box-shadow:0 0 0 1px #717b5b,0 0 0 4px #121b0e,inset 0 0 25px #000,0 8px 6px #0009}.chart-head{gap:7px;padding-inline:0}.chart-head .screen-label{font-size:9px;max-width:150px;line-height:1.7}.chart-head>span{font-size:9px;padding:4px}.chart-legend{font-size:10px;gap:10px}.chart-legend .sample-label{font-size:9px;margin-left:0}.pulse-aside{grid-template-columns:80px 1fr;gap:4px 18px;padding:20px 16px;background-size:auto,auto 460px}.pulse-aside>p{font-size:13px}.pulse-aside .small-button{font-size:11px;min-height:38px}.pulse-console .console-foot{padding:22px 16px 0;font-size:11px}.pulse-console .console-foot>.mono{font-size:9px;white-space:nowrap}.mission-selector{grid-template-columns:1fr;gap:14px}.mission-key:last-child{grid-column:auto}.mission-key{min-height:98px;padding:19px 17px;gap:15px}.mission-key strong{font-size:14px}.mission-key small{font-size:12px}.mission-terminal{padding:17px 11px 9px}.mission-terminal .panel-label{flex-wrap:wrap;gap:6px;padding-inline:23px}.mission-screen{padding:29px 22px;border-width:10px;border-radius:27px;box-shadow:0 0 0 1px #778160,0 0 0 4px #131d0e,inset 0 0 25px #000,0 7px 5px #0009}.mission-screen h3{font-size:35px}.mission-screen>p{font-size:16px}.mission-screen .screen-label{font-size:10px}.mission-screen label{font-size:11px;letter-spacing:.3px;line-height:1.7}.mission-screen label>span{font-size:11px;text-transform:none}.mission-screen .instrument-field{margin-inline:-2px}.mission-screen .instrument-field input{font-size:15px;padding:11px 9px}.mission-screen .physical-button{font-size:13px;margin-top:29px;padding-inline:11px;gap:8px}.terminal-note{font-size:11px}.terminal-base{padding:26px 21px 16px;gap:13px}.terminal-base .mono{font-size:8px}.terminal-base .vent{width:55px}.mission-console-desk{height:180px;margin-top:37px;width:calc(100% + 36px);margin-left:-18px;background-position:64% 50%}.ai-station{padding:31px 24px;margin-top:55px;gap:30px}.ai-station .physical-fasteners{inset:8px}.ai-station .eyebrow{font-size:11px}.email-mock{margin-inline:1px}.capability{padding:26px 15px}.mini-display{height:179px}.email-top,.email-bottom{font-size:9px}.final-content{padding-block:77px}.final-content .physical-button{font-size:13px}.briefing-dialog:not(.email-dialog) .dialog-body{margin:8px;border-width:6px;padding:25px 20px}.dialog-header{padding:12px 16px}.dialog-header .mono{font-size:9px}.dialog-body label{font-size:12px}.dialog-body .physical-button{font-size:13px}.briefing-dialog{max-height:92dvh}}
@media(prefers-reduced-motion:reduce){.switch-track i{transition:none}}
/* The photographed television keeps its square proportions. The live score sits inside the glass. */
.crt.score-screen{display:block;position:relative;container-type:inline-size;aspect-ratio:1;width:100%;max-width:570px;margin-inline:auto;align-self:center;padding:0;border:0;border-radius:10px;background:#171b13 url('/assets/crt-housing.jpg') center/100% 100% no-repeat;box-shadow:0 7px 5px #000b,0 0 0 2px #0b1008,0 12px 24px #0009;overflow:hidden;color:#c3dc93;isolation:isolate}
.crt.score-screen:before{content:none}.crt.score-screen:after{inset:11.8% 10.1% 25.5%;border-radius:15%;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#050c0417 4px);box-shadow:none;z-index:2}
.crt-glass-content{position:absolute;left:13%;top:15%;width:74%;height:55%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;padding:0;text-shadow:0 0 5px #b3d78145;gap:0}
.score-screen .screen-label{font-size:12px;color:#c5dba6;letter-spacing:1px;line-height:1.4;flex-shrink:0;text-align:center}
.score-screen .score-gauge{width:52%;max-width:205px;margin:9px auto 4px;flex-shrink:0}
.score-screen .score-number strong{font:500 clamp(40px,16cqw,84px)/.96 var(--display);text-shadow:0 0 10px #b6da8355}
.score-screen .score-number span{font:12px var(--mono);margin-top:5px;color:#a3b585}
.score-screen .gauge-track{stroke:#52683b;opacity:.65}.score-screen .gauge-ticks{stroke:#829f56;opacity:.7}.score-screen #gauge-progress{stroke:#c1d98b;stroke-width:5;filter:drop-shadow(0 0 3px #b4ce8455)}
.score-screen .score-status{font-size:12px;line-height:1.5;margin:4px 0 9px;min-height:0;color:#b8ce98;max-width:95%}
.score-screen .screen-rule{display:none}.score-screen .score-bottom{border-top:1px solid #73895755;padding-top:9px;font-size:10px;line-height:1.5;width:88%;color:#a9bc8e}.score-screen .score-bottom strong{color:#c8dea5;font-size:12px;font-weight:400}
.equipment-stage{aspect-ratio:3;min-height:0;background-size:cover}.interlude>img{height:100%;width:100%;object-fit:cover}.final-scene{background:linear-gradient(90deg,#0e140af7 0%,#0e140ae8 39%,#0e140a40 79%),url('/assets/apollo-codex/07-empty-command-chair.png') center 42%/cover no-repeat}.final-content{min-height:620px}.final-content .final-date{max-width:500px}
@media(max-width:1150px) and (min-width:901px){.score-screen .score-gauge{width:49%;margin-block:7px 3px}.score-screen .score-status{font-size:11px}.score-screen .screen-label{font-size:10px}.score-screen .score-bottom{font-size:9px;padding-top:6px}.score-screen .score-bottom strong{font-size:11px}}
@media(max-width:900px){.crt.score-screen{max-width:520px}.equipment-stage{aspect-ratio:2.7;min-height:270px}.score-screen .score-gauge{width:51%;max-width:200px}}
@media(max-width:640px){.crt.score-screen{width:100%;max-width:390px;border-radius:6px;box-shadow:0 4px 3px #000b,0 0 0 1px #0b1008,0 9px 16px #0008}.crt-glass-content{top:15%;height:56%}.score-screen .screen-label{font-size:10px;letter-spacing:.7px}.score-screen .score-gauge{width:51%;margin:7px auto 4px}.score-screen .score-number strong{font-size:clamp(42px,17cqw,65px)}.score-screen .score-number span{font-size:10px;margin-top:3px}.score-screen .score-status{display:none}.score-screen .score-bottom{font-size:9px;padding-top:7px;width:90%;margin-top:2px}.score-screen .score-bottom strong{font-size:11px}.equipment-stage{aspect-ratio:auto;min-height:0;height:300px;background-size:auto 300px;background-position:59% center}.final-scene{background:linear-gradient(180deg,#0e140af2 0%,#0e140acc 43%,#0e140a46 77%,#0e140ab0 100%),url('/assets/apollo-codex/07-empty-command-chair.png') 65% center/auto 100% no-repeat}.final-content{min-height:750px;padding-bottom:120px}.final-content .final-date{max-width:260px}}
@media(max-width:640px){.paper-top{flex-wrap:wrap}.paper-stamp{margin-left:auto}.pulse-hardware-header .station-clocks{min-width:0}.clock-readout{min-width:0}.opportunity-panel .assumptions{font-size:12px}.mission-paper .recommendation-item>div{min-width:0}.dialog-body .instrument-field input{min-width:0}.room-observation{line-height:1.7}}