@font-face{font-family:"Duplet";src:url("../assets/fonts/duplet-bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
:root{--green:#2ef13a;--ink:#000;--muted:#b7ffc0;--u:min(1vw,1.777777vh);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:#fff;font-family:"Duplet",Arial,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}
button,input,a{font:inherit}button{cursor:pointer}button:disabled{cursor:default}img{display:block}a{color:inherit}
#app{position:fixed;inset:0;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}
.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;isolation:isolate;animation:screenReveal .45s ease both}
@keyframes screenReveal{from{opacity:0}to{opacity:1}}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--u)*-.34))}}
@keyframes gentleFloat{0%,100%{translate:0 0}50%{translate:0 calc(var(--u)*-.24)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:.76}50%{opacity:1}}
@keyframes cardReveal{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
.design-stage,.site-shell,.game-wrap{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,calc(100vw * 9 / 16));overflow:hidden;background:#000}
.site-shell,.design-stage{--scene:url('../assets/images/SpaceBackground.png');background-image:url('../assets/images/Up.png'),url('../assets/images/Down.png'),var(--scene),url('../assets/images/SpaceBackground.png');background-repeat:no-repeat;background-size:100% auto,100% auto,cover,cover;background-position:center top,center bottom,center center,center center}
.home-screen .site-shell{--scene:url('../assets/images/Back-Home.png')}.book-screen .site-shell{--scene:url('../assets/images/Back-Book.png')}.story-screen .site-shell{--scene:url('../assets/images/Back-Story.png')}.score-screen .site-shell{--scene:url('../assets/images/Back-Scoreboard.png')}.how-screen .site-shell{--scene:url('../assets/images/Back-HowtoPlay.png')}.credits-screen .site-shell{--scene:url('../assets/images/Back-Credits.png')}
.site-shell>*{position:relative;z-index:2}.content{position:absolute;inset:0;z-index:3}
.site-mark{position:absolute;left:6.2%;bottom:4.1%;width:calc(var(--u)*4.3);height:auto;z-index:8}.site-copyright{position:absolute;right:6.15%;bottom:4.15%;width:calc(var(--u)*7.2);height:auto;z-index:8}
#screen-transition{position:fixed;inset:0;z-index:10000;pointer-events:none;background:#000;opacity:0;transition:opacity .26s ease}#screen-transition.active{opacity:1}
#orientation-lock{display:none;position:fixed;inset:0;z-index:20000;background:#000 url('../assets/images/SpaceBackground.png') center/cover no-repeat;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}#orientation-lock:before{content:"";position:absolute;inset:0;background:url('../assets/images/Up.png') top/100% auto no-repeat,url('../assets/images/Down.png') bottom/100% auto no-repeat}#orientation-lock>*{position:relative;z-index:1}#orientation-lock img{width:min(42vw,240px);animation:softFloat 3s ease-in-out infinite}#orientation-lock h1{font-size:clamp(28px,7vw,54px);margin:8px 0 0;color:var(--green);text-transform:uppercase}#orientation-lock p{font-size:clamp(13px,3vw,20px);margin:4px 0;color:var(--muted)}
@media (orientation:portrait) and (max-width:900px){#orientation-lock{display:flex}}
.sound-toggle{position:fixed;right:calc(1.15% + var(--safe-right));bottom:calc(1.1% + var(--safe-bottom));z-index:12000;width:34px;height:34px;border:1px solid rgba(46,241,58,.58);border-radius:50%;background:rgba(0,0,0,.72);color:var(--green);font-size:18px;line-height:1;opacity:.62}.sound-toggle:hover{opacity:1}.sound-toggle.muted{color:#536357;border-color:#3d4a40}
#toast{position:fixed;left:50%;bottom:6%;z-index:15000;transform:translate(-50%,16px);opacity:0;pointer-events:none;padding:10px 20px;border:1px solid var(--green);border-radius:999px;background:rgba(0,0,0,.94);color:var(--green);font-size:12px;text-transform:uppercase;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
/* Loading and language */
.loading-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.48);z-index:3}.loading-atom{width:calc(var(--u)*4.7);animation:spin 8s linear infinite}.loading-title{font-size:calc(var(--u)*.76);color:var(--green);text-transform:uppercase}.loading-bar{width:calc(var(--u)*8.5);height:2px;background:rgba(46,241,58,.18);overflow:hidden}.loading-bar span{display:block;width:0;height:100%;background:var(--green);transition:width .18s}.loading-percent{display:none}
.language-logo{position:absolute;left:50%;top:4.1%;transform:translateX(-50%);width:calc(var(--u)*31.35);z-index:3}.language-grid{position:absolute;left:50%;top:59.5%;transform:translateX(-50%);width:calc(var(--u)*37.2);display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*.58) calc(var(--u)*.84);z-index:3}.language-grid .neon-btn{height:calc(var(--u)*2.3);font-size:calc(var(--u)*.63)}.lang-flag{font-size:calc(var(--u)*.78);margin-right:calc(var(--u)*.36)}
/* Shared site navigation */
.topbar{position:absolute;left:6.3%;right:6.3%;top:4.2%;height:calc(var(--u)*9.2);display:grid;grid-template-columns:1fr calc(var(--u)*15) 1fr;align-items:center;z-index:12}.nav-group{display:flex;align-items:center;gap:calc(var(--u)*1.08)}.nav-group.right{justify-content:flex-end}.nav-logo{width:calc(var(--u)*13.2);justify-self:center;cursor:pointer}.nav-btn,.neon-btn,.action-btn{position:relative;border:1px solid var(--green);background:#000;color:var(--green);border-radius:999px;text-transform:uppercase;font-weight:700;white-space:nowrap;transition:background .14s,color .14s,transform .14s}.nav-btn{height:calc(var(--u)*2.85);min-width:calc(var(--u)*10.9);padding:0 calc(var(--u)*.8);font-size:calc(var(--u)*.86)}.nav-btn.active,.nav-btn:hover,.neon-btn:hover,.action-btn:hover{background:var(--green);color:#001b05}.nav-btn:active,.neon-btn:active,.action-btn:active{transform:scale(.98)}
.career{position:absolute;right:10.9%;top:1.7%;z-index:14;width:calc(var(--u)*25.3);font-size:calc(var(--u)*.82);color:var(--green);text-align:center;text-transform:uppercase;cursor:pointer}.career-line{display:flex;justify-content:center;align-items:center;gap:calc(var(--u)*.45);margin-bottom:calc(var(--u)*.24)}.career-track{height:calc(var(--u)*1.55);background:rgba(7,50,15,.86);position:relative}.career-fill{height:100%;background:var(--green);transition:width .6s}.career-value{position:absolute;right:calc(var(--u)*.35);top:50%;transform:translateY(-50%);font-size:calc(var(--u)*.82);color:var(--green)}
/* Home */
.home-hero{position:absolute;inset:0}.home-endless{position:absolute;left:0;top:25.8%;width:100%;height:auto;z-index:3}.home-start{position:absolute;left:50%;top:63.6%;transform:translateX(-50%);width:calc(var(--u)*26.35);border:0;background:transparent;padding:0;z-index:8}.home-start img{width:100%;height:auto}.home-info{position:absolute;left:50%;top:78.2%;transform:translateX(-50%);width:calc(var(--u)*31.35);z-index:7}.home-creature{position:absolute;object-fit:contain;z-index:5;pointer-events:none;animation:gentleFloat 4.8s ease-in-out infinite}.home-creature.c1{left:9.4%;top:20.2%;width:calc(var(--u)*9.4)}.home-creature.c2{left:23.2%;top:48.2%;width:calc(var(--u)*12.4);animation-delay:-1.1s}.home-creature.c3{left:2.2%;top:73.2%;width:calc(var(--u)*9.2);animation-delay:-2.1s}.home-creature.c4{right:3.1%;top:70.1%;width:calc(var(--u)*9.05);animation-delay:-.8s}.home-creature.c5{right:17.2%;top:49%;width:calc(var(--u)*9.4);animation-delay:-2.6s}.home-creature.c6{left:16.4%;top:80.1%;width:calc(var(--u)*5.36);animation-delay:-.4s}.home-creature.c7{left:25.8%;top:81.1%;width:calc(var(--u)*5.57);animation-delay:-1.7s}.home-creature.c8{right:23.6%;top:79.5%;width:calc(var(--u)*5.57);animation-delay:-2.3s}.home-creature.c9{right:15.1%;top:80.2%;width:calc(var(--u)*5.05);animation-delay:-1.2s}.home-creature.c10{right:8.8%;top:20.1%;width:calc(var(--u)*6.93);animation-delay:-2.9s}
/* Book, story, how, credits */
.page-copy{position:absolute;color:var(--green);text-align:center;text-transform:uppercase;white-space:pre-line}.book-copy{right:7.1%;top:25.6%;width:calc(var(--u)*40.5)}.book-copy .lead{font-size:calc(var(--u)*1.42);line-height:1.03;margin:0}.book-copy .quote{font-size:calc(var(--u)*.86);line-height:1.1;margin:calc(var(--u)*1.12) auto 0;width:72%}.book-art{position:absolute;left:42.9%;top:64%;width:calc(var(--u)*15.9)}.download-image{position:absolute;right:18.15%;top:62.6%;width:calc(var(--u)*15.8);border:0;background:transparent;padding:0}.download-image img{width:100%}
.story-copy{right:5.3%;top:30.2%;width:calc(var(--u)*46.7)}.story-copy .story-lead{font-size:calc(var(--u)*1.72);line-height:1.01;margin:0 auto calc(var(--u)*1.18);width:92%}.story-copy .story-body{font-size:calc(var(--u)*.91);line-height:1.08;margin:0 auto calc(var(--u)*.92);width:94%}.story-copy .story-close{font-size:calc(var(--u)*.91);line-height:1;margin-top:calc(var(--u)*.9)}
.how-copy{right:2.7%;top:29.2%;width:calc(var(--u)*50.5)}.how-copy .how-lead{font-size:calc(var(--u)*1.72);line-height:1.02;margin:0 auto calc(var(--u)*1.36);width:98%}.how-copy .how-controls{font-size:calc(var(--u)*1.02);line-height:1.07;margin:0 auto calc(var(--u)*1.05);width:95%}.how-copy .how-avoid{font-size:calc(var(--u)*1.02);line-height:1.07;margin:0 auto calc(var(--u)*.82);width:98%}.how-copy h2{font-size:calc(var(--u)*1.08);margin:0 0 calc(var(--u)*.55)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*.38) calc(var(--u)*1.25);width:82%;margin:0 auto;text-align:left}.how-row{display:grid;grid-template-columns:calc(var(--u)*2.55) 1fr;align-items:center;gap:calc(var(--u)*.5);min-height:calc(var(--u)*2.72)}.how-row img{width:calc(var(--u)*2.32);height:calc(var(--u)*2.32);object-fit:contain}.how-row strong{display:block;font-size:calc(var(--u)*.75);line-height:1}.how-row span{display:block;font-size:calc(var(--u)*.45);line-height:1.08;margin-top:calc(var(--u)*.16)}.how-footer{font-size:calc(var(--u)*1.02);margin:calc(var(--u)*.62) 0 0}
.credits{position:absolute;right:6.3%;top:31.1%;width:calc(var(--u)*44.3);text-align:center;color:var(--green);text-transform:uppercase}.credits .credits-list{font-size:calc(var(--u)*1.63);line-height:1.02;margin:0;white-space:pre-line}.credits .credits-name{font-size:calc(var(--u)*1.42);line-height:1.1;margin:calc(var(--u)*2.1) 0 0}.credits .credits-family{font-size:calc(var(--u)*.83);line-height:1.1;margin:calc(var(--u)*.35) 0 0}
/* Scoreboard */
.score-wrap{position:absolute;left:39.5%;right:5.9%;top:25.2%;bottom:10.3%}.score-columns{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.4);height:100%;align-content:start}.score-column{display:grid;gap:calc(var(--u)*.34)}.score-row{height:calc(var(--u)*1.72);border:1px solid rgba(46,241,58,.62);border-radius:999px;background:rgba(0,0,0,.72);display:grid;grid-template-columns:calc(var(--u)*2.4) 1fr auto;align-items:center;padding:0 calc(var(--u)*.58);color:var(--green);font-size:calc(var(--u)*.5)}.score-rank{font-size:calc(var(--u)*.56)}.score-name{text-transform:uppercase}.score-value{font-size:calc(var(--u)*.46)}.score-status{display:none}
/* Species */
.species-wrap{position:absolute;inset:0}.species-counter{position:absolute;right:6.1%;top:17.2%;font-size:calc(var(--u)*1.18);color:var(--green);z-index:6}.species-arrow{position:absolute;top:46.3%;transform:translateY(-50%);width:calc(var(--u)*4.15);height:calc(var(--u)*2.2);border:0;background:transparent;padding:0;z-index:8}.species-arrow img{width:100%;height:100%;object-fit:contain}.species-arrow.prev{left:1.65%}.species-arrow.next{right:1.65%}.species-arrow:disabled{opacity:.18}.species-viewport{position:absolute;left:7.2%;top:38.1%;width:calc(var(--u)*85.5);height:calc(var(--u)*23.25);overflow:hidden;touch-action:pan-y;cursor:grab}.species-viewport.dragging{cursor:grabbing}.species-track{height:100%;display:flex;gap:calc(var(--u)*1.02);will-change:transform;transition:transform .52s cubic-bezier(.22,.78,.18,1)}.species-track.dragging{transition:none}.species-card{position:relative;flex:0 0 calc(var(--u)*13.4);height:calc(var(--u)*21.32);border:0;background:transparent;padding:0;color:var(--green)}.species-card .frame-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.species-card .species-img{position:absolute;left:7.5%;top:8%;width:85%;height:80%;object-fit:contain}.species-card-name{position:absolute;left:-8%;right:-8%;top:calc(100% + var(--u)*.4);text-align:center;font-size:calc(var(--u)*.55);text-transform:uppercase;white-space:nowrap}.lock-cross{position:absolute;left:15%;right:15%;top:18%;bottom:18%}.lock-cross:before,.lock-cross:after{content:"";position:absolute;left:45%;top:0;width:18%;height:100%;background:var(--green);transform-origin:center}.lock-cross:before{transform:rotate(45deg)}.lock-cross:after{transform:rotate(-45deg)}
.species-detail{position:absolute;inset:0;z-index:30;background:#000 url('../assets/images/SpaceBackground.png') center/cover no-repeat;animation:screenReveal .25s ease both}.species-detail:before{content:"";position:absolute;inset:0;background:url('../assets/images/Up.png') top/100% auto no-repeat,url('../assets/images/Down.png') bottom/100% auto no-repeat}.species-detail-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--u)*59.8);height:calc(var(--u)*47.1);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.7);z-index:2}.detail-panel{position:relative;min-width:0}.detail-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.detail-creature{position:absolute;left:8%;top:8%;width:84%;height:82%;object-fit:contain}.species-detail-copy{position:absolute;left:11%;right:11%;top:18%;bottom:13%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--green);text-transform:uppercase}.species-detail-copy h2{font-size:calc(var(--u)*2.05);line-height:1;margin:0 0 calc(var(--u)*.36)}.species-detail-copy .latin{font-size:calc(var(--u)*.62);margin:0 0 calc(var(--u)*1.05)}.species-detail-copy .description{font-size:calc(var(--u)*.96);line-height:1.04;margin:0;white-space:pre-line}.close-btn{position:absolute;right:calc(var(--u)*-2.6);top:calc(var(--u)*.5);width:calc(var(--u)*2.62);height:calc(var(--u)*2.66);border:0;background:transparent;padding:0}.close-btn img{width:100%;height:100%}
/* Worlds and levels */
.world-logo,.level-logo{position:absolute;left:50%;top:2.3%;transform:translateX(-50%);width:calc(var(--u)*10.9);z-index:5}.back-heading{position:absolute;left:1.65%;top:9.8%;display:flex;align-items:center;gap:calc(var(--u)*1.1);color:var(--green);z-index:6}.back-heading button{border:0;background:transparent;padding:0;width:calc(var(--u)*4.25)}.back-heading button img{width:100%}.back-heading h1{font-size:calc(var(--u)*4.55);line-height:.88;margin:0;text-transform:uppercase}.world-grid{position:absolute;left:17.2%;right:12.8%;top:30.1%;bottom:14.6%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);column-gap:calc(var(--u)*1.25);row-gap:calc(var(--u)*1.45)}.world-card{position:relative;border:0;background:transparent;color:var(--green);text-transform:uppercase;padding:0}.world-card img{width:calc(var(--u)*10.35);height:calc(var(--u)*10.35);margin:0 auto;object-fit:contain}.world-card h3{font-size:calc(var(--u)*1.02);margin:calc(var(--u)*.38) 0 0}.world-lock{position:absolute;left:9%;right:9%;top:0;height:calc(var(--u)*10.2)}.world-lock:before,.world-lock:after{content:"";position:absolute;left:42%;top:0;width:16%;height:100%;background:var(--green)}.world-lock:before{transform:rotate(45deg)}.world-lock:after{transform:rotate(-45deg)}.world-card.locked img{opacity:.72}
.level-world{position:absolute;right:3.3%;top:5.1%;display:flex;align-items:center;gap:calc(var(--u)*1.35);color:var(--green);z-index:5}.level-world span{font-size:calc(var(--u)*1.42);text-transform:uppercase}.level-world img{width:calc(var(--u)*10.25);height:calc(var(--u)*10.25);object-fit:contain}.level-grid{position:absolute;left:6.8%;right:6.8%;top:32.7%;bottom:11.5%;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);gap:calc(var(--u)*.34) calc(var(--u)*.78)}.level-btn{position:relative;border:1px solid rgba(46,241,58,.72);border-radius:999px;background:rgba(0,0,0,.64);color:var(--green);font-size:calc(var(--u)*1.18);padding:0}.level-btn.completed,.level-btn.current{background:var(--green);color:#001b05}.level-btn.current{animation:pulse 1.2s ease-in-out infinite}.level-btn.locked{opacity:.18}.level-mini-star{font-size:calc(var(--u)*1.05);margin-right:calc(var(--u)*.28)}
/* Achievements */
.achievements-wrap{position:absolute;left:31%;right:8%;top:18%;bottom:10%;border:1px solid var(--green);border-left-width:calc(var(--u)*.35);border-bottom-width:calc(var(--u)*.35);border-radius:0 0 calc(var(--u)*1.2) calc(var(--u)*1.2);background:rgba(0,0,0,.88);padding:calc(var(--u)*1.2);color:var(--green);overflow:hidden}.achievement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*.5);margin-bottom:calc(var(--u)*.7)}.stat-box{border:1px solid rgba(46,241,58,.55);padding:calc(var(--u)*.45)}.stat-box strong{display:block;font-size:calc(var(--u)*.9)}.stat-box span{font-size:calc(var(--u)*.36);text-transform:uppercase}.achievement-list{height:78%;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*.32)}.achievement{display:grid;grid-template-columns:calc(var(--u)*2.1) 1fr auto;align-items:center;gap:calc(var(--u)*.45);min-height:calc(var(--u)*2.4);padding:calc(var(--u)*.36);border:1px solid rgba(46,241,58,.24);opacity:.38}.achievement.unlocked{opacity:1;border-color:rgba(46,241,58,.75)}.achievement h3{font-size:calc(var(--u)*.45);margin:0}.achievement p,.achievement .status{font-size:calc(var(--u)*.31);margin:2px 0}.badge{text-align:center;font-size:calc(var(--u)*.52)}
/* Game */
.game-screen,.game-wrap{background:#000}.game-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.game-ui{position:absolute;inset:0;pointer-events:none}.pause-button{pointer-events:auto;position:absolute;right:calc(var(--u)*.78);top:calc(var(--u)*4.35);width:calc(var(--u)*2.25);height:calc(var(--u)*2.25);border:1px solid var(--green);border-radius:50%;background:rgba(0,0,0,.7);color:var(--green);font-size:calc(var(--u)*.76);z-index:9}.level-intro{position:absolute;inset:0;z-index:15;background:#000 url('../assets/images/SpaceBackground.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center;transition:.55s ease}.level-intro:before{content:"";position:absolute;inset:0;background:url('../assets/images/Up.png') top/100% auto no-repeat,url('../assets/images/Down.png') bottom/100% auto no-repeat}.level-intro.hide{opacity:0;transform:scale(1.04)}.level-intro-inner{position:relative;z-index:2;text-align:center;color:var(--green);text-transform:uppercase}.level-intro-inner img{width:calc(var(--u)*11.2);height:calc(var(--u)*11.2);object-fit:contain;margin:0 auto}.level-intro-inner small{display:block;font-size:calc(var(--u)*.65);margin-top:calc(var(--u)*.35)}.level-intro-inner h2{font-size:calc(var(--u)*.72);margin:calc(var(--u)*.5) 0 0}.level-intro-inner h1{font-size:calc(var(--u)*5.2);line-height:.86;margin:0}
.game-modal{position:absolute;inset:0;z-index:30;background:rgba(0,0,0,.78) url('../assets/images/SpaceBackground.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center;animation:screenReveal .25s ease}.game-modal.hidden{display:none}.result-card{position:relative;width:calc(var(--u)*44.5);min-height:calc(var(--u)*21.5);padding:calc(var(--u)*2.35) calc(var(--u)*2.7);border:1px solid var(--green);border-left-width:calc(var(--u)*.42);border-bottom-width:calc(var(--u)*.42);border-radius:calc(var(--u)*4);background:rgba(0,0,0,.95);text-align:center;color:var(--green);animation:cardReveal .28s ease both}.result-card h2{font-size:calc(var(--u)*2.85);line-height:.9;margin:0 0 calc(var(--u)*.65);text-transform:uppercase}.result-card p{font-size:calc(var(--u)*.66);line-height:1.2;margin:calc(var(--u)*.34) 0}.result-stars{position:absolute;left:50%;top:calc(var(--u)*-2.05);transform:translateX(-50%);font-size:calc(var(--u)*2.55);letter-spacing:calc(var(--u)*.26);white-space:nowrap}.result-score{font-size:calc(var(--u)*1.85);margin:calc(var(--u)*.55) 0}.result-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(var(--u)*.5);margin-top:calc(var(--u)*.85)}.action-btn{height:calc(var(--u)*2.7);min-width:calc(var(--u)*9.4);padding:0 calc(var(--u)*1.05);font-size:calc(var(--u)*.72)}.action-btn.primary{background:var(--green);color:#001b05}.result-submit{display:flex;gap:calc(var(--u)*.4);justify-content:center;margin-top:calc(var(--u)*.62)}.result-submit input{height:calc(var(--u)*2.05);width:calc(var(--u)*10.2);border:1px solid var(--green);border-radius:999px;background:#000;color:#fff;padding:0 calc(var(--u)*.75);outline:none;font-size:calc(var(--u)*.52)}.result-reveal{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*.8);margin:calc(var(--u)*.55) 0}.result-reveal img{width:calc(var(--u)*5.8);height:calc(var(--u)*5.8);object-fit:contain}.result-reveal strong{font-size:calc(var(--u)*.9);text-transform:uppercase}
@media (max-height:620px){.sound-toggle{width:28px;height:28px;font-size:15px}.result-card{transform:scale(.88)}.nav-btn{min-width:calc(var(--u)*10.4)}}

/* ELIE v1.3 fidelity pass */
html,body,button,input,a{font-family:"Duplet",Arial,sans-serif;font-weight:700}
.site-shell{background-image:url('../assets/images/Up.png'),url('../assets/images/Down.png'),url('../assets/images/SpaceBackground.png');background-size:100% auto,100% auto,cover;background-position:center top,center bottom,center center;background-repeat:no-repeat;--scene-scale:1.035}
.scene-bg{position:absolute!important;inset:-2.5%!important;z-index:0!important;pointer-events:none;background:var(--scene) center/cover no-repeat;transform:translate3d(var(--scene-x,0),var(--scene-y,0),0) scale(var(--scene-scale,1.035));transition:transform .55s cubic-bezier(.2,.75,.25,1);will-change:transform;animation:sceneBreathe 13s ease-in-out infinite alternate}
@keyframes sceneBreathe{0%{filter:brightness(.96) saturate(.98)}100%{filter:brightness(1.05) saturate(1.06)}}
.site-mark,.site-copyright,.career,.topbar,.content{z-index:4}

/* concept-02 language selector */
.language-logo{top:3.9%;width:calc(var(--u)*39.2)}
.language-grid{top:64.5%;width:calc(var(--u)*57.4);grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*1.58) calc(var(--u)*1.42)}
.language-grid .neon-btn{height:calc(var(--u)*4.18);padding:0 calc(var(--u)*1.15);font-size:calc(var(--u)*1.48);border-width:1px;justify-content:flex-start;display:flex;align-items:center;text-align:left}
.lang-flag{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u)*3.2);font-size:calc(var(--u)*2.25);margin-right:calc(var(--u)*1.05);line-height:1}

