.start-screen{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;overflow:hidden;background:#080d25;color:#fff;font-family:Barlow,"Arial Narrow",sans-serif}
.start-screen[hidden],.start-leaderboard-panel[hidden],.start-settings-panel[hidden]{display:none!important}
.start-artboard{position:relative;width:max(100vw,177.7778vh);height:max(100vh,56.25vw);aspect-ratio:16/9;overflow:hidden;background:#111a3a}
.start-screen-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;image-rendering:auto;user-select:none;-webkit-user-drag:none}
.start-logo-shimmer{position:absolute;z-index:1;left:22.6%;top:6.5%;width:56.6%;height:32%;pointer-events:none;overflow:hidden;mix-blend-mode:screen;clip-path:polygon(0 0,21% 8%,50% 2%,79% 8%,100% 0,96% 30%,99% 66%,93% 65%,94% 76%,88% 89%,56% 87%,50% 100%,44% 87%,12% 89%,8% 76%,9% 65%,5% 67%,7% 32%)}
.start-logo-shimmer:before{content:'';position:absolute;inset:-30% -50%;background:linear-gradient(110deg,transparent 42%,#d9faff08 46%,#fff5bc66 50%,#d9faff08 54%,transparent 58%);transform:translateX(-65%);animation:logo-light-sweep 7s ease-in-out infinite}
.start-logo-glint{position:absolute;z-index:1;pointer-events:none;left:51.2%;top:7.8%;width:8%;height:13%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fffdeca6 0%,#ffde6740 12%,#ffde6700 60%);mix-blend-mode:screen;animation:logo-cross-glow 4s ease-in-out infinite}
@keyframes logo-light-sweep{0%,15%{transform:translateX(-65%);opacity:0}23%{opacity:.65}49%{opacity:.65}60%,100%{transform:translateX(65%);opacity:0}}
@keyframes logo-cross-glow{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(.85)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.start-logo-shimmer:before,.start-logo-glint{animation:none}.start-logo-shimmer{display:none}.start-logo-glint{opacity:.3}}
.start-action,.start-icon-button{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;touch-action:manipulation;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.start-action{border:.2vw solid #ffe77c;border-radius:.65vw;color:#121538;font:900 clamp(30px,3.45vw,66px)/1 BarlowCondensed,Barlow,sans-serif;letter-spacing:.015em;text-shadow:0 .08vw 0 #fff5b8}
.start-action:before{content:'';position:absolute;inset:.34vw;border:.1vw solid #6d3a10;border-radius:.38vw;pointer-events:none}
.start-action:hover,.start-action:focus-visible,.start-icon-button:hover,.start-icon-button:focus-visible{transform:translateY(-2%) scale(1.012);filter:brightness(1.08);outline:max(3px,.18vw) solid #fff;outline-offset:max(2px,.16vw)}
.start-action:active,.start-icon-button:active{transform:translateY(1%) scale(.99)}
.start-play{left:60.4%;top:50.2%;width:29.4%;height:14.7%;background:linear-gradient(145deg,#fff085 0%,#ffd641 40%,#efa70c 100%);box-shadow:0 0 0 .24vw #2b174e,0 .55vw 1.25vw #08051faa,inset 0 .24vw .4vw #fff7b6}
.start-leaderboard{left:61.1%;top:68.1%;width:28.5%;height:11.2%;gap:5%;border-color:#f3d34b;background:linear-gradient(145deg,#412091,#1c145a 62%,#0e1448);color:#fff;font-size:clamp(20px,2.25vw,44px);text-shadow:.1vw .1vw 0 #14133e;box-shadow:0 0 0 .2vw #171541,0 .5vw 1.2vw #08051faa,inset 0 0 .8vw #4b2cc6}
.start-leaderboard:before{border-color:#6342d3}.start-leaderboard svg{width:13%;height:54%;fill:none;stroke:#e7fbff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .35vw #41dfff)}
.start-icon-button{top:2.2%;width:4.45%;height:7.2%;padding:.52%;border:.14vw solid #2ee5ff;border-radius:.72vw;background:linear-gradient(145deg,#102b72,#081649 65%,#06103a);box-shadow:0 0 0 .12vw #26388d,0 0 .7vw #16cfff,inset 0 0 .6vw #256fd6}
.start-icon-button svg{width:100%;height:100%;fill:none;stroke:#e9fbff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .2vw #50e5ff)}
.start-sound{left:89.05%}.start-settings{left:94.25%}
.start-muted-icon{display:none}.start-sound.is-muted .start-volume-icon{display:none}.start-sound.is-muted .start-muted-icon{display:block}
.start-settings-panel{position:absolute;z-index:6;right:2.1%;top:10.4%;width:min(300px,24%);padding:1.1% 1.25%;border:.16vw solid #62e7ff;border-radius:.7vw;background:#101839f2;box-shadow:0 .8vw 2vw #020414bb,inset 0 0 1.2vw #2849a066}
.start-settings-panel h2{margin:0 0 .8em;color:#ffd75d;font:800 clamp(18px,1.8vw,30px)/1 Barlow,"Arial Narrow",sans-serif;text-transform:uppercase}
.start-settings-panel label{display:grid;gap:.35rem;margin:.7rem 0;color:#fff;font-weight:700;font-size:clamp(14px,1vw,18px)}
.start-settings-panel input{width:100%;accent-color:#ffd441}
.start-small-button{float:right;margin-top:.35rem;padding:.5em 1em;border:2px solid #ffd75d;border-radius:.35rem;background:#302365;color:#fff;font:800 1rem Barlow,sans-serif;cursor:pointer}
.start-leaderboard-panel{position:absolute;z-index:5;left:57.9%;top:35.8%;width:36.9%;min-height:49.3%;box-sizing:border-box;padding:1.25% 1.4% 1%;border:.22vw solid #f2ca42;border-radius:.75vw;background:linear-gradient(145deg,#11123af8,#25116bf9 58%,#120d3df9);box-shadow:0 0 0 .2vw #5528c8,0 .9vw 2.2vw #050415cc,inset 0 0 1.5vw #35228a88}
.start-leaderboard-head{display:flex;align-items:center;justify-content:center;gap:.7vw;padding-bottom:.65%;border-bottom:.12vw solid #7148e2}
.start-leaderboard-head span{color:#dffaff;font-size:clamp(22px,2.3vw,42px);line-height:1;text-shadow:0 0 .7vw #38dfff}
.start-leaderboard-head h2{margin:0;color:#fff;font:900 clamp(23px,2.6vw,48px)/1 BarlowCondensed,Barlow,sans-serif;letter-spacing:.025em;text-shadow:.12vw .12vw 0 #201744}
.start-leaderboard-filter{width:34%;margin:-.1% auto .7%;padding:.3em .5em;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);background:#f3c737;color:#171332;text-align:center;font:900 clamp(12px,1vw,19px)/1 Barlow,sans-serif}
.start-leaderboard-columns,.start-score-row{display:grid;grid-template-columns:12% minmax(0,1fr) 16% 23%;align-items:center;column-gap:1.4%;text-align:left}
.start-leaderboard-columns{padding:.15em .45em .35em;color:#70dfff;font:800 clamp(10px,.82vw,15px)/1 Barlow,sans-serif;letter-spacing:.045em}
.start-leaderboard-columns span:nth-child(3),.start-leaderboard-columns span:nth-child(4),.start-score-round,.start-score-points{text-align:right}
.start-leaderboard-rows{display:grid;gap:.16vw}
.start-score-row{min-height:2.35vw;padding:.15em .45em;border-top:.08vw solid #5942ae;color:#fff;font:800 clamp(11px,.92vw,17px)/1.05 Barlow,sans-serif}
.start-score-row.is-player{outline:.12vw solid #71e5bf;background:#16443d88}
.start-score-rank{display:grid;place-items:center;width:1.65vw;min-width:19px;aspect-ratio:1;color:#fff}
.start-score-rank.medal{clip-path:polygon(50% 0,91% 18%,88% 68%,50% 100%,12% 68%,9% 18%);background:#705b24}.start-score-rank.silver{background:#667084}.start-score-rank.bronze{background:#7c472b}
.start-score-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-score-round,.start-score-points{color:#fff;font-variant-numeric:tabular-nums}
.start-leaderboard-status{min-height:1.1em;margin:.45em 0;color:#a9dff0;font-size:clamp(10px,.72vw,13px)}
.start-player-best{display:grid;grid-template-columns:23% 1fr;gap:.5vw;align-items:center;padding:.45em .65em;border:.12vw solid #e6cb37;background:#24136d;color:#fff;font-size:clamp(10px,.78vw,14px)}
.start-player-best b{color:#ffe34f}.start-player-best span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.start-leaderboard-footer{display:flex;align-items:center;justify-content:space-between;gap:.8vw;margin-top:.65em;color:#b7c2df}
.start-leaderboard-footer small{font-size:clamp(9px,.66vw,12px)}
.start-leaderboard-footer button{padding:.45em 1.25em;border:.12vw solid #f4d04b;border-radius:.28vw;background:#24145f;color:#fff;font:900 clamp(11px,.82vw,15px)/1 Barlow,sans-serif;cursor:pointer}
.start-leaderboard-footer button:hover,.start-leaderboard-footer button:focus-visible{background:#43268e;outline:2px solid #fff;outline-offset:2px}
@media(max-aspect-ratio:4/3){.start-leaderboard-panel{left:55.5%;width:42%}.start-play{left:59%;width:32%}.start-leaderboard{left:59.5%;width:32%}}
@media(prefers-reduced-motion:reduce){.start-action,.start-icon-button{transition:none}}