:root { color-scheme:dark; --bg:#02040b; --panel:#07101b; --line:rgba(66,222,255,.28); --cyan:#42deff; --pink:#ff4bd8; --yellow:#ffe45c; --green:#5dff9b; --red:#ff6075; --ink:#f3f8ff; --muted:#92a7b9; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; --display:"Arial Black",Impact,sans-serif; --body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 80% 5%,rgba(53,84,190,.22),transparent 35rem),var(--bg);font-family:var(--body);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}#starfield{position:fixed;inset:0;z-index:-2;width:100%;height:100%;}.scanlines{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px);}
.flight-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;min-height:68px;padding:9px max(18px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(2,4,11,.84);backdrop-filter:blur(18px)}.flight-header>a{display:flex;align-items:center;gap:9px;text-decoration:none}.flight-header>a span{display:grid;width:38px;height:38px;place-items:center;border:2px solid var(--cyan);border-radius:3px 9px;color:var(--cyan);font:900 14px var(--mono);box-shadow:0 0 14px rgba(66,222,255,.3)}.flight-header>a b{font:900 11px var(--mono);letter-spacing:.12em}.flight-header>div{display:grid;justify-items:center;gap:4px}.flight-header>div span{font:800 9px var(--mono);letter-spacing:.1em}.flight-header>div i{color:var(--muted);font:normal 8px var(--mono);letter-spacing:.06em}.flight-header>button{padding:9px 10px;border:1px solid rgba(93,255,155,.45);color:var(--green);background:rgba(93,255,155,.04);font:800 9px var(--mono)}
main{width:min(calc(100% - 36px),1180px);margin:auto}.mission-intro{min-height:560px;display:grid;align-content:center;max-width:880px;padding:70px 0}.mission-intro>p:first-child,.principles header p{margin:0;color:var(--cyan);font:800 10px var(--mono);letter-spacing:.14em}.mission-intro h1{margin:14px 0;font:900 clamp(3.4rem,9vw,7.7rem)/.78 var(--display);letter-spacing:-.075em;text-transform:uppercase}.mission-intro h1 span{color:transparent;-webkit-text-stroke:2px var(--pink);text-shadow:5px 5px 0 rgba(66,222,255,.27)}.mission-intro>p:nth-of-type(2){max-width:720px;color:#c0cfdb;font-size:1.08rem;line-height:1.75}.intro-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.intro-actions button,.intro-actions a,.mission-close a{padding:13px 16px;border:1px solid var(--cyan);color:#031019;background:var(--cyan);font:900 10px var(--mono);letter-spacing:.07em;text-decoration:none}.intro-actions a{color:var(--cyan);background:transparent}
.flight-console{overflow:hidden;margin-bottom:100px;border:1px solid rgba(66,222,255,.42);border-radius:5px;background:rgba(3,9,17,.91);box-shadow:0 0 60px rgba(38,152,224,.11)}.flight-console>header{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(66,222,255,.07),transparent)}.flight-console>header span,.dossier-label span{color:var(--cyan);font:800 9px var(--mono);letter-spacing:.12em}.flight-console>header h2{margin:5px 0 0;font:900 1.55rem var(--display);text-transform:uppercase}.telemetry{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font:700 8px var(--mono)}.telemetry b{color:var(--green)}.console-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:630px}.course-panel{display:grid;grid-template-rows:1fr auto;border-right:1px solid var(--line)}.course{position:relative;min-height:550px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(32,87,160,.18),transparent 55%),linear-gradient(rgba(66,222,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,222,255,.035) 1px,transparent 1px);background-size:auto,35px 35px,35px 35px}.course canvas{position:absolute;inset:0;width:100%;height:100%}.course ol{position:absolute;inset:0;margin:0;padding:0;list-style:none}.course li{position:absolute}.course li:nth-child(1){left:9%;top:76%}.course li:nth-child(2){left:30%;top:57%}.course li:nth-child(3){left:56%;top:69%}.course li:nth-child(4){left:75%;top:45%}.course li:nth-child(5){left:51%;top:24%}.course li:nth-child(6){left:18%;top:17%}.course li button{display:grid;min-width:112px;gap:2px;padding:9px 10px;border:1px solid rgba(142,166,188,.38);border-radius:2px;color:var(--muted);background:rgba(4,11,20,.93);text-align:left;transition:.2s}.course li button:hover,.course li button[aria-current="step"]{border-color:var(--cyan);color:var(--ink);box-shadow:0 0 18px rgba(66,222,255,.16)}.course li button.complete{border-color:rgba(93,255,155,.5)}.course li button span{color:var(--cyan);font:800 8px var(--mono)}.course li button b{font:900 12px var(--mono);text-transform:uppercase}.course li button small{font:8px var(--mono)}.player-ship{position:absolute;z-index:4;width:42px;height:40px;left:0;top:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:1px;filter:drop-shadow(0 0 8px rgba(66,222,255,.85));transition:transform .75s cubic-bezier(.22,.8,.25,1)}.player-ship i{background:var(--cyan)}.player-ship i:nth-child(1){grid-column:3;grid-row:1/4}.player-ship i:nth-child(2){grid-column:2;grid-row:2/4}.player-ship i:nth-child(3){grid-column:4;grid-row:2/4}.player-ship i:nth-child(4){grid-column:1/3;grid-row:4;background:var(--pink)}.player-ship i:nth-child(5){grid-column:4/6;grid-row:4;background:var(--pink)}.player-ship span{position:absolute;left:18px;bottom:-13px;width:6px;height:13px;background:linear-gradient(var(--yellow),transparent);animation:thrust .24s alternate infinite}.laser{position:absolute;z-index:3;width:3px;height:0;background:var(--yellow);box-shadow:0 0 8px var(--yellow);opacity:0}.laser.fire{animation:laser .35s ease-out}.flight-controls{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.flight-controls button{flex:1;padding:10px 8px;border:1px solid rgba(66,222,255,.38);color:var(--cyan);background:#071321;font:800 9px var(--mono)}.flight-controls button:disabled{opacity:.3}.flight-controls #next-stage{color:#031019;background:var(--cyan)}
.stage-dossier{padding:clamp(24px,4vw,42px);background:linear-gradient(145deg,rgba(12,22,34,.92),rgba(4,9,16,.97))}.dossier-label{display:flex;justify-content:space-between;gap:10px}.dossier-label b{padding:4px 6px;color:#02120a;background:var(--green);font:800 8px var(--mono)}.stage-dossier>h2{margin:20px 0 13px;font:900 clamp(1.65rem,3vw,2.7rem)/.95 var(--display);text-transform:uppercase}.stage-dossier>p{color:#adbdc9;line-height:1.7}.stage-evidence{display:grid;gap:8px;margin-top:24px}.evidence-row{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:11px;border:1px solid rgba(142,166,188,.18);background:rgba(255,255,255,.02)}.evidence-row span{color:var(--cyan);font:800 8px var(--mono)}.evidence-row p{margin:0;color:#d5dfe6;font:12px/1.5 var(--mono)}.evidence-row.fail{border-color:rgba(255,96,117,.45)}.evidence-row.fail span{color:var(--red)}.evidence-row.pass{border-color:rgba(93,255,155,.38)}.evidence-row.pass span{color:var(--green)}.judge-panel{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.judge-panel>p{color:var(--pink);font:800 9px var(--mono);letter-spacing:.12em}.judge-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.judge-panel button{display:grid;gap:5px;padding:10px;border:1px solid rgba(255,75,216,.27);color:var(--ink);background:rgba(255,75,216,.04);text-align:left}.judge-panel button:hover,.judge-panel button.active{border-color:var(--pink)}.judge-panel button span{color:var(--pink);font:800 8px var(--mono)}.judge-panel button b{font:800 10px var(--mono)}.judge-panel button small{color:var(--muted);font-size:9px}.judge-panel aside{margin-top:8px;padding:12px;border-left:3px solid var(--pink);color:#d6dce2;background:rgba(255,255,255,.03);font:11px/1.6 var(--mono)}.human-stamp{display:grid;max-width:270px;margin:28px auto 0;place-items:center;padding:16px;border:3px double var(--green);color:var(--green);transform:rotate(-2deg);box-shadow:inset 0 0 24px rgba(93,255,155,.08)}.human-stamp span{font:800 8px var(--mono);letter-spacing:.25em}.human-stamp strong{font:900 2rem var(--display)}.human-stamp small{font:8px var(--mono);text-align:center}.flight-console>footer{display:flex;justify-content:space-between;gap:20px;padding:10px 14px;border-top:1px solid var(--line);color:#71869a;background:#040912;font:800 8px var(--mono);letter-spacing:.05em}
.principles{padding:70px 0 110px}.principles header{max-width:850px}.principles h2{margin:12px 0 40px;font:900 clamp(2.5rem,7vw,5.8rem)/.86 var(--display);letter-spacing:-.05em;text-transform:uppercase}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.principle-grid article{padding:20px;border:1px solid rgba(66,222,255,.2);background:rgba(4,10,19,.75)}.principle-grid span{color:var(--cyan);font:800 9px var(--mono)}.principle-grid h3{margin:15px 0 8px;font:900 1rem var(--mono);text-transform:uppercase}.principle-grid p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.65}.inspiration-note{display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:24px;align-items:center;margin-top:24px;padding:22px;border:1px solid rgba(255,228,92,.35);background:rgba(255,228,92,.04)}.inspiration-note span{color:var(--yellow);font:800 8px var(--mono);letter-spacing:.12em}.inspiration-note strong{display:block;margin-top:6px}.inspiration-note p{margin:0;color:#c0c8cf;font-size:.82rem;line-height:1.6}.inspiration-note>div:last-child{display:grid;gap:7px}.inspiration-note a{color:var(--yellow);font:800 9px var(--mono)}.mission-close{padding:80px 0 110px;text-align:center}.mission-close>span{color:var(--cyan);font:800 9px var(--mono)}.mission-close h2{max-width:800px;margin:12px auto 26px;font:900 clamp(2rem,5vw,4.5rem)/.95 var(--display);text-transform:uppercase}.mission-close>div{display:flex;justify-content:center;gap:10px}.mission-close a:last-child{color:var(--cyan);background:transparent}.site-footer{display:flex;justify-content:space-between;gap:15px;padding:22px max(18px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);color:#73889a;font:800 8px var(--mono);letter-spacing:.06em}
@keyframes thrust{to{height:18px;bottom:-18px}}@keyframes laser{0%{height:0;opacity:1}100%{height:110px;transform:translateY(-110px);opacity:0}}
@media(max-width:900px){.console-grid{grid-template-columns:1fr}.course-panel{border-right:0;border-bottom:1px solid var(--line)}.principle-grid{grid-template-columns:1fr 1fr}.inspiration-note{grid-template-columns:1fr}.flight-header>div{display:none}}
@media(max-width:620px){main{width:min(calc(100% - 22px),1180px)}.flight-header{grid-template-columns:1fr auto}.flight-header>a b{font-size:9px}.flight-header>button{font-size:0}.flight-header>button span{font-size:14px}.mission-intro{min-height:500px;padding:50px 0}.mission-intro h1{font-size:clamp(3rem,17vw,5rem)}.flight-console>header{align-items:start;flex-direction:column}.telemetry{width:100%;justify-content:space-between}.course{min-height:500px}.course li button{min-width:88px;padding:7px}.course li button small{display:none}.course li:nth-child(1){left:4%;top:80%}.course li:nth-child(2){left:30%;top:61%}.course li:nth-child(3){left:62%;top:72%}.course li:nth-child(4){left:68%;top:44%}.course li:nth-child(5){left:42%;top:23%}.course li:nth-child(6){left:5%;top:17%}.flight-controls{flex-wrap:wrap}.flight-controls button{min-width:30%}.stage-dossier{padding:25px 18px}.judge-panel>div{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr}.mission-close>div{flex-direction:column}.flight-console>footer,.site-footer{flex-direction:column}.inspiration-note{padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}