/* Header / logo rollover */
.nav-logo-button{width:calc(var(--u)*15);height:calc(var(--u)*13.5);justify-self:center;display:flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;overflow:visible}
.nav-logo{width:calc(var(--u)*13.2);height:auto;cursor:pointer;transform-origin:center;transition:transform .32s cubic-bezier(.2,.85,.2,1),filter .32s ease}
.nav-logo-button:hover .nav-logo,.nav-logo-button:focus-visible .nav-logo{transform:scale(1.075);filter:drop-shadow(0 0 calc(var(--u)*.55) rgba(46,241,58,.42))}

/* windows-06 Career Completion overlay */
.career-modal{position:absolute!important;inset:0!important;z-index:80!important;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.82) url('../assets/images/SpaceBackground.png') center/cover no-repeat;animation:careerFade .28s ease both}
.career-modal.closing{animation:careerFadeOut .22s ease both}
@keyframes careerFade{from{opacity:0}to{opacity:1}}@keyframes careerFadeOut{to{opacity:0}}
.career-window{position:relative;width:calc(var(--u)*82.2);height:calc(var(--u)*46.1);border:1px solid var(--green);border-left-width:calc(var(--u)*.72);border-bottom-width:calc(var(--u)*.72);border-radius:calc(var(--u)*5.1) calc(var(--u)*5.1) calc(var(--u)*5.1) calc(var(--u)*5.1);background:#000;color:var(--green);padding:calc(var(--u)*2.2) calc(var(--u)*4.2);box-shadow:0 0 calc(var(--u)*1.3) rgba(46,241,58,.13);text-transform:uppercase}
.career-close{position:absolute;right:calc(var(--u)*.85);top:calc(var(--u)*.48);width:calc(var(--u)*2.65);height:calc(var(--u)*2.7);border:0;background:transparent;padding:0;z-index:3}.career-close img{width:100%;height:100%}
.career-heading{position:absolute;left:calc(var(--u)*4.15);top:calc(var(--u)*2.35)}.career-heading small{display:block;font-size:calc(var(--u)*.67);margin-bottom:calc(var(--u)*.28)}.career-heading h2{font-size:calc(var(--u)*2.45);line-height:.92;margin:0}.career-heading span{display:block;font-size:calc(var(--u)*.7);margin-top:calc(var(--u)*1.35)}
.career-progress{position:absolute;right:calc(var(--u)*4.15);top:calc(var(--u)*2.7);width:calc(var(--u)*24.2);text-align:center}.career-progress>strong{font-size:calc(var(--u)*1.05)}.career-progress-track{position:relative;height:calc(var(--u)*1.36);margin-top:calc(var(--u)*.34);background:#0c4c17;overflow:hidden}.career-progress-track span{display:block;height:100%;background:var(--green)}.career-progress-track b{position:absolute;right:calc(var(--u)*.48);top:50%;transform:translateY(-50%);font-size:calc(var(--u)*1.03)}
.career-panels{position:absolute;left:calc(var(--u)*4.25);right:calc(var(--u)*4.25);top:calc(var(--u)*10.25);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.18) calc(var(--u)*1.25)}
.career-panels article{height:calc(var(--u)*8.55);border:1px solid var(--green);border-radius:calc(var(--u)*1.15);padding:calc(var(--u)*1.05) calc(var(--u)*1.35);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:calc(var(--u)*1.1);align-content:center;background:#000}.career-panels article>strong{grid-row:1/3;font-size:calc(var(--u)*2.15);align-self:center}.career-panels h3{font-size:calc(var(--u)*1.03);margin:0;align-self:end}.career-panels p{font-size:calc(var(--u)*.58);margin:calc(var(--u)*.2) 0 0;opacity:.82}

/* concept-06 scoreboard: twenty large rows */
.score-wrap{left:34.8%;right:6.4%;top:30.15%;bottom:17.5%}
.score-columns{gap:calc(var(--u)*1.42)}
.score-column{gap:calc(var(--u)*.43)}
.score-row{height:calc(var(--u)*2.38);grid-template-columns:calc(var(--u)*2.65) 1fr auto;padding:0 calc(var(--u)*.78);font-size:calc(var(--u)*.82);border-color:rgba(225,255,232,.68)}
.score-rank{font-size:calc(var(--u)*.84)}.score-value{font-size:calc(var(--u)*.8)}.score-row:first-child{color:#fff;border-color:#fff}

/* concept-08 / concept-09 Species */
.species-arrow{top:56.65%;width:calc(var(--u)*4.15);height:calc(var(--u)*2.2)}
.species-viewport{top:37.2%;height:calc(var(--u)*23.8)}
.species-card{height:calc(var(--u)*21.32)}
.species-card.unlocked{cursor:pointer}.species-card.unlocked:hover .species-img{transform:scale(1.035);filter:drop-shadow(0 0 calc(var(--u)*.55) rgba(46,241,58,.38))}.species-card .species-img{transition:transform .28s ease,filter .28s ease}
.species-detail{animation:speciesOpen .3s ease both}.species-detail.closing{animation:speciesClose .2s ease both}@keyframes speciesOpen{from{opacity:0;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@keyframes speciesClose{to{opacity:0;transform:scale(1.015)}}
.species-detail-card{top:49.7%;width:calc(var(--u)*60.1);height:calc(var(--u)*44.3);gap:calc(var(--u)*1.65)}
.detail-frame{object-fit:contain}.detail-creature{left:7%;top:8%;width:86%;height:82%}
.species-detail-copy{left:11%;right:11%;top:16%;bottom:12%}.species-detail-copy h2{font-size:calc(var(--u)*2.22);margin-bottom:calc(var(--u)*.45)}.species-detail-copy .latin{font-size:calc(var(--u)*.72);margin-bottom:calc(var(--u)*1.22)}.species-detail-copy .description{font-size:calc(var(--u)*1.01);line-height:1.03}
.close-btn{right:calc(var(--u)*-2.75);top:calc(var(--u)*.35)}

/* concept-10 credits */
.credits{right:5.55%;top:31.05%;width:calc(var(--u)*46.2)}
.credits .credits-list{font-size:calc(var(--u)*1.76);line-height:1.01}.credits .credits-name{font-size:calc(var(--u)*1.55);margin-top:calc(var(--u)*2.05)}.credits .credits-family{font-size:calc(var(--u)*.9);margin-top:calc(var(--u)*.3)}
.credits-sign{position:absolute;right:20.5%;top:calc(var(--u)*20.1);width:calc(var(--u)*12.3);height:auto;object-fit:contain}

/* windows-03 and windows-04 milestone alerts */
.game-modal.milestone-out{animation:milestoneFadeOut .36s ease both}@keyframes milestoneFadeOut{to{opacity:0}}
.milestone-window{position:absolute;inset:0;color:var(--green);text-transform:uppercase;animation:milestoneIn .56s cubic-bezier(.18,.82,.22,1) both;cursor:pointer}
@keyframes milestoneIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.milestone-message{position:absolute;left:50%;top:8.1%;transform:translateX(-50%);width:calc(var(--u)*38.2);min-height:calc(var(--u)*14.1);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid var(--green);border-left-width:calc(var(--u)*.46);border-bottom-width:calc(var(--u)*.46);border-radius:calc(var(--u)*4.5);background:#000;padding:calc(var(--u)*2.2);z-index:3}
.milestone-message h2{font-size:calc(var(--u)*3.05);line-height:.9;margin:0}.milestone-message p{font-size:calc(var(--u)*.95);line-height:1.05;margin:calc(var(--u)*.65) 0 0;max-width:80%}
.milestone-species-card{position:absolute;left:50%;top:38%;width:calc(var(--u)*18.9);height:calc(var(--u)*28.2);transform:translateX(-50%) rotate(-8deg)}.milestone-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.milestone-creature{position:absolute;left:2%;top:8%;width:112%;height:83%;object-fit:contain;transform:rotate(8deg)}
.milestone-planet{position:absolute;left:50%;top:36%;transform:translateX(-50%);width:calc(var(--u)*27.5);height:calc(var(--u)*27.5);object-fit:contain;filter:drop-shadow(0 0 calc(var(--u)*1.2) rgba(46,241,58,.2))}
.milestone-name{position:absolute;left:50%;bottom:7.5%;transform:translateX(-50%);font-size:calc(var(--u)*1.35);letter-spacing:.03em;white-space:nowrap;text-shadow:0 0 calc(var(--u)*.6) rgba(46,241,58,.8)}

@media (max-height:620px){.language-grid .neon-btn{font-size:calc(var(--u)*1.34)}.career-window{transform:scale(.92)}.milestone-window{transform:scale(.94)}}
.content{z-index:3!important}.topbar{z-index:12!important}.career{z-index:14!important}.site-mark,.site-copyright{z-index:8!important}

/* v1.3 final visual alignment */
.site-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    url('../assets/images/Up.png') center top/100% auto no-repeat,
    url('../assets/images/Down.png') center bottom/100% auto no-repeat;
}
.species-counter{top:30.3%!important}
.species-arrow:disabled{opacity:.42}
.game-modal.milestone-modal{
  background:#000 url('../assets/images/SpaceBackground.png') center/cover no-repeat;
}
.game-modal.milestone-modal::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:url('../assets/images/Up.png') center top/100% auto no-repeat,
             url('../assets/images/Down.png') center bottom/100% auto no-repeat;
  opacity:.16;
}
.game-modal.milestone-modal .milestone-window{z-index:1}

/* v1.4 atmospheric shooting stars: every screen except gameplay */
#shooting-stars{
  position:fixed;
  inset:0;
  z-index:9500;
  overflow:hidden;
  pointer-events:none;
  opacity:1;
  transition:opacity .25s ease;
}
#shooting-stars.hidden{opacity:0}
.shooting-star{
  position:absolute;
  left:-24vw;
  top:var(--start-y,10vh);
  width:var(--star-length,130px);
  height:1px;
  border-radius:999px;
  opacity:0;
  background:linear-gradient(90deg,transparent 0%,rgba(118,255,143,.06) 20%,rgba(119,255,145,.74) 82%,#f5fff7 100%);
  filter:drop-shadow(0 0 4px rgba(61,255,96,.82));
  transform-origin:right center;
  animation:menuShootingStar var(--star-duration,2.2s) cubic-bezier(.12,.35,.28,1) forwards;
  will-change:transform,opacity;
}
.shooting-star::after{
  content:"";
  position:absolute;
  right:-2px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 6px #fff,0 0 15px #2ef13a;
  transform:translateY(-50%);
}
@keyframes menuShootingStar{
  0%{opacity:0;transform:translate3d(0,-24vh,0) rotate(45deg) scale(var(--star-scale,1))}
  9%{opacity:var(--star-opacity,.5)}
  76%{opacity:var(--star-opacity,.5)}
  100%{opacity:0;transform:translate3d(132vw,84vh,0) rotate(45deg) scale(var(--star-scale,1))}
}
@media (prefers-reduced-motion:reduce){#shooting-stars{display:none}}

/* ELIE v1.5 final motion and career pass */
/* Background pointer parallax removed: each page now breathes with a calm, endless zoom. */
.scene-bg{
  inset:-4%!important;
  transform:translate3d(0,0,0) scale(1.025);
  transition:none;
  animation:sceneZoomLoop 16s ease-in-out infinite;
}
@keyframes sceneZoomLoop{
  0%,100%{transform:translate3d(0,0,0) scale(1.025);filter:brightness(.98) saturate(1)}
  50%{transform:translate3d(0,0,0) scale(1.075);filter:brightness(1.035) saturate(1.035)}
}

/* Stars travel from the right edge toward the left at a 45-degree trajectory. */
.shooting-star{
  left:auto;
  right:-24vw;
  background:linear-gradient(90deg,#f5fff7 0%,rgba(119,255,145,.74) 18%,rgba(118,255,143,.06) 80%,transparent 100%);
  transform-origin:left center;
  animation-name:menuShootingStarRTL;
}
.shooting-star::after{left:-2px;right:auto}
@keyframes menuShootingStarRTL{
  0%{opacity:0;transform:translate3d(0,-24vh,0) rotate(-45deg) scale(var(--star-scale,1))}
  9%{opacity:var(--star-opacity,.5)}
  76%{opacity:var(--star-opacity,.5)}
  100%{opacity:0;transform:translate3d(-132vw,84vh,0) rotate(-45deg) scale(var(--star-scale,1))}
}

/* Book copy and Download artwork share exactly the same horizontal center. */
.download-image{left:72.65%;right:auto;transform:translateX(-50%)}

/* Only ranks 1, 2 and 3 are white. Rank 11 and every other row remain green. */
.score-row,.score-row:first-child{color:var(--green);border-color:rgba(46,241,58,.72)}
.score-row.rank-top{color:#fff;border-color:#fff}

/* The discovered creature gently floats inside the left Species detail card. */
.detail-creature{animation:speciesDetailFloat 4.4s ease-in-out infinite;will-change:transform}
@keyframes speciesDetailFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}
  50%{transform:translate3d(0,calc(var(--u)*-.72),0) rotate(.35deg)}
}

/* Home creatures now float with a more visible, elegant amplitude. */
@keyframes gentleFloat{
  0%,100%{translate:0 0}
  28%{translate:calc(var(--u)*.12) calc(var(--u)*-.82)}
  58%{translate:calc(var(--u)*-.1) calc(var(--u)*-.38)}
  78%{translate:calc(var(--u)*.08) calc(var(--u)*-.98)}
}
.home-creature{animation-duration:5.4s}
.home-creature:nth-of-type(3n){animation-duration:6.3s}
.home-creature:nth-of-type(3n+1){animation-duration:4.7s}

/* Scrollable, expanded Career Completion system. */
.career-window{overflow:hidden}
.career-progress em{display:block;margin-top:calc(var(--u)*.34);font-size:calc(var(--u)*.55);font-style:normal;opacity:.82}
.career-panels{
  top:calc(var(--u)*9.05);
  grid-template-columns:repeat(4,1fr);
  gap:calc(var(--u)*.72);
}
.career-panels article{
  height:calc(var(--u)*7.15);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:calc(var(--u)*.72);
}
.career-panels article>strong{font-size:calc(var(--u)*1.72);line-height:1}
.career-panels h3{font-size:calc(var(--u)*.71);margin:calc(var(--u)*.32) 0 0;line-height:1}
.career-panels p{font-size:calc(var(--u)*.46);margin:calc(var(--u)*.22) 0 0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.career-task-heading{
  position:absolute;
  left:calc(var(--u)*4.25);
  top:calc(var(--u)*17.2);
  font-size:calc(var(--u)*.86);
  letter-spacing:.025em;
}
.career-task-scroll{
  position:absolute;
  left:calc(var(--u)*4.15);
  right:calc(var(--u)*3.6);
  top:calc(var(--u)*18.65);
  bottom:calc(var(--u)*2.2);
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 calc(var(--u)*.55) calc(var(--u)*.25) 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-content:start;
  gap:calc(var(--u)*.5) calc(var(--u)*.65);
  touch-action:pan-y;
  overscroll-behavior:contain;
  scrollbar-color:var(--green) rgba(46,241,58,.12);
  scrollbar-width:thin;
}
.career-task-scroll::-webkit-scrollbar{width:calc(var(--u)*.34)}
.career-task-scroll::-webkit-scrollbar-track{background:rgba(46,241,58,.1);border-radius:999px}
.career-task-scroll::-webkit-scrollbar-thumb{background:var(--green);border-radius:999px}
.career-task{
  min-height:calc(var(--u)*4.55);
  border:1px solid rgba(46,241,58,.56);
  border-radius:calc(var(--u)*.8);
  display:grid;
  grid-template-columns:calc(var(--u)*2.7) 1fr calc(var(--u)*1.4);
  align-items:center;
  gap:calc(var(--u)*.62);
  padding:calc(var(--u)*.48) calc(var(--u)*.64);
  background:rgba(0,0,0,.72);
}
.career-task.locked{opacity:.38;filter:saturate(.55)}
.career-task.unlocked{border-color:var(--green);box-shadow:inset 0 0 calc(var(--u)*.5) rgba(46,241,58,.08)}
.career-task-badge{
  width:calc(var(--u)*2.35);
  height:calc(var(--u)*2.35);
  border:1px solid currentColor;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:calc(var(--u)*.63);
}
.career-task-copy{min-width:0}
.career-task-copy h4{font-size:calc(var(--u)*.58);line-height:1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.career-task-track{height:calc(var(--u)*.22);margin-top:calc(var(--u)*.38);background:rgba(46,241,58,.16);overflow:hidden}
.career-task-track span{display:block;height:100%;background:var(--green)}
.career-task-copy p{font-size:calc(var(--u)*.43);margin:calc(var(--u)*.2) 0 0;opacity:.78}
.career-task>b{font-size:calc(var(--u)*1.05);text-align:center}

@media (max-height:620px){
  .career-task-scroll{grid-template-columns:1fr 1fr}
  .career-task{min-height:calc(var(--u)*4.25)}
}

/* ELIE v1.6 AAA systems */
.worlds-screen .world-grid{bottom:21.2%}
.special-modes{position:absolute;left:18.5%;right:13.5%;bottom:6.7%;height:calc(var(--u)*5.15);display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.1);z-index:7}
.special-mode{display:grid;grid-template-columns:calc(var(--u)*4.1) 1fr auto;align-items:center;gap:calc(var(--u)*.75);border:1px solid rgba(46,241,58,.72);border-radius:calc(var(--u)*1.15);background:rgba(0,0,0,.86);color:var(--green);padding:calc(var(--u)*.55) calc(var(--u)*.85);text-align:left;text-transform:uppercase;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}
.special-mode:hover{transform:translateY(calc(var(--u)*-.18));background:rgba(16,75,28,.9);box-shadow:0 0 calc(var(--u)*1.2) rgba(46,241,58,.18)}
.special-mode>span{font-size:calc(var(--u)*1.55);text-align:center;color:#fff}
.special-mode strong{display:block;font-size:calc(var(--u)*.82);line-height:1}
.special-mode small{display:block;margin-top:calc(var(--u)*.22);font-size:calc(var(--u)*.42);line-height:1.08;opacity:.72;text-transform:none}
.special-mode>b{font-size:calc(var(--u)*.48);white-space:nowrap;text-align:right}
.special-mode.daily{border-color:#fff}.special-mode.daily>span,.special-mode.daily strong{color:#fff}

.result-card.advanced-result{width:calc(var(--u)*55.5);min-height:calc(var(--u)*37.8);padding:calc(var(--u)*2.05) calc(var(--u)*2.3) calc(var(--u)*1.55);border-radius:calc(var(--u)*3.2);display:flex;flex-direction:column;align-items:center}
.advanced-result .result-grade{position:absolute;left:calc(var(--u)*2.15);top:calc(var(--u)*2);width:calc(var(--u)*5.4);height:calc(var(--u)*5.4);border:1px solid var(--green);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 calc(var(--u)*1) rgba(46,241,58,.12)}
.advanced-result .result-grade small{font-size:calc(var(--u)*.45);text-transform:uppercase}.advanced-result .result-grade strong{font-size:calc(var(--u)*2.45);line-height:.86;color:#fff}
.result-heading small{display:block;font-size:calc(var(--u)*.58);letter-spacing:.08em;text-transform:uppercase;opacity:.75}.result-heading h2{font-size:calc(var(--u)*2.55);margin:calc(var(--u)*.25) 0 calc(var(--u)*.2)}.result-heading p{min-height:calc(var(--u)*.7);margin:0;font-size:calc(var(--u)*.58)}.result-heading p b{color:#fff;animation:pulse 1.4s ease-in-out infinite}
.result-main-score{font-size:calc(var(--u)*2.05);line-height:1;margin:calc(var(--u)*.55) 0 calc(var(--u)*.42);color:#fff;text-shadow:0 0 calc(var(--u)*.65) rgba(46,241,58,.45)}
.performance-bar{position:relative;width:72%;height:calc(var(--u)*1.2);background:rgba(46,241,58,.12);overflow:hidden;margin-bottom:calc(var(--u)*.75)}.performance-bar span{display:block;height:100%;background:linear-gradient(90deg,#11621e,var(--green));box-shadow:0 0 calc(var(--u)*.65) var(--green)}.performance-bar b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--u)*.49);color:#fff;letter-spacing:.03em}
.flight-report{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--u)*.5);margin:0 0 calc(var(--u)*.65)}.flight-report article{min-height:calc(var(--u)*4.25);border:1px solid rgba(46,241,58,.42);border-radius:calc(var(--u)*.65);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(3,30,9,.45)}.flight-report strong{font-size:calc(var(--u)*1.18);line-height:1;color:#fff}.flight-report span{font-size:calc(var(--u)*.42);margin-top:calc(var(--u)*.28);text-transform:uppercase;text-align:center;opacity:.8}
.result-pickups{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*1.1);height:calc(var(--u)*3.6);margin-bottom:calc(var(--u)*.4)}.result-pickups span{display:flex;align-items:center;gap:calc(var(--u)*.25);font-size:calc(var(--u)*.62)}.result-pickups img{width:auto;height:calc(var(--u)*2.25);object-fit:contain}.result-pickups b{color:#fff}
.advanced-result .result-submit{margin-top:0}.advanced-result .result-actions{margin-top:calc(var(--u)*.55)}.advanced-result .action-btn{height:calc(var(--u)*2.35);min-width:calc(var(--u)*8.3);font-size:calc(var(--u)*.61)}
.advanced-result.failure .result-grade{border-color:rgba(46,241,58,.35);opacity:.65}

@media (max-height:620px){.result-card.advanced-result{transform:scale(.82)}.special-modes{bottom:5.5%}}