#studioIntro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:#280b12;color:#fff;text-align:center;isolation:isolate}#studioIntro[hidden]{display:none}#studioIntro .studio-bg{position:absolute;inset:-24px;background:url('assets/egg-studio/background.webp') center/cover no-repeat;filter:blur(8px) brightness(.48);z-index:-2}#studioIntro::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,#3d172c22,#0a0516d9);z-index:-1}.studio-card{display:grid;justify-items:center;gap:12px;padding:24px}.studio-logo{width:clamp(120px,28vh,270px);height:auto;filter:drop-shadow(0 12px 30px #0006)}.studio-name{font-size:clamp(22px,5vw,42px);font-weight:800;letter-spacing:.18em;margin:0;color:#ffebad}.studio-credit{font-size:clamp(16px,2.5vw,22px);letter-spacing:.22em;margin:0;color:#fff1e5}#studioIntro.playing .studio-logo{animation:eggArrive 1.2s cubic-bezier(.2,.8,.2,1) both,eggFloat 1.25s 1.2s ease-in-out infinite}#studioIntro.playing .studio-name{animation:eggText 1s .5s both}#studioIntro.playing .studio-credit{animation:eggText 1s 1.3s both}#studioIntro.leaving{opacity:0;transition:opacity .4s ease;pointer-events:none}@keyframes eggArrive{0%{opacity:0;transform:translateY(55px) rotate(-18deg) scale(.5)}60%{opacity:1;transform:translateY(-18px) rotate(8deg) scale(1.12)}80%{transform:translateY(6px) rotate(-5deg) scale(.97)}100%{opacity:1;transform:none}}@keyframes eggFloat{0%,100%{transform:translateY(0) rotate(-4deg) scale(1)}25%{transform:translateY(-16px) rotate(4deg) scale(1.04)}50%{transform:translateY(0) rotate(0) scale(1.06,.95)}75%{transform:translateY(-8px) rotate(-4deg) scale(1)}}@keyframes eggText{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-height:420px){.studio-card{gap:6px;padding:12px}.studio-logo{width:110px}.studio-name{font-size:24px}.studio-credit{font-size:16px}}@media(prefers-reduced-motion:reduce){#studioIntro *{animation:none!important}#studioIntro.leaving{transition:none}}.studio-bug-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;min-height:44px;border:1px solid #8b815d;border-radius:8px;background:#13262b;color:#ffe5a3;text-decoration:none;font-size:14px}.studio-bug-link img{width:28px;height:28px;object-fit:contain}.studio-bug-link:focus-visible{outline:2px solid #ffe5a3;outline-offset:3px}
