.menu-screen.active{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:clamp(22px,4vw,58px);min-height:calc(100vh - 142px)}
.menu-screen.active::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/lobby-v10.webp?v=1.1.0') center/cover no-repeat;filter:saturate(.9)}
.menu-screen.active::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030916f5 0%,#061125e8 42%,#06112580 72%,#03091655 100%)}
.menu-copy{position:relative;z-index:2;padding:24px;border:1px solid #43e6d455;border-radius:20px;background:#061127c7;box-shadow:0 24px 70px #000b;backdrop-filter:blur(8px)}
.menu-screen .roster-showcase{opacity:.12;pointer-events:none}
.tutorial-card{position:relative}
.tutorial-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:1px solid #66eff0aa;border-radius:50%;background:#071126e8;color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:3;box-shadow:0 0 20px #43e6d455}
.tutorial-close:hover,.tutorial-close:focus-visible{background:#ff4d6d;border-color:#ff8da1;transform:scale(1.06)}
@media(max-width:850px){.menu-screen.active{padding:18px}.menu-screen.active::after{background:#030916dc}.menu-screen .roster-showcase{display:none}.menu-copy{padding:18px}}