.start-screen{background:#111423;overflow:hidden;isolation:isolate}
.start-screen::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#10132188,#101321aa),url('art/guardians-vs-villains-homepage-final-v2.webp?v=qol1') center/cover;filter:blur(24px) saturate(.75) brightness(.58);transform:scale(1.06);pointer-events:none}
.start-artboard{width:100vw;height:100dvh;min-height:0;aspect-ratio:auto;overflow:hidden}
.start-screen-art{object-fit:cover;object-position:center center;filter:none;mask-image:none}
.start-game-logo{position:absolute;z-index:2;left:50%;top:1.5%;width:min(31%,520px);height:auto;transform:translateX(-50%);filter:drop-shadow(0 .5vw .85vw rgba(3,5,20,.72));pointer-events:none;user-select:none}
.start-play{left:36.5%;top:80%;width:27%;height:10%;font-size:clamp(16px,2.6vw,44px);border-radius:8px}
.start-leaderboard{left:41.5%;top:91.3%;width:17%;height:5.1%;font-size:clamp(11px,1.5vw,25px);border-radius:5px}
.cinematic-glow{position:absolute;inset:auto 0 0;height:31%;pointer-events:none;background:linear-gradient(transparent,#07112c99 72%,#07112ccc);animation:none}
.cinematic-shimmer{display:none}
.cinematic-shimmer::after{content:'';position:absolute;inset:-30% -80%;background:linear-gradient(110deg,transparent 46%,#fff3bf30 50%,transparent 54%);animation:cinematic-sheen 11s ease-in-out infinite}
.cinematic-city-lights,.cinematic-weapon-lights{display:none}
.cinematic-city-lights{mask-image:radial-gradient(ellipse 2% 10% at 50% 49%,#000,transparent),radial-gradient(ellipse 3% 8% at 45% 65%,#000,transparent),radial-gradient(ellipse 2% 7% at 54% 70%,#000,transparent);animation:cinematic-city 7s ease-in-out infinite alternate}
.cinematic-weapon-lights{mask-image:radial-gradient(ellipse 9% 25% at 4% 56%,#000,transparent),radial-gradient(ellipse 7% 12% at 29% 90%,#000,transparent),radial-gradient(ellipse 11% 8% at 82% 85%,#000,transparent);animation:cinematic-weapon 5.5s ease-in-out infinite alternate}
.start-play{background:linear-gradient(145deg,#eddb91,#e2bb50 55%,#cc982f);border-color:#e9d692;box-shadow:0 0 0 .18vw #29203a,0 .3vw .8vw #08051f77,inset 0 .15vw .25vw #fff4c140;text-shadow:none;transition:box-shadow .2s ease,filter .2s ease,transform .2s ease}
.start-play:hover,.start-play:focus-visible{filter:brightness(1.04);box-shadow:0 0 20px #f1ce6140,0 .3vw .8vw #08051f77}
.start-play:active{box-shadow:0 0 24px #f1ce6155}
.start-icon-button{top:12px;width:42px;height:42px;padding:7px;border-radius:8px;border-width:1px}.start-home{left:auto;right:116px}.start-sound{left:auto;right:64px}.start-settings{left:auto;right:12px}
.start-settings-panel{position:fixed;top:64px;right:12px;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 76px);overflow:auto;padding:20px;border-radius:10px;border-width:2px}
.start-audio-note{clear:both;margin:.9rem 0 0;color:#bfefff;font-size:13px;line-height:1.45}
.start-leaderboard-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 24px));min-height:0;max-height:calc(100dvh - 24px);overflow:auto;padding:20px;box-sizing:border-box;border:2px solid #ffdc62;border-radius:12px;box-shadow:0 0 0 100vmax #060a22cc}
.start-leaderboard-panel h2{font-size:28px}.start-score-row{min-height:32px;font-size:15px}.start-leaderboard-columns,.start-player-best{font-size:13px}.start-leaderboard-status,.start-leaderboard-footer small{font-size:12px}.start-leaderboard-footer button{font-size:15px;padding:10px 16px}
@keyframes cinematic-pulse{from{opacity:.3}to{opacity:.8}}
@keyframes cinematic-sheen{0%,20%{transform:translateX(-50%);opacity:0}30%,48%{opacity:.55}60%,100%{transform:translateX(50%);opacity:0}}
@keyframes cinematic-city{0%,100%{opacity:.06}35%{opacity:.16}65%{opacity:.08}}
@keyframes cinematic-weapon{from{opacity:.025}to{opacity:.12}}
@media(max-aspect-ratio:1/1){.start-game-logo{top:8%;width:min(66%,420px)}.start-play,.start-leaderboard{left:25%;width:50%;min-height:44px}.start-play{top:auto;bottom:76px;height:54px;font-size:21px}.start-leaderboard{top:auto;bottom:20px;height:44px;font-size:16px}.start-play:hover{transform:scale(1.012)}}
@media(prefers-reduced-motion:reduce){.cinematic-glow,.cinematic-city-lights,.cinematic-weapon-lights,.cinematic-shimmer::after{animation:none}.cinematic-city-lights,.cinematic-weapon-lights,.cinematic-shimmer{display:none}.start-play{transition:none}}