*{box-sizing:border-box}body{color:#f5f7fb;background:#090b10;margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:920px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}h1{letter-spacing:2px;margin:0;font-size:30px}h1 span{color:#9b7cff}header p,.settings p,footer{color:#8e95a5}.stats{text-align:right;grid-template-columns:auto auto;gap:2px 16px;display:grid}.stats b{font-size:22px}.stats small{color:#737b8c;font-size:10px}.upload{background:#11141c;border:1px solid #252a35;border-radius:14px;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;display:flex}.uploadBtn{color:#090b10;cursor:pointer;white-space:nowrap;background:#9b7cff;border-radius:9px;padding:12px 16px;font-weight:900}.uploadBtn input{display:none}.upload div{min-width:0}.upload strong,.upload small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.upload small{color:#8e95a5;margin-top:4px}.game{background:linear-gradient(#111520,#090b10);border:1px solid #252a35;border-radius:18px;height:610px;position:relative;overflow:hidden}.lanes{border-left:1px solid #252a35;grid-template-columns:repeat(5,1fr);max-width:620px;height:100%;margin:auto;display:grid}.lane{border-right:1px solid #252a35;transition:background 80ms;position:relative}.lane:nth-child(3){background:#ffffff05}.lane.pressed{background:#ffffff0c}.note,.receptor{border-radius:6px;width:76%;height:18px;position:absolute;left:12%}.note{background:#b49cff;transform:translateY(-50%);box-shadow:0 0 18px #9b7cff88}.receptor{background:0 0;border:3px solid #e9eaf0;transition:background 45ms,transform 45ms,box-shadow 45ms;bottom:64px;box-shadow:0 0 12px #ffffff30}.receptor.filled{background:#fff;transform:scale(.94);box-shadow:0 0 22px #fff}.impact{pointer-events:none;border:4px solid;border-radius:50%;width:72%;height:34px;animation:.28s ease-out forwards impact;position:absolute;bottom:73px;left:50%;transform:translate(-50%,50%)}.impact.perfect{color:#ffd54a}.impact.miss{color:#ef4444}@keyframes impact{0%{opacity:1;transform:translate(-50%,50%)scale(.55)}to{opacity:0;transform:translate(-50%,50%)scale(1.75)}}.key{background:#171b24;border:1px solid #4a5060;border-radius:8px;place-items:center;width:42px;height:38px;font-weight:800;transition:transform 80ms,background 80ms;display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.keyPressed{color:#090b10;background:#f5f7fb;transform:translate(-50%)scale(.9)}.judge{z-index:3;text-align:center;letter-spacing:2px;text-shadow:0 2px 18px;font-size:30px;font-weight:900;position:absolute;top:55px;left:0;right:0}.judge.perfect{color:#ffd54a}.judge.good{color:#4ade80}.judge.great{color:#fb923c}.judge.miss{color:#ef4444}.judge.ready{color:#f5f7fb}.controls{align-items:center;gap:10px;margin:16px 0;display:flex}button{color:#0b0d12;cursor:pointer;background:#9b7cff;border:0;border-radius:10px;padding:13px 18px;font-weight:800}button:disabled{opacity:.55;cursor:not-allowed}.secondary{color:#dce0e9;background:#1b202b}.time{color:#8e95a5;font-variant-numeric:tabular-nums;margin-left:auto}.settings{border:1px solid #252a35;border-radius:16px;padding:18px}.settings h2{margin:0 0 4px}.binds{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px;display:grid}.binds button{color:#777;background:#151922;padding:10px}.binds strong{color:#fff;margin-top:5px;font-size:22px;display:block}footer{text-align:center;padding:22px;font-size:12px}@media (max-width:600px){main{padding:12px}.game{height:520px}header{align-items:flex-start}.stats{gap:1px 8px}.upload{flex-direction:column;align-items:flex-start;width:100%}.upload div{width:100%}.binds{gap:5px}.binds button{padding:8px 4px}}.debug{color:#8e95a5;margin-right:4px;font-size:12px}.note{z-index:2;min-height:18px}.receptor{z-index:3}.chartOptions{background:#11141c;border:1px solid #252a35;border-radius:14px;gap:12px;margin-bottom:14px;padding:14px;display:grid}.chartOptions small{color:#8e95a5;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.seg{flex-wrap:wrap;gap:7px;display:flex}.seg button{color:#dce0e9;background:#1b202b;border:1px solid #2d3442;padding:8px 12px}.seg button.active{color:#090b10;background:#9b7cff;border-color:#9b7cff}.analysisNote{color:#8e95a5;margin:0;font-size:12px}.lanes{grid-template-columns:none}.resultBackdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.resultCard{text-align:center;background:#11141c;border:1px solid #343a49;border-radius:22px;width:min(520px,100%);padding:28px;box-shadow:0 24px 80px #0009}.resultCard>small{color:#9b7cff;letter-spacing:2px;font-weight:900}.resultCard h2{white-space:nowrap;text-overflow:ellipsis;margin:8px 0 18px;overflow:hidden}.finalScore{font-size:52px;font-weight:900;line-height:1}.scoreLabel{color:#8e95a5;margin-top:7px;font-size:10px;font-weight:800;display:block}.resultGrid{grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0 12px;display:grid}.resultGrid div,.resultMeta div{background:#181c26;border:1px solid #2a303d;border-radius:12px;padding:14px 6px}.resultGrid b,.resultMeta b{font-size:24px;display:block}.resultGrid span,.resultMeta span{color:#8e95a5;font-size:9px;font-weight:900}.perfectStat b{color:#ffd54a}.goodStat b{color:#4ade80}.greatStat b{color:#60a5fa}.missStat b{color:#ef4444}.resultMeta{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.resultActions{justify-content:center;gap:10px;margin-top:22px;display:flex}@media (max-width:500px){.resultCard{padding:20px}.finalScore{font-size:42px}.resultGrid{grid-template-columns:1fr 1fr}}.songProgress{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:64px;display:flex;position:absolute;top:58px;bottom:58px;right:24px}.remainingLabel{font-variant-numeric:tabular-nums;color:#f5f7fb;font-size:13px;font-weight:900}.songProgress small{color:#737b8c;letter-spacing:1px;font-size:9px;font-weight:900}.progressRail{background:#2b3140;border-radius:99px;flex:1;width:4px;position:relative;overflow:visible}.progressFill{background:#9b7cff;border-radius:99px;width:100%;transition:height 80ms linear;position:absolute;bottom:0;left:0}.progressKnob{background:#f5f7fb;border:3px solid #9b7cff;border-radius:50%;width:16px;height:16px;transition:bottom 80ms linear;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 14px #9b7cff88}.volume{color:#8e95a5;align-items:center;gap:8px;margin-left:auto;font-size:10px;font-weight:900;display:flex}.volume input{accent-color:#9b7cff;width:120px}.volume b{text-align:right;color:#dce0e9;font-variant-numeric:tabular-nums;width:34px}.controls .time{text-align:right;min-width:76px;margin-left:0}@media (max-width:760px){.songProgress{width:42px;right:8px}.lanes{margin-left:0;margin-right:48px}.volume{order:5;width:100%;margin-left:0}.controls{flex-wrap:wrap}.volume input{flex:1}.controls .time{margin-left:auto}}.holdNote{z-index:2;background:linear-gradient(#b49cff,#7357d9);border-radius:7px;width:60%;min-height:18px;position:absolute;left:20%;overflow:visible;transform:translateY(-9px);box-shadow:0 0 14px #9b7cff66}.holdHead{background:#b49cff;border-radius:6px;width:128%;height:18px;position:absolute;bottom:0;left:-14%;box-shadow:0 0 18px #9b7cff88}.holdNote.holding{background:linear-gradient(#e7ddff,#9b7cff);box-shadow:0 0 22px #b49cffaa}.holdNote.holding .holdHead{background:#fff}.gameHud{z-index:8;pointer-events:none;flex-direction:column;gap:8px;width:145px;display:flex;position:absolute;bottom:118px;left:18px}.hudScore,.hudCombo,.starMeter{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b0e16d9;border:1px solid #303747;border-radius:11px;padding:9px 11px}.hudScore b{font-variant-numeric:tabular-nums;font-size:22px;line-height:1;display:block}.hudScore small{color:#7f8798;letter-spacing:1px;margin-top:4px;font-size:9px;font-weight:900;display:block}.hudCombo{justify-content:space-between;align-items:center;display:flex}.hudCombo b{font-size:12px}.hudCombo strong{color:#b49cff;font-size:24px}.stars{color:#343a48;justify-content:space-between;font-size:17px;line-height:1;display:flex}.stars span.earned{color:#ffd54a;text-shadow:0 0 10px #ffd54a88}.stars span.active{color:#8f7b45}.starRail{background:#2b3140;border-radius:99px;height:4px;margin-top:7px;overflow:hidden}.starRail i{background:#ffd54a;border-radius:99px;height:100%;transition:width .15s linear;display:block}@media (max-width:760px){.gameHud{width:118px;bottom:112px;left:8px}.hudScore b{font-size:18px}.hudCombo strong{font-size:20px}.stars{font-size:14px}}.goldMode .note{background:#ffd54a;box-shadow:0 0 24px #ffd54acc,0 0 48px #ffd54a55}.goldMode .holdNote{background:linear-gradient(#fff0a3,#d99f16);box-shadow:0 0 24px #ffd54aaa}.goldMode .holdHead{background:#ffd54a;box-shadow:0 0 24px #ffd54acc}.goldMode .holdNote.holding{background:linear-gradient(#fff7c7,#ffd54a)}.goldMode .receptor{border-color:#ffe58a;box-shadow:0 0 18px #ffd54a77}.goldMode .hudCombo strong{color:#ffd54a;text-shadow:0 0 14px #ffd54aaa}.goldMode{box-shadow:inset 0 0 45px #ffd54a12}.countIn{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#090b1066;place-items:center;display:grid;position:absolute;inset:0}.countIn span{color:#fff;text-shadow:0 0 32px #9b7cff,0 6px 28px #000;font-size:92px;font-weight:1000;line-height:1;animation:.7s ease-out countPop}@keyframes countPop{0%{opacity:.2;transform:scale(1.45)}25%{opacity:1}to{opacity:.85;transform:scale(.9)}}.accountArea{align-items:center;gap:12px;display:flex}.accountEmail{opacity:.7;text-overflow:ellipsis;max-width:220px;font-size:12px;overflow:hidden}.accountBtn{color:#fff;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff2b;border-radius:10px;padding:10px 16px;font-weight:900}.authCard{max-width:430px}.authInput{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#0d1018;border:1px solid #ffffff25;border-radius:10px;outline:none;margin:7px 0;padding:14px 15px}.authInput:focus{border-color:#9b7cff}.authMessage{opacity:.8;margin:8px 0 0;font-size:13px}.authCard .resultActions{flex-wrap:wrap}.cloudToast{z-index:80;background:#171b26;border:1px solid #9b7cff66;border-radius:12px;padding:12px 16px;font-weight:800;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #0008}.libraryCard{max-width:620px}.chartLibrary{gap:9px;max-height:50vh;margin:14px 0;display:grid;overflow:auto}.savedChart{text-align:left;color:#fff;cursor:pointer;background:#0d1018;border:1px solid #ffffff1d;border-radius:12px;padding:14px}.savedChart:hover{border-color:#9b7cff}.savedChart strong,.savedChart span{display:block}.savedChart span{opacity:.65;margin-top:4px;font-size:12px}@media (max-width:850px){.accountArea{flex-wrap:wrap;justify-content:flex-end}.accountEmail{display:none}}.savedChartRow{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}.savedChartRow .savedChart{width:100%}.deleteChart{color:#ff8b95;cursor:pointer;background:#ff334414;border:1px solid #ff5d6c55;border-radius:12px;padding:0 13px;font-size:11px;font-weight:900}.deleteChart:hover{background:#ff334425;border-color:#ff5d6c}.fieldLabel{text-align:left;letter-spacing:.12em;color:#aeb4c5;gap:7px;margin:10px 0;font-size:11px;font-weight:900;display:grid}.librarySearch{margin:12px 0 16px;position:relative}.librarySearch span{opacity:.55;font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.librarySearch .authInput{box-sizing:border-box;width:100%;padding-left:42px}.chartIdentity{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.chartIdentity em{color:#aeb4c5;font-size:12px;font-style:normal;font-weight:600}.savedChartRow .savedChart{gap:5px;display:grid}.audioArtist{color:#aeb4c5;margin:-8px 0 14px;font-weight:700}.audioPicker{justify-content:center;margin:16px 0;display:flex}.leaderboard{gap:7px;max-height:50vh;margin:14px 0;display:grid;overflow:auto}.leaderRow{background:#0d1018;border:1px solid #ffffff18;border-radius:11px;grid-template-columns:42px 1fr auto;align-items:center;gap:8px 12px;padding:11px 13px;display:grid}.leaderRow>b{opacity:.55}.leaderRow>span{font-weight:900}.leaderRow>em{opacity:.58;grid-column:2/4;font-size:11px;font-style:normal}.leaderSide{box-sizing:border-box;background:#090c13;border:1px solid #ffffff18;border-radius:14px;width:min(1180px,94vw);margin:14px auto;padding:14px}.leaderHead{justify-content:space-between;align-items:end;gap:14px;display:flex}.leaderHead small{opacity:.55;letter-spacing:.14em;font-size:10px;display:block}.leaderHead strong{margin-top:3px;display:block}.leaderTabs{gap:5px;display:flex}.leaderTabs button{opacity:.6;padding:7px 10px;font-size:10px}.leaderTabs button.active{opacity:1;border-color:#fff5}.leaderboard.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:none;display:grid;overflow:visible}.friendAdd{grid-template-columns:1fr auto;gap:8px;margin:12px 0;display:grid}.friendList{gap:7px;margin:12px 0;display:grid}.friendRow{border:1px solid #ffffff18;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.friendRow span{opacity:.55;font-size:10px}@media (max-width:650px){.leaderHead{flex-direction:column;align-items:flex-start}.friendRow{grid-template-columns:1fr auto}.friendRow button{grid-column:1/3}}.judge.great,.greatStat b{color:#55e7a1!important}.judge.good,.goodStat b{color:#ffad42!important}.seg button:disabled{cursor:not-allowed;opacity:.48}.seg button.active:disabled{opacity:1}.game.streak100{border-color:#649bff8c;box-shadow:0 0 42px #5082ff47,inset 0 0 55px #5082ff14}.game.streak100 .lanes{background:radial-gradient(circle at 50% 100%,#4678ff29,#0000 55%)}.game.streak200{border-color:#d791ffd9;box-shadow:0 0 65px #b95aff6b,0 0 110px #ffc33224,inset 0 0 75px #b95aff1f}.game.streak200 .lanes{background:radial-gradient(circle at 50% 100%,#c350ff3d,#0000 55%);animation:1.15s ease-in-out infinite alternate streakPulse}@keyframes streakPulse{to{filter:brightness(1.22)}}.leaderSide{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:285px;max-height:calc(100vh - 210px);margin:0;position:fixed;top:180px;right:18px;overflow:auto;box-shadow:0 18px 55px #00000061}.leaderboard.compact{grid-template-columns:1fr;display:grid}.liveRank{background:#ffffff0d;border:1px solid #ffffff2e;border-radius:11px;grid-template-columns:1fr auto;align-items:center;margin:12px 0 9px;padding:10px 12px;display:grid}.liveRank span{letter-spacing:.13em;opacity:.55;font-size:9px}.liveRank b{font-size:20px}.liveRank strong{grid-column:1/3;margin-top:3px;font-size:13px}.leaderRow.podium.gold strong,.leaderRow.podium.gold>span,.leaderRow.podium.gold>b{color:#ffd34e}.leaderRow.podium.silver strong,.leaderRow.podium.silver>span,.leaderRow.podium.silver>b{color:#dce6ef}.leaderRow.podium.bronze strong,.leaderRow.podium.bronze>span,.leaderRow.podium.bronze>b{color:#d9955c}.leaderRow.youLive{background:#ffffff14;outline:1px solid #ffffff61}@media (max-width:1250px){.leaderSide{width:min(1180px,94vw);max-height:none;margin:14px auto;position:relative;top:auto;right:auto}}.leaderSide.leaderGlobal{z-index:12;width:255px;margin:0;position:fixed;top:190px;left:16px;right:auto}.leaderSide.leaderFriends{z-index:12;width:255px;margin:0;position:fixed;top:190px;left:auto;right:16px}.leaderSide .leaderRow{grid-template-columns:28px 1fr auto;gap:6px;padding:8px}.leaderSide .leaderRow em{grid-column:2/4;font-size:9px}@media (min-width:1251px) and (max-width:1500px){.leaderSide.leaderGlobal,.leaderSide.leaderFriends{width:210px}.leaderSide{font-size:11px}}@media (max-width:1250px){.leaderSide.leaderGlobal,.leaderSide.leaderFriends{width:min(1180px,94vw);margin:12px auto;position:relative;top:auto;left:auto;right:auto}}.impact.great{color:#55e7a1!important}.impact.good{color:#ffad42!important}.game.goldMode:not(.streak100):not(.streak200){border-color:#ffd34eb8;box-shadow:0 0 34px #ffd34e33,inset 0 0 42px #ffd34e0e}.game.streak100{background:linear-gradient(#111a2d,#080c18)!important;border:2px solid #4b96fff2!important;box-shadow:0 0 34px #377dffb3,0 0 90px #377dff4d,inset 0 0 90px #2d73ff2e!important}.game.streak100:before,.game.streak200:before{content:"100 STREAK";z-index:2;pointer-events:none;color:#64b4ff40;letter-spacing:.25em;border-radius:16px;padding:14px;font-size:11px;font-weight:900;animation:.9s ease-in-out infinite alternate streakFlash;position:absolute;inset:0;box-shadow:inset 0 0 80px #3c91ff33}.game.streak200{background:linear-gradient(#211126,#090810)!important;border:2px solid #ffcd46fa!important;box-shadow:0 0 40px #ffbe2dbf,0 0 105px #be46ff73,inset 0 0 110px #d246ff38!important}.game.streak200:before{content:"200 STREAK · OVERDRIVE";color:#ffd75a66;animation:.42s ease-in-out infinite alternate overdriveFlash;box-shadow:inset 0 0 100px #dc4bff47}.game.streak100 .note{box-shadow:0 0 24px #5fa5ffe6}@keyframes streakFlash{to{filter:brightness(1.35);box-shadow:inset 0 0 120px #3c91ff4d}}@keyframes overdriveFlash{to{filter:brightness(1.5);box-shadow:inset 0 0 135px #eb50ff61}}.game.streak100 .note,.game.streak100 .holdNote,.game.streak100 .holdHead{background:#58a6ff!important;box-shadow:0 0 24px #58a6fff2,0 0 42px #4182ff8c!important}.game.streak200 .note,.game.streak200 .holdNote,.game.streak200 .holdHead{background:#ff72d2!important;box-shadow:0 0 28px #ff72d2fa,0 0 48px #dc50ffa6!important}.leaderSide.leaderGlobal{left:calc(50% - 735px)!important;right:auto!important}.leaderSide.leaderFriends{left:auto!important;right:calc(50% - 735px)!important}@media (min-width:1251px) and (max-width:1500px){.leaderSide.leaderGlobal{left:8px!important}.leaderSide.leaderFriends{right:8px!important}}@media (max-width:1250px){.leaderSide.leaderGlobal,.leaderSide.leaderFriends{left:auto!important;right:auto!important}}.game.streak100 .note{background:#58a6ff!important;box-shadow:0 0 24px #58a6ffcc,0 0 48px #58a6ff54!important}.game.streak100 .holdNote{background:linear-gradient(#a9d2ff,#3478d4)!important;box-shadow:0 0 24px #58a6ffab!important}.game.streak100 .holdHead{background:#58a6ff!important;box-shadow:0 0 24px #58a6ffcc!important}.game.streak100 .holdNote.holding{background:linear-gradient(#d8ebff,#58a6ff)!important}.game.streak100 .holdNote.holding .holdHead{background:#fff!important}.game.streak200 .note{background:#ff72d2!important;box-shadow:0 0 24px #ff72d2cc,0 0 48px #ff72d254!important}.game.streak200 .holdNote{background:linear-gradient(#ffc0ea,#c743a5)!important;box-shadow:0 0 24px #ff72d2ab!important}.game.streak200 .holdHead{background:#ff72d2!important;box-shadow:0 0 24px #ff72d2cc!important}.game.streak200 .holdNote.holding{background:linear-gradient(#ffe0f5,#ff72d2)!important}.game.streak200 .holdNote.holding .holdHead{background:#fff!important}.optional{opacity:.55;margin-left:6px;font-size:10px}.youtubePlayer{background:#0e131d;border:1px solid #293143;border-radius:16px;max-width:520px;margin:14px auto 18px;padding:12px;box-shadow:0 14px 35px #0005}.youtubePlayer iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:11px;width:100%;height:auto;display:block}.youtubeLabel{color:#9099aa;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;font-size:11px;display:flex}.youtubeLabel strong{color:#ff5b68;letter-spacing:.12em}@media (max-width:650px){.youtubeLabel{flex-direction:column;align-items:flex-start}}.hiddenFileInput{display:none}.uploadChoices{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.uploadChoices>button,.youtubeChoice{text-align:left;background:#111722;border:1px solid #30394d;border-radius:14px;min-height:180px;padding:18px}.uploadChoices>button{color:#fff;cursor:pointer}.uploadChoices>button:hover,.youtubeChoice:focus-within{background:#151d2b;border-color:#6e7cff}.uploadChoices strong{letter-spacing:.08em;margin-bottom:8px;font-size:13px;display:block}.uploadChoices span{color:#8e98aa;font-size:12px;line-height:1.45;display:block}.youtubeChoice .authInput{margin:14px 0 10px}.youtubeChoice button{width:100%}.uploadChoiceCard{width:min(620px,92vw)}@media (max-width:620px){.uploadChoices{grid-template-columns:1fr}}.communityOverlay{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03060bf0;position:fixed;inset:0;overflow:auto}.communityPage{width:min(1220px,100% - 48px);margin:0 auto;padding:54px 0 80px}.communityTop{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.communityTop small,.sectionHeading small{letter-spacing:.22em;color:#9b7cff;font-size:10px;font-weight:900}.communityTop h2{letter-spacing:-.035em;margin:8px 0 10px;font-size:42px;line-height:1}.communityTop p{color:#8791a4;margin:0;font-size:14px}.communityClose{color:#dce3ee;cursor:pointer;background:#111722;border:1px solid #293143;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:16px;line-height:1;display:flex}.communitySearch{background:#0d1119;border:1px solid #2a3140;border-radius:14px;align-items:center;gap:12px;height:54px;margin-bottom:18px;padding:0 18px;display:flex;box-shadow:0 14px 40px #0004}.communitySearch span{color:#717b8e;font-size:24px}.communitySearch input{color:#fff;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:15px}.communityTabs{gap:8px;margin-bottom:28px;padding-bottom:8px;display:flex;overflow:auto}.communityTabs button{white-space:nowrap;color:#8e98aa;letter-spacing:.08em;cursor:pointer;background:#10151e;border:1px solid #282f3d;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:900}.communityTabs button.active,.communityTabs button:hover{color:#fff;background:#7657ff;border-color:#8e76ff}.communitySort{color:#9ca5b6;letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:10px;margin:-12px 0 25px;font-size:11px;font-weight:800;display:flex}.communitySort select{color:#f3f4f8;font:inherit;letter-spacing:normal;cursor:pointer;background:#151a24;border:1px solid #333a49;border-radius:10px;padding:10px 13px}.sectionHeading{justify-content:space-between;align-items:end;margin:10px 0 14px;display:flex}.sectionHeading.second{margin-top:38px}.sectionHeading h3{margin:4px 0 0;font-size:24px}.sectionHeading>span{letter-spacing:.14em;color:#697386;font-size:10px}.communityGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.communityPagination{color:#aeb5c5;letter-spacing:.08em;justify-content:center;align-items:center;gap:18px;margin:26px 0 50px;font-size:12px;font-weight:800;display:flex}.communityPagination button{color:#f3f4f8;font:inherit;cursor:pointer;background:#202634;border:1px solid #353d4d;border-radius:12px;padding:11px 18px}.communityPagination button:disabled{opacity:.4;cursor:default}.communityTile{text-align:left;color:#fff;cursor:pointer;background:#0e131b;border:1px solid #242b38;border-radius:15px;min-width:0;padding:0 0 14px;transition:transform .16s,border-color .16s,background .16s;display:block;overflow:hidden;box-shadow:0 12px 28px #0003}.communityTile:hover{background:#121824;border-color:#6651b5;transform:translateY(-4px)}.communityTile{position:relative}.communityTileHit{z-index:2;cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.communityTileHit:focus-visible{outline-offset:-3px;border-radius:15px;outline:3px solid #ac91ff}.communityCover{aspect-ratio:16/9;background:#151b26;position:relative;overflow:hidden}.communityCover img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.communityTile:hover .communityCover img{transform:scale(1.035)}.coverFallback{background:radial-gradient(circle at 25% 20%,#6546bd,#19132d 45%,#0c1119);place-items:center;width:100%;height:100%;display:grid}.coverFallback span{letter-spacing:-.08em;color:#c4b4ff;font-size:30px;font-weight:1000}.tilePlay{color:#fff;opacity:0;background:#8d68ff;border-radius:50%;place-items:center;width:43px;height:43px;font-style:normal;transition:all .16s;display:grid;position:absolute;bottom:11px;right:12px;transform:translateY(6px);box-shadow:0 8px 25px #0008}.communityTile:hover .tilePlay{opacity:1;transform:none}.difficultyPill{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);letter-spacing:.1em;text-transform:uppercase;background:#06090ed6;border-radius:999px;padding:5px 8px;font-size:9px;position:absolute;bottom:10px;left:10px}.tileInfo{min-width:0;padding:13px 14px 0}.tileInfo strong,.tileInfo span,.tileInfo small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tileInfo strong{margin-bottom:4px;font-size:15px}.tileInfo span{color:#a4adbd;margin-bottom:10px;font-size:12px}.tileInfo .chartInstrument{color:#c5b1ff;letter-spacing:.04em;background:#6651b522;border:1px solid #6651b5;border-radius:999px;margin:0 0 9px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:800;display:inline-block}.upload .activeInstrument{color:#c5b1ff;vertical-align:middle;background:#6651b533;border-radius:999px;margin-left:9px;padding:3px 7px;font-size:10px;font-style:normal;display:inline-block}.tileInfo small{letter-spacing:.08em;color:#626d80;font-size:9px}.communityEmpty{text-align:center;color:#7f899b;border:1px dashed #2c3444;border-radius:16px;padding:60px}@media (max-width:980px){.communityGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.communityPage{width:min(100% - 26px,1220px);padding-top:30px}.communityTop h2{font-size:32px}.communityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:430px){.communityGrid{grid-template-columns:1fr}}.resetBind{color:#7f899b;letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.resetBind button{color:#fff;cursor:pointer;background:#111722;border:1px solid #394255;border-radius:9px;min-width:42px;height:36px;padding:0 11px;font-weight:900}.resetBind button:focus{border-color:#8d68ff;outline:0;box-shadow:0 0 0 3px #8d68ff29}.saveChartPrimary{box-shadow:0 0 22px #8559ff38;background:linear-gradient(135deg,#805cff,#a86cff)!important;border-color:#aa8bff!important}.lane.missFlash{animation:.17s ease-out laneMissFlash}@keyframes laneMissFlash{0%{background:#ff2d417a;box-shadow:inset 0 0 38px #ff2337cc,0 0 18px #ff233759}to{box-shadow:none;background:0 0}}.tileLike{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d7dce7;cursor:pointer;background:#070a10c7;border:1px solid #ffffff24;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;position:absolute;top:10px;right:10px}.tileLike:hover,.tileLike.liked{color:#fff;background:#874effe6;border-color:#b398ff}.instrumentChoiceCard{max-width:510px;max-height:92vh;overflow:auto}.instrumentChoiceBackdrop{z-index:90}.instrumentChoices{gap:9px;max-height:43vh;margin:20px 0;display:grid;overflow:auto}.instrumentOption{gap:8px;display:flex}.instrumentOption>button:first-child{text-align:left;color:#fff;cursor:pointer;background:#161b28;border:1px solid #3e3760;border-radius:12px;flex:1;align-items:center;gap:12px;padding:14px 16px;display:flex}.instrumentOption>button:first-child:hover,.instrumentOption>button:first-child:focus-visible{background:#242037;border-color:#a68cff}.instrumentOption>button:first-child.selected{background:#29223e;border-color:#b094ff;box-shadow:inset 0 0 0 1px #8063c0}.instrumentOption strong{min-width:88px;font-size:15px}.instrumentOption span{color:#a5acba;font-size:11px}.instrumentOption em{color:#b9a7ff;margin-left:auto;font-size:11px;font-style:normal;font-weight:900}.instrumentOption .instrumentEdit{color:#d7caff;cursor:pointer;background:#181729;border:1px solid #47405f;border-radius:10px;padding:0 12px;font-size:10px}.instrumentDifficulty{border:0;min-width:0;margin:14px 0 0;padding:0}.instrumentDifficulty legend{letter-spacing:.12em;color:#c6b4ff;text-align:left;margin-bottom:10px;font-size:10px;font-weight:900}.instrumentDifficultyLevels{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.instrumentDifficultyLevels button{color:#e4e7ee;cursor:pointer;background:#171c27;border:1px solid #393f50;border-radius:10px;padding:11px 5px;font-weight:800}.instrumentDifficultyLevels button:hover,.instrumentDifficultyLevels button:focus-visible{border-color:#b094ff}.instrumentDifficultyLevels button.active{color:#fff;background:#8058d8;border-color:#b094ff}.instrumentChoiceSummary{color:#c7b4ff;margin:16px 0 6px;font-size:12px;font-weight:800}@media (max-width:520px){.instrumentDifficultyLevels{grid-template-columns:repeat(2,minmax(0,1fr))}.instrumentOption>button:first-child{flex-wrap:wrap}.instrumentOption span{flex-basis:100%;order:3}}.rankInstrumentGrid,.brInstrumentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:17px 0;display:grid}.rankInstrumentGrid button,.brInstrumentGrid button{color:#e8dfff;text-align:center;cursor:pointer;background:#19162b;border:1px solid #6e5aa4;border-radius:10px;padding:14px;font-weight:900}.rankInstrumentGrid button:hover,.brInstrumentGrid button:hover{color:#fff;background:#5e49a4}.brInstrumentLabel{text-align:left;color:#bdaaff;gap:6px;margin:14px 0;font-size:10px;font-weight:900;display:grid}.brInstrumentLabel select{color:#fff;background:#111622;border:1px solid #7058ab;border-radius:9px;padding:10px}.uploadChoices{grid-template-columns:1.35fr .65fr}.primaryUploadChoice{min-height:220px}.generateFileBtn{margin-top:8px;background:#805cff!important;border-color:#a98fff!important}.secondaryUploadChoice{opacity:.82}@media (max-width:620px){.uploadChoices{grid-template-columns:1fr}}.adminChartButton{z-index:5;color:#bdafff;letter-spacing:.1em;cursor:pointer;background:#171126;border:1px solid #8e76ff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:1000;position:absolute;top:10px;left:10px}.adminChartButton:hover{color:#fff;background:#7657ff}:where(.brCard,.brLeaveCard,.rankedCard,.resultCard,.casualPickerCard,.casualInviteCard){max-width:calc(100vw - 32px);max-height:calc(100dvh - 36px);position:relative;overflow:auto;box-shadow:0 30px 100px #000b;border-radius:20px!important}:where(.brCard,.brLeaveCard,.rankedCard,.resultCard,.casualPickerCard,.casualInviteCard)>small:first-of-type{letter-spacing:2px;font-size:9px;font-weight:900;line-height:1.3;display:block}:where(.brCard,.brLeaveCard,.rankedCard,.resultCard,.casualPickerCard,.casualInviteCard)>:is(h1,h2){letter-spacing:.03em;line-height:1.15}:where(.brCard,.brLeaveCard,.rankedCard,.resultCard,.casualPickerCard,.casualInviteCard) :is(button,input){border-radius:10px}:where(.brX,.rankedX,.beatforgeModalX,.casualPickerClose){z-index:2;color:#fff!important;width:34px!important;height:34px!important;box-shadow:none!important;background:#151b27!important;border:1px solid #343c4c!important;border-radius:9px!important;place-items:center!important;margin:0!important;padding:0!important;font-size:19px!important;font-weight:800!important;line-height:1!important;display:grid!important;position:absolute!important;top:15px!important;left:auto!important;right:15px!important}:where(.brX,.rankedX,.beatforgeModalX,.casualPickerClose):focus-visible{outline-offset:2px;outline:2px solid}:where(.brCard,.brLeaveCard,.rankedCard,.resultCard,.casualPickerCard,.casualInviteCard):has(>:is(.brX,.rankedX,.beatforgeModalX,.casualPickerClose))>small:first-of-type{padding:0 38px}.casualPickerTop>div:first-child{padding-right:38px}:where(.upload,.chartOptions,.settings,.leaderSide,.communityTile){border-radius:18px}@media (max-width:600px){:where(.brCard,.brLeaveCard,.rankedCard,.resultCard,.casualPickerCard,.casualInviteCard){padding:22px 18px!important}}.brCard{width:min(760px,100vw - 36px)!important;padding:34px 36px!important}.rankedCard{width:min(690px,100vw - 36px)!important;padding:34px 36px!important}.resultCard{width:min(640px,100vw - 36px)!important;padding:34px 36px!important}.uploadChoiceCard,.casualPickerCard{width:min(760px,100vw - 36px)!important}.brLeaveCard,.casualInviteCard{width:min(500px,100vw - 36px)!important;padding:30px!important}.brCard>p,.rankedCard>p,.resultCard>p{line-height:1.55;font-size:13px!important}.brCard>small,.rankedCard>small,.resultCard>small{font-size:10px!important}.brCard .brResultList{gap:7px!important;margin:18px 0 22px!important}.brCard .brResultRow{border-radius:10px!important;grid-template-columns:40px minmax(0,1fr) 130px 90px!important;min-height:50px!important;padding:6px 14px!important}.brCard .brResultRow>i{font-size:11px!important}.brCard .brResultRow>b{gap:3px;font-size:12px!important}.brCard .brResultRow>b em{font-size:9px!important}.brCard .brResultRow>span{font-size:13px!important}.brCard .brResultRow>small{font-size:9px!important}.brCard .brResultSub{font-size:11px!important}.brCard :is(.brPrimary,.brSecondary),.rankedCard :is(.rankedPrimary,.rankedSecondary){min-height:44px;font-size:11px!important}.brIntermission{color:#f1a8d4;letter-spacing:.06em;background:#251522;border:1px solid #774361;border-radius:11px;max-width:440px;margin:18px auto 4px;padding:13px;font-size:11px;font-weight:900}.brIntermission b{color:#fff;font-size:22px}.brIntermission span{color:#bba3b6;margin-top:4px;font-size:9px;display:block}.brStatsSheet{background:#0d121a;border:1px solid #343c4c;border-radius:12px;margin:18px 0 0;padding:18px}.brStatsSheet[hidden],.brResultsHidden{display:none!important}.brStatsSheet h2{margin:0 0 14px;font-size:19px}.brStatsSheet .resultGrid{margin:18px 0 12px}.brStatsSheet .finalScore{font-size:38px}.brStatsSheet :is(.resultGrid,.resultMeta) span{font-size:10px}.brCard .brDifficultyGrid button{min-height:76px!important;padding:12px 15px!important}.brCard .brLobbyPlayers>span{min-height:44px!important;padding:10px 13px!important}.rankedCard .rankDifficulty{min-height:74px!important;padding:12px 15px!important}@media (max-width:600px){:is(.brCard,.rankedCard,.resultCard,.brLeaveCard,.casualInviteCard){width:calc(100vw - 24px)!important;padding:24px 18px!important}.brCard .brResultRow{grid-template-columns:27px minmax(0,1fr) 78px 64px!important;min-height:48px!important;padding:6px 8px!important}.brCard .brResultRow>b{font-size:10px!important}.brCard .brResultRow>b em{font-size:8px!important}.brCard .brResultRow>span{font-size:10px!important}.brCard .brResultRow>small{font-size:7px!important}.brStatsSheet{padding:12px}}.adminBatchCard{width:min(620px,94vw);max-width:620px;position:relative}.adminBatchCard textarea{resize:vertical;width:100%;min-height:140px;margin:18px 0;line-height:1.5;display:block}.adminBatchClose{color:#fff;cursor:pointer;background:#1a202b;border:1px solid #394253;border-radius:11px;width:36px;height:36px;font-size:22px;position:absolute;top:16px;right:16px}.adminBatchError{color:#ff92a0;font-size:12px}.adminBatchProgress{text-align:left;color:#c3cad7;max-height:180px;margin:12px 0;font-size:11px;overflow:auto}.adminBatchProgress p{overflow-wrap:anywhere;margin:7px 0}.noteSpeed{color:#aab2c4;white-space:nowrap;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.noteSpeed select{color:#f5f7fb;background:#171b24;border:1px solid #4a5060;border-radius:8px;padding:9px 6px;font-size:10px;font-weight:800}.noteSpeed select:disabled{opacity:.55}
.game.streak100{background:linear-gradient(#111827,#090d17)!important;border:1px solid #58a6ff94!important;box-shadow:0 0 22px #58a6ff3d,inset 0 0 38px #58a6ff12!important}.game.streak100 .lanes{background:radial-gradient(circle at 50% 100%,#58a6ff14,#0000 58%)!important;animation:none!important}.game.streak100:before{color:#78b9ff29!important;animation:none!important;box-shadow:inset 0 0 34px #58a6ff14!important}.game.streak100 .note{background:#58a6ff!important;box-shadow:0 0 14px #58a6ff94,0 0 26px #58a6ff2e!important}.game.streak100 .holdNote{background:linear-gradient(#9acaff,#397fd7)!important;box-shadow:0 0 14px #58a6ff7a!important}.game.streak100 .holdHead{background:#58a6ff!important;box-shadow:0 0 14px #58a6ff94!important}.game.streak200{background:linear-gradient(#1a111d,#0b0910)!important;border:1px solid #ff72d29e!important;box-shadow:0 0 25px #ff72d242,inset 0 0 42px #ff72d214!important}.game.streak200 .lanes{background:radial-gradient(circle at 50% 100%,#ff72d217,#0000 58%)!important;animation:none!important}.game.streak200:before{color:#ff96dc2e!important;animation:none!important;box-shadow:inset 0 0 38px #ff72d217!important}.game.streak200 .note{background:#ff72d2!important;box-shadow:0 0 14px #ff72d299,0 0 28px #ff72d233!important}.game.streak200 .holdNote{background:linear-gradient(#ffb5e6,#c84aa8)!important;box-shadow:0 0 14px #ff72d280!important}.game.streak200 .holdHead{background:#ff72d2!important;box-shadow:0 0 14px #ff72d299!important}.resultBackdrop{box-sizing:border-box!important;padding:18px!important;overflow:auto!important}.resultCard{box-sizing:border-box!important;scrollbar-width:none!important;max-height:calc(100vh - 36px)!important;overflow:hidden auto!important}.resultCard::-webkit-scrollbar{display:none!important}.rankedResultInline{border-radius:12px!important;margin:10px 0!important;padding:11px 13px!important}.rankedResultInline>small{letter-spacing:1.7px!important;font-size:8px!important}.rankedResultInline h2{margin:2px 0 5px!important;font-size:21px!important;line-height:1.05!important}.rankedResultInline .duelFinal{gap:8px!important;margin:7px 0!important}.rankedResultInline .duelFinal>div{border-radius:10px!important;gap:2px!important;padding:8px 10px!important}.rankedResultInline .duelFinal span{font-size:8px!important}.rankedResultInline .duelFinal strong{font-size:16px!important}.rankedResultInline .ratingChange{gap:7px!important;padding-top:8px!important}.rankedResultInline .ratingChange b{font-size:10px!important}.rankedResultInline .ratingChange strong{padding:4px 7px!important;font-size:11px!important}.rankedResultInline .rankedPrimary{margin-top:8px!important;padding:10px 18px!important;font-size:11px!important}.personalBestResult{gap:3px!important;margin:10px 0!important;padding:10px 13px!important}.personalBestResult strong{font-size:11px!important}.personalBestResult>span{font-size:14px!important}.personalBestResult small{font-size:9px!important}.resultStarsFinal{min-width:185px!important;margin:9px auto 1px!important;padding:8px 13px!important}.resultStarsFinal>span{margin-bottom:3px!important;font-size:8px!important}.resultStarsRow{font-size:22px!important}.beatforgeFullscreenShell>.resultBackdrop{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important;overflow:auto!important}.beatforgeFullscreenShell>.resultBackdrop>.resultCard{scrollbar-width:none!important;width:min(620px,94vw)!important;max-width:620px!important;max-height:calc(100vh - 32px)!important;margin:auto!important;padding:22px 28px!important;overflow-y:auto!important}.beatforgeFullscreenShell>.resultBackdrop>.resultCard::-webkit-scrollbar{display:none!important}.beatforgeFullscreenShell .resultActions{z-index:2!important;margin-top:10px!important;padding-bottom:2px!important;position:relative!important}.beatforgeFullscreenShell .rankedResultInline{width:auto!important}.game .impact{--blast-rgb:166 85 255;--blast-strength:1;z-index:4;pointer-events:none;width:76%;height:18px;position:absolute;bottom:64px;left:12%;overflow:visible;container-type:inline-size;background:0 0!important;border:0!important;border-radius:0!important;animation:none!important;transform:none!important}.game .impact[data-stage=gold]{--blast-rgb:255 185 35}.game .impact[data-stage=blue]{--blast-rgb:42 142 255}.game .impact[data-stage=pink]{--blast-rgb:255 65 185}.game .impact.great{--blast-strength:.84}.game .impact.good{--blast-strength:.68}.game .impactGlow,.game .impactRing,.game .impactCore,.game .impactBeam,.game .impactSparks{pointer-events:none;display:block;position:absolute;inset:0}.game .impactGlow{background:radial-gradient(ellipse 38% 52% at 50% 70%,rgb(var(--blast-rgb) / .57),transparent 78%), radial-gradient(ellipse 46% 35% at 50% 88%,rgb(var(--blast-rgb) / .75),rgb(var(--blast-rgb) / .38) 35%,transparent 84%);filter:blur(10px);height:62cqw;animation:.28s ease-out both blastGlow;inset:auto -16% -1.4cqw}.game .impactRing{border:1.5px solid rgb(var(--blast-rgb) / .9);box-shadow:0 0 8px 1px rgb(var(--blast-rgb) / .9),0 0 17px rgb(var(--blast-rgb) / .55);border-radius:50%;animation:.28s cubic-bezier(.14,.5,.27,1) both blastRing;inset:-4px -19%}.game .impactCore{background:radial-gradient(ellipse 44% 88% at 50% 50%,#fff 0%,#fffffffa 35%,rgb(var(--blast-rgb) / .95) 65%,transparent 100%);box-shadow:0 0 14px 4px rgb(var(--blast-rgb) / .95),0 0 28px 7px rgb(var(--blast-rgb) / .55);border-radius:8px;animation:.28s ease-out both blastCore;inset:-5px -4%}.game .impactBeam i{transform-origin:bottom;border-radius:1px 1px 0 0;width:2.8cqw;min-width:2px;max-width:4px;height:64cqw;max-height:100cqw;animation:.28s ease-out both blastBeam;position:absolute;bottom:50%;left:50%}.game .impactBeam i:before,.game .impactBeam i:after{content:"";border-radius:1px 1px 0 0;position:absolute;inset:0}.game .impactBeam i:before{background:linear-gradient(to top,transparent,rgb(var(--blast-rgb) / .95) 22%,rgb(var(--blast-rgb) / .95));box-shadow:0 0 9px 3px rgb(var(--blast-rgb) / .9),0 0 20px 6px rgb(var(--blast-rgb) / .6);filter:blur(3px)}.game .impactBeam i:after{background:linear-gradient(to right,rgb(var(--blast-rgb) / .95),#fff 35% 65%,rgb(var(--blast-rgb) / .95));-webkit-mask-image:linear-gradient(#000,#000 78%,#0000);mask-image:linear-gradient(#000,#000 78%,#0000)}.game .impactSparks i{--spark-x:50%;--spark-y:-25cqw;--spark-dx:0cqw;--spark-delay:0s;left:var(--spark-x);width:3.5cqw;min-width:3px;max-width:5px;height:3.5cqw;min-height:3px;max-height:5px;box-shadow:0 0 3px 1px #fff,0 0 9px 3px rgb(var(--blast-rgb) / .95);animation:blastSpark .26s ease-out var(--spark-delay) both;background:#fff;position:absolute;top:15%}.game .impactSparks i:first-child{--spark-x:12%;--spark-y:-22cqw;--spark-dx:-9cqw;--spark-delay:2ms}.game .impactSparks i:nth-child(2){--spark-x:26%;--spark-y:-45cqw;--spark-dx:-6cqw;--spark-delay:18ms}.game .impactSparks i:nth-child(3){--spark-x:43%;--spark-y:-31cqw;--spark-dx:2cqw;--spark-delay:11ms}.game .impactSparks i:nth-child(4){--spark-x:60%;--spark-y:-53cqw;--spark-dx:6cqw;--spark-delay:5ms}.game .impactSparks i:nth-child(5){--spark-x:77%;--spark-y:-24cqw;--spark-dx:8cqw;--spark-delay:20ms}.game .impactSparks i:nth-child(6){--spark-x:91%;--spark-y:-38cqw;--spark-dx:12cqw;--spark-delay:12ms}@keyframes blastCore{0%{opacity:.95;transform:scaleX(.72)scaleY(.75)}12%{opacity:var(--blast-strength);transform:scale(1)}40%{opacity:.64}to{opacity:0;transform:scaleX(1.1)scaleY(.4)}}@keyframes blastGlow{0%{opacity:.75}14%{opacity:var(--blast-strength)}to{opacity:0}}@keyframes blastRing{0%{opacity:0;transform:scaleX(.65)scaleY(.6)}12%{opacity:var(--blast-strength)}to{opacity:0;transform:scaleX(1.05)scaleY(1.7)}}@keyframes blastBeam{0%{opacity:.9;transform:translateY(0)scaleY(.24)}14%{opacity:var(--blast-strength);transform:translateY(-3cqw)scaleY(1)}to{opacity:0;transform:translateY(-22cqw)scaleY(.72)}}@keyframes blastSpark{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:var(--blast-strength)}to{opacity:0;transform:translate(var(--spark-dx),var(--spark-y)) scale(.35)}}@media (prefers-reduced-motion:reduce){.game .impact *,.game .impact i{animation-duration:.12s!important}}@media (max-height:800px){.beatforgeFullscreenShell>.resultBackdrop>.resultCard{padding:16px 24px!important}.beatforgeFullscreenShell .rankedResultInline{margin:7px 0!important;padding:8px 11px!important}.beatforgeFullscreenShell .personalBestResult{margin:7px 0!important;padding:7px 11px!important}.beatforgeFullscreenShell .resultStarsFinal{margin:6px auto 0!important;padding:6px 11px!important}.beatforgeFullscreenShell .rankedResultInline .duelFinal{margin:5px 0!important}}
body :is(.rankedBackdrop.realRanked,.rankedBackdrop.rankedBotBackdrop){--mode-accent:#a990ff;--mode-strong:#7657ff;--mode-border:#7157ad;--mode-surface:#211a36;--mode-muted:#c8b9ee;--mode-glow:#a990ff22}body :is(.rankedBackdrop.casualFlowBackdrop,.casualPickerBackdrop,.casualInvitePrompt){--mode-accent:#55c9f4;--mode-strong:#1687be;--mode-border:#367e9d;--mode-surface:#122734;--mode-muted:#b5deee;--mode-glow:#55c9f422}body .communityOverlay.casualDiscover{z-index:14050;background:#03050bec}body .casualDiscover .communityTop small,body .casualDiscover .sectionHeading small{color:#55c9f4}body .casualDiscover .communityTabs button.active,body .casualDiscover .communityTabs button:hover{background:#1687be;border-color:#55c9f4}body .casualDiscover .communityTile:hover,body .casualDiscover .communityTileHit:focus-visible{border-color:#55c9f4;outline-color:#55c9f4}body .casualDiscover .tilePlay{background:#1687be}body .casualDiscover .chartInstrument{color:#55c9f4}body .casualDiscover .communityPage{padding-top:34px}body :is(.realRanked,.rankedBotBackdrop) .rankedResultSub{color:#949daf;letter-spacing:1px;margin:-2px 0 13px;font-size:9px;font-weight:1000}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores{flex-direction:column;gap:5px;margin:12px 0 16px!important;display:flex!important}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores>span{text-align:left;background:#0d121a;border:1px solid #303747;border-radius:9px;grid-template-columns:34px minmax(0,1fr) 105px 64px;align-items:center;gap:6px;min-width:0;min-height:44px;padding:5px 11px!important;display:grid!important}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores>span.rankedMe{border-color:var(--mode-accent);box-shadow:inset 2px 0 var(--mode-accent)}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores i{color:#8993a6;font-size:9px;font-style:normal;display:block!important}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:900;overflow:hidden}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores label em{color:#8e98aa;font-size:7px;font-style:normal;display:block}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores b{text-align:right;font-variant-numeric:tabular-nums;font-size:12px!important}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores small{text-align:right;color:#58dda2;font-size:7px;font-weight:1000}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores>span.rankedLoser small{color:#ff6476}body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores>span.rankedDraw small{color:#aab2c3}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex;border-top:1px solid #303747!important;border-bottom:1px solid #303747!important;margin:4px 0 16px!important;padding:13px!important}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult strong{font-size:11px}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult b.rankBronze{color:#cd7f32!important}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult b.rankSilver{color:#c8ced8!important}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult b.rankGold{color:#ffd43b!important}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult b.rankPlatinum{color:#57e0d1!important}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult b.rankDiamond{color:#6aa9ff!important}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult b.rankMaster{color:#c084fc!important}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult b.rankGrandmaster{color:#ff6cab!important}body :is(.realRanked,.rankedBotBackdrop) .rankedMmrResult b.rankChallenger{color:#ffd54a!important}body :is(.realRanked,.rankedBotBackdrop) .rankedStatsSheet[hidden],body :is(.realRanked,.rankedBotBackdrop) .rankedResultsHidden{display:none!important}body :is(.realRanked,.rankedBotBackdrop) .rankedStatsSheet{text-align:center;background:#0b1018;border:1px solid #343c4c;border-radius:13px;margin:16px auto 0;padding:20px 18px}body :is(.realRanked,.rankedBotBackdrop) .rankedStatsSheet h2{margin:3px 0 12px!important;font-size:22px!important}body :is(.realRanked,.rankedBotBackdrop) .rankedStatsSheet .rankedResultCompare{margin:16px 0 0}body .game>.botRankedLiveHud{box-sizing:border-box!important;width:190px!important;min-width:0!important;max-width:190px!important;overflow:hidden!important}body .game>.botRankedLiveHud>div,body .game>.botRankedLiveHud>div>span{width:100%!important;min-width:0!important}body .game>.botRankedLiveHud>div>span{grid-template-columns:minmax(0,1fr) minmax(0,max-content)!important}body .game>.botRankedLiveHud span>strong{white-space:nowrap!important;font-size:10px!important}body .game>.realRankedLiveHud.rankedScoreboard{box-sizing:border-box!important;overflow:hidden!important}:is(body .game>.realRankedLiveHud.rankedScoreboard>div,body .game>.realRankedLiveHud.rankedScoreboard span:has(.rrMe,.rrOpp)){width:100%!important;min-width:0!important;max-width:100%!important}body .game>.realRankedLiveHud.rankedScoreboard .rrMe,body .game>.realRankedLiveHud.rankedScoreboard .rrOpp{white-space:nowrap!important;font-size:10px!important}body :is(.rankedBackdrop.realRanked,.rankedBackdrop.rankedBotBackdrop) .syncCountdown{color:var(--mode-accent)!important}@media (max-width:620px){body :is(.realRanked,.rankedBotBackdrop) .rankedFinalScores>span{grid-template-columns:24px minmax(0,1fr) 82px 48px;padding:5px 7px!important}body .game>.botRankedLiveHud{width:160px!important}}body :is(.rankedBackdrop.realRanked,.rankedBackdrop.rankedBotBackdrop,.rankedBackdrop.casualFlowBackdrop,.casualPickerBackdrop,.casualInvitePrompt){-webkit-backdrop-filter:blur(13px)!important;backdrop-filter:blur(13px)!important;background:#03050bec!important;padding:18px!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedCard,body :is(.casualPickerCard,.casualInviteCard){text-align:center!important;background:linear-gradient(150deg,#151a26,#0c1018)!important;border:1px solid #3b4353!important;border-radius:20px!important;width:min(760px,100vw - 36px)!important;max-height:90dvh!important;padding:34px 36px!important;overflow:auto!important;box-shadow:0 30px 100px #000b!important}body .casualInviteCard{width:min(500px,100vw - 36px)!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedCard>small,body :is(.casualPickerTop,.casualInviteCard)>small,body .casualPickerTop small{color:var(--mode-accent)!important;letter-spacing:2px!important;font-size:10px!important;font-weight:1000!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedCard h1{margin:7px 0!important;font-size:32px!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedCard h2{margin:8px 0!important;font-size:23px!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedCard>p{max-width:510px;color:#a8b0c0!important;margin:8px auto 17px!important;font-size:11px!important;line-height:1.5!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedPrimary,body :is(.casualPickerBackdrop,.casualInvitePrompt) :is(.casualAccept,.casualSong>strong){background:var(--mode-strong)!important;border-color:var(--mode-accent)!important;color:#fff!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedPrimary,body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedSecondary,body .casualInviteCard :is(.casualAccept,.casualDecline){letter-spacing:.05em!important;border-radius:11px!important;min-height:44px!important;padding:12px 18px!important;font-size:10px!important;font-weight:1000!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedSecondary,body .casualInviteCard .casualDecline{color:#c2c8d4!important;background:#151b27!important;border-color:#343c4c!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.rankedReadyClock,.casualReadyClock){border:1px solid var(--mode-border)!important;background:var(--mode-surface)!important;color:var(--mode-muted)!important;letter-spacing:.7px!important;border-radius:10px!important;margin:12px auto!important;padding:9px 12px!important;font-size:10px!important;font-weight:900!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.rankedReadyClock,.casualReadyClock) b{color:#fff!important;font-size:18px!important}body .casualFlowCard .casualReadyClock b{display:block;margin:5px auto!important;font-size:28px!important}body .casualFlowCard .casualReadyClock span{color:var(--mode-muted);font-size:8px;font-weight:700;display:block}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.readyIcon,.casualLoadedCheck){border-color:var(--mode-accent)!important;background:var(--mode-glow)!important;color:var(--mode-accent)!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.chosenDifficulty,.casualDifficultyPill,.rankInstrument,.casualInstrumentSelect){border-color:var(--mode-border)!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.rankInstrumentLabel,.casualInstrumentLabel){text-align:left;letter-spacing:.08em;gap:7px;margin:16px 0;font-size:10px;font-weight:900;display:grid;color:var(--mode-accent)!important}body .casualFlowCard .casualInstrumentSelect{border:1px solid var(--mode-border);color:#fff;background:#111622;border-radius:9px;width:100%;padding:10px;font-size:13px}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.rankDifficulty,.casualDifficultyGrid button){color:#fff!important;text-align:left!important;background:#121824!important;border:1px solid #343c4e!important;border-radius:11px!important;min-height:76px!important;padding:12px 15px!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.rankDifficulty,.casualDifficultyGrid button):hover{border-color:var(--mode-accent)!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.rankVoteWinner,.casualReadySong){background:#0a0f17!important;border:1px solid #303747!important;border-radius:11px!important}body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) :is(.queueSpinner,.casualWaitSpinner){border-top-color:var(--mode-strong)!important}body .realRanked .rankedQueueCount{color:var(--mode-accent);margin:12px 0 0;font-size:48px;font-weight:1000;line-height:1}body .realRanked .rankedQueueCount span{color:#8993a6;letter-spacing:1.5px;margin-top:4px;font-size:9px;display:block}body .realRanked .queueRank{color:var(--mode-accent);background:0 0;border:0;padding:0}body .realRanked .queueRank.rank-bronze{color:#cd7f32}body .realRanked .queueRank.rank-silver{color:#cbd2dd}body .realRanked .queueRank.rank-gold{color:#ffd43b}body .realRanked .queueRank.rank-platinum{color:#57e0d1}body .realRanked .queueRank.rank-diamond{color:#66a9ff}body .realRanked .queueRank.rank-master{color:#c084fc}body .realRanked .queueRank.rank-grandmaster{color:#ff6cab}body .realRanked .queueRank.rank-challenger{color:#ffd54a}body .realRanked .rankedFlow{color:#a8b0c0}body .realRanked .rankedFlow span{background:var(--mode-surface);border:1px solid var(--mode-border);color:var(--mode-accent)}body .realRanked .rankVoteGrid,body .rankedBotBackdrop .rankVoteGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}body :is(.realRanked,.rankedBotBackdrop) .rankVote{align-items:center;gap:9px;min-height:72px;background:#0d1420!important;border-radius:9px!important;padding:7px!important;display:flex!important}body :is(.realRanked,.rankedBotBackdrop) .rankVote :is(img,.voteFallback){object-fit:cover;border-radius:6px;flex:none;width:75px!important;height:55px!important}body :is(.realRanked,.rankedBotBackdrop) .rankVote.selected{border-color:var(--mode-accent)!important;background:var(--mode-surface)!important;box-shadow:none!important;transform:none!important}body :is(.realRanked,.rankedBotBackdrop) .rankVote>div:not(.voteFallback){text-align:left;min-width:0;padding:0!important}body .casualPickerCard .casualSong{background:#0d1420;border-color:#394053;min-height:72px}body .casualPickerCard .casualSong:hover{border-color:var(--mode-accent)}body .casualPickerCard :is(.casualInstrument,.casualSongBack){border-color:var(--mode-border);background:var(--mode-surface);color:var(--mode-muted)}body .casualPickerCard .casualInstrument:hover{border-color:var(--mode-accent)}body .casualInviteCard .casualInviteSong{background:#0d1420;border-color:#394053}body .casualInviteCard .casualAccept{margin-left:0!important}body .casualFlowCard .casualReadyStatus{color:var(--mode-accent)}body .realRanked .brModeBadge{border-color:var(--mode-border)!important;background:var(--mode-surface)!important;color:var(--mode-accent)!important}body .casualPickerCard .casualSong>strong{border-radius:7px;padding:5px 8px;background:var(--mode-surface)!important;border:1px solid var(--mode-border)!important;color:var(--mode-accent)!important}body .casualPickerCard .casualInstrument span,body .casualPickerCard .casualSongFallback,body .casualInviteCard .casualInviteSong>span{color:var(--mode-accent)!important}body .casualInviteCard .casualAccept{background:var(--mode-strong)!important;border-color:var(--mode-accent)!important}body .accountArea .brNavBtn{color:#ff9adc!important;background:#2a1428!important;border-color:#ed4eb9!important}body .accountArea .rankedNavBtn{color:#c9bcff!important;background:#201a3a!important;border-color:#7657ff!important}body .accountArea .friendsModeNav{color:#a7dff5!important;background:#112838!important;border-color:#1687be!important}body .friendSocialActions .friendInviteBtn{background:#1687be!important;border-color:#55c9f4!important}body .friendRow .friendProfileLink:hover{color:#55c9f4!important}body .resultCard:has(.friendList)>small{color:#55c9f4!important}body .resultCard:has(.friendList) .friendAdd button{color:#fff!important;background:#1687be!important;border-color:#55c9f4!important}body .casualLeaveCard small,body .casualResultCompare>small{color:#55c9f4!important}body .casualLeaveCard .casualLeaveContinue{background:#1687be!important;border-color:#55c9f4!important}body .game>.botRankedLiveHud,body .game>.casualLiveHud{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#080c13ef!important;border:1px solid #3b4353!important;border-radius:12px!important;padding:8px!important}body .game>.botRankedLiveHud>small,body .game>.casualLiveHud>small{text-align:center;letter-spacing:1px;margin-bottom:5px;font-size:8px;font-weight:1000;display:block}body .game>.botRankedLiveHud>small{color:#a990ff!important}body .game>.casualLiveHud>small{color:#55c9f4!important}body .game>.botRankedLiveHud>div{width:190px!important}body .game>.botRankedLiveHud>div>span{box-sizing:border-box!important;width:190px!important;height:28px!important}@media (max-width:620px){body :is(.realRanked,.rankedBotBackdrop,.casualFlowBackdrop) .rankedCard,body :is(.casualPickerCard,.casualInviteCard){width:calc(100vw - 24px)!important;padding:24px 18px!important}body .realRanked .rankVoteGrid,body .rankedBotBackdrop .rankVoteGrid{grid-template-columns:1fr!important}body .game>.botRankedLiveHud>div,body .game>.botRankedLiveHud>div>span{width:160px!important}}
.game{--ambient-color:var(--combo-color-base,#a655ff)}.game.goldMode{--ambient-color:var(--combo-color-50,#ffb923)}.game.streak100{--ambient-color:var(--combo-color-100,#2a8eff)}.game.streak200{--ambient-color:var(--combo-color-200,#ff41b9)}.game:not(.notePaletteGuitar) .lanes,.game:not(.notePaletteGuitar).streak100 .lanes,.game:not(.notePaletteGuitar).streak200 .lanes{background:linear-gradient(to top,color-mix(in srgb,var(--ambient-color) 10%,transparent),color-mix(in srgb,var(--ambient-color) 5%,transparent) 20%,transparent 49%)!important}.game:not(.notePaletteGuitar) .lane .note,.game:not(.notePaletteGuitar) .lane .holdHead{background:color-mix(in srgb,var(--ambient-color) 78%,white)!important;box-shadow:inset 0 0 0 1px #fff3, 0 0 10px 1px color-mix(in srgb,var(--ambient-color) 52%,transparent), 0 0 18px color-mix(in srgb,var(--ambient-color) 18%,transparent)!important}.game:not(.notePaletteGuitar) .lane .holdNote{background:linear-gradient(to bottom,color-mix(in srgb,var(--ambient-color) 68%,white),color-mix(in srgb,var(--ambient-color) 65%,#10131e))!important;box-shadow:0 0 7px color-mix(in srgb,var(--ambient-color) 32%,transparent)!important}.game.notePaletteGuitar .lane{background:linear-gradient(to top,color-mix(in srgb,var(--lane-note-color) 8%,transparent),transparent 45%);border-right-color:color-mix(in srgb,var(--lane-note-color) 22%,#252a35)}.game.notePaletteGuitar .lane.pressed{background:linear-gradient(to top,color-mix(in srgb,var(--lane-note-color) 17%,transparent),transparent 55%)}.game.notePaletteGuitar .lane .note,.game.notePaletteGuitar .lane .holdHead{background:var(--lane-note-color)!important;box-shadow:inset 0 0 0 1px #fff3, 0 0 10px 1px color-mix(in srgb,var(--lane-note-color) 52%,transparent), 0 0 18px color-mix(in srgb,var(--lane-note-color) 18%,transparent)!important}.game.notePaletteGuitar .lane .holdNote,.game.notePaletteGuitar .lane .holdNote.holding{background:linear-gradient(to bottom,color-mix(in srgb,var(--lane-note-color) 80%,white),color-mix(in srgb,var(--lane-note-color) 65%,#10131e))!important;box-shadow:0 0 7px color-mix(in srgb,var(--lane-note-color) 30%,transparent)!important}.game.goldMode .lane .note,.game.goldMode .lane .holdHead,.game.streak100 .lane .note,.game.streak100 .lane .holdHead,.game.streak200 .lane .note,.game.streak200 .lane .holdHead{box-shadow:inset 0 0 0 1px #ffffff3d, 0 0 0 1px color-mix(in srgb,var(--ambient-color) 52%,transparent), 0 0 12px 2px color-mix(in srgb,var(--ambient-color) 52%,transparent), 0 0 19px color-mix(in srgb,var(--ambient-color) 17%,transparent)!important}.game.goldMode .lane .holdNote,.game.streak100 .lane .holdNote,.game.streak200 .lane .holdNote{box-shadow:0 0 0 1px color-mix(in srgb,var(--ambient-color) 40%,transparent), 0 0 8px color-mix(in srgb,var(--ambient-color) 30%,transparent)!important}.game.notePaletteGuitar.goldMode{--guitar-bg-color:var(--guitar-bg-50,#ffb923)}.game.notePaletteGuitar.streak100{--guitar-bg-color:var(--guitar-bg-100,#2a8eff)}.game.notePaletteGuitar.streak200{--guitar-bg-color:var(--guitar-bg-200,#ff41b9)}.game.notePaletteGuitar:is(.goldMode,.streak100,.streak200) .lane .note,.game.notePaletteGuitar:is(.goldMode,.streak100,.streak200) .lane .holdHead{box-shadow:inset 0 0 0 1px #ffffff3d, 0 0 0 1px color-mix(in srgb,var(--lane-note-color) 55%,white), 0 0 12px 2px color-mix(in srgb,var(--lane-note-color) 55%,transparent), 0 0 20px color-mix(in srgb,var(--lane-note-color) 20%,transparent)!important}.game.notePaletteGuitar:is(.goldMode,.streak100,.streak200) .lane .holdNote{box-shadow:0 0 0 1px color-mix(in srgb,var(--lane-note-color) 42%,transparent), 0 0 10px 1px color-mix(in srgb,var(--lane-note-color) 32%,transparent)!important}.game.notePaletteGuitar:is(.goldMode,.streak100,.streak200) .lanes{background:radial-gradient(ellipse at 50% 95%,color-mix(in srgb,var(--guitar-bg-color) 23%,transparent),transparent 65%), linear-gradient(to top,color-mix(in srgb,var(--guitar-bg-color) 8%,transparent),transparent 65%)!important}.game.notePaletteGuitar .lane .receptor{border-color:var(--lane-note-color);box-shadow:0 0 6px color-mix(in srgb,var(--lane-note-color) 32%,transparent)}.game.goldMode:not(.streak100):not(.streak200){border-color:color-mix(in srgb,var(--ambient-color) 55%,#252a35)!important;box-shadow:0 0 12px color-mix(in srgb,var(--ambient-color) 16%,transparent), inset 0 0 24px color-mix(in srgb,var(--ambient-color) 5%,transparent)!important}.game:is(.streak100,.streak200){background:linear-gradient(180deg,color-mix(in srgb,var(--ambient-color) 7%,#111520),#090b10)!important;border-color:color-mix(in srgb,var(--ambient-color) 55%,#252a35)!important;box-shadow:0 0 14px color-mix(in srgb,var(--ambient-color) 17%,transparent), inset 0 0 28px color-mix(in srgb,var(--ambient-color) 5%,transparent)!important}.game:is(.streak100,.streak200):before{color:color-mix(in srgb,var(--ambient-color) 22%,transparent)!important;box-shadow:inset 0 0 28px color-mix(in srgb,var(--ambient-color) 7%,transparent)!important}.game.notePaletteGuitar:is(.streak100,.streak200){background:linear-gradient(180deg,color-mix(in srgb,var(--guitar-bg-color) 9%,#111520),color-mix(in srgb,var(--guitar-bg-color) 5%,#090b10))!important;border-color:color-mix(in srgb,var(--guitar-bg-color) 48%,#41495b)!important;box-shadow:0 0 16px color-mix(in srgb,var(--guitar-bg-color) 18%,transparent), inset 0 0 30px color-mix(in srgb,var(--guitar-bg-color) 8%,transparent)!important}.game.notePaletteGuitar:is(.streak100,.streak200):before{color:color-mix(in srgb,var(--guitar-bg-color) 22%,transparent)!important;box-shadow:inset 0 0 30px color-mix(in srgb,var(--guitar-bg-color) 8%,transparent)!important}.game.goldMode .hudCombo strong{color:var(--ambient-color);text-shadow:0 0 7px color-mix(in srgb,var(--ambient-color) 30%,transparent)}.game.notePaletteGuitar.goldMode .hudCombo strong{color:color-mix(in srgb,var(--guitar-bg-color) 65%,white);text-shadow:0 0 7px color-mix(in srgb,var(--guitar-bg-color) 28%,transparent)}.game:not(.notePaletteGuitar).goldMode .lane .receptor{border-color:color-mix(in srgb,var(--ambient-color) 50%,white);box-shadow:0 0 8px color-mix(in srgb,var(--ambient-color) 32%,transparent)}.game.notePaletteGuitar.goldMode:not(.streak100):not(.streak200){background:linear-gradient(180deg,color-mix(in srgb,var(--guitar-bg-color) 9%,#111520),color-mix(in srgb,var(--guitar-bg-color) 5%,#090b10))!important;border-color:color-mix(in srgb,var(--guitar-bg-color) 48%,#41495b)!important;box-shadow:0 0 16px color-mix(in srgb,var(--guitar-bg-color) 18%,transparent), inset 0 0 30px color-mix(in srgb,var(--guitar-bg-color) 8%,transparent)!important}.game.notePaletteGuitar.goldMode .lane .receptor{border-color:var(--lane-note-color);box-shadow:0 0 6px color-mix(in srgb,var(--lane-note-color) 32%,transparent)}.changeColorsBtn{white-space:nowrap;letter-spacing:.04em;align-items:center;gap:9px;display:inline-flex;border:1px solid #363e51!important;padding:11px 14px!important}.changeColorsBtn:hover{background:#252035!important;border-color:#a688ff!important}.colorSwatches{align-items:center;padding-left:3px;display:flex}.colorSwatches i{background:#39dd75;border:2px solid #171b24;border-radius:50%;width:13px;height:13px;margin-left:-4px;display:block;box-shadow:0 0 6px #39dd7560}.colorSwatches i:nth-child(2){background:#ff536d;box-shadow:0 0 6px #ff536d60}.colorSwatches i:nth-child(3){background:#58aaff;box-shadow:0 0 6px #58aaff60}.colorDialog{text-align:left;max-height:90vh;overflow-y:auto;width:min(550px,94vw)!important;max-width:550px!important}.colorDialog>small{color:#a98bff;letter-spacing:.2em;font-size:10px;font-weight:900}.colorDialog h2{margin:5px 0 4px;font-size:26px}.colorDialog p{color:#a7afbf;margin:0 0 18px;font-size:13px;line-height:1.5}.colorModeChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.colorMode{color:#e7eaf2;text-align:left;background:#121722;border:1px solid #353d4d;border-radius:12px;gap:5px;padding:15px;display:grid}.colorMode strong{font-size:14px}.colorMode span{color:#9aa5b8;font-size:11px;font-weight:500;line-height:1.4}.colorMode.active{background:linear-gradient(140deg,#2a2145,#171b28);border-color:#a282ff;box-shadow:0 0 20px #9b7cff22}.laneColorGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:17px 0 8px;display:grid}.laneColorTile{background:linear-gradient(to top,color-mix(in srgb,var(--tile-color) 15%,#11151f),#11151f 68%);border:1px solid color-mix(in srgb,var(--tile-color) 45%,#384052);color:#aab1c1;cursor:pointer;border-radius:12px;justify-items:center;gap:6px;padding:10px 4px;display:grid}.laneColorTile span{letter-spacing:.08em;font-size:9px;font-weight:800}.laneColorTile strong{color:var(--tile-color);text-shadow:0 0 12px var(--tile-color);font-size:21px}.laneColorTile input{cursor:pointer;background:#151923;border:1px solid #566073;border-radius:8px;width:48px;height:34px;padding:2px}.comboColorGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:17px 0 8px;display:grid}.comboColorTile{border:1px solid color-mix(in srgb,var(--tile-color) 45%,#384052);background:linear-gradient(to top,color-mix(in srgb,var(--tile-color) 11%,#11151f),#11151f 70%);color:#dce0e9;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:7px;min-width:0;padding:12px 9px;display:flex}.comboColorTile span{white-space:nowrap;font-size:10px;font-weight:800}.comboColorTile input{cursor:pointer;background:#151923;border:1px solid #566073;border-radius:7px;flex:none;width:35px;height:32px;padding:2px}.guitarPaletteStages{gap:13px;margin-top:17px;display:grid}.guitarPaletteStage{border-bottom:1px solid #303746;padding-bottom:12px}.guitarPaletteStage:last-child{border-bottom:0;padding-bottom:0}.guitarStageHeader{color:#dce0e9;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.guitarStageHeader strong{letter-spacing:.12em;font-size:11px}.guitarStageHeader span{color:#9aa5b8;font-size:10px}.guitarBackgroundColor{border:1px solid color-mix(in srgb,var(--tile-color) 35%,#384052);background:color-mix(in srgb,var(--tile-color) 8%,#11151f);color:#cfd5e3;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;padding:7px 10px;display:flex}.guitarBackgroundColor span{letter-spacing:.08em;font-size:10px;font-weight:800}.guitarBackgroundColor input{cursor:pointer;background:#151923;border:1px solid #566073;border-radius:6px;width:36px;height:28px;padding:2px}.guitarPaletteStage .laneColorGrid{margin:9px 0 3px}.guitarPaletteStage .laneColorTile{gap:3px;padding:8px 4px}.guitarPaletteStage .laneColorTile strong{font-size:17px}.guitarPaletteStage .laneColorTile input{height:27px}.resetLaneColors{color:#b9a4ff;letter-spacing:.06em;background:0 0;padding:8px 2px;font-size:10px}.colorDialog .resultActions{justify-content:flex-end;margin-top:13px}@media (max-width:540px){.colorModeChoices{grid-template-columns:1fr}.laneColorGrid{gap:4px}.laneColorTile{padding:7px 2px}.laneColorTile input{width:36px}.comboColorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.guitarStageHeader span{text-align:right;max-width:180px}}
.game .impact{--blast-color:var(--combo-color-base,#a655ff)}.game .impact[data-stage=gold]{--blast-color:var(--combo-color-50,#ffb923)}.game .impact[data-stage=blue]{--blast-color:var(--combo-color-100,#2a8eff)}.game .impact[data-stage=pink]{--blast-color:var(--combo-color-200,#ff41b9)}.game.notePaletteGuitar .lane .impact{--blast-color:var(--lane-note-color)}.game .lane:has(>.impact):before{content:"";z-index:1;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--ambient-color) 25%,transparent),color-mix(in srgb,var(--ambient-color) 8%,transparent) 42%,transparent 95%);height:min(72%,450px);animation:.29s ease-out both impactLaneWash;position:absolute;inset:auto 0 55px}.game.notePaletteGuitar .lane:has(>.impact):before{background:linear-gradient(to top,color-mix(in srgb,var(--lane-note-color) 27%,transparent),color-mix(in srgb,var(--lane-note-color) 9%,transparent) 42%,transparent 95%)}.game .lane:has(>.impact) .receptor{box-shadow:0 0 14px 3px color-mix(in srgb,var(--ambient-color) 70%,transparent), 0 0 28px 6px color-mix(in srgb,var(--ambient-color) 40%,transparent)}.game.notePaletteGuitar .lane:has(>.impact) .receptor{box-shadow:0 0 14px 3px color-mix(in srgb,var(--lane-note-color) 70%,transparent), 0 0 28px 6px color-mix(in srgb,var(--lane-note-color) 40%,transparent)}@keyframes impactLaneWash{0%{opacity:.8}14%{opacity:1}to{opacity:0}}.game .impactGlow{background:radial-gradient(ellipse 52% 65% at 50% 70%,color-mix(in srgb,var(--blast-color) 75%,transparent),transparent 80%);filter:blur(12px)}.game .impactRing{border-color:color-mix(in srgb,var(--blast-color) 82%,white);box-shadow:0 0 13px 3px color-mix(in srgb,var(--blast-color) 72%,transparent),0 0 28px color-mix(in srgb,var(--blast-color) 48%,transparent)}.game .impactCore{background:radial-gradient(ellipse 49% 88% at 50% 50%,#fff 0%,color-mix(in srgb,var(--blast-color) 40%,white) 53%,var(--blast-color) 82%,transparent 100%);box-shadow:0 0 17px 5px var(--blast-color),0 0 36px 10px color-mix(in srgb,var(--blast-color) 65%,transparent)}.game .impactBeam{background:linear-gradient(to top,color-mix(in srgb,var(--blast-color) 74%,transparent), color-mix(in srgb,var(--blast-color) 39%,transparent) 35%,transparent 100%);transform-origin:bottom;width:100%;height:125cqw;animation:.29s ease-out both solidImpactBeam;inset:auto 0 50%;-webkit-mask-image:linear-gradient(#0000 0%,#0009 65%,#000 100%);mask-image:linear-gradient(#0000 0%,#0009 65%,#000 100%)}.game .impactBeam:before{content:"";background:linear-gradient(to right,transparent 8%,color-mix(in srgb,var(--blast-color) 55%,white) 28%, transparent 43%,color-mix(in srgb,var(--blast-color) 35%,white) 54%,transparent 72%, color-mix(in srgb,var(--blast-color) 50%,white) 89%,transparent);filter:blur(7px);opacity:.62;position:absolute;inset:0}@keyframes solidImpactBeam{0%{opacity:.28;transform:translateY(0)scaleY(.3)}14%{opacity:calc(var(--blast-strength) * .76);transform:translateY(-3cqw)scaleY(1)}42%{opacity:.3;transform:translateY(-10cqw)scaleY(.92)}to{opacity:0;transform:translateY(-20cqw)scaleY(.65)}}.game .impactSparks i{top:40%;left:var(--spark-left);width:var(--spark-size,4cqw);height:var(--spark-size,4cqw);background:color-mix(in srgb,var(--blast-color) 55%,white);min-width:2px;max-width:5px;min-height:2px;max-height:5px;box-shadow:0 0 7px 2px var(--blast-color);animation:smallImpactSpark .29s ease-out var(--spark-delay,0s) both}.game .impactSparks i:first-child{--spark-left:4%;--spark-dx:-12cqw;--spark-dy:-9cqw;--spark-size:3cqw}.game .impactSparks i:nth-child(2){--spark-left:15%;--spark-dx:-9cqw;--spark-dy:-25cqw;--spark-delay:12ms}.game .impactSparks i:nth-child(3){--spark-left:24%;--spark-dx:-8cqw;--spark-dy:-12cqw;--spark-size:3cqw}.game .impactSparks i:nth-child(4){--spark-left:31%;--spark-dx:-4cqw;--spark-dy:-34cqw;--spark-delay:15ms}.game .impactSparks i:nth-child(5){--spark-left:40%;--spark-dx:-3cqw;--spark-dy:-19cqw;--spark-size:3cqw}.game .impactSparks i:nth-child(6){--spark-left:48%;--spark-dx:2cqw;--spark-dy:-30cqw;--spark-delay:8ms}.game .impactSparks i:nth-child(7){--spark-left:57%;--spark-dx:3cqw;--spark-dy:-13cqw;--spark-size:3cqw}.game .impactSparks i:nth-child(8){--spark-left:64%;--spark-dx:5cqw;--spark-dy:-29cqw;--spark-delay:19ms}.game .impactSparks i:nth-child(9){--spark-left:72%;--spark-dx:7cqw;--spark-dy:-17cqw;--spark-size:3cqw}.game .impactSparks i:nth-child(10){--spark-left:80%;--spark-dx:9cqw;--spark-dy:-32cqw;--spark-delay:7ms}.game .impactSparks i:nth-child(11){--spark-left:88%;--spark-dx:11cqw;--spark-dy:-14cqw;--spark-size:3cqw}.game .impactSparks i:nth-child(12){--spark-left:96%;--spark-dx:14cqw;--spark-dy:-22cqw;--spark-delay:16ms}@keyframes smallImpactSpark{0%{opacity:0;transform:translate(0)scale(.5)}16%{opacity:var(--blast-strength);transform:translateY(-3cqw)scale(1)}to{opacity:0;transform:translate(var(--spark-dx),var(--spark-dy)) scale(.45)}}@media (prefers-reduced-motion:reduce){.game .impactBeam{animation-duration:.12s!important}}
body{--neon-accent:#a990ff;--neon-edge:#8069d5;--neon-tint:#201a38}body button{color:#e8ddff;background:#171b28;border:1px solid #42375f}body :is(.rankedBackdrop,.rankedBotBackdrop){--neon-accent:#b29cff;--neon-edge:#8669ee;--neon-tint:#211b3d}body :is(.brBackdrop,.brLeaveBackdrop){--neon-accent:#ff8bd5;--neon-edge:#ed4eb9;--neon-tint:#331728}body :is(.friendLobbyOverlay,.friendLobbyDock,.casualPickerBackdrop,.casualInvitePrompt,.casualFlowBackdrop,.casualLeaveBackdrop,.casualReadyBackdrop){--neon-accent:#8be3ff;--neon-edge:#55c9f4;--neon-tint:#102c3a}body :is(.deleteChart,.brLeaveConfirm,.casualLeaveConfirm,.botConfirmForfeit,.confirmForfeit){--neon-accent:#ff9eab;--neon-edge:#ee6578;--neon-tint:#321922}body :is(.controls>button,.uploadBtn,.saveChartPrimary,.generateFileBtn,.resultActions button,.authCard button,.accountArea button,.seg button,.communityTabs button,.communityPagination button,.leaderTabs button,.adminBatchCard button,.deleteChart,.friendSocialActions button,.friendAdd button,.friendLobbyDock,.friendLobbyInvite,.friendLobbyCreate,.friendLobbyMore,.friendLobbyActions button,.friendLobbyResult>button,.friendLobbyDifficultyLevels button,.rankedCard .rankedPrimary,.rankedCard .rankedSecondary,.brCard .brPrimary,.brCard .brSecondary,.brLeaveCard button,.casualInviteCard button,.casualLeaveCard button,.casualReadyCard button,.casualPickerClose,.casualSongBack,.instrumentOption .instrumentEdit,.instrumentDifficultyLevels button,.rankInstrumentGrid button,.brInstrumentGrid button,.soloDifficultyCancel){text-shadow:0 0 12px color-mix(in srgb,var(--neon-accent) 22%,transparent);transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s;background:linear-gradient(145deg,var(--neon-tint),#10151f 78%)!important;border:1px solid var(--neon-edge)!important;color:var(--neon-accent)!important;box-shadow:inset 0 1px #ffffff0c,0 0 0 1px #0004!important}body :is(.controls>button,.uploadBtn,.saveChartPrimary,.generateFileBtn,.resultActions button,.authCard button,.accountArea button,.seg button,.communityTabs button,.communityPagination button,.leaderTabs button,.adminBatchCard button,.deleteChart,.friendSocialActions button,.friendAdd button,.friendLobbyDock,.friendLobbyInvite,.friendLobbyCreate,.friendLobbyMore,.friendLobbyActions button,.friendLobbyResult>button,.friendLobbyDifficultyLevels button,.rankedCard .rankedPrimary,.rankedCard .rankedSecondary,.brCard .brPrimary,.brCard .brSecondary,.brLeaveCard button,.casualInviteCard button,.casualLeaveCard button,.casualReadyCard button,.casualPickerClose,.casualSongBack,.instrumentOption .instrumentEdit,.instrumentDifficultyLevels button,.rankInstrumentGrid button,.brInstrumentGrid button,.soloDifficultyCancel):hover:not(:disabled){background:linear-gradient(145deg,color-mix(in srgb,var(--neon-accent) 21%,#10151f),#141927 85%)!important;border-color:var(--neon-accent)!important;box-shadow:inset 0 1px 0 #ffffff1b,0 0 14px color-mix(in srgb,var(--neon-accent) 23%,transparent)!important;color:#fff!important}body :is(.controls>button,.uploadBtn,.saveChartPrimary,.generateFileBtn,.resultActions button,.authCard button,.accountArea button,.seg button,.communityTabs button,.communityPagination button,.leaderTabs button,.adminBatchCard button,.deleteChart,.friendSocialActions button,.friendAdd button,.friendLobbyDock,.friendLobbyInvite,.friendLobbyCreate,.friendLobbyMore,.friendLobbyActions button,.friendLobbyResult>button,.friendLobbyDifficultyLevels button,.rankedCard .rankedPrimary,.rankedCard .rankedSecondary,.brCard .brPrimary,.brCard .brSecondary,.brLeaveCard button,.casualInviteCard button,.casualLeaveCard button,.casualReadyCard button,.casualPickerClose,.casualSongBack,.instrumentOption .instrumentEdit,.instrumentDifficultyLevels button,.rankInstrumentGrid button,.brInstrumentGrid button,.soloDifficultyCancel):focus-visible{outline-offset:3px;outline:2px solid var(--neon-accent)!important}body :is(.controls>button,.resultActions button,.friendLobbyActions button,.rankedCard button,.brCard button):disabled{opacity:.48;text-shadow:none;box-shadow:none!important}body :is(.controls>.secondary,.resultActions .secondary,.rankedCard .rankedSecondary,.brCard .brSecondary,.friendLobbyActions .secondary,.brLeaveCancel,.casualDecline,.casualLeaveContinue){--neon-edge:#3a4357;--neon-accent:#d6deef;--neon-tint:#171d29}body :is(.seg button.active,.communityTabs button.active,.leaderTabs button.active,.instrumentDifficultyLevels button.active,.friendLobbyDifficultyLevels button.active){background:linear-gradient(145deg,color-mix(in srgb,var(--neon-accent) 19%,#111722),#151b28)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neon-accent) 28%,transparent),0 0 13px color-mix(in srgb,var(--neon-accent) 16%,transparent)!important;color:#fff!important}body .controls>button:first-of-type{--neon-accent:#bcaaff;--neon-edge:#8e72ff;--neon-tint:#241e40}body .controls>.secondary{--neon-accent:#d7ddeb;--neon-edge:#454e60;--neon-tint:#1a202c}body .accountArea .rankedNavBtn{--neon-accent:#c9bcff;--neon-edge:#7657ff;--neon-tint:#201a3a}body .accountArea .brNavBtn{--neon-accent:#ff9adc;--neon-edge:#ed4eb9;--neon-tint:#2a1428}body .accountArea .friendsModeNav{--neon-accent:#a7e9ff;--neon-edge:#55c9f4;--neon-tint:#112838}body .accountArea .accountBtn:not(.rankedNavBtn):not(.brNavBtn):not(.friendsModeNav){--neon-accent:#f0f2f8;--neon-edge:#353d4c;--neon-tint:#151a24}body :is(.friendSocialActions button,.friendLobbyInvite,.resultCard:has(.friendList) .friendAdd button,.casualDiscover .communityTabs button){--neon-accent:#a7e9ff;--neon-edge:#55c9f4;--neon-tint:#112838}body .accountArea :is(.rankedNavBtn,.brNavBtn,.friendsModeNav){background:linear-gradient(145deg,var(--neon-tint),#10151f 78%)!important;border-color:var(--neon-edge)!important;color:var(--neon-accent)!important}body .accountArea :is(.rankedNavBtn,.brNavBtn,.friendsModeNav):hover{background:linear-gradient(145deg,color-mix(in srgb,var(--neon-accent) 19%,#10151f),#141927 85%)!important;border-color:var(--neon-accent)!important;color:#fff!important}body .friendLobbyOverlay .friendLobbyActions button,body .friendLobbyOverlay .friendLobbyMore,body .friendLobbyOverlay .friendLobbyDifficultyLevels button.active,body .friendLobbyResult>button,body .friendLobbyCreate,body .friendLobbyInvite{color:#a7e9ff!important;background:linear-gradient(145deg,#173746,#101923 82%)!important;border-color:#55c9f4!important}body .friendLobbyOverlay .friendLobbyActions button.secondary{color:#d0d5df!important;background:linear-gradient(145deg,#1a202c,#10151f)!important;border-color:#414b5c!important}body .friendLobbyBrowser .friendLobbyTabs button.active,body .friendLobbyBrowser .friendLobbyTabs button:hover{color:#e1f8ff!important;background:linear-gradient(145deg,#173d4e,#101a26)!important;border-color:#55c9f4!important}body .uploadBtn{border-style:solid!important}body .tilePlay{color:#d7ccff!important;background:#201a38!important;border:1px solid #9b7cff!important;box-shadow:0 0 12px #9b7cff30!important}body .casualDiscover .tilePlay,body .friendLobbyBrowser .tilePlay{color:#b9ecff!important;background:#112838!important;border-color:#55c9f4!important;box-shadow:0 0 12px #55c9f430!important}body .friendLobbySongPicker .communityTileHit{text-shadow:none;box-shadow:none!important;background:0 0!important;border:0!important}@media (prefers-reduced-motion:reduce){body :is(button,.uploadBtn,.friendLobbyDock){transition:none!important}}