/* launch20.css | part 19.4. Title, exit and credits in the same borderless floating-text style as the in-game pause. */
@keyframes lxFloat{0%,100%{opacity:.28;transform:translateY(6px);letter-spacing:.42em}50%{opacity:1;transform:translateY(-6px);letter-spacing:.5em}}
@keyframes lxRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.lx-prompt,.lx-prompt:hover{all:unset;display:block;margin-top:7vh;font-family:'Mozilla Headline',Arial,sans-serif;font-weight:700;font-size:clamp(.8rem,2vh,1.05rem);letter-spacing:.45em;padding-left:.45em;color:#ffe08a;text-shadow:0 0 14px rgba(255,200,80,.7),0 0 40px rgba(255,170,40,.35);background:none;border:0;clip-path:none;animation:lxFloat 3.4s ease-in-out infinite;text-align:center}
.lx-prompt .prompt-text{all:unset}
.selector-menu .menu-item{background:none!important;border:0!important;box-shadow:none!important;text-shadow:0 0 10px rgba(0,0,0,.9);transition:color .25s,text-shadow .25s,transform .25s}
.selector-menu .menu-item::before,.selector-menu .menu-item::after{display:none!important}
.selector-menu .menu-item:hover{color:#ffe08a!important;text-shadow:0 0 16px rgba(255,200,80,.8);transform:translateY(-2px)}
/* exit */
.lx-exit{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:rgba(2,3,10,.74);backdrop-filter:blur(5px);animation:lxRise .35s ease}
.lx-exit.bye{background:rgba(0,0,4,.96);transition:background 1s}
.lx-exit-in{text-align:center;font-family:'Mozilla Headline',Arial,sans-serif;color:#cfd8ea}
.lx-exit h2{margin:0;font-weight:800;font-size:clamp(1.6rem,6vh,3rem);letter-spacing:.3em;padding-left:.3em;color:#ffe08a;text-shadow:0 0 26px rgba(255,200,80,.6);animation:lxFloat 4s ease-in-out infinite}
.lx-exit p{margin:1.6vh 0 5vh;font-size:clamp(.7rem,1.8vh,.9rem);letter-spacing:.3em;color:#9aa6bc}
.lx-exit .opts{display:flex;gap:4em;justify-content:center}
.lx-exit .opt{all:unset;cursor:pointer;font-weight:700;font-size:clamp(.8rem,2.1vh,1.05rem);letter-spacing:.4em;padding:.4em .2em .4em .6em;color:#8f9bb0;text-shadow:0 0 10px #000;transition:color .2s,text-shadow .2s,transform .2s}
.lx-exit .opt.on,.lx-exit .opt:hover{color:#ffe08a;text-shadow:0 0 18px rgba(255,200,80,.85);transform:translateY(-3px)}
.lx-exit .hint{margin-top:4vh;font-size:clamp(.58rem,1.4vh,.72rem);letter-spacing:.3em;color:#69748a}
.lx-exit .bye-t{font-size:clamp(1.4rem,5vh,2.6rem);letter-spacing:.4em;color:#ffe08a;text-shadow:0 0 24px rgba(255,200,80,.6);animation:lxRise 1s ease both}
/* credits: no panel */
.credits-modal{background:rgba(2,3,10,.78)!important;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}
.credits-modal.hidden{display:none!important}
.credits-content.cr3{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;width:min(1000px,92vw);max-height:92vh;font-family:'Mozilla Headline',Arial,sans-serif;color:#cfd8ea;animation:lxRise .6s ease both}
.cr3 .cr3-col{display:flex;flex-direction:column;gap:1.3vh}
.cr3 .cr3-l{align-items:flex-end;text-align:right}.cr3 .cr3-r{align-items:flex-start;text-align:left}
.cr3 .cr-eyebrow{font-size:clamp(.55rem,1.4vh,.7rem);letter-spacing:.6em;color:#8b97ab}
.cr3 h2{all:unset;font-weight:800;font-size:clamp(1.3rem,4.4vh,2.2rem);letter-spacing:.24em;color:#ffe08a;text-shadow:0 0 24px rgba(255,190,70,.5);white-space:nowrap;margin:.2em 0 1.4vh}
.cr3 .cr-sub{font-size:clamp(.55rem,1.4vh,.7rem);letter-spacing:.55em;color:#8b97ab;margin-top:1.4vh}
.cr3 .cr-name{font-weight:700;font-size:clamp(1.2rem,3.6vh,1.9rem);letter-spacing:.18em;color:#fff}
.cr3 .cr-dev{margin:.4vh 0 0;font-size:clamp(.62rem,1.6vh,.8rem);line-height:1.7;letter-spacing:.1em;color:#9fb0c6}
.cr3 .cr-sp{margin-top:3.4vh;display:flex;flex-direction:column;gap:.8vh;align-items:flex-end;animation:lxFloat 5s ease-in-out infinite}
.cr3 .cr-sp span{font-size:clamp(.55rem,1.4vh,.7rem);letter-spacing:.55em;color:#6fe9ff}
.cr3 .cr-sp b{font-size:clamp(1.2rem,3.6vh,1.9rem);letter-spacing:.2em;color:#e8fbff;text-shadow:0 0 20px rgba(111,233,255,.7)}
.cr3 .cr-sp small{font-size:clamp(.6rem,1.5vh,.76rem);line-height:1.6;color:#b9c6d8}
.cr3 .tester-list{all:unset;display:flex;flex-direction:column;gap:1.1vh;margin-top:1vh}
.cr3 .tester-list li{all:unset;display:block;font-size:clamp(.8rem,2.2vh,1.05rem);letter-spacing:.2em;color:#cfd8ea;opacity:0;animation:lxRise .6s both}
.cr3 .tester-list li:nth-child(1){animation-delay:.3s}.cr3 .tester-list li:nth-child(2){animation-delay:.4s}.cr3 .tester-list li:nth-child(3){animation-delay:.5s}.cr3 .tester-list li:nth-child(4){animation-delay:.6s}.cr3 .tester-list li:nth-child(5){animation-delay:.7s}.cr3 .tester-list li:nth-child(6){animation-delay:.8s}.cr3 .tester-list li:nth-child(7){animation-delay:.9s}
.cr3 .tester-list li.hi{color:#ffe08a;text-shadow:0 0 12px rgba(255,200,80,.5)}
.cr3 .more-testers{margin:1.6vh 0 0;font-size:clamp(.58rem,1.4vh,.72rem);letter-spacing:.14em;color:#6f7b90}
.cr3 .credits-close{all:unset;cursor:pointer;position:fixed;left:0;right:0;bottom:3.4vh;text-align:center;font-size:clamp(.6rem,1.5vh,.78rem);letter-spacing:.4em;color:#8f9bb0;animation:lxFloat 3.4s ease-in-out infinite}
.cr3 .credits-close:hover{color:#ffe08a}
@keyframes lxSoft{0%,100%{opacity:.78}50%{opacity:1}}
.cr3 .cr-sp{animation:lxSoft 4s ease-in-out infinite}
.cr3 small,.cr3 .cr-sp small{letter-spacing:.05em!important;word-spacing:normal!important;text-transform:none!important;white-space:normal}
.cr3 .credits-close{position:static!important;grid-column:1/-1;justify-self:center;margin-top:2vh;animation:lxSoft 3s ease-in-out infinite}
