.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.is-welcome{background:#18233b url("background.webp") center center/cover no-repeat fixed}
body.is-welcome::before{display:none}
body.is-welcome .page-shell{width:min(1040px,calc(100% - 120px));padding:24px 0;max-width:none}
body.is-welcome .campaign-header,body.is-welcome footer{display:none}
#welcome.title-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100svh - 48px);padding:28px 22px 20px;border:3px solid #20e5f1;border-radius:18px;box-shadow:0 0 0 4px #080c26,0 0 30px #12daef33;background:#11102c url("menu-room.webp") center center/cover no-repeat;overflow:hidden}
#welcome::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,rgba(13,12,38,.16) 20%,rgba(13,12,38,.16) 80%,transparent)}
#welcome .menu-logo{width:min(900px,100%);margin:0 auto 12px;line-height:0;max-width:none;flex-shrink:0}
.logo-crop{position:relative;display:block;aspect-ratio:1000/450;overflow:hidden;mix-blend-mode:lighten}
.logo-crop img{position:absolute;width:167.2%;max-width:none;height:auto;left:-34%;top:-12.22%;image-rendering:auto}
.menu-pitch{color:#fff9df;font-size:clamp(14px,1.35vw,18px);font-weight:700;line-height:1.6;margin:0 0 22px;text-shadow:2px 2px #100d29}
.menu-actions{display:flex;flex-direction:column;gap:18px;width:min(460px,80vw)}
#welcome .menu-play{display:flex;justify-content:center;align-items:center;gap:22px;min-height:94px;font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:1px;color:#11112d;background:linear-gradient(#9af64f,#6ddd2d);border:5px solid #cbff93;border-radius:14px;box-shadow:0 0 0 5px #193421,0 10px 0 5px #0b151d,inset 0 -7px 0 #41b41c,inset 0 5px 0 #c8ff8d;text-shadow:none}
.menu-play span{font-size:.78em}
.menu-secondary{display:flex;gap:18px;justify-content:center}
#welcome .menu-secondary button{flex:1;min-height:58px;padding:12px;font-size:20px;letter-spacing:1px;border:3px solid #fff7d8;background:#13112ed9;color:#fff7d8;border-radius:12px;box-shadow:0 4px 0 #08091d;text-shadow:2px 2px #100d29}
#welcome button:hover{filter:brightness(1.12)}
.menu-dates{font-size:13px;color:#e0daee;max-width:440px;margin:24px 0 0;text-shadow:1px 1px #100d29}
.menu-legal{display:flex;gap:14px;align-items:center;justify-content:center;color:#ded7ec}
#welcome .menu-legal button{font-size:13px;color:#fff7d8;margin:0;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.menu-preview{font-size:10px;letter-spacing:1px;color:#ccc5df;margin:4px 0 0;background:#100e2bbd;padding:5px 10px;border-radius:4px}
@media(min-width:1100px) and (max-height:850px){#welcome .menu-logo{width:min(700px,65vw)}#welcome.title-screen{padding-top:10px}.menu-pitch{margin-bottom:16px}#welcome .menu-play{min-height:78px}.menu-dates{margin-top:18px}}
@media(max-width:700px){body.is-welcome .page-shell{width:calc(100% - 24px);padding:12px 0}#welcome.title-screen{min-height:calc(100svh - 24px);padding:24px 18px;justify-content:center;background-position:center center;border-radius:12px}#welcome .menu-logo{width:100%;max-width:600px;margin-bottom:22px}.menu-actions{width:min(400px,100%)}#welcome .menu-play{min-height:78px;font-size:36px}.menu-secondary{gap:14px}#welcome .menu-secondary button{font-size:18px;min-height:54px}.menu-pitch{font-size:14px;margin-bottom:28px}.menu-dates{max-width:290px;font-size:12px;margin-top:26px}.menu-preview{font-size:9px;letter-spacing:.5px}}
@media(max-height:550px) and (min-width:701px){#welcome .menu-logo{width:400px;margin:0 auto}.menu-pitch{font-size:12px;margin-bottom:12px}.menu-actions{width:340px;gap:12px}#welcome .menu-play{min-height:58px;font-size:28px}#welcome .menu-secondary button{min-height:40px;font-size:14px;padding:8px}.menu-dates{margin-top:14px;font-size:11px}.menu-preview{margin:0}}