:root{--ink:#070807;--metal:#191714;--metal-2:#2a251e;--phosphor:#91f6a8;--phosphor-dim:#3a8d58;--amber:#f0b24c;--red:#e74d3f;--cream:#d8cbb2;--mono:"IBM Plex Mono",monospace;--sans:"Noto Sans KR",sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#080807;color:var(--cream);font-family:var(--mono);overflow-x:hidden}
body{background:radial-gradient(circle at 50% 0,#2a2118 0,#0f0e0c 38%,#050505 78%);letter-spacing:.02em}
button,a{font:inherit}
button{color:inherit}
.voyage-shell{min-height:100vh;padding:14px 18px 24px;display:flex;flex-direction:column;gap:12px}
.mission-bar{height:36px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;max-width:1500px;width:100%;margin:auto;color:#8d816d;font-size:10px;letter-spacing:.16em}
.back-link{color:#9c9079;text-decoration:none;justify-self:start}.back-link:hover{color:var(--amber)}
.mission-id{display:flex;align-items:center;gap:8px}.mission-id i{width:7px;height:7px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 12px var(--phosphor)}
.mission-tools{justify-self:end;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:6px}.comfort-button,.audio-button,.bgm-button,.album-button,.profile-button,.classroom-button{border:1px solid #514839;background:#14120f;padding:6px 10px;color:#a99d87;cursor:pointer;font-size:9px;letter-spacing:.12em;white-space:nowrap}.comfort-button:hover,.audio-button:hover,.bgm-button:hover,.album-button:hover,.profile-button:hover,.classroom-button:hover{border-color:var(--amber);color:var(--amber)}.album-button{color:#75a77e;border-color:#3d5c43}.profile-button{max-width:122px;overflow:hidden;text-overflow:ellipsis;color:#d6a85f;border-color:#715229}.classroom-button{color:#7ab6b7;border-color:#395e60}.audio-button{color:#91b98e;border-color:#456344}.bgm-button{color:#9bb0d0;border-color:#4a5d78}.audio-button[aria-pressed="false"],.bgm-button[aria-pressed="false"]{color:#756f63;border-color:#49443c}
.console-frame{position:relative;isolation:isolate;width:min(1500px,100%);height:min(860px,calc(100vh - 116px));min-height:620px;margin:auto;border:1px solid #4c4030;border-radius:30px 30px 18px 18px;padding:24px 28px 118px;background:linear-gradient(132deg,#322b21,#131210 18%,#252019 52%,#0d0d0c 79%,#29231b);box-shadow:0 36px 90px #000,0 0 0 6px #090909,inset 0 1px 1px #746450,inset 0 -12px 30px #050505}
.console-frame:before{content:"";position:absolute;inset:9px;border:1px solid #0b0b0a;border-radius:22px;box-shadow:inset 0 0 0 1px #3b3228;pointer-events:none}
.console-screws{position:absolute;inset:15px;pointer-events:none}.console-screws i{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8a7a64,#262019 58%,#050505);box-shadow:0 0 0 1px #000}.console-screws i:nth-child(2){right:0}.console-screws i:nth-child(3){bottom:0}.console-screws i:nth-child(4){right:0;bottom:0}
.monitor-bezel{position:relative;height:100%;padding:18px;border-radius:44px;background:linear-gradient(145deg,#050505,#2b2925 40%,#080808 78%);box-shadow:inset 0 0 0 3px #020202,inset 0 0 0 7px #484038,0 1px 0 #655846}
.monitor-glass{position:relative;height:100%;overflow:hidden;border-radius:8% / 12%;background:#020503;box-shadow:inset 0 0 60px #000,inset 0 0 0 2px #354436,0 0 22px #000;transform:perspective(1200px) rotateX(.4deg)}
.monitor-glass:before{content:"";position:absolute;z-index:50;inset:-4%;border-radius:10%;box-shadow:inset 0 0 90px 34px rgba(0,0,0,.72),inset 0 0 18px 2px rgba(139,242,164,.15);pointer-events:none}
.space-stage{position:absolute;inset:-3%;transform:scale(1.065);filter:saturate(.72) contrast(1.16) sepia(.08);background:#010201}
.space-stage canvas{display:block;width:100%;height:100%}
.display-link-error[hidden]{display:none}.display-link-error{position:absolute;z-index:85;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:32px;text-align:center;color:var(--phosphor);background:radial-gradient(circle,rgba(12,49,24,.42),rgba(0,4,1,.96) 64%);text-shadow:0 0 10px rgba(145,246,168,.55)}.display-link-error strong{font-size:clamp(18px,3vw,34px);letter-spacing:.2em}.display-link-error p{margin:0;color:#75ad80;font-family:var(--sans);font-size:clamp(12px,1.3vw,16px);line-height:1.8}.display-link-error button{min-width:164px;min-height:44px;border:1px solid var(--amber);background:#171109;color:var(--amber);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.16em}.display-link-error button:hover,.display-link-error button:focus-visible{background:var(--amber);color:#171109;outline:2px solid #fff;outline-offset:3px}
.cockpit-view{position:absolute;z-index:14;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease;filter:sepia(.12)}body[data-phase=flight] .cockpit-view,body[data-phase=discovery] .cockpit-view,body[data-phase=capture] .cockpit-view{opacity:1}.canopy-strut{position:absolute;top:-8%;bottom:9%;width:6.5%;background:linear-gradient(90deg,#070706,#383229 48%,#0a0908 76%);box-shadow:inset 0 0 0 1px #4b4135,0 0 22px #000}.canopy-strut.left{left:-1.5%;clip-path:polygon(0 0,62% 0,100% 100%,20% 100%)}.canopy-strut.right{right:-1.5%;clip-path:polygon(38% 0,100% 0,80% 100%,0 100%)}.canopy-rib{position:absolute;left:50%;top:-4%;width:2.2%;height:18%;transform:translateX(-50%);background:linear-gradient(90deg,#090807,#554a3b,#090807);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);box-shadow:0 0 12px #000}.cockpit-nose{position:absolute;left:24%;right:24%;bottom:-1%;height:13%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(165deg,#373129,#090908 47%,#201c17);border:1px solid #4c4134;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);box-shadow:0 -8px 24px #000;color:#766d5e}.cockpit-nose span{font-size:6px;letter-spacing:.24em}.cockpit-nose b{font-size:8px;letter-spacing:.12em;color:#968568}.cockpit-radar{position:absolute;left:7%;bottom:2.2%;width:78px;height:78px;border:6px ridge #312b23;border-radius:50%;background:radial-gradient(circle,rgba(83,182,104,.18),#031006 58%,#020402 60%);box-shadow:0 0 0 2px #080706,0 0 15px #000}.cockpit-radar:before,.cockpit-radar:after{content:"";position:absolute;background:#285f37}.cockpit-radar:before{width:1px;height:100%;left:50%}.cockpit-radar:after{height:1px;width:100%;top:50%}.cockpit-radar i{position:absolute;inset:8px;border:1px solid #285f37;border-radius:50%}.cockpit-radar b{position:absolute;left:50%;top:50%;width:45%;height:1px;transform-origin:left;background:linear-gradient(90deg,#8bf0a0,transparent);animation:radar 3.8s linear infinite}.cockpit-radar span{position:absolute;width:4px;height:4px;left:61%;top:30%;border-radius:50%;background:var(--amber);box-shadow:0 0 6px var(--amber)}.cockpit-radar small{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);font-size:5px;color:#5e785f;letter-spacing:.12em}@keyframes radar{to{transform:rotate(360deg)}}.cockpit-console-line{position:absolute;right:6%;bottom:3%;width:24%;height:8%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #2f2a23;background:#0c0b09;box-shadow:inset 0 0 15px #030303}.cockpit-console-line i{width:7px;height:4px;background:#7a2c21}.cockpit-console-line i:nth-of-type(2),.cockpit-console-line i:nth-of-type(4){background:#8c6b29}.cockpit-console-line i:nth-of-type(3),.cockpit-console-line i:nth-of-type(5){background:#467b51}.cockpit-console-line span{font-size:7px;color:#78967d;min-width:55px;text-align:center}
.ship-chase-view{--ship-roll:0deg;--ship-pitch:0deg;--ship-shift-x:0px;--ship-shift-y:0px;position:absolute;z-index:15;left:50%;bottom:1.5%;width:clamp(150px,17vw,215px);height:clamp(120px,15vw,170px);opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity .28s ease;color:#8ca991;filter:sepia(.04) brightness(1.16)}body[data-phase=flight][data-flight-view=ship] .ship-chase-view{opacity:1}body[data-flight-view=ship] .cockpit-view{opacity:0}body[data-phase=flight][data-flight-view=ship] .objective-card{bottom:25%}body[data-phase=flight][data-flight-view=ship] .flight-message{bottom:20%}.player-ship-shadow{position:absolute;left:16%;right:16%;bottom:5%;height:16%;border-radius:50%;background:rgba(0,0,0,.75);filter:blur(9px);transform:scaleX(1.25)}.player-ship{position:absolute;left:50%;top:0;width:100%;height:82%;transform-origin:50% 72%;transform:translate(calc(-50% + var(--ship-shift-x)),var(--ship-shift-y)) perspective(420px) rotateX(calc(36deg + var(--ship-pitch))) rotateZ(var(--ship-roll));transition:transform .16s cubic-bezier(.2,.75,.2,1);filter:drop-shadow(0 8px 7px rgba(0,0,0,.9)) drop-shadow(0 0 7px rgba(115,232,140,.32))}.ship-fuselage{position:absolute;z-index:4;left:50%;top:2%;width:29%;height:92%;transform:translateX(-50%);clip-path:polygon(50% 0,67% 14%,78% 64%,69% 93%,50% 100%,31% 93%,22% 64%,33% 14%);background:linear-gradient(90deg,#28261f 0,#827865 23%,#c1b296 47%,#6d6453 66%,#201f1a 100%);box-shadow:inset 0 0 0 1px rgba(240,219,174,.36)}.ship-fuselage:before{content:"";position:absolute;left:46%;top:8%;width:8%;height:76%;background:linear-gradient(#ecd191,#564a36 50%,#161713);opacity:.7}.ship-fuselage:after{content:"";position:absolute;left:20%;right:20%;bottom:11%;height:5%;background:#28352d;border:1px solid #779481;box-shadow:0 0 7px rgba(120,234,144,.35)}.ship-fuselage b{position:absolute;left:0;right:0;bottom:28%;text-align:center;color:#2a251b;font-size:6px;letter-spacing:.08em;text-shadow:0 1px rgba(255,255,255,.28)}.ship-canopy{position:absolute;z-index:2;left:50%;top:19%;width:48%;height:34%;transform:translateX(-50%);border:1px solid #a5824b;border-radius:50% 50% 36% 36%;background:linear-gradient(135deg,rgba(229,174,88,.78),rgba(30,65,58,.92) 58%,#07120c);box-shadow:inset 3px 2px 4px rgba(255,224,157,.25),0 0 6px rgba(240,178,76,.3)}.ship-wing{position:absolute;z-index:2;top:34%;width:44%;height:46%;background:linear-gradient(150deg,#716957,#302e27 62%,#171816);border-top:1px solid #9a8b70;box-shadow:inset 0 -5px 8px #161713}.ship-wing-left{left:4%;clip-path:polygon(100% 0,77% 100%,0 82%,54% 17%)}.ship-wing-right{right:4%;clip-path:polygon(0 0,23% 100%,100% 82%,46% 17%)}.ship-wing:after{content:"";position:absolute;top:48%;width:58%;height:5%;background:#7c3e2d;box-shadow:0 7px #2e5940}.ship-wing-left:after{left:13%;transform:rotate(-9deg)}.ship-wing-right:after{right:13%;transform:rotate(9deg)}.ship-tail{position:absolute;z-index:5;bottom:8%;width:18%;height:34%;background:linear-gradient(#8a7a60,#252720);border:1px solid #736750}.ship-tail-left{left:28%;clip-path:polygon(100% 0,100% 100%,0 78%)}.ship-tail-right{right:28%;clip-path:polygon(0 0,0 100%,100% 78%)}.ship-engine{position:absolute;z-index:6;bottom:5%;width:12%;height:22%;border:2px solid #151613;border-radius:40% 40% 20% 20%;background:linear-gradient(#75664f,#171814 58%,#050605);box-shadow:inset 0 0 4px #a18a68}.ship-engine-left{left:31%}.ship-engine-right{right:31%}.ship-engine i{position:absolute;left:20%;right:20%;top:88%;height:42%;clip-path:polygon(0 0,100% 0,65% 100%,50% 76%,35% 100%);background:linear-gradient(#e9fbe9,#79ef98 30%,rgba(60,151,86,.05));filter:drop-shadow(0 0 5px #77e991);animation:shipEngineIdle .45s steps(3,end) infinite}.ship-chase-view>span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:5px;letter-spacing:.18em;white-space:nowrap;text-shadow:0 0 5px #3d7b4b}body.ship-steering-left .ship-chase-view{--ship-roll:-11deg;--ship-shift-x:-9px}body.ship-steering-right .ship-chase-view{--ship-roll:11deg;--ship-shift-x:9px}body.ship-steering-up .ship-chase-view{--ship-pitch:-6deg;--ship-shift-y:-5px}body.ship-steering-down .ship-chase-view{--ship-pitch:6deg;--ship-shift-y:5px}body.ship-boosting .player-ship{filter:drop-shadow(0 10px 8px rgba(0,0,0,.9)) drop-shadow(0 0 11px rgba(121,244,150,.45))}body.ship-boosting .ship-engine i{height:78%;background:linear-gradient(#fff7c0,#a3ffb6 26%,#4aa966 67%,transparent);animation-duration:.14s}@keyframes shipEngineIdle{50%{transform:scaleY(.72);opacity:.72}}
.crt-phosphor,.crt-glare,.crt-roll{position:absolute;inset:0;pointer-events:none;z-index:40}
.crt-phosphor{opacity:.42;background:repeating-linear-gradient(0deg,rgba(0,0,0,.46) 0,rgba(0,0,0,.46) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(255,40,40,.035) 0,rgba(255,40,40,.035) 1px,rgba(40,255,100,.025) 1px,rgba(40,255,100,.025) 2px,rgba(60,80,255,.025) 2px,rgba(60,80,255,.025) 3px);mix-blend-mode:multiply}
.crt-glare{background:linear-gradient(118deg,rgba(255,255,255,.095),transparent 18%,transparent 64%,rgba(145,246,168,.035) 84%,transparent),radial-gradient(ellipse at 50% 44%,transparent 48%,rgba(0,0,0,.6) 100%)}
.crt-roll{height:14%;bottom:auto;background:linear-gradient(transparent,rgba(190,255,201,.08),transparent);animation:roll 8s linear infinite;opacity:.6}
@keyframes roll{from{transform:translateY(-120%)}to{transform:translateY(820%)}}
.boot-screen,.system-screen,.transmission-screen,.mission-screen,.mission-start-screen,.flight-hud,.discovery-screen,.capture-screen,.debrief-screen,.profile-screen,.classroom-screen,.projector-screen,.album-screen,.drawing-screen,.launch-countdown{position:absolute;z-index:20;inset:0}
.boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--phosphor);text-shadow:0 0 9px rgba(145,246,168,.65);padding:6vh 20px;background:radial-gradient(circle at center,rgba(18,63,35,.28),rgba(0,5,2,.83) 64%)}
.eyebrow{font-size:10px;letter-spacing:.34em;margin:0 0 12px;color:#5cb973}.boot-screen h1{font-size:clamp(32px,5vw,72px);font-weight:500;letter-spacing:.08em;line-height:.86;margin:0}.boot-screen h1 em{font-style:normal;font-size:.48em;letter-spacing:.34em;color:var(--amber);text-shadow:0 0 10px rgba(240,178,76,.55)}
.boot-copy{font-family:var(--sans);font-size:clamp(12px,1.25vw,16px);line-height:1.8;color:#72b983;margin:24px 0}.boot-foot{position:absolute;bottom:7%;font-size:8px;letter-spacing:.18em;color:#3d7e50}
.boot-reticle{width:116px;height:116px;border:1px solid rgba(145,246,168,.28);border-radius:50%;position:absolute;opacity:.65}.boot-reticle:before,.boot-reticle:after{content:"";position:absolute;background:rgba(145,246,168,.28)}.boot-reticle:before{left:50%;top:-18px;width:1px;height:152px}.boot-reticle:after{top:50%;left:-18px;height:1px;width:152px}.boot-reticle span{position:absolute;inset:12px;border:1px dashed rgba(145,246,168,.25);border-radius:50%;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.boot-screen>.eyebrow,.boot-screen>h1,.boot-screen>.boot-copy,.boot-screen>.power-button,.boot-screen>.boot-attract-status,.boot-screen>.boot-foot{position:relative;z-index:3}.boot-attract{position:absolute;z-index:1;inset:8% 7% 12%;overflow:hidden;opacity:.72;transition:opacity .18s}.boot-attract:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,183,116,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(96,183,116,.05) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000 25%,transparent 76%)}.attract-panel{position:absolute;inset:5% 8% 8%;opacity:0;transform:scale(.96);transition:opacity .6s steps(5,end),transform .6s steps(5,end);color:#65a873}.attract-panel>b{position:absolute;left:0;top:0;font-size:7px;letter-spacing:.22em;font-weight:500}.boot-screen[data-attract-frame="0"] .attract-map,.boot-screen[data-attract-frame="1"] .attract-ship,.boot-screen[data-attract-frame="2"] .attract-paper{opacity:.72;transform:scale(1)}.attract-map{border:1px solid rgba(81,148,96,.2);background:radial-gradient(circle at 68% 38%,rgba(240,178,76,.16) 0 1px,transparent 2px),radial-gradient(circle at 24% 68%,rgba(145,246,168,.2) 0 1px,transparent 2px)}.attract-map i{position:absolute;width:5px;height:5px;border:1px solid #67a976;border-radius:50%;box-shadow:0 0 7px rgba(145,246,168,.6)}.attract-map i:nth-of-type(1){left:17%;top:31%}.attract-map i:nth-of-type(2){left:33%;top:66%}.attract-map i:nth-of-type(3){left:54%;top:25%}.attract-map i:nth-of-type(4){left:72%;top:57%;border-color:var(--amber)}.attract-map i:nth-of-type(5){left:84%;top:38%}.attract-map span{position:absolute;left:17%;top:31%;width:56%;height:30%;border-bottom:1px dashed rgba(110,190,127,.35);transform:skewY(-19deg)}.attract-ship:before,.attract-ship:after{content:"";position:absolute;left:50%;top:18%;transform:translateX(-50%);border:1px solid rgba(104,178,121,.44)}.attract-ship:before{width:32%;height:62%;clip-path:polygon(50% 0,85% 70%,100% 100%,50% 83%,0 100%,15% 70%);background:linear-gradient(90deg,transparent 49.5%,rgba(112,190,130,.28) 50%,transparent 50.5%)}.attract-ship:after{top:44%;width:57%;height:1px;border-width:1px 0 0}.attract-ship>i{position:absolute;left:50%;top:26%;width:11%;height:24%;transform:translateX(-50%);border:1px dashed rgba(240,178,76,.45);border-radius:50% 50% 18% 18%}.attract-ship>small{position:absolute;right:0;bottom:0;font-size:6px;letter-spacing:.18em}.attract-paper{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:8%;padding:10% 13%}.attract-paper>i{height:52%;border:1px solid rgba(112,181,127,.3);background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(104,180,121,.13) 7px 8px)}.attract-paper>i:nth-of-type(2){height:70%;border-style:dashed}.attract-paper>span{position:absolute;right:0;bottom:0;color:var(--amber);font-size:6px;letter-spacing:.2em}.boot-attract-status{min-height:12px;margin:10px 0 0;color:#578d63;font-size:6px;letter-spacing:.2em}.power-button{display:inline-flex;align-items:center}.power-button kbd{margin-left:14px;padding-left:14px;border-left:1px solid #356943;color:#527f5b;font-family:var(--mono);font-size:6px;letter-spacing:.14em}.boot-screen.is-exiting .boot-attract{opacity:0}.boot-screen[data-attract-frame="2"] .power-button{border-color:var(--amber);color:var(--amber)}
@media (max-width:820px){.boot-attract{inset:7% 4% 13%}.attract-panel{inset:6% 3% 8%}.attract-panel>b,.attract-ship>small,.attract-paper>span{font-size:5px}.power-button kbd{margin-left:8px;padding-left:8px}}
@media (prefers-reduced-motion:reduce){.attract-panel,.boot-attract{transition:none}.boot-screen[data-attract-frame] .attract-panel{transform:none}.boot-screen[data-attract-frame="0"] .attract-map{opacity:.55}}
.crt-power-sequence[hidden]{display:none}.crt-power-sequence{position:absolute;z-index:70;inset:0;display:grid;place-items:center;overflow:hidden;background:#000;color:var(--phosphor);opacity:1;transition:opacity .2s ease}.crt-power-sequence:before{content:"";position:absolute;z-index:5;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.52) 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.78) 100%);pointer-events:none}.crt-power-aperture{position:absolute;inset:-4%;overflow:hidden;opacity:0;clip-path:inset(50% 0);background:radial-gradient(ellipse at center,rgba(113,244,143,.3),rgba(13,63,27,.18) 38%,#010402 72%);filter:saturate(1.25) contrast(1.28);transition:clip-path .48s cubic-bezier(.2,.75,.12,1),opacity .1s}.crt-power-aperture:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,59,53,.11),transparent 28%,rgba(89,255,121,.09) 52%,transparent 72%,rgba(74,104,255,.11)),repeating-linear-gradient(90deg,transparent 0 2px,rgba(111,255,141,.035) 2px 3px)}.crt-power-aperture span{position:absolute;inset:0;opacity:.58;background-image:radial-gradient(circle,#a9ffb9 0 .6px,transparent .9px),radial-gradient(circle,#e2ac58 0 .5px,transparent .8px);background-size:17px 13px,29px 23px;animation:crtPowerStatic .11s steps(2,end) infinite}.crt-power-core{position:absolute;z-index:4;left:50%;top:50%;width:6px;height:6px;border-radius:50%;opacity:0;background:#eaffee;box-shadow:0 0 4px #fff,0 0 13px 4px #9dffb0,0 0 36px 10px rgba(118,255,146,.65);transform:translate(-50%,-50%);transition:width .22s cubic-bezier(.2,.85,.18,1),height .16s ease,border-radius .16s,opacity .06s}.crt-power-sequence>p{position:absolute;z-index:8;left:0;right:0;bottom:9%;margin:0;text-align:center;color:#5fa971;font-size:clamp(6px,.75vw,9px);font-weight:700;letter-spacing:.24em;text-shadow:0 0 8px #3f9b55;opacity:0;transition:opacity .16s}.crt-power-sequence.is-active .crt-power-core,.crt-power-sequence.is-active>p{opacity:1}.crt-power-sequence.is-line .crt-power-core{width:82%;height:2px;border-radius:0}.crt-power-sequence.is-line .crt-power-aperture{opacity:1;clip-path:inset(49.7% 5%)}.crt-power-sequence.is-open .crt-power-core{width:106%;height:3px;opacity:0}.crt-power-sequence.is-open .crt-power-aperture{opacity:1;clip-path:inset(0)}.crt-power-sequence.is-degauss .crt-power-aperture{animation:crtPowerDegauss .42s steps(4,end)}.crt-power-sequence.is-degauss:after{content:"";position:absolute;z-index:6;inset:-8%;background:linear-gradient(90deg,rgba(255,56,48,.13),transparent 30%,rgba(65,255,109,.1) 52%,transparent 70%,rgba(58,84,255,.13));mix-blend-mode:screen;animation:crtPowerRgb .36s steps(3,end)}.crt-power-sequence.is-settled{opacity:0}.crt-powering .monitor-bezel{animation:crtPowerBezel .14s steps(2,end) 5}.crt-powering .mission-tools{opacity:.32;pointer-events:none}
@keyframes crtPowerStatic{50%{transform:translate(7px,-4px)}}
@keyframes crtPowerDegauss{0%{transform:scale(1.03) skewX(0);filter:blur(0) hue-rotate(0)}25%{transform:scale(1.07) skewX(1.2deg);filter:blur(1.5px) hue-rotate(18deg)}50%{transform:scale(1.02) skewX(-.8deg);filter:blur(.4px) hue-rotate(-13deg)}100%{transform:scale(1);filter:blur(0) hue-rotate(0)}}
@keyframes crtPowerRgb{0%{transform:translateX(-2.5%)}50%{transform:translateX(2%)}100%{transform:none;opacity:0}}
@keyframes crtPowerBezel{50%{transform:translateX(.8px) rotate(.03deg)}}
.terminal-button{position:relative;border:1px solid var(--phosphor-dim);background:rgba(3,18,8,.82);color:var(--phosphor);padding:12px 22px;letter-spacing:.16em;cursor:pointer;box-shadow:inset 0 0 16px rgba(145,246,168,.08),0 0 20px rgba(145,246,168,.08);text-shadow:0 0 8px currentColor}.terminal-button:hover,.terminal-button:focus-visible{outline:none;border-color:var(--phosphor);background:rgba(24,68,36,.75)}.power-button span{color:var(--red);margin-right:10px;text-shadow:0 0 8px var(--red)}
.system-screen{padding:8% 10%;background:#010402;color:var(--phosphor);text-shadow:0 0 7px rgba(145,246,168,.55)}.system-brand{border-bottom:1px solid #255b34;padding-bottom:12px;font-size:13px;letter-spacing:.14em}.system-brand span{float:right;color:#3d8052}.system-screen pre{font-family:var(--mono);font-size:clamp(10px,1.25vw,15px);line-height:1.75;white-space:pre-wrap;color:#75d78d;min-height:55%;margin:22px 0}.system-progress{height:8px;border:1px solid #255b34;padding:1px}.system-progress i{display:block;height:100%;width:0;background:var(--phosphor);box-shadow:0 0 10px var(--phosphor);transition:width .16s}
.mission-screen{display:grid;grid-template-columns:minmax(270px,.9fr) 1.1fr;grid-template-rows:auto auto auto auto auto auto;align-content:center;gap:9px 7%;padding:calc(6% + 8px) 8% calc(6% - 8px);color:var(--amber);background:radial-gradient(circle at 73% 43%,rgba(112,57,24,.34),transparent 27%),rgba(3,5,3,.72);text-shadow:0 0 8px rgba(240,178,76,.45)}
.mission-screen>p{grid-column:1;font-size:10px;letter-spacing:.28em;color:#7db989;margin:0}.mission-screen h2{grid-column:1;font-size:clamp(32px,4.7vw,68px);font-weight:500;line-height:.88;letter-spacing:.04em;margin:4px 0 18px}.mission-screen dl{grid-column:1;margin:0;border-top:1px solid #5a4325}.mission-screen dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #46361f;padding:7px 0;font-size:9px}.mission-screen dt{color:#768b70}.mission-screen dd{margin:0;color:#d9a956}.launch-button{grid-column:1;width:100%;border-color:#8e6325;color:var(--amber);display:flex;justify-content:space-between}.mission-screen>small{grid-column:1;color:#54715b;font-size:8px}.mission-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(91,164,107,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,164,107,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to right,transparent,#000);pointer-events:none}
.mission-picker{grid-column:1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:2px 0}.mission-picker button{display:grid;grid-template-columns:auto 1fr;text-align:left;gap:0 6px;border:1px solid #334c37;background:rgba(2,13,6,.72);color:#50715a;padding:7px 8px;cursor:pointer}.mission-picker button span{grid-row:1/3;font-size:7px}.mission-picker button b{font-size:8px}.mission-picker button small{font-family:var(--sans);font-size:7px}.mission-picker button.active{border-color:var(--amber);background:#201406;color:var(--amber);box-shadow:inset 0 0 12px rgba(240,178,76,.09)}.mission-picker button:hover{border-color:currentColor}.mission-planet{grid-column:2;grid-row:1/7;position:relative;min-height:310px;display:grid;place-items:center}.mission-planet:before{content:"";width:min(27vw,360px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e7b35a,#74431f 44%,#21120d 74%,#030403 76%);box-shadow:-28px 0 50px rgba(240,178,76,.18),inset -44px -20px 60px #0a0504}.mission-planet:after{content:"";position:absolute;width:min(38vw,500px);height:min(8vw,95px);border:14px solid rgba(221,151,61,.64);border-left-color:#76502a;border-right-color:#edb057;border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 14px rgba(240,178,76,.28)}.mission-planet i{position:absolute;width:min(32vw,430px);height:1px;background:#628c68;transform:rotate(14deg);opacity:.45}body[data-mission=moonbase] .mission-planet:before{background:radial-gradient(circle at 38% 32%,#9db7bf,#355263 45%,#101b24 72%,#030403 75%);box-shadow:-24px 0 50px rgba(83,148,178,.24),inset -45px -20px 60px #050b0f}body[data-mission=moonbase] .mission-planet:after{width:min(34vw,440px);height:34px;border:8px solid #8b806d;border-radius:4px;transform:rotate(-8deg);background:linear-gradient(90deg,#1e302e 0 31%,#9a7139 31% 35%,#1e302e 35% 65%,#9a7139 65% 69%,#1e302e 69%);box-shadow:0 0 18px #000}body[data-mission=violet] .mission-planet:before{background:radial-gradient(circle at 35% 30%,#bd83d4,#63337d 42%,#24102e 72%,#030403 76%);box-shadow:-28px 0 60px rgba(153,79,190,.25),inset -44px -20px 60px #0b0310}body[data-mission=violet] .mission-planet:after{width:min(34vw,440px);height:min(34vw,440px);border:1px dashed rgba(197,128,222,.45);box-shadow:0 0 22px rgba(193,98,227,.18);animation:pulseSignal 2.5s ease-in-out infinite}@keyframes pulseSignal{50%{transform:scale(1.12) rotate(-13deg);opacity:.55}}
.flight-hud{color:var(--phosphor);text-shadow:0 0 7px rgba(145,246,168,.62);pointer-events:none}.hud-top-left,.hud-top-right{position:absolute;top:6%;border-top:1px solid #4c9e60;padding-top:6px;min-width:170px}.hud-top-left{left:5%}.hud-top-right{right:5%;text-align:right}.flight-hud small{font-size:8px;letter-spacing:.18em;color:#5c9d6d}.hud-top-left strong,.hud-top-right strong{display:block;font-size:13px;letter-spacing:.09em}.hud-top-left span,.hud-top-right span{font-size:9px;color:#5e9369}.flight-reticle{position:absolute;left:50%;top:49%;width:122px;height:122px;transform:translate(-50%,-50%);border:1px solid rgba(145,246,168,.25);border-radius:50%}.flight-reticle:before,.flight-reticle:after{content:"";position:absolute;background:rgba(145,246,168,.4)}.flight-reticle:before{width:156px;height:1px;left:-18px;top:60px}.flight-reticle:after{width:1px;height:156px;left:60px;top:-18px}.flight-reticle i{position:absolute;inset:23px;border:1px dashed rgba(145,246,168,.46);border-radius:50%;animation:spin 10s linear infinite reverse}.flight-reticle b{position:absolute;width:6px;height:6px;left:57px;top:57px;border:1px solid var(--amber);box-shadow:0 0 7px var(--amber)}
.speed-tape{position:absolute;left:5%;bottom:10%;border-left:2px solid #4c9e60;padding-left:10px}.speed-tape b{display:block;font-size:30px;line-height:1}.speed-tape span{font-size:7px;color:#548263}.signal-tape{position:absolute;right:5%;bottom:11%;width:180px;text-align:right}.signal-tape>i{display:block;height:5px;border:1px solid #3b7949;margin:5px 0}.signal-tape>i b{display:block;height:100%;width:12%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor);transition:width .3s}.signal-tape>span{font-size:8px}.flight-message{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);font-size:8px;letter-spacing:.14em;color:#6fb37f;white-space:nowrap}.capture-trigger{pointer-events:auto;position:absolute;right:5%;top:39%;display:flex;align-items:center;gap:9px;border:1px solid #a1372f;background:rgba(37,5,4,.78);padding:8px 10px;color:#ef766b;cursor:pointer;text-align:left}.capture-trigger span{border:1px solid #b4443a;padding:4px 6px}.capture-trigger b{font-size:9px;letter-spacing:.11em}.capture-trigger small{color:#9e625c}.capture-trigger:hover{background:#54140f;color:#fff}
.mission-progress{position:absolute;left:50%;top:5.5%;transform:translateX(-50%);display:flex;gap:0;margin:0;padding:0;list-style:none}.mission-progress li{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px;padding:4px 12px;border-top:1px solid #315d3b;color:#365e40;min-width:78px}.mission-progress li span{font-size:7px}.mission-progress li b{font-size:8px;letter-spacing:.08em}.mission-progress li.active{border-color:var(--amber);color:var(--amber);text-shadow:0 0 8px rgba(240,178,76,.55)}.mission-progress li.done{border-color:var(--phosphor);color:var(--phosphor)}.mission-progress li.done span:after{content:" ✓"}.objective-card{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);min-width:310px;text-align:center;border-bottom:1px solid rgba(145,246,168,.35);padding:5px 16px 7px;background:linear-gradient(90deg,transparent,rgba(2,13,6,.72),transparent)}.objective-card small{display:block}.objective-card strong{display:block;margin-top:3px;font-family:var(--sans);font-size:11px;font-weight:500;color:#86c994}
.ship-status{position:absolute;left:5%;top:16%;width:190px;color:#69a675}.ship-status>div:first-child{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center}.ship-status small{font-size:7px;letter-spacing:.13em}.ship-status i{grid-column:1;display:block;height:4px;border:1px solid #3d6a46}.ship-status i b{display:block;width:100%;height:100%;background:#79d692;box-shadow:0 0 7px #79d692;transition:width .2s,background .2s}.ship-status span{grid-column:2;grid-row:1/3;font-size:8px}.mission-score{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:7px;align-items:center;margin-top:6px;padding-top:5px;border-top:1px solid #2d5636}.mission-score b,.mission-score strong{font-size:8px;color:var(--amber);font-weight:500}.encounter-alert{position:absolute;z-index:22;left:50%;top:18%;transform:translate(-50%,-8px);min-width:290px;padding:8px 14px;border:1px solid #4e8159;background:rgba(2,15,6,.9);color:var(--phosphor);font-size:8px;text-align:center;letter-spacing:.08em;opacity:0;transition:.18s;pointer-events:none}.encounter-alert.show{opacity:1;transform:translate(-50%,0)}.encounter-alert[data-tone=danger]{border-color:#b84439;background:rgba(38,6,4,.93);color:#ff8a7d}.encounter-alert[data-tone=memory]{border-color:#ad7d32;background:rgba(31,20,4,.93);color:#f1c46b}.encounter-alert[data-tone=rescue]{border-color:#5495a5;background:rgba(3,19,23,.93);color:#86d3df}.ship-hit .monitor-bezel{animation:shipHit .5s ease-out}@keyframes shipHit{0%,100%{transform:translate(0)}18%{transform:translate(-7px,3px)}36%{transform:translate(6px,-2px)}58%{transform:translate(-3px,-1px)}78%{transform:translate(2px,1px)}}
.discovery-screen{z-index:23;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8% 11%;background:linear-gradient(90deg,rgba(0,5,2,.97) 0,rgba(2,9,4,.91) 47%,rgba(2,8,4,.18) 77%),radial-gradient(circle at 76% 48%,rgba(240,178,76,.16),transparent 30%);color:var(--amber);text-shadow:0 0 8px rgba(240,178,76,.48)}.discovery-screen:after{content:"";position:absolute;right:8%;top:16%;width:28%;aspect-ratio:1;border:1px dashed rgba(145,246,168,.28);border-radius:50%;box-shadow:0 0 0 18px rgba(145,246,168,.025),0 0 0 42px rgba(145,246,168,.018);pointer-events:none}.discovery-code{border:1px solid var(--red);color:#ef6e61;padding:6px 9px;font-size:8px;letter-spacing:.18em;transform:rotate(-1deg)}.discovery-screen>p:not(.discovery-copy){margin:19px 0 5px;color:#609d6f;font-size:8px;letter-spacing:.2em}.discovery-screen h2{margin:0 0 18px;font-size:clamp(36px,5.4vw,78px);font-weight:400;line-height:.82;letter-spacing:.04em}.discovery-screen dl{width:min(390px,64%);margin:0;border-top:1px solid #604624}.discovery-screen dl div{display:flex;justify-content:space-between;border-bottom:1px solid #46351f;padding:6px 0;font-size:8px}.discovery-screen dt{color:#66856a}.discovery-screen dd{margin:0}.discovery-copy{font-family:var(--sans);font-size:11px;line-height:1.75;color:#7eaa85;margin:17px 0}.discovery-actions{display:flex;gap:8px;pointer-events:auto}.discovery-actions button{border:1px solid #47664b;background:rgba(3,14,7,.88);color:#83c48f;padding:10px 14px;font-family:var(--sans);font-size:10px;cursor:pointer}.discovery-actions button.primary{border-color:#9c6b2d;background:#281906;color:var(--amber)}.discovery-actions button:hover{border-color:currentColor;filter:brightness(1.25)}
.story-branch{width:min(520px,72%);margin:0 0 13px;pointer-events:auto}.story-branch>small{display:block;margin-bottom:5px;font-size:7px;letter-spacing:.18em;color:#577c5f}.story-branch>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.story-branch button{display:flex;align-items:center;gap:6px;border:1px solid #344d38;background:rgba(2,12,5,.84);color:#597660;padding:7px 8px;cursor:pointer;text-align:left}.story-branch button span{font-size:6px}.story-branch button b{font-family:var(--sans);font-size:8px;font-weight:500}.story-branch button.active{border-color:var(--amber);background:rgba(46,27,5,.88);color:var(--amber);box-shadow:inset 0 0 12px rgba(240,178,76,.1)}.story-branch button:hover{border-color:currentColor}
body[data-phase=discovery] .capture-trigger{display:none}
.launch-countdown{display:grid;place-items:center;align-content:center;background:rgba(0,4,2,.82);color:var(--amber);text-shadow:0 0 18px var(--amber)}.launch-countdown small{font-size:10px;letter-spacing:.3em}.launch-countdown strong{font-size:clamp(80px,15vw,210px);font-weight:400;line-height:.9}
.capture-screen{display:flex;flex-direction:column;justify-content:center;padding:8% 12%;background:rgba(1,5,2,.91);color:var(--phosphor);text-shadow:0 0 7px rgba(145,246,168,.5)}.capture-stamp{position:absolute;right:8%;top:10%;border:1px solid var(--red);color:var(--red);padding:8px 12px;transform:rotate(2deg);font-size:9px;letter-spacing:.13em}.capture-screen h2{font-family:var(--sans);font-size:clamp(25px,4vw,48px);line-height:1.15;margin:0 0 12px}.capture-screen>p{font-family:var(--sans);font-size:12px;line-height:1.7;color:#76a87e}.capture-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.capture-actions button{display:grid;grid-template-columns:auto 1fr;text-align:left;gap:2px 10px;border:1px solid #315f3b;background:#061109;color:#85c995;padding:12px;cursor:pointer}.capture-actions button span{grid-row:1/3;color:#477e54}.capture-actions button b{font-family:var(--sans);font-size:12px}.capture-actions button small{font-size:8px;color:#4e815a}.capture-actions button.primary{border-color:#9a692a;color:var(--amber);background:#1d1306}.capture-actions button:hover{border-color:currentColor;background:#132817}.capture-footer-actions{display:flex;align-items:center;gap:20px;margin-top:10px}.resume-button,.restart-button,.draw-start-button{border:0;background:transparent;padding:8px 0;cursor:pointer}.resume-button{color:#72aa7d}.restart-button{color:#8e795d}.draw-start-button{color:var(--amber);border-bottom:1px solid #765326}.resume-button:hover{color:var(--phosphor)}.restart-button:hover,.draw-start-button:hover{color:#ffd17a}
.debrief-screen{z-index:24;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto auto 1fr;align-content:center;gap:6px 8%;padding:8% 11%;background:radial-gradient(circle at 78% 45%,rgba(121,214,146,.13),transparent 25%),rgba(1,7,3,.96);color:var(--phosphor);text-shadow:0 0 7px rgba(145,246,168,.5)}.debrief-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(91,164,107,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(91,164,107,.045) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.debrief-screen>p{grid-column:1;margin:0;color:#568363;font-size:8px;letter-spacing:.18em}.debrief-screen h2{grid-column:1;margin:4px 0 8px;font-family:var(--sans);font-size:clamp(30px,4vw,56px);line-height:1.12}.debrief-screen h3{grid-column:1;margin:0;color:var(--amber);font-family:var(--sans);font-size:16px}.ending-copy{grid-column:1;max-width:660px;margin:0;font-family:var(--sans);font-size:11px;line-height:1.8;color:#7faa87}.mission-grade{grid-column:2;grid-row:1/6;align-self:center;display:grid;place-items:center;align-content:center;width:min(24vw,250px);aspect-ratio:1;border:1px solid #527e5d;border-radius:50%;box-shadow:0 0 0 16px rgba(121,214,146,.025),inset 0 0 38px rgba(121,214,146,.08)}.mission-grade>small{font-size:7px;letter-spacing:.18em}.mission-grade>strong{font-size:clamp(76px,10.5vw,148px);font-weight:400;line-height:.82;color:var(--amber);text-shadow:0 0 18px rgba(240,178,76,.5)}.mission-grade[data-grade=S]>strong{color:#e8f7ae}.personal-best{position:relative;display:grid;place-items:center;width:68%;border-top:1px solid #365b40;padding-top:5px;text-shadow:none}.personal-best:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border:1px solid #4b6b52;border-radius:50%;background:#142318}.personal-best small{font-size:4px;letter-spacing:.12em;color:#5e8067}.personal-best b{margin:2px 0;font-size:13px;font-weight:400;letter-spacing:.08em;color:#a8d3af}.personal-best span{font-size:5px;letter-spacing:.1em;color:#678b6e}.personal-best em{margin-top:2px;font-size:4px;font-style:normal;color:#4d6a54}.personal-best[data-record=first]:before,.personal-best[data-record=new]:before{border-color:#d09a43;background:#f3bd62;box-shadow:0 0 9px #efad4d}.personal-best[data-record=first] span,.personal-best[data-record=new] span{color:var(--amber)}.personal-best[data-record=new]{border-top-color:#9e6d30}.personal-best[data-record=new] b{color:#f1c164;text-shadow:0 0 8px rgba(240,178,76,.6)}.personal-best[data-record=new]:before{animation:recordLamp .7s steps(2,end) infinite}@keyframes recordLamp{50%{opacity:.25}}.debrief-stats{grid-column:1;display:grid;grid-template-columns:repeat(4,1fr);margin:4px 0 0;border-top:1px solid #31583a;border-bottom:1px solid #31583a}.debrief-stats div{padding:7px 10px;border-right:1px solid #31583a}.debrief-stats div:last-child{border-right:0}.debrief-stats dt{font-size:7px;color:#568363}.debrief-stats dd{margin:3px 0 0;color:var(--amber);font-size:10px}.debrief-actions{grid-column:1;display:flex;gap:8px;margin-top:4px;pointer-events:auto}.debrief-actions button{border:1px solid #416b4b;background:#061109;color:#79b989;padding:10px 14px;font-family:var(--sans);font-size:10px;cursor:pointer}.debrief-actions button.primary{border-color:#9a692a;color:var(--amber);background:#1d1306}.debrief-actions button:hover{border-color:currentColor}
.debrief-film-award{position:relative;z-index:1;grid-column:1;display:grid;grid-template-columns:126px 1fr;gap:10px;width:min(660px,100%);border:1px solid #3b6445;background:rgba(3,15,7,.8);padding:6px;text-shadow:none}.debrief-film-award>div{position:relative;padding:0 8px;background:#080a08}.debrief-film-award>div:before,.debrief-film-award>div:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:6px;background:radial-gradient(circle,#667066 0 1px,transparent 1.4px) center/5px 8px repeat-y,#171a17}.debrief-film-award>div:before{left:0}.debrief-film-award>div:after{right:0}.debrief-film-award canvas{display:block;width:100%;height:68px;object-fit:cover;filter:saturate(.58) contrast(1.12)}.debrief-film-award>div>i{position:absolute;inset:0 8px;box-shadow:inset 0 0 15px rgba(0,0,0,.7);pointer-events:none}.debrief-film-award>section{display:flex;min-width:0;flex-direction:column;justify-content:center}.debrief-film-award small{font-size:5px;letter-spacing:.14em;color:#5f8167}.debrief-film-award h4{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 3px;font-size:10px;font-weight:500;color:var(--amber)}.debrief-film-award h4 b{font-size:6px;font-weight:500;color:#799481}.debrief-film-award p{margin:0;font-family:var(--sans);font-size:7px;line-height:1.35;color:#78957f}.debrief-film-award footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.debrief-film-award footer>span{font-size:5px;color:#688a70}.debrief-film-award footer div{display:flex;gap:3px}.debrief-film-award footer i{width:7px;height:4px;border:1px solid #49604d;background:#101711}.debrief-film-award footer i.active{border-color:#b57d36;background:#d39b43;box-shadow:0 0 5px rgba(211,155,67,.6)}.debrief-film-award[data-rank=perfect]{border-color:#a8463c;box-shadow:0 0 14px rgba(229,87,73,.13)}.debrief-film-award[data-rank=perfect] h4{color:#ff8175}
.debrief-flight-log{position:relative;z-index:1;grid-column:1;width:min(660px,100%);border:1px dashed #4b7053;background:linear-gradient(90deg,rgba(129,161,118,.08),rgba(9,23,12,.86) 9%,rgba(9,23,12,.86) 91%,rgba(129,161,118,.08));padding:3px 12px;text-shadow:none}.debrief-flight-log:before,.debrief-flight-log:after{content:"";position:absolute;top:4px;bottom:4px;width:4px;background:radial-gradient(circle,#010402 0 1.2px,transparent 1.5px) center/4px 8px repeat-y}.debrief-flight-log:before{left:3px}.debrief-flight-log:after{right:3px}.debrief-flight-log header,.debrief-flight-log footer{display:flex;align-items:center;justify-content:space-between}.debrief-flight-log header{padding-bottom:2px;border-bottom:1px solid #294a31}.debrief-flight-log header small{font-size:5px;letter-spacing:.16em;color:#63806a}.debrief-flight-log header b{border:1px solid #9b672d;padding:1px 3px;font-size:4px;font-weight:500;letter-spacing:.12em;color:var(--amber);transform:rotate(-1deg)}.debrief-flight-log dl{display:grid;grid-template-columns:.7fr .7fr 1.25fr .8fr 1.2fr;margin:0}.debrief-flight-log dl div{min-width:0;padding:2px 6px;border-right:1px solid #294a31}.debrief-flight-log dl div:last-child{border-right:0}.debrief-flight-log dt{font-size:4px;letter-spacing:.09em;color:#52705a}.debrief-flight-log dd{overflow:hidden;margin:1px 0 0;color:#a6c4a8;font-size:6px;white-space:nowrap;text-overflow:ellipsis}.debrief-flight-log footer{padding-top:2px;border-top:1px solid #294a31;color:#58755f;font-size:4px;letter-spacing:.1em}.debrief-flight-log code{font:inherit;color:#9c7b45}
.album-screen{z-index:25;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:5% 7%;background:radial-gradient(circle at 50% 0,rgba(75,134,87,.15),transparent 34%),rgba(1,6,3,.97);color:var(--phosphor);text-shadow:0 0 6px rgba(145,246,168,.42)}.album-screen>header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #31583a;padding-bottom:10px}.album-screen>header small{font-size:7px;letter-spacing:.2em;color:#527a5b}.album-screen>header h2{font-family:var(--sans);font-size:clamp(22px,3vw,38px);margin:2px 0}.album-screen>header p{font-family:var(--sans);font-size:8px;color:#527a5b;margin:0}.album-summary{display:flex;align-items:flex-end;gap:7px}.album-summary b{font-size:34px;font-weight:400;color:var(--amber)}.album-summary span{font-size:7px;margin-bottom:6px;color:#66866d}.album-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,340px));align-content:start;gap:9px;padding-right:5px;scrollbar-color:#416b4b #071009}.album-card{min-width:0;border:1px solid #294b32;background:rgba(4,14,7,.84);display:grid;grid-template-rows:128px 1fr;box-shadow:inset 0 0 18px rgba(121,214,146,.03)}.album-card.has-artwork{border-color:#6f6439}.album-card-visual{position:relative;overflow:hidden;background:radial-gradient(circle,#16331d,#020503);display:grid;place-items:center}.album-card-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) sepia(.08)}.album-card.has-artwork .album-card-visual img{filter:none}.album-card-visual>span{font-size:8px;letter-spacing:.2em;color:#42664b}.album-card-grade{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--amber);border-radius:50%;background:rgba(10,7,2,.78);font-size:20px;color:var(--amber)}.album-card-copy{padding:9px}.album-card-copy>small{font-size:6px;color:#54735b}.album-card-copy h3{font-family:var(--sans);font-size:12px;margin:3px 0;color:var(--amber)}.album-card-copy>p{font-size:7px;margin:0 0 7px;color:#58715e}.album-card-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid #27462f;border-bottom:1px solid #27462f}.album-card-copy dl div{padding:4px}.album-card-copy dt{font-size:5px;color:#4f6d56}.album-card-copy dd{margin:1px 0 0;font-size:7px}.album-card-copy blockquote{font-family:var(--sans);font-size:8px;line-height:1.45;color:#73917a;margin:7px 0 0}.album-empty{align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:#45644c}.album-empty b{font-size:10px;letter-spacing:.2em}.album-empty span{font-family:var(--sans);font-size:10px}.album-screen>footer{display:flex;gap:8px}.album-screen>footer button{border:1px solid #416b4b;background:#061109;color:#79b989;padding:9px 13px;font-family:var(--sans);font-size:9px;cursor:pointer}.album-screen>footer button.primary{border-color:#9a692a;color:var(--amber);background:#1d1306}.album-screen>footer button.active{border-color:var(--amber);color:var(--amber);background:#1d1306}.album-screen>footer button:disabled{opacity:.35;cursor:not-allowed}.album-screen>footer button:hover:not(:disabled){border-color:currentColor}
.drawing-screen{z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;padding:3.5% 5%;background:linear-gradient(135deg,rgba(17,21,17,.98),rgba(2,7,3,.98));color:var(--phosphor);text-shadow:none}.drawing-screen>header,.drawing-screen>footer{display:flex;align-items:center;justify-content:space-between}.drawing-screen>header{border-bottom:1px solid #3a5740;padding-bottom:8px}.drawing-screen>header small{font-size:6px;letter-spacing:.2em;color:#5d7e64}.drawing-screen>header h2{font-family:var(--sans);font-size:clamp(17px,2.2vw,28px);margin:2px 0}.drawing-screen button{border:1px solid #48614d;background:#0a110c;color:#8caf91;padding:7px 9px;font-size:8px;cursor:pointer}.drawing-screen button:hover:not(:disabled),.drawing-screen button.active{border-color:var(--amber);color:var(--amber);background:#231706}.drawing-screen button:disabled{opacity:.28;cursor:not-allowed}.drawing-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:12px}.drawing-paper{position:relative;align-self:center;justify-self:center;height:100%;max-height:100%;aspect-ratio:1400/990;max-width:100%;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #b9b8b0,0 8px 24px #000}.drawing-paper img,.drawing-paper canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.drawing-paper img{object-fit:fill}.drawing-paper canvas{z-index:2;touch-action:none;cursor:crosshair}.drawing-tools{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;border-left:1px solid #354b39;padding-left:11px}.drawing-tools section>small{display:block;margin-bottom:5px;font-size:6px;letter-spacing:.18em;color:#5d7b63}.color-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.color-tools button{position:relative;aspect-ratio:1;padding:0;border-radius:50%;background:var(--swatch);border:2px solid #20241f;box-shadow:inset 0 0 0 3px var(--swatch)}.color-tools button.active{border-color:#fff;outline:1px solid var(--amber)}.size-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.edit-tools{display:grid;grid-template-columns:1fr 1fr;gap:4px}.edit-tools>small{grid-column:1/-1}.edit-tools button{padding:7px 3px}.drawing-screen>footer{border-top:1px solid #3a5740;padding-top:8px}.drawing-screen>footer>span{font-size:7px;color:#67836d}.drawing-screen>footer>div{display:flex;gap:6px}.drawing-screen>footer button.primary{border-color:#986b2c;color:var(--amber);background:#261904}.paper-preview{position:absolute;z-index:75;inset:5%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:9px;padding:14px;background:#e9e7de;color:#282722;text-shadow:none;box-shadow:0 0 0 1px #aaa89e,0 0 0 999px rgba(0,4,2,.78),0 12px 36px #000}.paper-preview div small,.paper-preview div strong{display:block}.paper-preview div small{font-size:8px;letter-spacing:.14em;color:#77766f}.paper-preview div strong{font-family:var(--sans);font-size:14px;margin-top:2px}.paper-preview img{grid-column:1/-1;min-height:0;width:100%;height:100%;object-fit:contain;border:1px dashed #aaa89d;background:#fff}.paper-preview button{border:1px solid #77746b;background:#f7f6f0;color:#36342f;padding:6px 10px;cursor:pointer}.paper-preview button:hover{background:#fff}.paper-preview-actions{grid-column:2;display:flex;gap:6px}.paper-preview-actions button.primary{border-color:#9a692a;color:#7b541d;background:#fff8df}
.drawing-screen{padding:14px 24px}
.profile-screen{z-index:32;display:grid;place-items:center;padding:7%;background:radial-gradient(circle at 50% 20%,rgba(213,150,65,.11),transparent 38%),rgba(2,6,3,.97);color:var(--phosphor);text-shadow:none}.profile-card{width:min(620px,100%);border:1px solid #5c633e;background:linear-gradient(145deg,#0b160e,#070906);box-shadow:0 0 0 5px #11160f,0 16px 48px #000;padding:24px}.profile-card>header{border-bottom:1px solid #384b36;padding-bottom:13px}.profile-card>header small{font-size:7px;letter-spacing:.18em;color:#65795d}.profile-card>header h2{font-family:var(--sans);font-size:clamp(23px,3vw,36px);margin:4px 0;color:var(--amber)}.profile-card>header p{font-family:var(--sans);font-size:9px;color:#687265;margin:0}.profile-card form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.profile-card label>span{display:block;margin-bottom:5px;font-size:7px;letter-spacing:.14em;color:#748071}.profile-card input{width:100%;border:1px solid #455243;background:#050806;color:#b9dbba;padding:11px 12px;font-family:var(--sans);font-size:13px;outline:none}.profile-card input:focus{border-color:var(--amber);box-shadow:0 0 0 2px rgba(215,155,71,.12)}.profile-preview{grid-column:1/-1;position:relative;min-height:95px;border:1px dashed #6d623f;background:linear-gradient(90deg,rgba(213,150,65,.08),transparent);padding:16px 18px 14px 92px;display:flex;flex-direction:column;justify-content:center}.profile-preview i{position:absolute;left:20px;width:52px;height:52px;border:1px solid var(--amber);border-radius:50%;box-shadow:inset 0 0 0 5px #10170f}.profile-preview i:before,.profile-preview i:after{content:"";position:absolute;background:var(--amber);opacity:.6}.profile-preview i:before{width:28px;height:1px;left:11px;top:25px}.profile-preview i:after{height:28px;width:1px;left:25px;top:11px}.profile-preview small{font-size:7px;color:#6f795f}.profile-preview strong{font-family:var(--sans);font-size:18px;color:var(--amber);margin:4px 0}.profile-preview span{font-size:8px;color:#718675}.profile-card footer{grid-column:1/-1;display:flex;gap:7px}.profile-card button{border:1px solid #455243;background:#080d09;color:#91b796;padding:9px 12px;font-family:var(--sans);font-size:9px;cursor:pointer}.profile-card button.primary{border-color:#966a2e;color:var(--amber);background:#211606}
.classroom-screen{z-index:33;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;padding:4% 6%;overflow:hidden;background:radial-gradient(circle at 80% 0,rgba(69,150,155,.15),transparent 34%),rgba(2,7,6,.98);color:#9de1d5;text-shadow:none}.classroom-screen>header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #315a59;padding-bottom:9px}.classroom-screen>header small,.class-console>small,.cloud-gallery>header small{font-size:6px;letter-spacing:.19em;color:#547f7c}.classroom-screen>header h2{font-family:var(--sans);font-size:clamp(21px,2.8vw,34px);margin:3px 0}.classroom-screen>header p{font-family:var(--sans);font-size:8px;color:#668887;margin:0}.cloud-status{border:1px solid #4d6c69;padding:6px 8px;font-size:7px;letter-spacing:.12em;color:#71918e}.cloud-status.online{border-color:#6c9d72;color:#91d39c}.classroom-layout{display:grid;grid-template-columns:1fr 1fr;gap:9px}.class-console{min-width:0;border:1px solid #345a59;background:rgba(4,18,17,.86);padding:12px}.class-console h3,.cloud-gallery h3{font-family:var(--sans);font-size:15px;margin:3px 0 9px;color:#d1eee7}.class-console p{font-family:var(--sans);font-size:8px;line-height:1.55;color:#6f9691;margin:0 0 9px}.class-console form{display:flex;align-items:end;gap:7px}.class-console label{min-width:0;flex:1}.class-console label>span{display:block;margin-bottom:4px;font-size:6px;color:#5d8581}.class-console input{width:100%;border:1px solid #426b68;background:#020807;color:#b7e7df;padding:8px;font-family:var(--sans);font-size:10px;outline:none}.class-console input:focus{border-color:var(--amber)}.class-console button,.class-console a,.classroom-screen>footer button{display:inline-block;border:1px solid #426b68;background:#061312;color:#83bcb5;padding:8px 10px;font-family:var(--sans);font-size:8px;text-decoration:none;cursor:pointer}.class-console button.primary{border-color:#8c6731;color:var(--amber);background:#1d1407}.class-code-card,.joined-class{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px}.class-code-card>small,.joined-class>small{grid-column:1/-1;font-size:6px;color:#608985}.class-code-card>strong{font-size:25px;letter-spacing:.12em;color:var(--amber)}.class-code-card>span,.joined-class>span{font-family:var(--sans);font-size:8px;color:#78a19c}.class-code-card>div{grid-column:1/-1;display:flex;gap:5px;margin-top:5px}.joined-class>strong{font-family:var(--sans);font-size:13px;color:#d0ece6}.joined-class>button{grid-column:1/-1;margin-top:5px}.cloud-gallery{min-height:0;display:grid;grid-template-rows:auto 1fr;border-top:1px solid #315a59;padding-top:8px}.cloud-gallery>header{display:flex;justify-content:space-between;align-items:center}.cloud-gallery>header h3{margin:2px 0 6px}.cloud-gallery>header b{font-size:22px;color:var(--amber)}.cloud-gallery>div{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:7px}.cloud-gallery article{min-width:0;display:grid;grid-template-columns:100px 1fr;border:1px solid #315653;background:rgba(3,14,13,.8)}.cloud-gallery article img{width:100%;height:100%;min-height:83px;object-fit:cover;background:#fff}.cloud-gallery article div{min-width:0;padding:7px}.cloud-gallery article small{font-size:5px;color:#668e89}.cloud-gallery article h4{font-family:var(--sans);font-size:10px;color:var(--amber);margin:3px 0}.cloud-gallery article p{font-family:var(--sans);font-size:7px;line-height:1.4;color:#78a09b;margin:0 0 4px}.cloud-gallery article span{font-size:5px;color:#547773}.cloud-empty{grid-column:1/-1;align-self:center;text-align:center;font-family:var(--sans);font-size:9px;color:#5f8580}.classroom-screen>footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #315a59;padding-top:7px}.classroom-screen>footer>span{font-family:var(--sans);font-size:8px;color:#668e89}.classroom-screen>footer>span.error{color:#d77b69}
.teacher-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #3b5c43;background:rgba(6,20,9,.8)}.teacher-summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border-right:1px solid #2d4934}.teacher-summary>div:last-child{border-right:0}.teacher-summary small{font-size:6px;color:#55715d}.teacher-summary b{font-size:14px;font-weight:500;color:var(--amber)}
.album-card{grid-template-rows:100px 1fr}
.drawing-screen>footer{gap:10px}.drawing-screen>footer>.drawing-meta{min-width:0;flex:1;display:grid;grid-template-columns:minmax(110px,.7fr) minmax(180px,1.5fr);gap:5px}.drawing-meta>span{grid-column:1/-1;font-size:6px;color:#67836d}.drawing-meta label{min-width:0;display:flex;align-items:center;gap:5px}.drawing-meta label>span{flex:none;font-family:var(--sans);font-size:7px;color:#78927c}.drawing-meta input{min-width:0;width:100%;border:1px solid #405344;background:#070d09;color:#b9d1bd;padding:6px 7px;font-family:var(--sans);font-size:8px;outline:none}.drawing-meta input:focus{border-color:var(--amber)}.drawing-screen>footer>.drawing-save-actions{flex:none;display:flex;gap:6px;align-self:flex-end}
.frame-hold-canvas[hidden],.frame-freeze-sequence[hidden]{display:none}.frame-hold-canvas{position:absolute;z-index:13;inset:-3%;width:106%;height:106%;object-fit:cover;pointer-events:none;filter:saturate(.72) contrast(1.16) sepia(.08)}.frame-freeze-sequence{position:absolute;z-index:66;inset:0;overflow:hidden;pointer-events:auto;background:rgba(0,5,2,.13);color:var(--phosphor);opacity:0;text-shadow:0 0 9px currentColor;transition:opacity .12s}.frame-freeze-sequence:before{content:"";position:absolute;inset:-8%;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(148,255,169,.08) 7px 9px),linear-gradient(90deg,rgba(255,52,47,.1),transparent 28%,rgba(67,255,111,.07) 50%,transparent 72%,rgba(69,82,255,.1));mix-blend-mode:screen;animation:frameTrackingTear .18s steps(4,end) infinite}.frame-freeze-sequence:after{content:"";position:absolute;left:-5%;right:-5%;top:42%;height:14%;background:linear-gradient(transparent,rgba(207,255,215,.16),rgba(0,0,0,.36),transparent);animation:frameTrackingRoll .34s steps(3,end) infinite}.frame-freeze-sequence.is-active{opacity:1}.frame-freeze-tracking{position:absolute;z-index:3;inset:0}.frame-freeze-tracking i{position:absolute;left:-4%;right:-4%;height:2px;background:#b9ffca;box-shadow:0 0 12px #88f5a1;opacity:.62}.frame-freeze-tracking i:nth-child(1){top:27%}.frame-freeze-tracking i:nth-child(2){top:51%;transform:translateX(4%)}.frame-freeze-tracking i:nth-child(3){top:72%;transform:translateX(-3%)}.frame-freeze-rec,.frame-freeze-sequence>strong,.frame-freeze-sequence>p{position:absolute;z-index:7;margin:0;font-weight:700;letter-spacing:.18em}.frame-freeze-rec{left:6%;top:7%;color:#e56859;font-size:clamp(6px,.8vw,10px)}.frame-freeze-sequence>strong{right:6%;top:7%;font-size:clamp(10px,1.6vw,20px);font-weight:500}.frame-freeze-sequence>p{left:0;right:0;bottom:8%;text-align:center;color:#72b981;font-size:clamp(6px,.75vw,9px)}.frame-freeze-sequence.is-locked{background:rgba(0,8,3,.08);box-shadow:inset 0 0 0 1px rgba(146,246,169,.55),inset 0 0 70px rgba(0,0,0,.34)}.frame-freeze-sequence.is-locked:before{animation:none;opacity:.22}.frame-freeze-sequence.is-locked:after{animation:none;top:50%;height:1px;background:rgba(170,255,188,.26)}.frame-freeze-sequence.is-locked .frame-freeze-tracking{opacity:0}.frame-freeze-sequence.is-locked .frame-freeze-rec{color:var(--phosphor)}.frame-freeze-sequence.is-release{opacity:0}.frame-freezing .monitor-bezel{animation:frameFreezeJolt .42s steps(5,end)}.frame-freezing .mission-tools{opacity:.34;pointer-events:none}
@keyframes frameTrackingTear{0%{transform:translate(0)}25%{transform:translate(-2.5%,1px) skewX(1deg)}50%{transform:translate(3%,-2px) skewX(-1.2deg)}75%{transform:translate(-1%,2px)}100%{transform:none}}
@keyframes frameTrackingRoll{0%{transform:translateY(-230%)}100%{transform:translateY(380%)}}
@keyframes frameFreezeJolt{0%,100%{transform:none}20%{transform:translate(-5px,2px) scaleX(1.008)}40%{transform:translate(4px,-1px) scaleY(.997)}65%{transform:translate(-2px,1px)}82%{transform:translate(1px)}}
.flash-frame{position:absolute;z-index:80;inset:0;background:#eaffed;opacity:0;pointer-events:none}.flash-frame.fire{animation:flash .32s ease-out}@keyframes flash{0%{opacity:.95}100%{opacity:0}}
.cockpit-panel{position:absolute;left:3%;right:3%;bottom:17px;height:88px;display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:14px;padding:10px 16px;border:1px solid #080808;border-radius:7px;background:linear-gradient(#2e2922,#100f0d 50%,#211d18);box-shadow:inset 0 1px #5b5041,inset 0 -8px 18px #060606,0 -3px 12px #000}
.panel-bank{display:flex;align-items:center;gap:9px;border:1px solid #0a0a09;padding:10px;background:#11100e;box-shadow:inset 0 0 14px #050505}.panel-bank i{width:24px;height:7px;background:#080807;border:1px solid #463d32}.panel-bank b{font-size:8px;color:#635b4f}.lamp{width:8px;height:8px;border-radius:50%;background:#251d18}.lamp.red{background:#64251e}.lamp.amber{background:#62491f}.lamp.green.on{background:#79d692;box-shadow:0 0 10px #79d692}.panel-center{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #443a2f;background:#14120f;color:#756b5b}.panel-center span{font-size:8px;letter-spacing:.28em}.panel-center b{font-size:12px;letter-spacing:.12em;color:#a39173}.panel-center small{font-size:6px;margin-top:5px}.panel-bank.right{justify-content:flex-end}.dial{width:30px;height:30px;border-radius:50%;border:5px ridge #51483b;background:conic-gradient(#a3824d 0 12%,#161410 12%);box-shadow:0 0 0 2px #080807}
.view-toggle{min-width:92px;min-height:28px;border:1px solid #4a5548;background:#0b100c;color:#708c75;padding:5px 7px;font-size:7px;letter-spacing:.1em;cursor:pointer}.view-toggle:hover,.view-toggle:focus-visible{border-color:var(--phosphor);color:var(--phosphor);outline:none}.view-toggle[aria-pressed=true]{border-color:#8b6b38;background:#1b1308;color:var(--amber);box-shadow:inset 0 0 9px rgba(240,178,76,.1)}
.flight-controls{width:min(920px,100%);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;color:#766b5b}.control-help b{display:block;color:#9b8e77;font-size:10px}.control-help span{font-family:var(--sans);font-size:11px}.direction-pad{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,29px);gap:3px}.direction-pad button{border:1px solid #493f32;background:#151310;color:#9c8d72;cursor:pointer}.direction-pad button[data-control=up]{grid-column:2}.direction-pad button[data-control=left]{grid-column:1}.direction-pad button[data-control=down]{grid-column:2}.direction-pad button[data-control=right]{grid-column:3}.direction-pad button.active{border-color:var(--amber);color:var(--amber);background:#2a1f11}.boost-button{justify-self:end;border:1px solid #6f3a23;border-radius:50%;width:74px;height:74px;background:radial-gradient(circle,#562315,#21120d 57%,#090807 60%);color:#d67b4a;cursor:pointer;box-shadow:0 0 0 5px #15120e,0 0 0 6px #4b4134}.boost-button span,.boost-button b{display:block;font-size:9px}.boost-button.active{color:#fff4b2;box-shadow:0 0 0 5px #15120e,0 0 0 6px #82673a,0 0 24px #ad4b24}.flight-controls>p{grid-column:1/-1;text-align:center;margin:0;font-size:7px;letter-spacing:.14em;color:#4e483e}
.toast{position:fixed;z-index:200;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#08140b;border:1px solid var(--phosphor-dim);color:var(--phosphor);padding:10px 14px;font-size:10px;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}
[hidden]{display:none!important}
body.comfort .monitor-glass{border-radius:22px}.comfort .space-stage{inset:0;transform:none}.comfort .crt-phosphor{opacity:.12}.comfort .crt-roll{display:none}.comfort .monitor-glass:before{box-shadow:inset 0 0 30px rgba(0,0,0,.34)}
.panel-bank.right .dial{position:relative;flex:0 0 auto;width:32px;height:32px;padding:0;border:5px ridge #51483b;border-radius:50%;background:radial-gradient(circle at 42% 38%,#665841,#161410 64%);box-shadow:0 0 0 2px #080807;cursor:pointer;transform:rotate(var(--dial-angle,0deg));transition:transform .24s steps(4,end)}.panel-bank.right .dial:after{content:"";position:absolute;left:50%;top:1px;width:2px;height:9px;background:#d0a661;box-shadow:0 0 4px rgba(240,178,76,.45);transform:translateX(-50%)}.panel-bank.right .dial:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.panel-bank.right #trackingDialLabel{min-width:31px;color:#8b7c65;text-align:center}.panel-bank.right .dial[data-crt-mode=worn]+#trackingDialLabel{color:var(--amber);text-shadow:0 0 6px rgba(240,178,76,.45)}
body.worn .space-stage{filter:saturate(.58) contrast(1.25) sepia(.15)}body.worn .crt-phosphor{opacity:.58}body.worn .crt-roll{opacity:.88;animation-duration:4.6s}body.worn .monitor-glass:after{content:"";position:absolute;z-index:49;left:0;right:0;top:14%;height:3px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(215,255,221,.16) 22%,rgba(255,189,111,.12) 62%,transparent);box-shadow:0 1px rgba(0,0,0,.72);animation:wornTrackingJump 5.8s steps(1,end) infinite}@keyframes wornTrackingJump{0%,19%,31%,66%,100%{transform:translateY(0);opacity:.16}20%{transform:translateY(72px) skewX(9deg);opacity:.8}21%{transform:translateY(68px) skewX(-5deg);opacity:.35}67%{transform:translateY(214px);opacity:.55}68%{transform:translateY(208px);opacity:.2}}
@media (prefers-reduced-motion:reduce){.panel-bank.right .dial,.ship-chase-view,.player-ship{transition:none}.ship-engine i{animation:none}body.worn .monitor-glass:after{animation:none;opacity:.16}}
@media (max-width:820px){.voyage-shell{padding:6px}.mission-bar{grid-template-columns:1fr auto;height:30px}.mission-id{display:none}.console-frame{height:calc(100svh - 126px);min-height:520px;padding:14px 12px 88px;border-radius:18px}.monitor-bezel{padding:9px;border-radius:24px}.cockpit-panel{height:62px;bottom:12px;grid-template-columns:1fr 1fr}.panel-center{display:none}.panel-bank{padding:6px;gap:5px}.panel-bank i{width:12px}.view-toggle{min-width:76px;min-height:24px;padding:4px;font-size:6px}.ship-chase-view{bottom:2%;width:130px;height:112px}.mission-screen{grid-template-columns:1fr;padding:13% 11%}.mission-planet{position:absolute;right:-10%;top:10%;opacity:.35}.mission-screen>*:not(.mission-grid):not(.mission-planet){position:relative;z-index:2}.capture-actions{grid-template-columns:1fr}.capture-screen{padding:10%}.capture-screen>p{margin:5px 0}.capture-stamp{top:5%;right:5%}.hud-top-left,.hud-top-right{top:4%;min-width:120px}.hud-top-left{left:4%}.hud-top-right{right:4%}.capture-trigger{right:4%;top:auto;bottom:22%}.signal-tape{display:none}.flight-controls{grid-template-columns:1fr auto}.boost-button{grid-column:2;grid-row:1}.direction-pad{grid-column:1;grid-row:1}.control-help{display:none}}
@media (max-width:520px){.console-frame{min-height:480px}.boot-screen h1{font-size:32px}.mission-screen h2{font-size:33px}.mission-screen dl{max-width:260px}.cockpit-panel{left:4%;right:4%}.hud-top-right{display:none}.flight-message{display:none}.capture-screen h2{font-size:24px}.capture-screen>p{font-size:10px}.capture-actions button{padding:8px}.capture-actions button b{font-size:10px}.capture-actions{gap:5px;margin-top:8px}.capture-stamp{font-size:7px}.crt-phosphor{background-size:auto}}
@media (max-width:820px){.mission-progress{top:11%;width:72%;justify-content:center}.mission-progress li{min-width:0;flex:1;padding:3px 5px}.mission-progress li b{display:none}.objective-card{bottom:11%;min-width:240px}.discovery-screen{padding:13% 10%;background:linear-gradient(90deg,rgba(0,5,2,.96),rgba(2,9,4,.78) 72%,rgba(2,8,4,.25))}.discovery-screen:after{right:-5%;top:20%;width:46%;opacity:.55}.discovery-screen h2{font-size:42px}.discovery-screen dl{width:72%}}
@media (max-width:520px){.mission-progress{width:62%;top:10%}.mission-progress li{padding:3px}.mission-progress li span{font-size:6px}.objective-card{bottom:14%;min-width:210px;padding-inline:4px}.objective-card strong{font-size:9px}.discovery-screen h2{font-size:34px}.discovery-screen dl{width:88%}.discovery-copy{font-size:9px}.discovery-actions{flex-direction:column}.discovery-actions button{padding:8px 10px}.capture-footer-actions{margin-top:3px}.restart-button,.resume-button{font-size:9px}}
body[data-phase=flight] .speed-tape,body[data-phase=discovery] .speed-tape{bottom:18%}body[data-phase=flight] .signal-tape,body[data-phase=discovery] .signal-tape{bottom:19%}body[data-phase=flight] .objective-card,body[data-phase=discovery] .objective-card{bottom:16%}body[data-phase=flight] .flight-message,body[data-phase=discovery] .flight-message{bottom:11.5%}
@media (max-width:820px){.mission-picker button{padding:5px}.mission-picker button small{display:none}.cockpit-radar{width:58px;height:58px;left:5%;bottom:1%}.cockpit-console-line{right:4%;width:27%;bottom:2%;gap:3px}.cockpit-console-line i{width:4px}.cockpit-nose{left:21%;right:21%;height:11%}.cockpit-nose b{font-size:6px}.canopy-strut{width:8%}body[data-phase=flight] .speed-tape,body[data-phase=discovery] .speed-tape{bottom:16%}body[data-phase=flight] .objective-card,body[data-phase=discovery] .objective-card{bottom:13%}}
@media (max-width:520px){.mission-screen{padding:9% 8%;gap:5px}.mission-screen h2{margin-bottom:7px}.mission-picker{gap:3px}.mission-picker button{display:block;text-align:center;padding:5px 2px}.mission-picker button span{display:none}.mission-picker button b{font-size:7px}.mission-screen dl div{padding:5px 0}.mission-screen>small{display:none}.cockpit-radar{width:48px;height:48px;border-width:4px}.cockpit-console-line{display:none}.cockpit-nose{left:16%;right:16%}.cockpit-nose span{display:none}body[data-phase=flight] .speed-tape,body[data-phase=discovery] .speed-tape{bottom:15%}}
@media (max-width:820px){.ship-status{left:4%;top:15%;width:150px}.encounter-alert{top:24%;min-width:240px}.mission-score{gap:4px}.mission-score small{font-size:6px}}
@media (max-width:520px){.ship-status{left:4%;right:4%;top:14%;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.ship-status>div:first-child{align-self:center}.mission-score{margin-top:0;padding-top:0;border-top:0;border-left:1px solid #2d5636;padding-left:10px}.encounter-alert{top:25%;min-width:0;width:82%;font-size:7px}.ship-status small{font-size:6px}.ship-status span,.mission-score b,.mission-score strong{font-size:7px}}
@media (max-width:820px){.discovery-screen{padding:8% 9%}.discovery-screen>p:not(.discovery-copy){margin:10px 0 3px}.discovery-screen h2{margin-bottom:10px}.discovery-copy{margin:9px 0}.story-branch{width:82%;margin-bottom:9px}.story-branch button{padding:5px}.debrief-screen{padding:9%}.mission-grade{width:145px}.ending-copy{max-width:480px}}
@media (max-width:520px){.discovery-screen{padding:8%}.discovery-screen h2{font-size:30px;margin-bottom:7px}.discovery-screen dl{width:92%}.discovery-screen dl div{padding:4px 0}.discovery-copy{margin:6px 0;font-size:8px}.story-branch{width:100%;margin-bottom:7px}.story-branch>small{margin-bottom:3px}.story-branch>div{gap:3px}.story-branch button{justify-content:center;padding:5px 2px;text-align:center}.story-branch button span{display:none}.story-branch button b{font-size:7px}.discovery-actions{gap:5px}.discovery-actions button{padding:7px 8px;font-size:8px}.debrief-screen{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:9% 8%}.debrief-screen h2{font-size:27px;margin:3px 0}.debrief-screen h3{font-size:13px;max-width:65%}.ending-copy{font-size:9px;line-height:1.6;margin-right:0}.mission-grade{position:absolute;right:8%;top:9%;width:82px}.mission-grade>strong{font-size:46px}.mission-grade>small{font-size:4px}.personal-best{width:76%;padding-top:2px}.personal-best:before{left:0;top:5px;width:3px;height:3px}.personal-best small,.personal-best em{display:none}.personal-best b{font-size:7px;margin:1px}.personal-best span{font-size:3.5px}.debrief-stats{width:100%;margin-top:5px}.debrief-stats div{padding:5px}.debrief-stats dd{font-size:8px}.debrief-actions{width:100%;margin-top:4px}.debrief-actions button{flex:1;padding:7px 5px;font-size:8px}}
@media (max-width:520px){.debrief-film-award{grid-template-columns:90px 1fr;padding:4px;gap:6px}.debrief-film-award canvas{height:52px}.debrief-film-award p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debrief-film-award h4{margin:2px 0;font-size:8px}.debrief-film-award small{font-size:4px}.debrief-flight-log{padding:4px 9px}.debrief-flight-log dl div{padding:3px}.debrief-flight-log dl{grid-template-columns:.65fr .65fr 1.15fr .75fr 1.15fr}.debrief-flight-log dd{font-size:5px}.debrief-flight-log footer{font-size:3.5px}}
@media (max-width:820px){.album-screen{padding:6%;gap:9px}.album-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.album-card{grid-template-rows:90px 1fr}}
@media (max-width:520px){.mission-tools{gap:3px}.comfort-button,.audio-button,.bgm-button,.album-button{padding:5px 6px;font-size:7px}.album-screen{padding:7% 6%}.album-screen>header h2{font-size:22px}.album-screen>header p{display:none}.album-summary b{font-size:25px}.album-grid{grid-template-columns:1fr}.album-card{grid-template-columns:105px 1fr;grid-template-rows:auto;min-height:118px}.album-card-visual{min-height:118px}.album-card-copy{padding:7px}.album-card-copy blockquote{font-size:7px}.album-screen>footer{flex-direction:column}.album-screen>footer button{padding:7px}.debrief-actions{flex-wrap:wrap}.debrief-actions #debriefAlbumButton{flex-basis:100%}}
@media (max-width:820px){.drawing-screen{padding:4%;gap:6px}.drawing-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:7px}.drawing-paper{width:min(100%,560px);height:auto}.drawing-tools{overflow:visible;display:grid;grid-template-columns:1fr .7fr 1.5fr;gap:8px;border-left:0;border-top:1px solid #354b39;padding:7px 0 0}.drawing-tools section>small{margin-bottom:3px}.edit-tools{grid-template-columns:repeat(4,1fr);align-content:start}.drawing-screen>footer{padding-top:6px}}
@media (max-width:520px){.capture-footer-actions{gap:9px;flex-wrap:wrap}.draw-start-button{flex-basis:100%;text-align:left}.drawing-screen{padding:5% 4%}.drawing-screen>header h2{font-size:14px}.drawing-screen>header small{font-size:5px}.drawing-screen>header button{padding:5px;font-size:7px}.drawing-paper{width:100%}.drawing-tools{grid-template-columns:1.15fr .55fr 1.7fr;gap:5px}.color-tools{grid-template-columns:repeat(6,1fr);gap:3px}.color-tools button{min-width:20px}.size-tools{gap:2px}.size-tools button,.edit-tools button{padding:5px 2px;font-size:6px}.drawing-screen>footer>span{display:none}.drawing-screen>footer{justify-content:flex-end}.drawing-screen>footer button{padding:6px;font-size:7px}.paper-preview-actions{grid-column:1/-1}.paper-preview-actions button{flex:1}.restart-button,.resume-button,.draw-start-button{font-size:9px}}
@media (max-width:820px){.profile-card{padding:18px}.teacher-summary{grid-template-columns:repeat(2,1fr)}.teacher-summary>div:nth-child(2){border-right:0}.teacher-summary>div:nth-child(-n+2){border-bottom:1px solid #2d4934}.drawing-screen>footer{align-items:end}.drawing-screen>footer>.drawing-meta{grid-template-columns:1fr}.drawing-meta>span{display:none}.drawing-meta label.description{display:none}}
@media (max-width:520px){.comfort-button,.audio-button,.bgm-button,.album-button,.profile-button,.classroom-button{padding:5px 3px;font-size:5.5px;letter-spacing:0}.profile-button{max-width:55px}.profile-screen{padding:5%}.profile-card{padding:14px}.profile-card form{grid-template-columns:1fr;gap:8px}.profile-preview{grid-column:1;min-height:70px;padding:10px 10px 10px 68px}.profile-preview i{left:12px;width:42px;height:42px}.profile-preview i:before{width:22px;left:9px;top:20px}.profile-preview i:after{height:22px;left:20px;top:9px}.profile-preview strong{font-size:14px}.profile-card footer{grid-column:1}.teacher-summary{gap:0}.teacher-summary>div{padding:5px 7px}.teacher-summary b{font-size:11px}.drawing-screen>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.drawing-screen>footer>.drawing-meta{display:block}.drawing-meta label{display:flex}.drawing-meta label>span{display:none}.drawing-meta input{padding:5px;font-size:7px}.drawing-screen>footer>.drawing-save-actions{gap:3px}}
@media (max-width:820px){.classroom-screen{padding:4%;overflow:auto;display:block}.classroom-screen>header{margin-bottom:8px}.classroom-layout{grid-template-columns:1fr;gap:7px}.cloud-gallery{min-height:180px;margin-top:8px}.classroom-screen>footer{margin-top:8px;gap:8px}.classroom-screen>footer>span{line-height:1.4}}
@media (max-width:520px){.mission-bar{grid-template-columns:auto 1fr}.mission-id{display:none}.mission-tools{max-width:278px}.classroom-screen>header h2{font-size:18px}.classroom-screen>header p{display:none}.cloud-status{font-size:5px;padding:4px}.class-console{padding:9px}.class-console h3{font-size:12px;margin-bottom:5px}.class-console p{font-size:7px;margin-bottom:6px}.class-console input{padding:6px;font-size:8px}.class-console button,.class-console a{padding:6px 7px;font-size:7px}.class-code-card>strong{font-size:20px}.cloud-gallery>div{grid-template-columns:1fr}.classroom-screen>footer{align-items:flex-end}.classroom-screen>footer button{flex:none;padding:6px;font-size:7px}}
.class-code-card{grid-template-columns:82px minmax(0,1fr);align-items:center}.class-qr{grid-row:1;display:grid;place-items:center;width:74px;height:74px;padding:5px;background:#fff}.class-qr svg{display:block;width:64px;height:64px}.class-code-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.class-code-copy>small{font-size:6px;color:#608985}.class-code-copy>strong{font-size:23px;letter-spacing:.12em;color:var(--amber);margin:2px 0}.class-code-copy>span{font-family:var(--sans);font-size:8px;color:#78a19c}.class-code-copy>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.class-code-copy button{padding:5px 6px;font-size:6px}.cloud-moderation{display:inline-block;margin-top:5px;border:1px solid #65706c;padding:2px 4px;font-size:5px;color:#82918d}.cloud-moderation.approved{border-color:#5c9468;color:#88c994}.cloud-moderation.hidden{border-color:#76504b;color:#b17468}.cloud-card-controls{display:flex!important;gap:3px;padding:5px 0 0!important}.cloud-card-controls button{border:1px solid #426b68;background:#061312;color:#83bcb5;padding:4px 5px;font-size:5px;cursor:pointer}.cloud-card-controls button:disabled{opacity:.3}.cloud-card-controls button:last-child{border-color:#8c6731;color:var(--amber)}
.projector-screen{z-index:34;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:4% 5%;gap:12px;overflow:hidden;background:radial-gradient(circle at 24% 40%,rgba(51,107,68,.18),transparent 28%),radial-gradient(circle at 70% 15%,rgba(125,84,37,.13),transparent 34%),#010403;color:var(--phosphor);text-shadow:0 0 7px rgba(145,246,168,.35)}.projector-screen>header,.projector-screen>footer{display:flex;align-items:center;justify-content:space-between;border-color:#34553a}.projector-screen>header{border-bottom:1px solid #34553a;padding-bottom:8px}.projector-screen>header small{display:block;font-size:6px;letter-spacing:.2em;color:#52705a}.projector-screen>header strong{font-family:var(--sans);font-size:15px}.projector-screen>header>div:last-child{display:flex;align-items:center;gap:6px}.projector-screen>header span{font-size:7px;color:var(--amber)}.projector-screen button{border:1px solid #48614d;background:#061009;color:#87b18e;padding:7px 9px;font-size:7px;cursor:pointer}.projector-screen button:disabled{opacity:.25}.projector-screen button:hover:not(:disabled),.projector-screen button[aria-pressed="true"]{border-color:var(--amber);color:var(--amber)}.projector-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:18px}.projector-art{min-width:0;min-height:0;display:grid;place-items:center;border:1px solid #355a3d;background:#f8f7f1;box-shadow:0 0 28px rgba(112,220,137,.1)}.projector-art img{display:block;width:100%;height:100%;object-fit:contain}.projector-stage aside{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #355a3d;padding-left:16px}.projector-stage aside>small{font-size:6px;letter-spacing:.18em;color:#55775e}.projector-stage aside h2{font-family:var(--sans);font-size:clamp(20px,2.8vw,38px);line-height:1.18;color:var(--amber);margin:8px 0}.projector-stage aside>p{font-family:var(--sans);font-size:10px;line-height:1.7;color:#75927b;margin:0 0 16px}.projector-stage dl{margin:0;border-top:1px solid #304f37}.projector-stage dl div{border-bottom:1px solid #304f37;padding:7px 0}.projector-stage dt{font-size:5px;color:#4f7057}.projector-stage dd{font-family:var(--sans);font-size:8px;margin:2px 0 0;color:#8eb896}.projector-screen>footer{border-top:1px solid #34553a;padding-top:8px}.projector-screen>footer span{font-size:7px;letter-spacing:.16em;color:#5d8065}
@media (max-width:820px){.projector-screen{padding:5%;gap:8px}.projector-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px}.projector-stage aside{border-left:0;border-top:1px solid #355a3d;padding:8px 0 0}.projector-stage aside h2{font-size:16px;margin:4px 0}.projector-stage aside>p{font-size:8px;margin-bottom:6px}.projector-stage dl{display:grid;grid-template-columns:repeat(3,1fr)}.projector-stage dl div{padding:5px}.projector-screen>header strong{font-size:11px}}
@media (max-width:520px){.class-code-card{grid-template-columns:62px minmax(0,1fr)}.class-qr{width:56px;height:56px;padding:4px}.class-qr svg{width:48px;height:48px}.class-code-copy>strong{font-size:18px}.projector-screen{padding:9% 5% 5%}.projector-screen>header small{font-size:5px}.projector-screen>header>div:last-child{gap:3px}.projector-screen button{padding:5px;font-size:6px}.projector-stage aside>small{display:none}.projector-stage aside h2{font-size:14px}.projector-stage dl{display:none}.projector-screen>footer span{font-size:5px}}
.cloud-gallery{grid-template-rows:auto auto minmax(0,1fr)}.cloud-gallery-tools{display:flex;align-items:end;justify-content:flex-end;gap:5px}.cloud-gallery-tools label{display:block}.cloud-gallery-tools label>span{display:block;margin-bottom:3px;font-size:5px;color:#557b77}.cloud-gallery-tools select,.cloud-gallery-tools input,.cloud-gallery-tools button{border:1px solid #3f6562;background:#04100f;color:#82ada8;padding:5px 6px;font-family:var(--sans);font-size:6px;outline:none}.cloud-gallery-tools input{width:110px}.cloud-gallery-tools button{cursor:pointer}.cloud-gallery-tools>b{font-size:22px;color:var(--amber);margin-left:5px}.cloud-gallery>.cloud-class-summary{min-height:auto;overflow:visible;display:grid;grid-template-columns:repeat(4,1fr) minmax(200px,1.5fr);gap:0;border:1px solid #315a59;margin-bottom:7px}.cloud-class-summary>div{display:flex;align-items:center;justify-content:space-between;gap:5px;border-right:1px solid #294d4a;padding:5px 7px}.cloud-class-summary>div:last-child{border-right:0}.cloud-class-summary small{font-size:5px;color:#557a76}.cloud-class-summary b{font-size:10px;color:var(--amber)}.cloud-class-summary .mission-mix{display:block}.cloud-class-summary .mission-mix span{display:block;margin-top:3px;font-size:6px;color:#79a39e}.cloud-gallery>#cloudArtworkGrid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:7px}
.class-code-card>.class-qr{grid-column:1;grid-row:1;margin-top:0}.class-code-card>.class-code-copy{grid-column:2;margin-top:0}.classroom-screen>footer>div{display:flex;gap:5px}
@media (max-width:820px){.cloud-gallery>header{align-items:flex-start}.cloud-gallery-tools{flex-wrap:wrap}.cloud-gallery>.cloud-class-summary{grid-template-columns:repeat(2,1fr)}.cloud-class-summary .mission-mix{grid-column:1/-1;border-top:1px solid #294d4a}.cloud-gallery>#cloudArtworkGrid{margin-top:0}}
@media (max-width:520px){.cloud-gallery>header{display:block}.cloud-gallery-tools{justify-content:flex-start;margin-bottom:5px}.cloud-gallery-tools input{width:100px}.cloud-gallery-tools>b{margin-left:auto}.cloud-class-summary>div{padding:4px 5px}.cloud-gallery>#cloudArtworkGrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.crt-roll,.boot-reticle span,.cockpit-radar b,body[data-mission=violet] .mission-planet:after,.ship-hit .monitor-bezel,.crt-power-aperture span,.crt-power-sequence.is-degauss .crt-power-aperture,.crt-power-sequence.is-degauss:after,.crt-powering .monitor-bezel,.frame-freeze-sequence:before,.frame-freeze-sequence:after,.frame-freezing .monitor-bezel{animation:none}.space-stage{transform:none}.crt-power-sequence,.crt-power-aperture,.crt-power-core,.crt-power-sequence>p,.frame-freeze-sequence{transition:none}.crt-power-sequence.is-active .crt-power-core{display:none}.crt-power-sequence.is-active .crt-power-aperture{opacity:1;clip-path:inset(0)}}

/* Flight school and physical cassette launch sequence */
.mission-planet{grid-row:1/8}.training-button{grid-column:1;display:flex;align-items:center;justify-content:space-between;border:1px dashed #46624b;background:rgba(4,15,7,.72);color:#73a47c;padding:7px 10px;cursor:pointer}.training-button span{font-size:8px;letter-spacing:.15em}.training-button small{font-family:var(--sans);font-size:8px}.training-button:hover{border-color:var(--phosphor);color:var(--phosphor)}
.launch-countdown{gap:12px;background:rgba(0,4,2,.9)}.launch-countdown>small{font-size:10px;letter-spacing:.3em}.launch-countdown strong{line-height:.8}.cassette-loader{width:min(270px,64vw);height:82px;display:grid;place-items:center;position:relative;border:1px solid #5e4d35;background:linear-gradient(#211c15,#090807);box-shadow:inset 0 0 0 5px #050504,0 8px 24px #000;transition:transform .34s,opacity .25s}.cassette-loader:before,.cassette-loader:after{content:"";position:absolute;top:23px;width:30px;height:30px;border:5px dotted #7f6c4e;border-radius:50%}.cassette-loader:before{left:55px}.cassette-loader:after{right:55px}.cassette-loader i{position:absolute;left:50%;bottom:8px;width:72px;height:8px;transform:translateX(-50%);border:1px solid #695134}.cassette-loader span{font-size:8px;letter-spacing:.15em;color:#b28a4d}.cassette-loader.inserted{transform:scale(.82) translateY(24px);opacity:.22}
.flight-tutorial{position:absolute;z-index:28;inset:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding:0 5% 7%}.tutorial-card{pointer-events:auto;width:min(680px,92%);display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px 16px;border:1px solid #65906d;background:rgba(2,12,5,.94);box-shadow:0 0 0 4px rgba(2,8,3,.85),0 0 28px rgba(93,210,117,.15);padding:12px 14px;color:var(--phosphor);text-shadow:0 0 7px rgba(145,246,168,.42)}.tutorial-card header,.tutorial-card footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.tutorial-card header{border-bottom:1px solid #315c3b;padding-bottom:6px;font-size:6px;letter-spacing:.18em}.tutorial-card header b{color:var(--amber)}.tutorial-symbol{grid-row:2;display:grid;place-items:center;border:1px dashed #54745a;font-size:38px;color:var(--amber)}.tutorial-card small{font-size:6px;letter-spacing:.18em;color:#669070}.tutorial-card h2{font-size:20px;font-weight:500;letter-spacing:.08em;margin:3px 0;color:var(--amber)}.tutorial-card p{font-family:var(--sans);font-size:10px;line-height:1.6;margin:0;color:#83aa89}.tutorial-card footer{justify-content:flex-end;gap:6px}.tutorial-card button{border:1px solid #466d50;background:#061009;color:#79a783;padding:6px 9px;font-size:7px;cursor:pointer}.tutorial-card button:last-child{border-color:#936d31;color:var(--amber)}body.tutorial-steer .direction-pad{filter:drop-shadow(0 0 9px var(--phosphor))}body.tutorial-boost .boost-button{animation:tutorialPulse 1s ease-in-out infinite}body.tutorial-capture .capture-trigger{animation:tutorialPulse 1s ease-in-out infinite}@keyframes tutorialPulse{50%{filter:brightness(1.8);box-shadow:0 0 22px var(--amber)}}
@media (max-width:820px){.flight-tutorial{padding:0 3% 5%}.tutorial-card{grid-template-columns:60px minmax(0,1fr);padding:9px 10px;gap:7px 10px}.tutorial-symbol{font-size:28px}.tutorial-card h2{font-size:15px}.tutorial-card p{font-size:8px}}
@media (max-width:520px){.training-button{padding:5px 7px}.training-button small{display:none}.cassette-loader{height:66px}.cassette-loader:before,.cassette-loader:after{top:19px;width:24px;height:24px}.cassette-loader:before{left:45px}.cassette-loader:after{right:45px}.flight-tutorial{padding-bottom:4%}.tutorial-card{width:96%;grid-template-columns:44px minmax(0,1fr);padding:7px;gap:5px 7px}.tutorial-card header{font-size:5px}.tutorial-symbol{font-size:22px}.tutorial-card h2{font-size:12px}.tutorial-card p{font-size:7px;line-height:1.45}.tutorial-card button{padding:5px 7px;font-size:6px}}
@media (prefers-reduced-motion:reduce){body.tutorial-boost .boost-button,body.tutorial-capture .capture-trigger{animation:none}}

/* Dot-matrix imagination paper transfer */
.paper-transfer{position:absolute;z-index:36;inset:0;display:grid;place-items:center;padding:5%;background:rgba(0,4,2,.96);color:var(--phosphor);text-shadow:0 0 7px rgba(145,246,168,.48)}.paper-transfer-console{width:min(760px,94%);display:grid;grid-template-columns:minmax(240px,1.15fr) minmax(230px,.85fr);gap:20px;border:1px solid #49674e;background:linear-gradient(145deg,#131712,#050805 70%);padding:14px;box-shadow:0 0 0 5px #020302,0 0 32px rgba(107,213,126,.13)}.paper-transfer-console>header{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid #304c36;padding-bottom:7px;font-size:6px;letter-spacing:.18em}.paper-transfer-console>header span{color:var(--amber)}.printer-unit{position:relative;min-height:270px;overflow:hidden;border:1px solid #28271f;background:linear-gradient(#373127,#0d0c0a 45%,#201c16);box-shadow:inset 0 1px #675a46,inset 0 -15px 24px #050504;padding:16px}.printer-lights{display:flex;align-items:center;gap:6px;color:#7f927e;font-size:6px}.printer-lights i{width:6px;height:6px;border-radius:50%;background:#5e201b;box-shadow:0 0 5px #8f2b22}.printer-lights i:nth-child(2){background:#7c5b1d;box-shadow:0 0 5px #a77c2d}.printer-lights i:nth-child(3){background:#4c9c5e;box-shadow:0 0 8px #68c97c}.printer-lights span{margin-left:auto}.paper-slot{position:absolute;z-index:1;left:8%;right:8%;top:48px;height:18px;border:1px solid #030303;background:#090807;box-shadow:inset 0 0 8px #000,0 1px #524635}.paper-slot b{position:absolute;left:4%;right:4%;top:8px;height:1px;background:#4b4236}.printer-carriage{position:absolute;z-index:4;left:11%;right:11%;top:49px;height:34px;border-top:2px solid #716451;filter:drop-shadow(0 3px 2px #000);pointer-events:none}.printer-carriage:before{content:"";position:absolute;left:0;right:0;top:4px;height:3px;background:linear-gradient(#171612,#5b5143,#15130f)}.printer-head{position:absolute;left:0;top:-3px;width:38px;height:31px;display:grid;place-items:center;border:1px solid #17140f;background:linear-gradient(90deg,#171510,#685a46 45%,#1b1812);box-shadow:inset 0 0 0 3px #28231a,2px 5px 6px #000}.printer-head i{position:absolute;left:50%;bottom:-5px;width:12px;height:7px;transform:translateX(-50%);background:#080807;border:1px solid #544735}.printer-head b{width:13px;height:13px;border:1px solid #938166;background:radial-gradient(circle,#0c0c0a 0 1px,#5f5443 1.5px 2px,#171511 2.5px)}.printer-head span{position:absolute;left:42px;top:5px;width:66px;color:#9d8c6e;font-size:5px;letter-spacing:.1em;white-space:nowrap}.paper-feed{position:absolute;left:13%;right:13%;top:66px;bottom:14px;overflow:hidden;background:#080807;box-shadow:0 2px 11px #000}.paper-feed:before,.paper-feed:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:16px;background:radial-gradient(circle,#171813 0 2px,transparent 2.4px) center top/10px 14px repeat-y,#ebe9df;box-shadow:0 0 0 1px rgba(55,54,49,.18)}.paper-feed:before{left:0}.paper-feed:after{right:0}.paper-feed img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;clip-path:inset(0 0 100% 0);filter:grayscale(1);transition:clip-path .38s steps(8,end)}.paper-perforation{position:absolute;z-index:3;left:16px;right:16px;bottom:11%;height:1px;border-top:1px dashed #88877f;opacity:0;transform:translateY(8px);transition:opacity .22s,transform .22s}.paper-perforation span{position:absolute;right:5px;top:-12px;padding:1px 3px;background:#f3f1e8;color:#77766f;font-size:5px;letter-spacing:.12em;text-shadow:none}.paper-transfer.is-printing .printer-head{animation:printerCarriagePass .43s steps(12,end) both}.paper-transfer.is-printing[data-pass="2"] .printer-head,.paper-transfer.is-printing[data-pass="4"] .printer-head{animation-direction:reverse}.paper-transfer.is-printing .printer-lights i:nth-child(2){animation:printerBusyLight .18s steps(2,end) infinite}.paper-transfer.is-complete .printer-head{left:calc(100% - 38px)}.paper-transfer.is-complete .paper-perforation{opacity:1;transform:translateY(0)}.paper-transfer.is-complete .printer-lights i:nth-child(3){background:#79e18f;box-shadow:0 0 13px #79e18f}.paper-transfer.is-complete .paper-feed{box-shadow:0 0 18px rgba(238,235,219,.15),0 2px 11px #000}@keyframes printerCarriagePass{from{left:0}to{left:calc(100% - 38px)}}@keyframes printerBusyLight{50%{filter:brightness(2.2)}}.paper-transfer-status{align-self:center}.paper-transfer-status>small{font-size:7px;letter-spacing:.14em;color:#679071}.paper-transfer-status h2{font-family:var(--sans);font-size:20px;line-height:1.4;margin:8px 0 18px;color:var(--amber)}.paper-transfer-status>div{height:8px;border:1px solid #36563d;padding:1px}.paper-transfer-status>div i{display:block;width:0;height:100%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor);transition:width .35s steps(8,end)}.paper-transfer-status>span{display:block;text-align:right;margin-top:6px;font-size:9px;color:#76a27d}.paper-preview-actions{flex-wrap:wrap}.paper-preview-actions button{min-width:120px}
@media (max-width:820px){.paper-transfer{padding:4%}.paper-transfer-console{grid-template-columns:1fr;gap:10px}.printer-unit{min-height:190px}.paper-transfer-status h2{font-size:15px;margin:5px 0 9px}.paper-transfer-status>small{font-size:6px}}
@media (max-width:520px){.paper-transfer-console{width:96%;padding:8px}.printer-unit{min-height:150px}.printer-carriage{top:45px}.paper-slot{top:44px}.paper-feed{top:62px}.printer-head span{display:none}.paper-transfer-status h2{font-size:12px}.paper-transfer-status>span{font-size:7px}.paper-preview-actions button{min-width:0}}
@media (prefers-reduced-motion:reduce){.paper-feed img,.paper-perforation,.paper-transfer-status>div i{transition:none}.paper-transfer.is-printing .printer-head,.paper-transfer.is-printing .printer-lights i:nth-child(2){animation:none}.paper-transfer.is-printing .printer-head{left:50%;transform:translateX(-50%)}}

/* Deep-space mission transmission between boot diagnostics and cassette deck */
.transmission-screen{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(290px,1.1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:18px 6%;padding:6% 7%;overflow:hidden;background:radial-gradient(circle at 27% 50%,rgba(26,86,42,.25),transparent 31%),#010503;color:var(--phosphor);text-shadow:0 0 8px rgba(145,246,168,.44)}.transmission-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(85,155,99,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(85,155,99,.055) 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,#000,transparent 78%)}.transmission-screen>header,.transmission-screen>footer{position:relative;z-index:2;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-color:#31573a;font-size:7px;letter-spacing:.2em}.transmission-screen>header{border-bottom:1px solid #31573a;padding-bottom:8px}.transmission-screen>header b{color:var(--amber);font-weight:500}.transmission-scope{position:relative;z-index:2;align-self:center;aspect-ratio:1;border:1px solid #416e4b;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 13%,rgba(88,159,103,.18) 13.2% 13.7%,transparent 14%),linear-gradient(90deg,transparent 49.7%,rgba(106,183,122,.22) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(106,183,122,.22) 50%,transparent 50.3%);box-shadow:inset 0 0 25px rgba(78,173,99,.12),0 0 18px rgba(78,173,99,.09)}.transmission-scope:before{content:"";position:absolute;inset:50% 50% 0;background:linear-gradient(90deg,rgba(145,246,168,.24),transparent);transform-origin:0 0;animation:transmissionSweep 2.2s linear infinite}.transmission-scope>i{position:absolute;width:5px;height:5px;border:1px solid #75be83;border-radius:50%;opacity:.22;box-shadow:0 0 8px #91f6a8}.transmission-scope>i:nth-child(1){left:18%;top:37%}.transmission-scope>i:nth-child(2){left:72%;top:27%}.transmission-scope>i:nth-child(3){left:61%;top:68%}.transmission-scope>i:nth-child(4){left:34%;top:75%}.transmission-scope>i:nth-child(5){left:48%;top:49%;border-color:var(--amber)}.transmission-screen[data-signal-step="1"] .transmission-scope>i:nth-child(2),.transmission-screen[data-signal-step="2"] .transmission-scope>i:nth-child(2),.transmission-screen[data-signal-step="3"] .transmission-scope>i:nth-child(2){opacity:1;transform:scale(1.7);border-color:var(--amber);box-shadow:0 0 14px var(--amber)}.signal-wave{position:absolute;left:9%;right:9%;top:47%;height:12%;overflow:hidden}.signal-wave span{display:block;width:200%;height:100%;background:linear-gradient(135deg,transparent 0 47%,#79c58a 48% 50%,transparent 51% 100%) 0 0/24px 100%;opacity:.35;animation:transmissionWave .7s steps(8,end) infinite}.transmission-screen[data-signal-step="2"] .signal-wave span,.transmission-screen[data-signal-step="3"] .signal-wave span{background-size:12px 100%;opacity:.85}.transmission-scope>b{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);font-size:6px;letter-spacing:.22em;color:#4f7e59;white-space:nowrap}.transmission-copy{position:relative;z-index:2;align-self:center}.transmission-copy>small{font-size:8px;letter-spacing:.26em;color:#608d69}.transmission-copy h2{font-size:clamp(28px,4.4vw,62px);font-weight:500;line-height:.9;letter-spacing:.04em;margin:9px 0 22px;color:var(--amber)}.transmission-copy h2 em{font-style:normal;color:#78ae83}.transmission-copy dl{margin:0;border-top:1px solid #355b3c}.transmission-copy dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #294b32;padding:7px 0;font-size:7px}.transmission-copy dt{color:#53775a}.transmission-copy dd{margin:0;color:#81b58b;text-align:right}.transmission-copy p{max-width:520px;margin:16px 0 0;font-family:var(--sans);font-size:11px;line-height:1.65;color:#87ac8d}.transmission-screen>footer{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:12px;border-top:1px solid #31573a;padding-top:10px}.transmission-screen>footer>div{height:5px;border:1px solid #31573a;padding:1px}.transmission-screen>footer>div i{display:block;width:0;height:100%;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor);transition:width .45s steps(8,end)}.transmission-screen>footer>span{min-width:150px;color:#608a68;font-size:6px}.transmission-screen>footer button{border:1px solid #795b2d;background:#100d06;color:var(--amber);padding:7px 9px;font-family:var(--mono);font-size:6px;letter-spacing:.08em;cursor:pointer}.transmission-screen>footer button:hover,.transmission-screen>footer button:focus-visible{outline:none;border-color:var(--amber);box-shadow:0 0 12px rgba(240,178,76,.18)}.transmission-screen>footer kbd{margin-left:8px;color:#796b4e;font-family:var(--mono);font-size:5px}@keyframes transmissionSweep{to{transform:rotate(360deg)}}@keyframes transmissionWave{to{transform:translateX(-24px)}}
@media (max-width:820px){.transmission-screen{grid-template-columns:minmax(150px,.72fr) 1.28fr;padding:8% 7%;gap:12px 5%}.transmission-copy h2{font-size:28px}.transmission-copy p{font-size:9px}.transmission-screen>footer{grid-template-columns:1fr auto}.transmission-screen>footer>span{grid-column:1}.transmission-screen>footer button{grid-column:2;grid-row:1/3}.transmission-scope{width:100%}}
@media (max-width:520px){.transmission-screen{grid-template-columns:98px minmax(0,1fr);padding:7% 6%;gap:8px 5%}.transmission-screen>header{font-size:5px}.transmission-copy>small{font-size:5px}.transmission-copy h2{font-size:20px;margin:5px 0 9px}.transmission-copy dl div{padding:4px 0;font-size:5px}.transmission-copy p{font-size:7px;line-height:1.45;margin-top:7px}.transmission-screen>footer{gap:5px}.transmission-screen>footer>span{min-width:0;font-size:5px}.transmission-screen>footer button{padding:6px;font-size:5px}.transmission-screen>footer kbd{display:none}}
@media (prefers-reduced-motion:reduce){.transmission-scope:before,.signal-wave span{animation:none}.transmission-screen>footer>div i{transition:none}}

/* Keyboard-driven mission cassette deck and analog retuning */
.mission-picker button{position:relative;grid-template-columns:28px auto 1fr;padding:6px 7px}.mission-picker button>i{grid-row:1/3;position:relative;width:27px;height:18px;align-self:center;border:1px solid currentColor;background:rgba(0,0,0,.22);opacity:.58}.mission-picker button>i:after{content:"";position:absolute;left:5px;right:5px;bottom:3px;height:3px;border:1px solid currentColor;transform:perspective(10px) rotateX(12deg)}.mission-picker button>i u{position:absolute;top:4px;width:6px;height:6px;border:1px dotted currentColor;border-radius:50%;text-decoration:none}.mission-picker button>i u:first-child{left:4px}.mission-picker button>i u:last-child{right:4px}.mission-picker button>span{grid-column:2;grid-row:1/3;align-self:center}.mission-picker button>b,.mission-picker button>small{grid-column:3}.mission-picker button.active>i u{animation:cassetteReel .7s steps(6,end) infinite}.mission-picker button.active>i{opacity:1;box-shadow:inset 0 0 8px rgba(240,178,76,.17)}.mission-picker button:focus-visible{outline:1px solid var(--phosphor);outline-offset:2px}.mission-deck-hint{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px dashed #314a35;padding-top:6px}.mission-deck-hint b{color:var(--amber);font-size:7px;font-weight:500;letter-spacing:.1em;white-space:nowrap}.mission-deck-hint span{font-size:6px;white-space:nowrap}.mission-screen.is-retuning:before{content:"";position:absolute;z-index:5;left:0;right:0;top:0;height:20%;pointer-events:none;background:linear-gradient(transparent,rgba(163,236,174,.18),transparent);mix-blend-mode:screen;animation:missionTuneBand .36s steps(4,end) both}.mission-screen.is-retuning h2,.mission-screen.is-retuning .mission-planet{animation:missionTuneImage .36s steps(5,end) both}@keyframes cassetteReel{to{transform:rotate(360deg)}}@keyframes missionTuneBand{from{transform:translateY(-110%)}to{transform:translateY(510%)}}@keyframes missionTuneImage{0%{opacity:.12;transform:translateX(-8px);filter:blur(2px)}25%{opacity:.82;transform:translateX(5px)}48%{opacity:.28;transform:translateX(-3px);filter:contrast(1.8)}70%{opacity:.9;transform:translateX(2px)}100%{opacity:1;transform:translateX(0);filter:none}}
.mission-picker button>.cassette-memory{grid-column:1/4;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;margin-top:3px;padding-top:3px;border-top:1px solid #273d2b;font-style:normal;font-size:4px;letter-spacing:.08em;color:#47614e}.cassette-memory>i{width:4px;height:4px;border:1px solid #49614e;border-radius:50%;background:#101812}.cassette-memory>b{font-size:4px;font-weight:400;color:#526e59}.mission-picker button[data-memory=recorded]>.cassette-memory{border-top-color:#5f4a29;color:#ba8a45}.mission-picker button[data-memory=recorded] .cassette-memory>i{border-color:#b27d33;background:#e1a94f;box-shadow:0 0 6px rgba(225,169,79,.65)}.mission-picker button[data-memory=recorded] .cassette-memory>b{color:#8fb098}.mission-picker button.active[data-memory=recorded] .cassette-memory>i{animation:cassetteMemoryLamp 1.2s steps(2,end) infinite}@keyframes cassetteMemoryLamp{50%{opacity:.35}}
@media (max-width:820px){.mission-deck-hint span:last-child{display:none}.mission-deck-hint{justify-content:flex-start}.mission-deck-hint b{margin-left:auto}.mission-picker button{grid-template-columns:24px auto 1fr}.mission-picker button>i{width:23px;height:16px}}
@media (max-width:520px){.mission-picker button{grid-template-columns:1fr;padding:5px 2px}.mission-picker button>i{width:28px;height:15px;margin:0 auto 3px;grid-column:1;grid-row:1}.mission-picker button>span{display:none}.mission-picker button>b,.mission-picker button>small{grid-column:1;text-align:center}.mission-picker button>.cassette-memory{grid-column:1;grid-template-columns:auto 1fr;margin-top:2px}.cassette-memory>b{display:none}.mission-deck-hint span{display:none}.mission-deck-hint b{margin:0 auto;font-size:6px}}
@media (prefers-reduced-motion:reduce){.mission-picker button.active>i u,.mission-picker button.active[data-memory=recorded] .cassette-memory>i,.mission-screen.is-retuning:before,.mission-screen.is-retuning h2,.mission-screen.is-retuning .mission-planet{animation:none}}

/* Multi-stage cassette ignition and warp-gate launch console */
.launch-countdown{z-index:30;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(210px,.65fr);grid-template-rows:auto auto auto auto;place-items:stretch;align-content:center;justify-content:center;gap:12px 7%;padding:8% 10%;overflow:hidden;background:radial-gradient(circle at center,rgba(37,83,44,.18),transparent 45%),rgba(0,4,2,.94);color:var(--amber)}.launch-countdown>header,.launch-countdown>p{position:relative;z-index:2;grid-column:1/-1}.launch-countdown>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #3c5e41;padding-bottom:8px}.launch-countdown>header small{font-size:8px;letter-spacing:.28em}.launch-countdown>header span{padding-left:14px;border-left:1px solid #3c5e41;font-size:7px;letter-spacing:.18em;color:#729078;white-space:nowrap}.launch-countdown .cassette-loader{z-index:2;grid-column:1;grid-row:2/5;align-self:center;width:100%;max-width:330px;margin:auto}.launch-countdown .cassette-loader.inserted:before,.launch-countdown .cassette-loader.inserted:after{animation:launchTapeSpin .42s steps(8,end) infinite}.launch-system-check{position:relative;z-index:2;grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.launch-system-check span{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #344f38;padding:6px;color:#405f46;font-size:6px;letter-spacing:.14em}.launch-system-check i{width:6px;height:6px;border-radius:50%;background:#4c1d19;box-shadow:0 0 4px #7b2b24}.launch-countdown[data-launch-stage="lock"] .launch-system-check span:first-child,.launch-countdown[data-launch-stage="check"] .launch-system-check span,.launch-countdown[data-launch-stage="countdown"] .launch-system-check span,.launch-countdown[data-launch-stage="ignition"] .launch-system-check span{border-color:#53765a;color:#83a88a}.launch-countdown[data-launch-stage="lock"] .launch-system-check span:first-child i,.launch-countdown[data-launch-stage="check"] .launch-system-check i,.launch-countdown[data-launch-stage="countdown"] .launch-system-check i,.launch-countdown[data-launch-stage="ignition"] .launch-system-check i{background:#78d08b;box-shadow:0 0 10px #78d08b}.launch-countdown>strong{position:relative;z-index:2;grid-column:2;align-self:center;font-size:clamp(54px,9vw,126px);text-align:center}.launch-throttle{position:relative;z-index:2;grid-column:2;height:8px;border:1px solid #35533a;padding:1px}.launch-throttle i{display:block;width:8%;height:100%;background:#6ca97a;box-shadow:0 0 9px #6ca97a;transition:width .35s steps(7,end)}.launch-throttle b{position:absolute;inset:-5px 0 auto;display:flex;justify-content:space-between}.launch-throttle b:before,.launch-throttle b:after{font-size:5px;color:#4b6b52}.launch-throttle b:before{content:"IDLE"}.launch-throttle b:after{content:"FULL"}.launch-countdown[data-launch-stage="lock"] .launch-throttle i{width:24%}.launch-countdown[data-launch-stage="check"] .launch-throttle i{width:40%}.launch-countdown[data-countdown="3"] .launch-throttle i{width:55%}.launch-countdown[data-countdown="2"] .launch-throttle i{width:70%}.launch-countdown[data-countdown="1"] .launch-throttle i{width:86%}.launch-countdown[data-countdown="GO"] .launch-throttle i{width:100%;background:var(--amber);box-shadow:0 0 16px var(--amber)}.launch-countdown>p{margin:0;border-top:1px solid #315338;padding-top:8px;text-align:right;color:#6f9277;font-size:7px;letter-spacing:.16em}.launch-countdown:is([data-launch-stage="check"],[data-launch-stage="countdown"],[data-launch-stage="ignition"]) .launch-system-check,.launch-countdown:is([data-launch-stage="check"],[data-launch-stage="countdown"],[data-launch-stage="ignition"])>strong,.launch-countdown:is([data-launch-stage="check"],[data-launch-stage="countdown"],[data-launch-stage="ignition"]) .launch-throttle{grid-column:1/-1;width:min(470px,88%);margin-inline:auto}.launch-horizon{position:absolute;z-index:1;inset:0;opacity:0;overflow:hidden;pointer-events:none;transition:opacity .18s;background:radial-gradient(circle at 50% 52%,rgba(240,178,76,.35),transparent 2%,rgba(91,158,104,.08) 3%,transparent 25%)}.launch-horizon:before,.launch-horizon:after{content:"";position:absolute;left:50%;top:52%;border:1px solid rgba(145,246,168,.32);border-radius:50%;transform:translate(-50%,-50%)}.launch-horizon:before{width:16%;aspect-ratio:1}.launch-horizon:after{width:34%;aspect-ratio:1;border-style:dashed}.launch-horizon i{position:absolute;left:50%;top:52%;width:68%;height:2px;transform-origin:left;background:linear-gradient(90deg,rgba(255,222,148,.95),rgba(145,246,168,.38) 42%,transparent 78%);filter:drop-shadow(0 0 4px rgba(240,178,76,.8))}.launch-horizon i:nth-child(1){transform:rotate(0)}.launch-horizon i:nth-child(2){transform:rotate(60deg)}.launch-horizon i:nth-child(3){transform:rotate(120deg)}.launch-horizon i:nth-child(4){transform:rotate(180deg)}.launch-horizon i:nth-child(5){transform:rotate(240deg)}.launch-horizon i:nth-child(6){transform:rotate(300deg)}.launch-horizon b{position:absolute;left:50%;top:52%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:#fff6c9;box-shadow:0 0 18px 7px var(--amber)}.launch-countdown.is-ignition .launch-horizon{opacity:1;animation:launchWarpOpen .56s steps(7,end) both}.launch-countdown.is-ignition>strong{color:#fff1b5;text-shadow:0 0 25px var(--amber);animation:launchIgnitionText .56s steps(4,end) both}.launch-countdown.is-ignition{background:radial-gradient(circle at 50% 52%,rgba(240,178,76,.18),transparent 23%),rgba(0,4,2,.94);animation:launchConsoleKick .3s ease-out both}@keyframes launchTapeSpin{to{transform:rotate(360deg)}}@keyframes launchWarpOpen{from{transform:scale(.08);filter:brightness(2.5)}to{transform:scale(1.55);filter:brightness(1)}}@keyframes launchIgnitionText{50%{opacity:.18;transform:scaleX(1.15)}100%{opacity:1;transform:scaleX(1)}}@keyframes launchConsoleKick{20%{transform:translateX(-5px)}45%{transform:translateX(4px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@media (max-width:820px){.launch-countdown{grid-template-columns:minmax(190px,.8fr) minmax(170px,.65fr);padding:9% 8%;gap:9px 5%}.launch-countdown .cassette-loader{max-width:260px}.launch-countdown>strong{font-size:70px}.launch-system-check span{padding:5px 3px}.launch-countdown>p{font-size:6px}}
@media (max-width:520px){.launch-countdown{grid-template-columns:1fr;padding:12% 8%;gap:8px}.launch-countdown>header,.launch-countdown>p,.launch-countdown .cassette-loader,.launch-system-check,.launch-countdown>strong,.launch-throttle{grid-column:1!important}.launch-countdown .cassette-loader{grid-row:auto;max-width:250px}.launch-countdown>header small{font-size:6px}.launch-countdown>header span{font-size:5px}.launch-system-check{width:100%!important}.launch-countdown>strong{font-size:64px}.launch-throttle{width:90%!important}.launch-countdown>p{text-align:center;font-size:5px}}
@media (prefers-reduced-motion:reduce){.launch-countdown .cassette-loader.inserted:before,.launch-countdown .cassette-loader.inserted:after,.launch-countdown.is-ignition .launch-horizon,.launch-countdown.is-ignition>strong,.launch-countdown.is-ignition{animation:none}.launch-throttle i,.launch-horizon{transition:none}}

/* Arcade stage card between warp ignition and manual cockpit control */
body[data-phase=deployment] .cockpit-view{opacity:1}.mission-start-screen{z-index:28;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(270px,1.1fr);grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px 7%;padding:7% 8%;overflow:hidden;background:linear-gradient(90deg,rgba(0,5,2,.96),rgba(0,6,3,.78) 48%,rgba(0,5,2,.28)),radial-gradient(circle at 75% 49%,rgba(86,181,105,.14),transparent 28%);color:var(--phosphor);text-shadow:0 0 8px rgba(145,246,168,.42)}.mission-start-screen>header,.mission-start-screen>footer{position:relative;z-index:2;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.mission-start-screen>header{border-bottom:1px solid #3d6a47;padding-bottom:8px;font-size:7px;letter-spacing:.2em}.mission-start-screen>header span{color:var(--amber)}.mission-start-copy{position:relative;z-index:2;grid-column:1;align-self:center}.mission-start-copy p{margin:0;color:#5e8c66;font-size:7px;letter-spacing:.2em}.mission-start-copy h2{margin:8px 0 18px;color:var(--amber);font-size:clamp(36px,5vw,70px);font-weight:500;line-height:.87;letter-spacing:.04em}.mission-start-copy strong{display:block;max-width:470px;font-family:var(--sans);font-size:11px;font-weight:500;line-height:1.65;color:#87ad8e}.mission-start-screen>dl{position:relative;z-index:2;grid-column:1;margin:0;border-top:1px solid #34583b}.mission-start-screen>dl div{display:flex;justify-content:space-between;border-bottom:1px solid #294a31;padding:6px 0;font-size:6px}.mission-start-screen dt{color:#53735a}.mission-start-screen dd{margin:0;color:#7ca485}.deployment-gate{position:relative;z-index:2;grid-column:2;grid-row:2/4;align-self:center;justify-self:center;width:min(33vw,410px);aspect-ratio:1;border:1px solid rgba(116,186,130,.26);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 13%,rgba(93,170,109,.14) 13.3% 13.8%,transparent 14.1%),linear-gradient(90deg,transparent 49.7%,rgba(113,194,130,.24) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(113,194,130,.24) 50%,transparent 50.3%);box-shadow:0 0 28px rgba(97,204,119,.1),inset 0 0 34px rgba(80,168,99,.08)}.deployment-gate:before,.deployment-gate:after{content:"";position:absolute;border:1px dashed rgba(240,178,76,.36);border-radius:50%;transition:transform .5s steps(7,end),opacity .35s}.deployment-gate:before{inset:19%}.deployment-gate:after{inset:33%}.deployment-gate>i{position:absolute;left:50%;top:50%;width:45%;height:1px;transform-origin:left;background:linear-gradient(90deg,#78ca89,transparent)}.deployment-gate>i:nth-child(1){transform:rotate(0)}.deployment-gate>i:nth-child(2){transform:rotate(120deg)}.deployment-gate>i:nth-child(3){transform:rotate(240deg)}.deployment-gate>b{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border:1px solid var(--amber);border-radius:50%;box-shadow:0 0 12px var(--amber)}.deployment-gate>span{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);font-size:5px;letter-spacing:.18em;color:#52795a;white-space:nowrap}.mission-start-screen[data-deploy-step="1"] .deployment-gate:before{transform:scale(1.3) rotate(45deg)}.mission-start-screen[data-deploy-step="1"] .deployment-gate:after{transform:scale(.78) rotate(-35deg)}.mission-start-screen[data-deploy-step="2"] .deployment-gate{border-color:rgba(240,178,76,.5);box-shadow:0 0 34px rgba(240,178,76,.12),inset 0 0 34px rgba(240,178,76,.09)}.mission-start-screen[data-deploy-step="2"] .deployment-gate>b{background:#ffe9a3;box-shadow:0 0 20px 6px var(--amber)}.mission-start-screen>footer{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #34583b;padding-top:9px}.mission-start-screen>footer div{height:6px;border:1px solid #385e3f;padding:1px}.mission-start-screen>footer i{display:block;width:0;height:100%;background:var(--phosphor);box-shadow:0 0 9px var(--phosphor);transition:width .5s steps(8,end)}.mission-start-screen>footer span{min-width:190px;text-align:right;color:#688f70;font-size:6px;letter-spacing:.13em}
@media (max-width:820px){.mission-start-screen{grid-template-columns:minmax(220px,.9fr) 1.1fr;padding:9% 7%;gap:9px 5%}.mission-start-copy h2{font-size:36px}.mission-start-copy strong{font-size:9px}.deployment-gate{width:min(36vw,300px)}}
@media (max-width:520px){.mission-start-screen{grid-template-columns:minmax(0,1fr) 120px;padding:8% 6%;gap:7px 4%}.mission-start-screen>header{font-size:5px}.mission-start-copy p{font-size:5px}.mission-start-copy h2{font-size:25px;margin:5px 0 9px}.mission-start-copy strong{font-size:7px;line-height:1.45}.mission-start-screen>dl div{padding:4px 0;font-size:5px}.deployment-gate{width:112px}.mission-start-screen>footer{gap:5px}.mission-start-screen>footer span{min-width:0;font-size:5px}}
@media (prefers-reduced-motion:reduce){.deployment-gate:before,.deployment-gate:after,.mission-start-screen>footer i{transition:none}}

/* Analog visual-memory camera and live composition guidance */
.scene-frame-guide{position:absolute;left:50%;top:49%;width:min(46%,520px);height:min(46%,300px);transform:translate(-50%,-50%);opacity:.32;transition:opacity .2s,filter .2s}.scene-frame-guide i{position:absolute;width:34px;height:34px;border-color:#5f9c6c}.scene-frame-guide i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}.scene-frame-guide i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}.scene-frame-guide i:nth-child(3){left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}.scene-frame-guide i:nth-child(4){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.scene-recorder{position:absolute;right:5%;top:16%;width:190px;border:1px solid #315b3a;background:rgba(1,12,5,.78);padding:7px 8px;color:#628f6b}.scene-recorder header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #294b31;padding-bottom:5px}.scene-recorder header small{font-size:5px}.scene-recorder header b{font-size:5px;color:#81513c}.scene-recorder>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin:6px 0}.scene-recorder>div>i{height:5px;border:1px solid #345f3c;padding:1px}.scene-recorder>div>i b{display:block;width:0;height:100%;background:#6fa77a;box-shadow:0 0 7px #6fa77a;transition:width .16s}.scene-recorder>div>strong{min-width:24px;text-align:right;font-size:12px;font-weight:500;color:#79a781}.scene-recorder>span{display:block;font-size:5px;letter-spacing:.11em}.scene-recorder[data-scene-state=track]{border-color:#6d5b36;color:#a18b5b}.scene-recorder[data-scene-state=track] header b{color:var(--amber)}.scene-recorder[data-scene-state=track]>div>i b{background:#c99543;box-shadow:0 0 8px #c99543}.scene-recorder[data-scene-state=ready]{border-color:#a53f36;color:#f07a6c;box-shadow:0 0 13px rgba(220,77,62,.15)}.scene-recorder[data-scene-state=ready] header b{color:#ff7d70}.scene-recorder[data-scene-state=ready]>div>i b{background:#eb6255;box-shadow:0 0 10px #eb6255}.scene-recorder[data-scene-state=ready]>div>strong{color:#ff887a}.flight-hud[data-scene-state=track] .scene-frame-guide{opacity:.58;filter:sepia(.7)}.flight-hud[data-scene-state=ready] .scene-frame-guide{opacity:1;filter:drop-shadow(0 0 6px rgba(235,98,85,.65));animation:sceneFrameReady .8s steps(2,end) infinite}.flight-hud[data-scene-state=ready] .scene-frame-guide i{border-color:#e7675b}.capture-trigger.scene-ready{border-color:#ff7568;background:rgba(67,8,5,.9);color:#ff9a8f;box-shadow:0 0 18px rgba(238,92,78,.22);animation:sceneCaptureReady .8s steps(2,end) infinite}.capture-trigger.scene-ready span{background:#7a1812}@keyframes sceneFrameReady{50%{opacity:.58}}@keyframes sceneCaptureReady{50%{filter:brightness(1.45)}}
@media (max-width:820px){.scene-recorder{right:4%;top:16%;width:150px;padding:5px}.scene-frame-guide{width:48%;height:40%}.scene-recorder header small{font-size:4px}.scene-recorder>span{font-size:4px}}
@media (max-width:520px){.scene-recorder{right:4%;top:30%;width:118px}.scene-recorder header small{display:none}.scene-recorder>div{margin:4px 0}.scene-recorder>div>strong{font-size:9px}.scene-frame-guide{width:54%;height:28%}.scene-frame-guide i{width:22px;height:22px}}
@media (prefers-reduced-motion:reduce){.flight-hud[data-scene-state=ready] .scene-frame-guide,.capture-trigger.scene-ready{animation:none}.scene-frame-guide,.scene-recorder>div>i b{transition:none}}

/* Captured WebGL frame as a physical film contact ticket */
.capture-film-ticket{position:absolute;z-index:3;right:7%;top:7%;width:min(290px,28vw);padding:7px;border:1px solid #5d5a49;background:linear-gradient(145deg,#1a1b16,#060805 72%);box-shadow:0 0 0 3px rgba(1,4,2,.78),0 8px 24px rgba(0,0,0,.48);transform:rotate(1.2deg);color:#819183;text-shadow:none}.capture-film-ticket header,.capture-film-ticket footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.capture-film-ticket header{border-bottom:1px solid #464b40;padding:1px 2px 5px}.capture-film-ticket header small{font-size:5px;letter-spacing:.15em}.capture-film-ticket header span{font-size:6px;color:#a7a48d}.capture-film-visual{position:relative;margin:6px 0;padding:0 13px;background:#0a0b09}.capture-film-visual:before,.capture-film-visual:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:10px;background:radial-gradient(circle,#797a6e 0 2px,transparent 2.4px) center 2px/8px 11px repeat-y,#171915}.capture-film-visual:before{left:0}.capture-film-visual:after{right:0}.capture-film-visual canvas{display:block;width:100%;aspect-ratio:16/9;background:#010402;filter:saturate(.68) contrast(1.16) sepia(.12)}.capture-film-ticket footer{display:grid;grid-template-columns:auto 1fr auto;padding:1px 2px}.capture-film-ticket footer span,.capture-film-ticket footer small{font-size:5px;letter-spacing:.08em}.capture-film-ticket footer b{text-align:center;font-size:7px;font-weight:500;letter-spacing:.12em;color:#7f9d84}.capture-film-ticket[data-frame-grade=good]{border-color:#807044}.capture-film-ticket[data-frame-grade=good] footer b{color:#d7a84f}.capture-film-ticket[data-frame-grade=perfect]{border-color:#a3473d;box-shadow:0 0 0 3px rgba(1,4,2,.78),0 0 22px rgba(230,91,77,.16)}.capture-film-ticket[data-frame-grade=perfect] footer b{color:#ef7569}.capture-film-ticket[data-frame-grade=perfect]:after{content:"PERFECT";position:absolute;right:-10px;top:42%;border:1px solid #a3473d;padding:3px 5px;background:#200a07;color:#ef7569;font-size:5px;letter-spacing:.12em;transform:rotate(4deg)}
.film-guide-mask{position:absolute;z-index:1;inset:0 13px;overflow:hidden;pointer-events:none;color:#f1c16a}.film-guide-mask i{position:absolute;display:block;border:1px dashed currentColor;background-color:rgba(249,240,196,.12);background-image:radial-gradient(circle,currentColor 0 1px,transparent 1.35px);background-size:7px 7px;box-shadow:inset 0 0 14px rgba(255,226,154,.09)}.film-guide-mask span{position:absolute;z-index:1;border:1px solid rgba(241,193,106,.68);padding:2px 4px;background:rgba(18,11,3,.78);font-size:5px;line-height:1.2;letter-spacing:.08em;white-space:nowrap}.film-guide-mask[data-layout=continue] i{top:0;right:0;width:45%;height:100%;border-block:0;border-right:0}.film-guide-mask[data-layout=continue] span{right:4px;bottom:4px}.film-guide-mask[data-layout=sky] i{top:0;left:0;width:100%;height:50%;border-inline:0;border-top:0}.film-guide-mask[data-layout=sky] span{top:4px;left:50%;transform:translateX(-50%)}.film-guide-mask[data-layout=portal] i{left:22%;top:18%;width:56%;height:64%;border-radius:50%}.film-guide-mask[data-layout=portal] span{left:50%;top:50%;transform:translate(-50%,-50%)}.film-guide-mask[data-layout=full] i{inset:4%;background-color:rgba(249,240,196,.05)}.film-guide-mask[data-layout=full] span{left:50%;bottom:4px;transform:translateX(-50%)}.film-guide-mask[data-detail=simple] i{background-size:12px 12px}.film-guide-mask[data-detail=standard] i{background-size:7px 7px}.film-guide-mask[data-detail=detailed] i{background-size:4px 4px}.film-guide-mask.is-retuning{animation:film-guide-retune .24s steps(2,end)}.capture-film-guide-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes film-guide-retune{50%{filter:brightness(1.9);transform:translateX(1px)}}
.capture-proof-canvas{position:absolute;z-index:1;inset:0 13px;width:calc(100% - 26px)!important;height:100%;opacity:0;filter:contrast(1.08)!important;transition:opacity .16s}.capture-film-ticket[data-proof-mode=proof] .capture-proof-canvas{opacity:1}.capture-film-ticket[data-proof-mode=proof] #capturePreviewCanvas{opacity:0}.capture-film-ticket[data-proof-mode=proof] .film-guide-mask{opacity:0}.film-proof-switch{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:-1px 2px 5px}.film-proof-switch>small{font-size:5px;letter-spacing:.12em;color:#6e796d}.film-proof-switch>div{display:grid;grid-template-columns:1fr 1fr;border:1px solid #454b42;background:#050705}.film-proof-switch button{border:0;border-right:1px solid #454b42;background:#0a0d09;color:#657066;padding:3px 5px;font-family:var(--mono);font-size:5px;letter-spacing:.08em;cursor:pointer}.film-proof-switch button:last-child{border-right:0}.film-proof-switch button.active,.film-proof-switch button[aria-pressed=true]{background:#453417;color:#efc26e;box-shadow:inset 0 0 7px rgba(242,189,89,.2)}.film-proof-switch button:focus-visible{outline:1px solid var(--amber);outline-offset:2px}
.film-contact-sheet{margin:0 2px 5px;padding-top:4px;border-top:1px solid #343a33}.film-contact-sheet header{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:4px;justify-content:stretch!important;border:0!important;padding:0 0 3px!important}.film-contact-sheet header small,.film-contact-sheet header span{font-size:4px!important;letter-spacing:.12em;color:#687269!important}.film-contact-sheet header button{height:auto;min-height:0;border:1px solid #4b4634;background:#100d07;color:#806e46;padding:2px 4px;font-size:4px;letter-spacing:.08em;line-height:1;cursor:pointer}.film-contact-sheet header button:not(:disabled){border-color:#776033;color:var(--amber)}.film-contact-sheet header button:disabled{opacity:.42;cursor:default}.film-contact-sheet>div{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.film-contact-sheet>div>button{position:relative;min-width:0;height:37px;overflow:hidden;border:1px solid #343b34;background:#060806;padding:0;cursor:pointer}.film-contact-sheet>div>button canvas{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.16)}.film-contact-sheet>div>button b{position:absolute;left:2px;top:2px;padding:1px 2px;background:rgba(1,4,2,.8);font-size:4px;font-weight:500;color:#a3aa9d}.film-contact-sheet>div>button small{position:absolute;right:2px;bottom:2px;padding:1px 2px;background:rgba(1,4,2,.8);font-size:4px;color:#7f9b82}.film-contact-sheet>div>button.active,.film-contact-sheet>div>button[aria-pressed=true]{border-color:var(--amber);box-shadow:0 0 7px rgba(240,178,76,.18)}.film-contact-sheet>div>button.active b{color:var(--amber)}.film-contact-sheet>div>button.is-best:before{content:"★";position:absolute;z-index:2;right:2px;top:1px;color:#ffd36e;font-size:6px;text-shadow:0 0 5px #f0b24c}.film-contact-sheet>div>button:focus-visible{outline:1px solid var(--amber);outline-offset:1px}.film-contact-sheet>div>button.is-empty{background:repeating-linear-gradient(135deg,#090b09 0 4px,#0f120f 4px 8px);cursor:default}.film-contact-sheet>div>button.is-empty:after{content:"EMPTY";position:absolute;inset:0;display:grid;place-items:center;color:#3f4840;font-size:4px;letter-spacing:.12em}.film-contact-sheet.is-scanning>div:after{content:"ANALYZING";position:absolute;z-index:4;left:0;right:0;top:0;height:8px;padding-left:3px;background:rgba(225,177,74,.8);color:#190f03;font-size:4px;line-height:8px;letter-spacing:.12em;box-shadow:0 0 9px rgba(240,178,76,.65);animation:filmBestScan .42s steps(5,end) infinite alternate}@keyframes filmBestScan{to{transform:translateY(29px)}}
@media (prefers-reduced-motion:reduce){.film-contact-sheet.is-scanning>div:after{animation:none;top:14px}}

/* Camera-composition quest fed by the best frame on the film roll */
.camera-quest{width:min(620px,68%);margin:3px 0 2px;border:1px solid #304f36;background:rgba(3,12,6,.84);padding:5px 7px;color:#668d6d;text-shadow:none}.camera-quest header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;border-bottom:1px solid #28442f;padding-bottom:4px}.camera-quest header small{font-size:5px;letter-spacing:.15em}.camera-quest header b{font-size:6px;font-weight:500;letter-spacing:.12em;color:#83a489}.camera-quest header span{font-size:5px;color:#55745d}.camera-quest>div{display:grid;grid-template-columns:1fr 24px;align-items:center;gap:7px;margin-top:4px}.camera-quest>div>i{display:block;height:5px;border:1px solid #345a3d;padding:1px}.camera-quest>div>i b{display:block;width:0;height:100%;background:#5b8d65;box-shadow:0 0 6px rgba(105,174,120,.55);transition:width .22s}.camera-quest>div strong{font-size:8px;font-weight:500;text-align:right}.camera-quest>p{margin:3px 0 0!important;font-family:var(--sans);font-size:7px;line-height:1.25;color:#708e75}.camera-quest[data-rank=hunter]{border-color:#625535;color:#a18d5e}.camera-quest[data-rank=hunter]>div>i b{background:#b78940}.camera-quest[data-rank=director]{border-color:#8d6230;color:#e0aa55}.camera-quest[data-rank=director] #cameraQuestFill{background:#d49b42;box-shadow:0 0 7px rgba(230,165,70,.7)}.camera-quest[data-rank=perfect]{border-color:#a74439;color:#f17a6d;box-shadow:0 0 13px rgba(224,78,65,.12);animation:cameraQuestPerfect .9s steps(2,end) infinite}.camera-quest[data-rank=perfect] #cameraQuestFill{background:#eb6659;box-shadow:0 0 8px rgba(239,102,89,.8)}.camera-quest[data-rank=perfect] header b{color:#ff8d80}@keyframes cameraQuestPerfect{50%{filter:brightness(1.18)}}
@media (max-width:820px){.camera-quest{padding:4px 5px;margin:2px 0}.camera-quest header{padding-bottom:3px}.camera-quest>p{font-size:6px}}
@media (max-width:520px){.camera-quest{width:100%}.camera-quest header{grid-template-columns:1fr auto}.camera-quest header small{display:none}.camera-quest>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (prefers-reduced-motion:reduce){.camera-quest[data-rank=perfect]{animation:none}.camera-quest>div>i b{transition:none}}
@media (max-width:820px){.capture-film-ticket{right:4%;top:4%;width:190px;padding:5px}.capture-film-visual{margin:4px 0;padding-inline:10px}.film-guide-mask,.capture-proof-canvas{inset-inline:10px}.capture-proof-canvas{width:calc(100% - 20px)!important}.capture-film-visual:before,.capture-film-visual:after{width:8px;background-size:6px 9px}.capture-film-ticket footer b{font-size:6px}}
@media (max-width:520px){.capture-film-ticket{left:7%;right:7%;top:3%;width:auto;transform:none;display:grid;grid-template-columns:1fr auto;padding:5px}.capture-film-ticket header{border:0;padding:0}.capture-film-ticket header small{font-size:4px}.capture-film-visual{display:none}.film-proof-switch{display:none}.film-contact-sheet{display:none}.capture-film-ticket footer{display:flex;padding:0}.capture-film-ticket footer small{display:none}.capture-film-ticket[data-frame-grade=perfect]:after{display:none}}
@media (prefers-reduced-motion:reduce){.film-guide-mask.is-retuning{animation:none}}

/* Manual tractor-paper tear-off */
.tear-off-button{position:relative;width:100%;min-height:48px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px;margin-top:14px;padding:5px 9px;border:1px solid #76602f;background:linear-gradient(90deg,#0c100c,#1d1609);color:var(--amber);text-align:left;cursor:pointer;box-shadow:inset 0 0 12px rgba(240,178,76,.05)}.tear-off-button[hidden]{display:none}.tear-off-button:before{content:"PULL";position:absolute;left:11px;bottom:3px;width:28px;color:#776d54;font-size:4px;letter-spacing:.12em;text-align:center}.tear-off-button>i{position:relative;width:28px;height:20px;border:1px solid #9b844f;background:linear-gradient(#796742,#201b11);box-shadow:inset 0 0 0 3px #17140d,0 3px 5px #000;transition:transform .34s cubic-bezier(.2,.8,.2,1)}.tear-off-button>i:after{content:"";position:absolute;left:7px;right:7px;top:8px;height:2px;background:#d1a856;box-shadow:0 0 5px rgba(240,178,76,.48)}.tear-off-button span{display:grid;gap:2px}.tear-off-button b{font-size:8px;letter-spacing:.2em}.tear-off-button small{font-family:var(--sans);font-size:7px;color:#9e926d}.tear-off-button:hover,.tear-off-button:focus-visible{outline:none;border-color:var(--amber);box-shadow:0 0 15px rgba(240,178,76,.18),inset 0 0 12px rgba(240,178,76,.08)}.paper-transfer.is-complete .tear-off-button>i{animation:tearHandleReady .8s steps(2,end) infinite}.paper-transfer.is-tearing .tear-off-button>i{animation:none;transform:translateX(calc(100% + 3px))}.paper-transfer.is-tearing .paper-feed{animation:paperTearRelease .42s cubic-bezier(.4,0,.8,.3) forwards}.paper-transfer.is-tearing .paper-perforation{opacity:0}.paper-transfer.is-tearing .printer-lights i:nth-child(3){filter:brightness(.65)}@keyframes tearHandleReady{50%{filter:brightness(1.7);transform:translateX(3px)}}@keyframes paperTearRelease{0%{transform:translateY(0) rotate(0);opacity:1}55%{transform:translateY(14px) rotate(-.35deg);opacity:1}100%{transform:translateY(52px) rotate(.75deg);opacity:0}}
@media (max-width:820px){.tear-off-button{min-height:40px;margin-top:7px;grid-template-columns:36px 1fr;padding:4px 7px}.tear-off-button>i{width:25px;height:17px}.tear-off-button:before{left:7px}.tear-off-button b{font-size:7px}.tear-off-button small{font-size:6px}}
@media (prefers-reduced-motion:reduce){.paper-transfer.is-complete .tear-off-button>i,.paper-transfer.is-tearing .paper-feed{animation:none}.paper-transfer.is-tearing .paper-feed{opacity:0}}
@media (prefers-reduced-motion:reduce){.personal-best[data-record=new]:before{animation:none}}

/* Print-ready preview controls */
.paper-preview>div:first-child{grid-column:1;grid-row:1}.paper-preview-density{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:3px}.paper-preview-density small{margin-right:4px;font-size:6px!important;letter-spacing:.12em!important}.paper-preview-density button{min-width:48px;padding:5px 7px;font-family:var(--sans);font-size:7px}.paper-preview-density button.active,.paper-preview-density button[aria-pressed="true"]{border-color:#745c2e;background:#fff8df;color:#744f19}.paper-preview img{grid-row:2}.paper-preview-actions{grid-row:3}.paper-preview-actions #printPreparedGuideButton{border-color:#4f6752;background:#f1f4ec;color:#35543a}.paper-preview-actions #printPreparedGuideButton:hover,.paper-preview-actions #printPreparedGuideButton:focus-visible{outline:none;border-color:#52795a;background:#fff;color:#23482c}
.clean-paper-signal{display:flex!important;align-items:center;gap:5px;margin-top:4px;font-size:5px;letter-spacing:.1em;color:#57725c}.clean-paper-signal i{width:5px;height:5px;border-radius:50%;background:#5d9c69;box-shadow:0 0 5px rgba(71,137,84,.42)}
@media (max-width:520px){.paper-preview{grid-template-rows:auto auto minmax(0,1fr) auto}.paper-preview-density{grid-column:1/-1;grid-row:2;justify-content:flex-start}.paper-preview-density button{min-width:0;min-height:28px;flex:1}.paper-preview img{grid-row:3}.paper-preview-actions{grid-row:4}}

/* Imagination-space presets for incomplete drawing prompts */
.guide-layout-picker{width:min(700px,100%);margin-top:5px}.guide-layout-picker>small{display:block;margin-bottom:5px;font-size:6px;letter-spacing:.16em;color:#5e8e68}.guide-layout-picker>div{display:grid;grid-template-columns:minmax(190px,.62fr) 1fr;align-items:stretch;gap:7px}.guide-layout-picker button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;text-align:left;border:1px solid #31553a;background:rgba(3,13,6,.82);color:#668d6d;padding:8px 10px;cursor:pointer}.guide-layout-picker button b{min-width:34px;font-size:9px;letter-spacing:.13em}.guide-layout-picker button span{font-family:var(--sans);font-size:8px}.guide-layout-picker button:hover{border-color:#6aa779}.guide-layout-picker button[aria-pressed="true"]{border-color:var(--amber);background:#1c1206;color:var(--amber);box-shadow:inset 0 0 12px rgba(240,178,76,.08)}.guide-layout-picker p{display:flex;align-items:center;margin:0;border:1px dashed #2f4d35;padding:7px 9px;color:#6f8e74;font-family:var(--sans);font-size:7px;line-height:1.55}.guide-layout-picker p strong{margin:0 3px;color:#c99b50;font-family:var(--mono);font-size:6px}
@media (max-width:820px){.guide-layout-picker{margin-top:2px}.guide-layout-picker button{padding:6px}.guide-layout-picker button span{font-size:7px}.guide-layout-picker p{padding:6px;font-size:6px}}
@media (max-width:520px){.guide-layout-picker>div{grid-template-columns:1fr;gap:3px}.guide-layout-picker button{padding:6px;text-align:left}.guide-layout-picker button b{font-size:7px}.guide-layout-picker p{display:none}}
@media (max-width:520px){.paper-preview-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.paper-preview-actions button{min-height:38px;padding:7px 4px;font-size:7px;white-space:nowrap}}

/* Age-adjustable dotted-guide density */
.guide-detail-picker{width:min(520px,100%);margin-top:6px}.guide-detail-picker>small{display:block;margin-bottom:4px;font-size:6px;letter-spacing:.16em;color:#5e8e68}.guide-detail-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.guide-detail-picker button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;border:1px solid #31553a;background:rgba(3,13,6,.82);color:#668d6d;padding:5px 7px;text-align:left;cursor:pointer}.guide-detail-picker button b{font-size:7px;color:#8aa28b}.guide-detail-picker button span{font-family:var(--sans);font-size:7px}.guide-detail-picker button:after{content:"";width:26px;height:11px;background-image:radial-gradient(circle,#78a77f 1px,transparent 1.2px);background-size:8px 8px}.guide-detail-picker button[data-guide-detail=standard]:after{background-size:5px 5px}.guide-detail-picker button[data-guide-detail=detailed]:after{background-size:3px 3px}.guide-detail-picker button:hover{border-color:#6aa779}.guide-detail-picker button.active,.guide-detail-picker button[aria-pressed="true"]{border-color:var(--amber);background:#1c1206;color:var(--amber)}.guide-detail-picker button.active:after{filter:sepia(1) saturate(1.6);opacity:1}
@media (max-width:820px){.guide-detail-picker{margin-top:3px}.guide-detail-picker button{padding:4px 5px;gap:4px}.guide-detail-picker button:after{width:19px}}
@media (max-width:520px){.guide-detail-picker>div{gap:3px}.guide-detail-picker button{grid-template-columns:auto 1fr;padding:4px 3px}.guide-detail-picker button span{font-size:6px}.guide-detail-picker button:after{display:none}}

/* Offline imagination-signal story seed decoder */
.idea-decoder{width:min(700px,100%);margin-top:7px;border:1px solid #4a5d45;background:rgba(8,14,7,.86);padding:6px 8px}.idea-decoder header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.idea-decoder header small{font-size:6px;letter-spacing:.15em;color:#66866b}.idea-decoder header button{border:1px solid #69512c;background:#1a1106;color:var(--amber);padding:4px 7px;font-size:6px;cursor:pointer}.idea-decoder header button:hover{border-color:var(--amber)}.idea-decoder>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.idea-decoder span{min-width:0;border-left:1px solid #35523b;padding-left:7px}.idea-decoder span small{display:block;font-size:5px;letter-spacing:.13em;color:#526e57}.idea-decoder span b{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--sans);font-size:8px;font-weight:500;color:#86b08d}
@media (max-width:820px){.idea-decoder{margin-top:4px;padding:5px}.idea-decoder header{margin-bottom:3px}}
@media (max-width:520px){.idea-decoder{padding:4px}.idea-decoder header small{font-size:5px}.idea-decoder header button{padding:3px 5px;font-size:5px}.idea-decoder>div{gap:2px}.idea-decoder span{padding-left:4px}.idea-decoder span b{font-size:6px}}

/* Physical exposure gate and magnetic transport during FRAME HOLD */
.frame-freeze-aperture{position:absolute;z-index:5;left:50%;top:50%;width:clamp(96px,17vw,190px);aspect-ratio:1;overflow:hidden;border:1px solid rgba(154,244,173,.45);border-radius:50%;background:radial-gradient(circle,rgba(181,255,197,.14) 0 5%,rgba(1,8,3,.8) 6% 18%,rgba(32,55,35,.68) 19% 57%,rgba(2,8,3,.82) 58%);box-shadow:0 0 0 5px rgba(2,8,3,.52),0 0 32px rgba(104,227,128,.2),inset 0 0 21px #000;opacity:0;transform:translate(-50%,-50%) scale(1.5)}.frame-freeze-aperture:before,.frame-freeze-aperture:after{content:"";position:absolute;z-index:2;inset:16%;border:1px solid rgba(156,231,170,.28);border-radius:50%}.frame-freeze-aperture:after{inset:39%;background:#020703;box-shadow:0 0 11px rgba(176,255,192,.32)}.frame-freeze-aperture i{position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;background:linear-gradient(135deg,rgba(126,161,132,.52),rgba(7,18,10,.9));clip-path:polygon(0 0,100% 0,0 100%);border-left:1px solid rgba(174,226,183,.18)}.frame-freeze-aperture i:nth-child(2){transform:rotate(60deg)}.frame-freeze-aperture i:nth-child(3){transform:rotate(120deg)}.frame-freeze-aperture i:nth-child(4){transform:rotate(180deg)}.frame-freeze-aperture i:nth-child(5){transform:rotate(240deg)}.frame-freeze-aperture i:nth-child(6){transform:rotate(300deg)}.frame-freeze-sequence[data-freeze-stage=exposure] .frame-freeze-aperture{opacity:.9;animation:frameExposureGate .5s steps(6,end) both}.frame-freeze-sequence[data-freeze-stage=tracking] .frame-freeze-aperture{opacity:.24;transform:translate(-50%,-50%) scale(1.3)}
.frame-freeze-transport{position:absolute;z-index:8;left:50%;bottom:13%;width:min(330px,68%);display:grid;grid-template-columns:37px 1fr 37px;align-items:center;gap:10px;padding:7px 10px;border:1px solid rgba(104,156,113,.5);background:rgba(2,10,4,.87);box-shadow:0 0 0 3px rgba(1,5,2,.62),0 0 20px rgba(90,213,112,.12);opacity:0;transform:translateX(-50%);transition:opacity .12s}.frame-freeze-sequence[data-freeze-stage=tracking] .frame-freeze-transport,.frame-freeze-sequence[data-freeze-stage=transport] .frame-freeze-transport,.frame-freeze-sequence[data-freeze-stage=locked] .frame-freeze-transport{opacity:1}.frame-freeze-reel{position:relative;width:31px;height:31px;border:2px solid #66806a;border-radius:50%;background:repeating-conic-gradient(from 0deg,#75917a 0 7deg,#111a13 8deg 29deg);box-shadow:inset 0 0 0 7px #071009,0 0 6px #000;animation:frameTapeReel .42s steps(8,end) infinite}.frame-freeze-reel>b{position:absolute;inset:11px;border-radius:50%;background:#9bb59f;box-shadow:0 0 4px rgba(151,235,169,.45)}.frame-freeze-reel:last-child{animation-direction:reverse}.frame-freeze-transport>span{min-width:0;display:grid;gap:4px}.frame-freeze-transport small,.frame-freeze-transport span>b{font-size:5px;letter-spacing:.14em;color:#6f9677}.frame-freeze-transport span>b{font-size:7px;color:#a0d7aa}.frame-freeze-transport em{display:block;height:4px;border:1px solid #47634c;padding:1px}.frame-freeze-transport em i{display:block;width:0;height:100%;background:#89d398;box-shadow:0 0 7px rgba(137,211,152,.68);transition:width .18s steps(5,end)}.frame-freeze-sequence[data-freeze-stage=locked] .frame-freeze-reel{animation:none;filter:brightness(1.15)}.frame-freeze-sequence[data-freeze-stage=locked] .frame-freeze-transport{border-color:rgba(151,216,164,.68)}
@keyframes frameExposureGate{0%{transform:translate(-50%,-50%) scale(1.55) rotate(-9deg)}42%{transform:translate(-50%,-50%) scale(.42) rotate(5deg);filter:brightness(1.8)}72%{transform:translate(-50%,-50%) scale(.86) rotate(0)}100%{transform:translate(-50%,-50%) scale(1.24);opacity:.28}}@keyframes frameTapeReel{to{transform:rotate(360deg)}}
@media (max-width:520px){.frame-freeze-transport{bottom:15%;width:76%;grid-template-columns:29px 1fr 29px;gap:7px;padding:5px 7px}.frame-freeze-reel{width:25px;height:25px}.frame-freeze-reel>b{inset:9px}}
@media (prefers-reduced-motion:reduce){.frame-freeze-aperture,.frame-freeze-reel{animation:none!important}.frame-freeze-aperture{display:none}.frame-freeze-transport em i{transition:none}}

/* Instant-film ejection and image development after FRAME HOLD */
.film-develop-overlay[hidden]{display:none}.film-develop-overlay{position:absolute;z-index:12;inset:-1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;border:1px solid #69705f;background:rgba(1,5,2,.94);color:#82aa89;box-shadow:inset 0 0 34px #000;text-align:center;transition:opacity .12s,background .18s}.film-develop-overlay:before{content:"";position:absolute;left:-10%;right:-10%;top:0;height:16%;background:linear-gradient(transparent,rgba(176,255,192,.23),rgba(30,90,43,.12),transparent);mix-blend-mode:screen;animation:filmChemicalScan .32s steps(4,end) infinite}.film-develop-overlay:after{content:"INSTANT VISUAL MEMORY · DO NOT EXPOSE";position:absolute;left:7px;right:7px;bottom:5px;border-top:1px solid rgba(97,121,101,.4);padding-top:4px;font-size:4px;letter-spacing:.15em;color:#58685b}.film-develop-overlay small,.film-develop-overlay strong,.film-develop-overlay em,.film-develop-overlay span{position:relative;z-index:2}.film-develop-overlay small{font-size:5px;letter-spacing:.15em;color:#5e7562}.film-develop-overlay strong{font-size:9px;letter-spacing:.15em;color:#a7d4ae}.film-develop-overlay>span{display:block;width:68%;height:5px;border:1px solid #526957;padding:1px;background:#020603}.film-develop-overlay>span i{display:block;width:0;height:100%;background:#8ccf98;box-shadow:0 0 8px rgba(140,207,152,.62);transition:width .2s steps(5,end)}.film-develop-overlay em{font-style:normal;font-size:5px;letter-spacing:.11em;color:#68866d}.capture-film-ticket.is-developing{animation:filmTicketEject .42s cubic-bezier(.12,.72,.23,1) both}.capture-film-ticket[data-develop-stage=reveal] .film-develop-overlay{background:rgba(5,12,6,.74)}.capture-film-ticket[data-develop-stage=stabilize] .film-develop-overlay{background:rgba(9,16,9,.5)}.capture-film-ticket[data-develop-stage=ready] .film-develop-overlay{background:rgba(8,16,9,.22);border-color:#89aa8e}.capture-film-ticket[data-develop-stage=emulsion] #capturePreviewCanvas{filter:brightness(.04) grayscale(1)}.capture-film-ticket[data-develop-stage=reveal] #capturePreviewCanvas{filter:brightness(.48) grayscale(.84) contrast(1.45)}.capture-film-ticket[data-develop-stage=stabilize] #capturePreviewCanvas{filter:brightness(.78) saturate(.35) contrast(1.3)}.capture-film-ticket[data-develop-stage=ready] #capturePreviewCanvas{filter:saturate(.68) contrast(1.16) sepia(.12)}.film-develop-overlay.is-release{opacity:0}.film-developing .capture-screen>:not(.capture-film-ticket){opacity:.3;pointer-events:none}.film-developing .capture-film-ticket button{pointer-events:none}.capture-screen>*{transition:opacity .16s}
@keyframes filmTicketEject{0%{transform:translate(42px,-14px) rotate(4deg) scale(.94);opacity:.18}55%{transform:translate(-4px,2px) rotate(.4deg);opacity:1}78%{transform:translate(2px,-1px) rotate(1.7deg)}100%{transform:rotate(1.2deg)}}@keyframes filmChemicalScan{0%{transform:translateY(-120%)}100%{transform:translateY(720%)}}
@media (max-width:520px){.capture-film-ticket.is-developing{animation-name:filmTicketEjectMobile}.film-develop-overlay{grid-column:1/-1;min-height:62px}.film-develop-overlay:after{display:none}@keyframes filmTicketEjectMobile{0%{transform:translateY(-20px);opacity:.2}100%{transform:none;opacity:1}}}
@media (prefers-reduced-motion:reduce){.capture-film-ticket.is-developing,.film-develop-overlay:before{animation:none}.film-develop-overlay,.film-develop-overlay>span i,.capture-screen>*{transition:none}}

/* Magnetic rewind from held frame back to the live CRT feed */
.frame-freeze-sequence.is-resuming{background:rgba(2,7,3,.24);transition:none}.frame-freeze-sequence.is-resuming:before{opacity:.48;animation:frameResumeScrub .2s steps(4,end) infinite}.frame-freeze-sequence.is-resuming:after{height:22%;background:linear-gradient(transparent,rgba(182,255,197,.2),rgba(0,0,0,.52),transparent);animation:frameResumeRoll .25s steps(3,end) infinite}.frame-freeze-sequence[data-freeze-stage=rewind] .frame-freeze-transport,.frame-freeze-sequence[data-freeze-stage=live] .frame-freeze-transport{opacity:1}.frame-freeze-sequence.is-resuming .frame-freeze-aperture{display:none}.frame-freeze-sequence.is-resuming .frame-freeze-reel{animation:frameTapeReelReverse .25s steps(7,end) infinite}.frame-freeze-sequence.is-resuming .frame-freeze-reel:last-child{animation-direction:reverse}.frame-freeze-sequence[data-freeze-stage=rewind] .frame-freeze-transport{border-color:#876d3c}.frame-freeze-sequence[data-freeze-stage=rewind] .frame-freeze-transport span>b,.frame-freeze-sequence[data-freeze-stage=rewind] .frame-freeze-rec{color:var(--amber)}.frame-freeze-sequence[data-freeze-stage=rewind] .frame-freeze-transport em i{background:#d2a653;box-shadow:0 0 7px rgba(210,166,83,.65)}.frame-freeze-sequence[data-freeze-stage=live]{box-shadow:inset 0 0 0 1px rgba(150,246,169,.62),inset 0 0 70px rgba(37,121,54,.1)}.frame-freeze-sequence[data-freeze-stage=live]:before,.frame-freeze-sequence[data-freeze-stage=live]:after{animation:none;opacity:.08}.frame-freeze-sequence[data-freeze-stage=live] .frame-freeze-reel{animation:none}.frame-freeze-sequence[data-freeze-stage=live] .frame-freeze-rec{color:var(--phosphor)}.frame-resuming .frame-hold-canvas{animation:frameHeldRelease .22s steps(4,end) infinite}.frame-resuming .monitor-bezel{animation:frameResumeBezel .32s steps(5,end) infinite}.frame-resuming .mission-tools{opacity:.34;pointer-events:none}
@keyframes frameTapeReelReverse{to{transform:rotate(-360deg)}}@keyframes frameResumeScrub{0%{transform:translateX(4%) skewX(-1deg)}50%{transform:translateX(-3%) skewX(1.2deg)}100%{transform:translateX(1%)}}@keyframes frameResumeRoll{0%{transform:translateY(260%)}100%{transform:translateY(-250%)}}@keyframes frameHeldRelease{0%,100%{transform:translateX(0);filter:saturate(.72) contrast(1.16) sepia(.08)}50%{transform:translateX(-7px);filter:saturate(.35) contrast(1.5) brightness(.72)}}@keyframes frameResumeBezel{0%,100%{transform:none}50%{transform:translateX(2px) scaleX(1.003)}}
@media (prefers-reduced-motion:reduce){.frame-freeze-sequence.is-resuming:before,.frame-freeze-sequence.is-resuming:after,.frame-freeze-sequence.is-resuming .frame-freeze-reel,.frame-resuming .frame-hold-canvas,.frame-resuming .monitor-bezel{animation:none}}

/* Mechanical composition-grade stamp after instant-film development */
.capture-film-ticket[data-frame-grade=perfect]:after{display:none}.film-grade-stamp[hidden]{display:none}.film-grade-stamp{position:absolute;z-index:14;right:-13px;bottom:23px;display:grid;min-width:72px;gap:2px;padding:6px 7px 5px;border:2px double #8d7952;background:rgba(18,14,7,.94);box-shadow:0 3px 8px #000,inset 0 0 0 2px rgba(196,161,89,.08);color:#bf9b55;text-align:center;text-shadow:0 0 5px currentColor;transform:rotate(-4deg)}.film-grade-stamp:before{content:"";position:absolute;inset:2px;border:1px dashed currentColor;opacity:.38}.film-grade-stamp:after{content:"";position:absolute;left:8%;right:8%;bottom:-5px;height:5px;background:radial-gradient(ellipse,rgba(190,141,62,.42),transparent 68%);filter:blur(2px);opacity:.68}.film-grade-stamp small,.film-grade-stamp strong,.film-grade-stamp span{position:relative;z-index:1}.film-grade-stamp small{font-size:4px;letter-spacing:.16em}.film-grade-stamp strong{font-size:12px;line-height:1;letter-spacing:.1em}.film-grade-stamp span{font-size:4px;letter-spacing:.1em}.film-grade-stamp[data-grade=good]{border-color:#c09145;background:rgba(25,17,6,.95);color:#e2ad51}.film-grade-stamp[data-grade=perfect]{border-color:#a94a40;background:rgba(31,7,5,.96);color:#f4776b;box-shadow:0 3px 8px #000,0 0 15px rgba(235,91,78,.2)}.film-grade-stamp.is-stamping{animation:filmGradeStampDrop .3s cubic-bezier(.12,.8,.22,1.25) both}.film-grade-stamp.is-stamping:after{animation:filmGradeInkImpact .3s ease-out both}.film-grade-stamp.is-stamped{opacity:1}.capture-film-ticket:has(.film-grade-stamp.is-stamping){animation:filmTicketStampJolt .3s steps(4,end)}
@keyframes filmGradeStampDrop{0%{opacity:0;transform:translate(14px,-70px) rotate(7deg) scale(1.18)}62%{opacity:1;transform:translate(-2px,3px) rotate(-5deg) scale(.94)}82%{transform:translate(1px,-1px) rotate(-3deg) scale(1.03)}100%{transform:rotate(-4deg)}}@keyframes filmGradeInkImpact{0%,55%{opacity:0;transform:scaleX(.2)}100%{opacity:.68;transform:scaleX(1.3)}}@keyframes filmTicketStampJolt{0%,100%{transform:rotate(1.2deg)}55%{transform:translateY(2px) rotate(.7deg)}}
@media (max-width:520px){.film-grade-stamp{right:3px;bottom:3px;min-width:58px;padding:4px 5px;transform:rotate(-2deg)}.film-grade-stamp strong{font-size:9px}.film-grade-stamp.is-stamping{animation-name:filmGradeStampDropMobile}@keyframes filmGradeStampDropMobile{0%{opacity:0;transform:translateY(-22px) rotate(3deg)}100%{opacity:1;transform:rotate(-2deg)}}}
@media (prefers-reduced-motion:reduce){.film-grade-stamp.is-stamping,.film-grade-stamp.is-stamping:after,.capture-film-ticket:has(.film-grade-stamp.is-stamping){animation:none}}

/* Three-frame cartridge advance and oldest-frame ejection */
.film-roll-advance[hidden]{display:none}.film-roll-advance{position:absolute;z-index:13;inset:5px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:5px 8px;align-items:center;overflow:hidden;border:1px solid #75623d;background:rgba(5,7,4,.97);box-shadow:inset 0 0 28px #000,0 0 0 3px rgba(1,4,2,.72);color:#b28d4d;opacity:0;transform:translateX(8px);transition:opacity .08s,transform .12s}.film-roll-advance.is-active{opacity:1;transform:none}.film-roll-advance.is-release{opacity:0;transform:translateX(-12px)}.film-roll-advance>small{grid-column:1/-1;border-bottom:1px solid #4c432d;padding-bottom:4px;font-size:4px;letter-spacing:.14em;color:#746846}.film-roll-advance>strong{align-self:end;font-size:8px;letter-spacing:.14em}.film-roll-advance>span{align-self:end;font-size:4px;letter-spacing:.1em;color:#7e8b70}.film-eject-strip{position:relative;grid-column:1/-1;width:76%;height:78px;margin:auto;padding:7px 13px;background:#14150f;box-shadow:0 2px 8px #000;animation:filmStripEject .52s cubic-bezier(.45,.02,.85,.42) both}.film-eject-strip:before,.film-eject-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:10px;background:radial-gradient(circle,#777565 0 2px,transparent 2.3px) center 2px/8px 11px repeat-y,#1a1b14}.film-eject-strip:before{left:0}.film-eject-strip:after{right:0}.film-eject-strip canvas{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.45) contrast(1.25) sepia(.18)}.film-eject-strip i{position:absolute;z-index:3;inset:7px 13px;border:1px solid rgba(214,172,86,.32);box-shadow:inset 0 0 12px rgba(0,0,0,.72)}.capture-film-ticket.is-advancing-film{animation:filmCartridgeClack .52s steps(5,end)}
@keyframes filmStripEject{0%{transform:translateX(74%) scaleX(.74);filter:brightness(.45)}28%{transform:translateX(18%) scaleX(.92);filter:brightness(1.2)}72%{transform:translateX(-12%) rotate(-1deg)}100%{transform:translateX(-96%) rotate(-2deg);opacity:.18}}@keyframes filmCartridgeClack{0%,100%{transform:rotate(1.2deg)}24%{transform:translateX(3px) rotate(1.7deg)}48%{transform:translateX(-2px) rotate(.5deg)}72%{transform:translateX(1px) rotate(1.4deg)}}
@media (max-width:520px){.film-roll-advance{inset:2px;grid-template-rows:auto 1fr}.film-eject-strip{height:48px;padding-block:5px}.film-roll-advance>strong{font-size:6px}.film-roll-advance>span{font-size:3.5px}}
@media (prefers-reduced-motion:reduce){.film-roll-advance,.film-eject-strip,.capture-film-ticket.is-advancing-film{animation:none;transition:none}.film-roll-advance.is-active{opacity:1}.film-eject-strip{opacity:.72;transform:none}}

/* One-frame safety lock for the three-frame cartridge */
.film-contact-sheet header{grid-template-columns:1fr auto auto auto}.film-contact-sheet header #keepFilmButton{border-color:#4e5f50;color:#718073}.film-contact-sheet header #keepFilmButton:not(:disabled):hover,.film-contact-sheet header #keepFilmButton:focus-visible{outline:none;border-color:#8aa68e;color:#9bc2a2}.film-contact-sheet header #keepFilmButton.active,.film-contact-sheet header #keepFilmButton[aria-pressed=true]{border-color:#9b7637;background:#241a09;color:#e4ad50;box-shadow:inset 0 0 7px rgba(228,173,80,.14)}.film-contact-sheet>div>button.is-kept{border-color:#9b7637;box-shadow:inset 0 0 0 1px rgba(222,169,78,.14),0 0 7px rgba(218,158,64,.15)}.film-contact-sheet>div>button.is-kept:after{content:"◆ KEEP";position:absolute;z-index:3;left:2px;bottom:2px;padding:1px 2px;background:rgba(22,14,4,.88);color:#efb650;font-size:3.5px;letter-spacing:.06em}.film-contact-sheet>div>button.is-kept small{color:#d7a44e}
@media (max-width:820px){.film-contact-sheet header{gap:2px}.film-contact-sheet header button{padding-inline:3px}}

/* BEST SIGNAL automatically moves the cartridge safety lock */
.film-contact-sheet header #keepFilmButton.is-star-lock{border-color:#c18e3d;background:#2b1c07;color:#ffd069;box-shadow:inset 0 0 8px rgba(255,196,83,.18),0 0 7px rgba(234,173,66,.15)}.film-contact-sheet>div>button.is-star-locked{border-color:#d09a43;box-shadow:inset 0 0 0 1px rgba(244,190,84,.2),0 0 9px rgba(224,166,66,.22)}.film-contact-sheet>div>button.is-star-locked:after{content:"★ LOCK";background:rgba(31,18,3,.92);color:#ffd06a}.film-contact-sheet.is-star-locking>div>button.is-star-locked{animation:filmStarLockLatch .36s steps(4,end)}.film-contact-sheet.is-star-locking header #keepFilmButton{animation:filmStarLockLamp .36s steps(3,end)}.film-contact-sheet.is-star-locking>div:before{content:"STAR LOCK";position:absolute;z-index:5;left:0;right:0;top:50%;height:1px;background:#ffd16e;box-shadow:0 0 8px #edb04e;color:#201302;font-size:4px;line-height:9px;text-align:center;letter-spacing:.2em;animation:filmStarLockBar .36s steps(4,end) both}
@keyframes filmStarLockLatch{0%{transform:translateY(-2px);filter:brightness(1.8)}45%{transform:translateY(2px);filter:brightness(.8)}100%{transform:none;filter:none}}@keyframes filmStarLockLamp{0%,60%{filter:brightness(2.1)}30%,100%{filter:none}}@keyframes filmStarLockBar{0%{transform:translateY(-20px);opacity:0}50%{opacity:1}100%{transform:translateY(18px);opacity:0}}
@media (prefers-reduced-motion:reduce){.film-contact-sheet.is-star-locking>div>button.is-star-locked,.film-contact-sheet.is-star-locking header #keepFilmButton,.film-contact-sheet.is-star-locking>div:before{animation:none}}

/* Magnetic frame-search shuttle when an earlier contact-sheet image is recalled */
.film-recall-overlay[hidden]{display:none}.film-recall-overlay{position:absolute;z-index:15;inset:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;border:1px solid #76643e;background:rgba(3,6,3,.96);box-shadow:inset 0 0 28px #000,0 0 0 3px rgba(1,3,2,.7);color:#b9934f;text-align:center}.film-recall-overlay:before{content:"";position:absolute;left:-12%;right:-12%;top:17%;height:12%;background:linear-gradient(transparent,rgba(238,188,88,.26),rgba(79,58,21,.12),transparent);animation:filmRecallScan .28s steps(5,end) infinite}.film-recall-overlay:after{content:"◀◀  MAG TAPE  ▶▶";position:absolute;left:7px;right:7px;bottom:5px;border-top:1px solid #423b29;padding-top:4px;font-size:4px;letter-spacing:.16em;color:#6d6348}.film-recall-overlay small,.film-recall-overlay strong,.film-recall-overlay span,.film-recall-overlay em{position:relative;z-index:2}.film-recall-overlay small{font-size:5px;letter-spacing:.15em;color:#746b50}.film-recall-overlay strong{font-size:9px;letter-spacing:.15em;color:#e1ae55}.film-recall-overlay>span{position:relative;width:68%;height:6px;border:1px solid #665738;padding:1px;background:#050503}.film-recall-overlay>span i{display:block;width:0;height:100%;background:#d6a54f;box-shadow:0 0 8px rgba(226,171,77,.66);transition:width .18s steps(5,end)}.film-recall-overlay>span b{position:absolute;left:0;right:0;top:-5px;height:12px;background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(240,190,95,.2) 11px 12px);animation:filmRecallTicks .38s linear infinite}.film-recall-overlay em{font-style:normal;font-size:5px;letter-spacing:.11em;color:#897754}.film-recall-overlay[data-recall-stage=RECALL]{animation:filmRecallShuttle .22s steps(5,end) infinite}.film-recall-overlay.is-locked{border-color:#b98b3f;box-shadow:inset 0 0 28px #000,0 0 12px rgba(223,167,70,.18)}.film-recall-overlay.is-locked:before,.film-recall-overlay.is-locked>span b{animation:none}.film-recall-overlay.is-release{opacity:0;transition:opacity .09s}.capture-film-ticket.is-recalling-film #capturePreviewCanvas{animation:filmRecallPicture .18s steps(4,end) infinite}.film-contact-sheet.is-recalling button{pointer-events:none}
@keyframes filmRecallScan{to{transform:translateY(520%)}}@keyframes filmRecallTicks{to{transform:translateX(12px)}}@keyframes filmRecallShuttle{0%,100%{transform:none}40%{transform:translateX(2px)}70%{transform:translateX(-2px)}}@keyframes filmRecallPicture{0%,100%{transform:none;filter:saturate(.35) contrast(1.5)}50%{transform:translateX(-4px);filter:brightness(.55) contrast(1.8)}}
@media (max-width:520px){.film-recall-overlay{inset:2px;min-height:62px}.film-recall-overlay:after{display:none}.film-recall-overlay strong{font-size:7px}}
@media (prefers-reduced-motion:reduce){.film-recall-overlay:before,.film-recall-overlay>span b,.film-recall-overlay[data-recall-stage=RECALL],.capture-film-ticket.is-recalling-film #capturePreviewCanvas{animation:none}.film-recall-overlay>span i,.film-recall-overlay.is-release{transition:none}}

/* End-of-mission program linking the chosen star frame to paper output */
.mission-finale[hidden]{display:none}.mission-finale{position:absolute;z-index:31;inset:0;display:grid;grid-template-columns:minmax(190px,38%) 1fr;grid-template-rows:auto auto auto auto 1fr;align-content:center;gap:8px 8%;padding:9% 11%;overflow:hidden;background:radial-gradient(circle at 24% 44%,rgba(221,166,71,.13),transparent 24%),rgba(1,5,2,.975);color:#88c493;text-shadow:0 0 8px rgba(140,232,157,.38);opacity:1;transition:opacity .16s}.mission-finale-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(105,161,114,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(105,161,114,.055) 1px,transparent 1px);background-size:24px 24px;animation:missionFinaleGrid .46s steps(4,end) infinite}.mission-finale>small,.mission-finale>h2,.mission-finale>ol,.mission-finale-progress,.mission-finale>p,.mission-finale-film{position:relative;z-index:2}.mission-finale>small{grid-column:1/-1;font-size:6px;letter-spacing:.2em;color:#597b61}.mission-finale>h2{grid-column:2;grid-row:2;margin:0;font-size:clamp(24px,4vw,52px);font-weight:500;letter-spacing:.06em;color:#a7d8af}.mission-finale-film{grid-column:1;grid-row:2/6;align-self:center;position:relative;padding:12px 17px;background:#16170f;box-shadow:0 5px 16px #000;transform:rotate(-1deg)}.mission-finale-film:before,.mission-finale-film:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:11px;background:radial-gradient(circle,#777565 0 2px,transparent 2.3px) center 3px/9px 13px repeat-y,#1c1d15}.mission-finale-film:before{left:0}.mission-finale-film:after{right:0}.mission-finale-film canvas{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.55) contrast(1.18) sepia(.12)}.mission-finale-film>i{position:absolute;z-index:2;inset:12px 17px;border:1px solid rgba(232,181,81,.36);box-shadow:inset 0 0 18px #000}.mission-finale-film>b{position:absolute;z-index:4;right:20px;bottom:15px;padding:2px 4px;background:rgba(10,8,3,.84);color:#e5ad4e;font-size:6px;letter-spacing:.13em}.mission-finale>ol{grid-column:2;grid-row:3;display:grid;gap:4px;margin:3px 0 0;padding:0;list-style:none}.mission-finale>ol li{display:grid;grid-template-columns:8px 18px 1fr;align-items:center;gap:6px;border-bottom:1px solid #213d29;padding:4px 0;color:#4f7358}.mission-finale>ol li i{width:7px;height:7px;border:1px solid #46634c;border-radius:50%;background:#0a130c}.mission-finale>ol li span,.mission-finale>ol li b{font-size:6px;letter-spacing:.15em}.mission-finale>ol li b{font-weight:500}.mission-finale>ol li.is-active{color:#e1ad50}.mission-finale>ol li.is-active i{border-color:#bd8b3c;background:#efb657;box-shadow:0 0 9px rgba(240,178,76,.75);animation:missionFinaleLamp .3s steps(2,end) infinite}.mission-finale>ol li.is-complete{color:#82b88c}.mission-finale>ol li.is-complete i{border-color:#73a07b;background:#83c08e;box-shadow:0 0 6px rgba(131,192,142,.55)}.mission-finale-progress{grid-column:2;grid-row:4;height:6px;border:1px solid #3d6246;padding:1px;background:#020703}.mission-finale-progress i{display:block;width:0;height:100%;background:#d5a14b;box-shadow:0 0 8px rgba(222,165,74,.62);transition:width .32s steps(6,end)}.mission-finale>p{grid-column:2;grid-row:5;align-self:start;margin:0;font-size:7px;letter-spacing:.14em;color:#668e6e}.mission-finale[data-finale-stage=lock] .mission-finale-film{animation:missionFinaleLock .52s steps(6,end)}.mission-finale[data-finale-stage=paper] .mission-finale-film{border-color:#bf8d41;box-shadow:0 5px 16px #000,0 0 18px rgba(225,168,73,.18)}.mission-finale.is-release{opacity:0}.mission-finalizing .paper-preview{pointer-events:none}
@keyframes missionFinaleGrid{to{transform:translateY(2px)}}@keyframes missionFinaleLamp{50%{opacity:.35}}@keyframes missionFinaleLock{0%,100%{transform:rotate(-1deg)}24%{transform:translateX(4px) rotate(.2deg);filter:brightness(1.6)}48%{transform:translateX(-3px) rotate(-1.6deg)}72%{transform:translateX(1px) rotate(-.7deg)}}
@media (max-width:820px){.mission-finale{padding:10% 8%;gap-inline:6%}.mission-finale-film{padding:9px 13px}.mission-finale-film>i{inset:9px 13px}}
@media (max-width:520px){.mission-finale{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;padding:12% 9%;gap:7px}.mission-finale>small,.mission-finale>h2,.mission-finale>ol,.mission-finale-progress,.mission-finale>p,.mission-finale-film{grid-column:1}.mission-finale>small{grid-row:1}.mission-finale>h2{grid-row:2;font-size:27px}.mission-finale-film{grid-row:3;width:62%;justify-self:center;padding:7px 11px}.mission-finale-film>i{inset:7px 11px}.mission-finale>ol{grid-row:4}.mission-finale-progress{grid-row:5}.mission-finale>p{display:none}}
@media (prefers-reduced-motion:reduce){.mission-finale,.mission-finale-grid,.mission-finale>ol li.is-active i,.mission-finale[data-finale-stage=lock] .mission-finale-film,.mission-finale-progress i{animation:none;transition:none}}
.mission-finale{z-index:82}

/* Child-friendly three-step path, touch targets and guarded mission rewind */
.child-journey{width:min(700px,100%);margin:5px 0 1px;text-shadow:none}.child-journey ol{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:0;list-style:none}.child-journey li{display:grid;grid-template-columns:17px 1fr;align-items:center;gap:5px;border:1px solid #284a31;background:rgba(2,10,5,.72);padding:4px 6px;color:#4d7156}.child-journey li i{display:grid;place-items:center;width:15px;height:15px;border:1px solid #47664d;border-radius:50%;font-size:6px;font-style:normal}.child-journey li b{font-family:var(--sans);font-size:7px;font-weight:500;white-space:nowrap}.child-journey li.is-active{border-color:#9a692a;background:#1b1206;color:var(--amber)}.child-journey li.is-active i{border-color:#c28a3d;background:#d79e45;color:#1c1003;box-shadow:0 0 7px rgba(223,164,72,.5)}.child-journey li.is-complete{border-color:#416d4b;color:#82ad89}.child-journey li.is-complete i{border-color:#689972;background:#5c8d66;color:#071009}.child-journey li.is-complete i:after{content:"✓";position:absolute}.child-journey li.is-complete i{font-size:0}.child-journey>p{margin:4px 0 0!important;font-family:var(--sans)!important;font-size:7px!important;line-height:1.35!important;color:#65866b!important}.restart-button{position:relative;overflow:hidden}.restart-button.is-armed{border:1px solid #a4473d!important;background:#2b0906!important;color:#ff8a7d!important;padding-inline:9px;box-shadow:inset 0 0 12px rgba(195,56,45,.16)}.restart-button.is-armed:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e65f51;box-shadow:0 0 6px #e65f51;animation:restartLatchCountdown 3s linear both}@keyframes restartLatchCountdown{to{width:0}}
@media (max-width:520px){.capture-screen{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;padding:64px 8% max(24px,env(safe-area-inset-bottom));scrollbar-width:thin}.child-journey{margin-top:3px}.child-journey li{grid-template-columns:14px 1fr;padding:3px 4px}.child-journey li i{width:12px;height:12px}.child-journey li b{font-size:6px}.child-journey>p{font-size:6px!important}.idea-decoder{margin-bottom:2px}}
@media (max-width:820px),(pointer:coarse){button,a,input,select{touch-action:manipulation}.capture-actions button,.capture-footer-actions button,.discovery-actions button,.paper-preview-actions button,.debrief-actions button{min-height:44px}.guide-layout-picker button,.guide-detail-picker button{min-height:40px}.flight-controls{padding-bottom:max(4px,env(safe-area-inset-bottom))}.capture-footer-actions{align-items:stretch}.capture-footer-actions button{display:inline-flex;align-items:center}.restart-button.is-armed{justify-content:center}}
@media (prefers-reduced-motion:reduce){.restart-button.is-armed:after{animation:none;width:100%}}
.child-journey li i{position:relative}

/* Wide CRT viewport: use the browser width and map the WebGL frame exactly to the glass. */
.voyage-shell{padding:8px 10px 12px;gap:8px}
.mission-bar{max-width:1880px}
.console-frame{width:min(1880px,100%);height:calc(100svh - 78px);min-height:620px;padding:14px 16px 92px}
.monitor-bezel{padding:10px;border-radius:34px}
.monitor-glass{width:100%;border-radius:5.5% / 10%}
.space-stage,.comfort .space-stage{inset:0;transform:none}
.space-stage canvas{width:100%!important;height:100%!important}
.frame-hold-canvas{inset:0;width:100%;height:100%}
@media (max-width:820px){.voyage-shell{padding:5px}.console-frame{height:calc(100svh - 112px);padding:9px 8px 78px}.monitor-bezel{padding:7px}}

/* Desktop classroom readability pass: preserve the CRT language without microtype. */
@media (min-width:821px){
  .mission-bar{height:46px;font-size:13px}
  .comfort-button,.audio-button,.album-button,.profile-button,.classroom-button{min-height:36px;padding:8px 11px;font-size:12px}
  .profile-button{max-width:168px}
  .console-frame{height:calc(100svh - 78px)}
  .monitor-glass small{font-size:11px!important;line-height:1.35}
  .monitor-glass button{font-size:13px!important;line-height:1.35}
  .monitor-glass dt,.monitor-glass dd{font-size:11px!important;line-height:1.45}
  .monitor-glass p{font-size:14px;line-height:1.65}
  .eyebrow{font-size:13px}
  .boot-foot,.boot-attract-status,.attract-panel>b,.attract-ship>small,.attract-paper>span{font-size:11px}
  .power-button kbd{font-size:10px}
  .system-brand{font-size:16px}.system-screen pre{font-size:clamp(14px,1.25vw,18px)}
  .transmission-screen>header,.transmission-screen>footer{font-size:11px}
  .transmission-copy>small{font-size:12px!important}.transmission-copy dl div{padding:10px 0}.transmission-copy p{font-size:15px}.transmission-screen>footer>span{font-size:11px}.transmission-screen>footer kbd{font-size:10px}
  .mission-screen>p{font-size:12px}.mission-screen dl div{padding:10px 0}.mission-screen>small{font-size:11px!important}.mission-picker button{min-height:70px;padding:10px}.mission-picker button span{font-size:11px}.mission-picker button b{font-size:12px}.mission-picker button small{font-size:11px!important}
  .mission-start-screen>header{font-size:11px}.mission-start-copy p{font-size:11px}.mission-start-copy strong{font-size:15px}.mission-start-screen>dl div{padding:9px 0}.mission-start-screen>footer span,.deployment-gate>span{font-size:10px}
  .launch-countdown>header small{font-size:12px!important}.launch-countdown>header span{font-size:11px}.launch-system-check span{font-size:10px}.launch-countdown>p{font-size:11px}
  .flight-hud small{font-size:11px!important}.hud-top-left strong,.hud-top-right strong{font-size:16px}.hud-top-left span,.hud-top-right span{font-size:12px}.speed-tape span,.signal-tape>span,.flight-message{font-size:11px}.capture-trigger b{font-size:13px}.mission-progress li{min-width:100px;padding:6px 14px}.mission-progress li span{font-size:11px}.mission-progress li b{font-size:12px}.objective-card{min-width:400px;padding:8px 20px 10px}.objective-card strong{font-size:15px}.scene-recorder{width:230px;padding:10px}.scene-recorder header small,.scene-recorder header b,.scene-recorder>span{font-size:10px!important}.scene-recorder>div>strong{font-size:16px}
  .discovery-code,.discovery-screen>p:not(.discovery-copy){font-size:11px}.discovery-screen dl{width:min(470px,70%)}.discovery-screen dl div{padding:9px 0}.discovery-copy{font-size:15px}.discovery-actions button{font-size:14px!important;padding:12px 17px}
  .capture-screen{padding:7% 10%}.capture-screen>p{font-size:15px}.capture-stamp{font-size:11px}.capture-actions button{min-height:64px;padding:14px}.capture-actions button b{font-size:14px}.capture-actions button small{font-size:11px!important}.capture-footer-actions{gap:24px}.capture-footer-actions button{font-size:14px!important}.child-journey{width:min(760px,100%);margin:9px 0 5px}.child-journey li{grid-template-columns:25px 1fr;gap:8px;padding:8px 10px}.child-journey li i{width:23px;height:23px;font-size:11px}.child-journey li b{font-size:12px}.child-journey>p{margin-top:7px!important;font-size:13px!important}.capture-film-ticket{width:min(360px,30vw);padding:10px}.capture-film-ticket header small,.capture-film-ticket header span,.capture-film-ticket footer span,.capture-film-ticket footer small{font-size:10px!important}.capture-film-ticket footer b{font-size:12px}.film-proof-switch>small,.film-proof-switch button{font-size:10px!important}.film-guide-mask span{font-size:9px}
  .mission-finale>small{font-size:11px!important}.mission-finale>ol li{grid-template-columns:10px 24px 1fr;gap:9px;padding:8px 0}.mission-finale>ol li span,.mission-finale>ol li b{font-size:11px}.mission-finale>p{font-size:11px}.mission-finale-film>b{font-size:10px}
  .debrief-screen{grid-template-columns:minmax(0,760px) minmax(260px,310px);gap:10px 6%;padding:5% 8%}
  .debrief-screen>p{font-size:12px}.debrief-screen h3{font-size:21px}.ending-copy{font-size:15px!important;line-height:1.7!important}
  .mission-grade{width:min(25vw,290px)}.mission-grade>small{font-size:12px!important}.personal-best{width:76%;padding-top:8px}.personal-best small{font-size:9px!important}.personal-best b{font-size:17px}.personal-best span{font-size:10px}.personal-best em{font-size:9px}
  .debrief-film-award{grid-template-columns:176px 1fr;gap:14px;width:min(760px,100%);padding:10px}.debrief-film-award canvas{height:92px}.debrief-film-award small{font-size:10px!important}.debrief-film-award h4{margin:7px 0 5px;font-size:15px}.debrief-film-award h4 b{font-size:10px}.debrief-film-award p{font-size:13px}.debrief-film-award footer{margin-top:7px}.debrief-film-award footer>span{font-size:10px}.debrief-film-award footer i{width:11px;height:7px}
  .debrief-flight-log{width:min(760px,100%);padding:7px 16px}.debrief-flight-log header{padding-bottom:5px}.debrief-flight-log header small{font-size:10px!important}.debrief-flight-log header b{padding:3px 5px;font-size:9px}.debrief-flight-log dl div{padding:6px 9px}.debrief-flight-log dt{font-size:9px!important}.debrief-flight-log dd{margin-top:3px;font-size:11px!important}.debrief-flight-log footer{padding-top:5px;font-size:9px}
  .debrief-stats div{padding:10px 14px}.debrief-stats dt{font-size:10px!important}.debrief-stats dd{font-size:14px!important}.debrief-actions{gap:10px;margin-top:7px}.debrief-actions button{min-height:44px;padding:11px 16px;font-size:14px!important}
  .album-screen>header small,.album-card-copy>small{font-size:10px!important}.album-screen>header p,.album-card-copy>p,.album-card-copy blockquote{font-size:12px}.album-card-copy h3{font-size:16px}.album-card-copy dt{font-size:9px!important}.album-card-copy dd{font-size:11px!important}.album-screen>footer button{font-size:13px!important}
  .profile-card>header small,.profile-card label>span,.profile-preview small{font-size:11px!important}.profile-card>header p{font-size:13px}.profile-card button{font-size:13px!important}
  .classroom-screen>header small,.class-console>small,.cloud-gallery>header small,.class-console label>span{font-size:10px!important}.classroom-screen>header p,.class-console p{font-size:12px}.class-console button,.class-console a,.classroom-screen>footer button{font-size:12px!important}.cloud-gallery article h4{font-size:14px}.cloud-gallery article p{font-size:11px}
  .drawing-screen>header small,.drawing-tools section>small,.drawing-meta>span{font-size:10px!important}.drawing-screen button{font-size:12px!important}.drawing-screen>footer>span,.drawing-meta label>span{font-size:11px!important}.drawing-meta input{font-size:12px}
  .paper-preview div small,.paper-preview-density small{font-size:11px!important}.paper-preview div strong{font-size:17px}.paper-preview button,.paper-preview-density button{font-size:12px!important}
}
@media (min-width:821px) and (max-height:850px){
  .debrief-screen{align-content:start;overflow-y:auto;padding:30px 7% 38px;grid-template-columns:minmax(0,1fr) minmax(210px,250px);scrollbar-color:#416b4b #071009;scrollbar-width:thin}
  .debrief-screen h2{font-size:clamp(36px,4vw,48px)}
  .mission-grade{width:min(22vw,230px)}
}

/* Child-first capture flow: one scene, two choices, one clear paper action. */
.capture-screen .camera-quest,.capture-screen .idea-decoder,.capture-screen .film-proof-switch,.capture-screen .film-contact-sheet,.capture-screen .film-grade-stamp{display:none!important}
body.closer-flight .scene-frame-guide{opacity:1;filter:drop-shadow(0 0 9px rgba(240,178,76,.72));transition:opacity .25s,filter .25s}
body.closer-flight .capture-trigger{border-color:var(--amber);color:#ffd17a;box-shadow:0 0 18px rgba(240,178,76,.2)}
/* Keep the cinematic discovery and close-approach views readable over a busy 3D scene. */
.boot-screen>.boot-foot{position:absolute;left:50%;bottom:4.5%;width:max-content;max-width:88%;margin:0;transform:translateX(-50%);text-align:center}
body[data-phase="discovery"] .flight-hud,body[data-phase="discovery"] .cockpit-view{opacity:0}
body[data-phase="discovery"] .discovery-screen{background:linear-gradient(90deg,rgba(0,5,2,.98) 0,rgba(2,9,4,.94) 52%,rgba(2,8,4,.72) 100%),radial-gradient(circle at 78% 48%,rgba(240,178,76,.1),transparent 27%)}
body.closer-flight .flight-reticle{border-color:rgba(240,178,76,.46)}
@media (min-width:821px){
  body[data-phase="capture"] .capture-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.64fr);grid-template-areas:"title film" "prompt film" "journey film" "layout film" "detail film" "actions film" "footer film";grid-template-rows:auto auto auto auto auto auto auto;align-content:center;column-gap:32px;row-gap:9px;padding:4% 6%;overflow-y:auto;background:rgba(1,5,2,.96)}
  .capture-screen>h2{grid-area:title;margin:0;font-size:clamp(28px,3vw,43px);line-height:1.08}
  .capture-screen>p{grid-area:prompt;margin:0;color:#8cba94;font-size:14px!important;line-height:1.55}
  .capture-screen .child-journey{grid-area:journey;width:100%;margin:2px 0}
  .capture-screen .guide-layout-picker{grid-area:layout;width:100%;margin:0}
  .capture-screen .guide-detail-picker{grid-area:detail;width:100%;margin:0}
  .capture-screen .capture-actions{grid-area:actions;margin:4px 0 0;gap:7px}
  .capture-screen .capture-actions button{min-height:56px;padding:10px 11px}
  .capture-screen .capture-footer-actions{grid-area:footer;margin:0;gap:20px}
  .capture-screen .capture-film-ticket{grid-area:film;position:relative;inset:auto;align-self:center;justify-self:center;width:min(430px,100%);padding:12px;transform:none}
  .capture-screen .capture-film-visual{margin:10px 0;padding-inline:16px}
  .capture-screen .film-guide-mask,.capture-screen .capture-proof-canvas{inset-inline:16px}
  .capture-screen .capture-film-ticket footer{padding-top:7px}
}
@media (max-width:820px){
  .capture-screen .capture-film-ticket{transform:none}
  .capture-screen .capture-actions{margin-top:7px}
}

/* TIME DINOSAUR STUDIO · prehistoric CRT skin */
body{--phosphor:#a8ed86;--phosphor-dim:#5d8e49;--amber:#f1ad43;background:radial-gradient(circle at 50% -20%,#3d4229 0,#17170f 38%,#080906 78%)}
.space-stage{background:linear-gradient(#203b2d 0,#344c32 45%,#52603b 68%,#2b2818 100%);filter:saturate(.78) contrast(1.18) sepia(.15)}
.mission-id span{color:#9ebb79}.cockpit-nose{left:18%;right:18%;height:15%;background:linear-gradient(170deg,#53603a,#1a1c11 43%,#33321e);border-color:#6e6840;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.cockpit-nose:before,.cockpit-nose:after{content:"";position:absolute;top:-18%;width:18%;height:32%;border:5px solid #17180f;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(#334126,#10140d)}
.cockpit-nose:before{left:8%}.cockpit-nose:after{right:8%}.cockpit-nose span{color:#d2a957}.cockpit-nose b{color:#a9b784}.canopy-strut{background:linear-gradient(90deg,#0d0e09,#5b5938 48%,#11120b 76%)}.canopy-rib{background:linear-gradient(90deg,#11120b,#6c6840,#11120b)}
.cockpit-console-line{border-color:#555139;background:#11120b}.cockpit-radar{background:radial-gradient(circle,rgba(139,204,94,.23),#071008 60%);border-color:#46442e}.cockpit-radar span{background:#f0ab43;box-shadow:0 0 8px #f0ab43}
.mission-planet{overflow:hidden;border:1px solid rgba(151,181,104,.18);background:linear-gradient(rgba(13,25,13,.16),rgba(4,8,4,.78)),url('../images/bestiary/trex.jpg') center/cover no-repeat;box-shadow:inset 0 0 70px #020302,0 0 30px rgba(95,138,72,.1)}
.mission-planet:before,.mission-planet:after,.mission-planet i{display:none}.mission-planet:after{content:"66 MYA / LIVE FOSSIL SIGNAL";display:block;position:absolute;left:5%;right:5%;bottom:6%;height:auto;border:0;border-top:1px solid #668257;border-radius:0;padding-top:7px;transform:none;background:none;color:#8ca879;font:500 7px var(--mono);letter-spacing:.16em;box-shadow:none}
body[data-mission=herd] .mission-planet{background-image:linear-gradient(rgba(13,25,13,.12),rgba(4,8,4,.76)),url('../images/bestiary/triceratops.jpg')}
body[data-mission=raptor] .mission-planet{background-image:linear-gradient(rgba(13,25,13,.12),rgba(4,8,4,.76)),url('../images/bestiary/raptor.jpg')}
body[data-mission=herd] .mission-planet:before,body[data-mission=herd] .mission-planet:after,body[data-mission=raptor] .mission-planet:before,body[data-mission=raptor] .mission-planet:after{box-shadow:none}
.ship-chase-view{width:clamp(170px,20vw,245px);height:clamp(112px,13vw,155px);filter:sepia(.18) brightness(1.08)}.player-ship{top:12%;height:70%;transform:translate(calc(-50% + var(--ship-shift-x)),var(--ship-shift-y)) perspective(420px) rotateX(calc(25deg + var(--ship-pitch))) rotateZ(var(--ship-roll))}
.ship-fuselage{left:50%;top:20%;width:62%;height:60%;clip-path:polygon(8% 0,92% 0,100% 70%,90% 100%,10% 100%,0 70%);border:2px solid #1a1b10;border-radius:8px;background:linear-gradient(90deg,#29331d,#65743d 22%,#8a8950 48%,#52602f 76%,#252b18);box-shadow:inset 0 0 0 2px rgba(215,202,126,.16)}
.ship-fuselage:before{left:12%;right:12%;top:-34%;width:auto;height:43%;border:4px solid #1a1b10;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(135deg,rgba(172,193,137,.55),rgba(18,31,23,.86) 65%);opacity:1}.ship-fuselage:after{left:7%;right:7%;bottom:10%;height:9%;border:1px solid #bbb26c;background:#272b19;box-shadow:0 8px 0 #11130c}.ship-fuselage b{bottom:25%;color:#e6d77e;font-size:7px;text-shadow:0 1px #111}
.ship-canopy{display:none}.ship-wing,.ship-tail{z-index:7;width:24%;height:31%;border:4px solid #12130d;border-radius:50%;clip-path:none;background:radial-gradient(circle,#3e3f2a 0 24%,#11120d 27% 58%,#2f3020 60% 68%,#090a07 70%);box-shadow:inset 0 0 0 2px #55543a}.ship-wing-left{left:5%;top:42%}.ship-wing-right{right:5%;top:42%}.ship-tail-left{left:8%;bottom:2%}.ship-tail-right{right:8%;bottom:2%}.ship-wing:after{display:none}.ship-engine{z-index:8;bottom:27%;width:11%;height:9%;border:1px solid #2e2515;border-radius:3px;background:#b43f27;box-shadow:0 0 6px rgba(235,95,50,.55)}.ship-engine-left{left:25%}.ship-engine-right{right:25%}.ship-engine i{display:none}.player-ship-shadow{left:12%;right:12%;bottom:2%;height:19%;filter:blur(7px)}
body.ship-boosting .player-ship{filter:drop-shadow(0 12px 8px rgba(0,0,0,.88)) drop-shadow(0 0 8px rgba(199,176,77,.25))}.ship-chase-view>span{color:#9eb77e;text-shadow:0 0 5px #37502f}
.attract-ship:before{width:42%;height:48%;top:28%;clip-path:polygon(8% 0,92% 0,100% 68%,88% 100%,12% 100%,0 68%)}.attract-ship>i{top:21%;width:21%;height:22%;border-radius:7px 7px 0 0}.attract-map{background:radial-gradient(circle at 68% 38%,rgba(240,178,76,.16) 0 3px,transparent 4px),radial-gradient(circle at 24% 68%,rgba(145,246,168,.2) 0 2px,transparent 3px),repeating-linear-gradient(22deg,transparent 0 17px,rgba(96,162,89,.04) 18px 19px)}
.mission-start-screen{background:linear-gradient(90deg,rgba(4,12,5,.97),rgba(15,30,15,.8) 48%,rgba(28,44,22,.3)),radial-gradient(circle at 75% 49%,rgba(173,185,92,.16),transparent 30%)}
body[data-phase=flight][data-flight-view=ship] .objective-card{bottom:24%}body[data-phase=flight][data-flight-view=ship] .flight-message{bottom:19%}
.mission-planet{background-color:#31402b;background-blend-mode:multiply;filter:saturate(.82) contrast(1.12) sepia(.2)}
.player-ship{top:4%;height:84%;transform:translate(calc(-50% + var(--ship-shift-x)),var(--ship-shift-y)) perspective(420px) rotateX(calc(4deg + var(--ship-pitch))) rotateZ(var(--ship-roll))}
.ship-fuselage{top:6%;width:60%;height:76%}.ship-wing{top:auto;bottom:4%;width:23%;height:38%}.ship-tail{display:none}.ship-engine{bottom:19%}