@font-face{font-family:Anton;src:url('../fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.launch-screen{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px;padding:24px;background:radial-gradient(ellipse at 50% 42%,#20283b,#080d19 66%,#050810);overflow:hidden;isolation:isolate}
.launch-screen:before{content:'';position:absolute;width:min(82vw,70dvh,430px);aspect-ratio:1;border:1px solid #e6c57815;border-radius:50%;box-shadow:0 0 0 37px #e6c57804,0 0 0 74px #e6c57803;z-index:-1}
.launch-logo{display:block;width:clamp(160px,35vw,208px);height:auto;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 -1px 0 #fff2) drop-shadow(0 6px 20px #d7b34b18);animation:launchLogoIn .65s cubic-bezier(.2,.7,.2,1) .05s both;user-select:none;-webkit-user-drag:none;pointer-events:none}
.launch-name{margin:0;width:min(100%,360px);animation:launchNameIn .6s ease-out .55s both}.launch-name svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 -1px 0 #fff2)}
.launch-subtitle{display:block;text-align:center;margin-top:13px;font-size:calc(9px * var(--ui-text-scale,1));letter-spacing:5px;color:#a89b7f;font-weight:600}
.launch-start{margin-top:10px;min-width:154px;min-height:49px;padding:10px 26px;border:1px solid #f5d892;border-radius:11px;background:linear-gradient(145deg,#fae0a2,#d2ad5b);color:#1b1d25;font-family:Impact,Anton,'Arial Narrow',sans-serif;font-size:calc(23px * var(--ui-text-scale,1));font-weight:400;letter-spacing:2px;box-shadow:inset 0 1px #fff8,0 4px 0 #6b5026,0 9px 24px #0005;cursor:pointer;animation:launchButtonIn .4s ease-out 1.15s both}.launch-start:active{translate:0 3px;box-shadow:inset 0 2px 3px #0003,0 1px 0 #6b5026}.launch-start:focus-visible{outline:2px solid #fff1be;outline-offset:5px}.launch-start:disabled{cursor:default}
.launch-screen.leaving{pointer-events:auto;animation:launchExit 1s ease-in-out .1s both}.leaving .launch-logo{animation:launchLogoOut .9s cubic-bezier(.5,0,.3,1) both}.leaving .launch-name{animation:launchNameOut .75s ease-in both}.leaving .launch-start{animation:launchButtonOut .18s ease-out both}
@keyframes launchLogoIn{from{opacity:0;transform:translateY(16px) scale(.93)}to{opacity:1;transform:none}}@keyframes launchNameIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes launchButtonIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes launchLogoOut{to{transform:translateY(-65vh) scale(.8);opacity:0}}@keyframes launchNameOut{to{transform:scale(.45);opacity:0}}@keyframes launchButtonOut{to{opacity:0;transform:translateY(3px)}}@keyframes launchExit{to{opacity:0}}
@media(max-height:500px){.launch-screen{gap:16px;padding:16px}.launch-logo{width:112px}.launch-name{width:270px}.launch-subtitle{margin-top:8px;font-size:calc(8px * var(--ui-text-scale,1))}.launch-start{margin-top:0;min-height:44px;padding:7px 22px;font-size:calc(21px * var(--ui-text-scale,1))}}
@media(prefers-reduced-motion:reduce){.launch-logo,.launch-name,.launch-start{animation:none}.launch-screen.leaving{animation:launchExit .16s linear both}.leaving .launch-logo,.leaving .launch-name,.leaving .launch-start{animation:none}}

/* El fondo se retira con la pantalla de inicio; nunca permanece en el menú. */
.launch-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.78;background:#070d18}.launch-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none;-webkit-user-drag:none}.launch-screen:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#07102077 0%,#07102033 35%,transparent 70%),linear-gradient(0deg,#050a16aa,transparent 32%,#050a1633)}

.launch-music{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;max-width:90%;padding:8px 14px;background:#0a1223c9;border:1px solid #b79a5855;border-radius:22px;color:#ddca9d;font:inherit;font-size:calc(11px * var(--ui-text-scale,1));cursor:pointer;white-space:nowrap}.launch-music[aria-pressed=true]{border-color:#d5b575;color:#f1dcac}.launch-music:focus-visible{outline:2px solid #f9dfa6;outline-offset:4px}.launch-music>span:first-child{font-size:calc(18px * var(--ui-text-scale,1))}.leaving .launch-music{opacity:0;pointer-events:none}@media(max-height:500px){.launch-music{bottom:8px;min-height:30px;padding:3px 10px;font-size:calc(10px * var(--ui-text-scale,1))}}
.launch-screen[hidden]{display:none}