.modeSpriteStage171{display:none;container-type:inline-size;isolation:isolate;color:#fbf3ff}
#modeSelect.spriteMain171.show{padding:0;background:#09091d}
#modeSelect.spriteMain171 :is(.modeWrap,.arcNav167,.modeTopActions),#modeSelect.spriteMain171::after{display:none!important}
#modeSelect.spriteMain171 .modeSpriteStage171{
 display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:min(100vw,177.7778dvh);aspect-ratio:16/9;
}
.modeSpriteStage171 svg{display:block;pointer-events:none}
.modeSpriteBackdrop171,.modeSpriteHeader171{position:absolute;inset:0;width:100%;height:100%}
.modeSpriteHeader171{height:14.82%;filter:drop-shadow(0 2px 7px #a455fc79)}
.modeSpriteLogo171{position:absolute;left:3.8%;top:2.4%;width:14.7%;height:9.3%;object-fit:contain}
.modeSpriteHeading171{position:absolute;inset:17.75% 0 auto;text-align:center}
.modeSpriteHeading171 h1{
 margin:0;font:italic 900 3.55cqw/1.04 system-ui,sans-serif;
 color:#fff8ff;text-shadow:0 0 9px #af72f37d
}
.modeSpriteHeading171 p{margin:1.15cqw 0 0;font:750 1.65cqw/1.25 system-ui,sans-serif;color:#ded1f2}
.modeSpriteStage171 button{
 position:absolute;box-sizing:border-box;appearance:none;cursor:pointer;min-width:0;
 background:transparent;border:0;padding:0;margin:0;color:inherit;isolation:isolate;
}
.modeSpriteStage171 button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.modeSpriteNav171 button{top:2.4%;height:7.4%;font:800 1.56cqw/1 system-ui,sans-serif}
.modeSpriteNav171 button:hover{color:#fff;text-shadow:0 0 14px #ce83ff}
.modeSpriteNav171 button span{position:relative;z-index:1}
.modeSpriteStage171 [data-mode-ref=home]{left:25.8%;width:9%}
.modeSpriteStage171 [data-mode-ref=play]{left:35.7%;width:10%}
.modeSpriteStage171 [data-mode-ref=song]{left:46.7%;width:8%}
.modeSpriteStage171 [data-mode-ref=profile]{left:66.6%;width:11%}
.modeSpriteStage171 [data-mode-ref=settings]{left:86.3%;width:4.9%}
.modeSpriteStage171 [data-mode-ref=account]{left:91.8%;width:5%}
.modeTabLight171{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 10px #8e45ff)}
.modeNavIcon171{width:64%;height:65%;margin:auto}
.modeSpriteStage171 [data-mode-ref=account] .modeNavIcon171{width:84%;height:92%}
.modeSpriteCards171 button{top:35.5%;width:32.3%;height:48.5%;--cardColor:#79d8ff}
.modeSpriteCards171 [data-mode-ref=solo]{left:17%}
.modeSpriteCards171 [data-mode-ref=multi]{left:53.45%;--cardColor:#f47af1}
.modeCardFrame171{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 5px var(--cardColor))}
.modeSpriteCards171 button:hover .modeCardFrame171,.modeSpriteCards171 .modeCardSelected173 .modeCardFrame171{filter:drop-shadow(0 0 9px var(--cardColor)) brightness(1.09)}
.modeCardIcon171{
 position:absolute;left:50%;top:15.7%;transform:translateX(-50%);
 width:34%;height:24%;fill:none;stroke:var(--cardColor);stroke-width:7;
 stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px var(--cardColor))
}
.modeSpriteCards171 [data-mode-ref=multi] .modeCardIcon171{width:41%}
.modeSpriteCards171 strong{
 position:absolute;top:46.5%;left:0;width:100%;white-space:nowrap;
 font:italic 900 3.45cqw/1.1 system-ui,sans-serif;letter-spacing:.005em;
 text-shadow:0 0 7px var(--cardColor)
}
.modeSpriteCards171 button>span{
 position:absolute;top:69%;left:0;width:100%;white-space:pre-line;
 font:750 1.63cqw/1.55 system-ui,sans-serif;color:#e7d8f8;text-shadow:0 1px 3px #09091d
}
.modeProfile171 .accountIdentity{display:flex;gap:8px;margin:12px 0}
@media(max-width:800px) and (orientation:portrait){
 #modeSelect.spriteMain171 .modeSpriteStage171{width:100%;height:100%;aspect-ratio:auto}
 .modeSpriteBackdrop171{height:100%}
 .modeSpriteHeader171{height:14%}
 .modeSpriteLogo171{left:3%;top:1%;width:24%;height:6%}
 .modeSpriteNav171 button{top:7%;height:5%;font-size:3cqw}
 .modeSpriteStage171 [data-mode-ref=home]{left:3%;width:16%}
 .modeSpriteStage171 [data-mode-ref=play]{left:21%;width:17%}
 .modeSpriteStage171 [data-mode-ref=song]{left:41%;width:16%}
 .modeSpriteStage171 [data-mode-ref=profile]{left:79%;width:18%}
 .modeSpriteStage171 [data-mode-ref=settings]{top:1.1%;left:79%;width:8%}
 .modeSpriteStage171 [data-mode-ref=account]{top:1.1%;left:89%;width:8%}
 .modeSpriteHeading171{top:16%}
 .modeSpriteHeading171 h1{font-size:8cqw}
 .modeSpriteHeading171 p{margin-top:2cqw;font-size:3.9cqw}
 .modeSpriteCards171 button{width:79%;height:31%}
 .modeSpriteCards171 [data-mode-ref=solo]{top:26%;left:10.5%}
 .modeSpriteCards171 [data-mode-ref=multi]{top:60%;left:10.5%}
 .modeSpriteCards171 strong{font-size:7.1cqw}
 .modeSpriteCards171 button>span{font-size:3.6cqw}
}

.modeSpriteStage171 [data-mode-ref=home]{left:25.8%}
.modeSpriteStage171 [data-mode-ref=play]{left:38.1%}
.modeSpriteStage171 [data-mode-ref=song]{left:51.1%}
.modeSpriteStage171 [data-mode-ref=profile]{left:62.9%}

@media(max-width:800px) and (orientation:portrait){
 .modeSpriteStage171 [data-mode-ref=home]{left:5%}
 .modeSpriteStage171 [data-mode-ref=play]{left:27%}
 .modeSpriteStage171 [data-mode-ref=song]{left:50%}
 .modeSpriteStage171 [data-mode-ref=profile]{left:73%}
}

#modeSelect .modeSpriteNav171 button:has(.modeTabLight171):focus-visible,
#modeSelect .modeSpriteCards171 .modeCardSelected173:focus-visible{outline:none}
.modeSpriteNav171 button:has(.modeTabLight171){color:#fff;text-shadow:0 0 8px #b66eff}
.modeSpriteCards171 button{transition:transform 180ms cubic-bezier(.2,.7,.25,1)}
.modeSpriteCards171 .modeCardSelected173{z-index:1;transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.modeSpriteCards171 button{transition:none}}