:root{--bg:#050208;--bg-2:#0a0510;--ink:#fff;--muted:#fff9;--magenta:#ff66ab;--purple:#6366f1;--cyan:#5ee7ff;--chrome:#e8e2f4;--danger:#ff3b3b;--accent:#ff66ab;--accent-secondary:#f39;--accent-glow:#ff66ab40;--accent-subtle:#ff66ab14;--text-secondary:#fff9;--text-muted:#ffffff59;--border-subtle:#ffffff14;--border-accent:#ff66ab40;--bg-card:#ffffff05;--font-display:Outfit, system-ui, sans-serif;--font-ui:Outfit, system-ui, sans-serif;--font-mono:"Share Tech Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);overflow:hidden}html.is-unlocked,html.is-unlocked body,html.is-unlocked #root{height:auto;min-height:100%}html.is-unlocked body{overflow:hidden auto}html.is-unlocked.is-hub,html.is-unlocked.is-hub body,html.is-unlocked.is-hub #root{height:100%;overflow:hidden}html.is-unlocked.is-hub body{overflow:hidden}html.is-unlocked.is-hub .app{height:100%;min-height:100%;overflow:hidden}button,a{font-family:inherit}.app{background:var(--bg);width:100%;height:100%;min-height:100svh;position:relative;overflow:hidden}.app.is-unlocked{height:auto;min-height:100svh;overflow:visible}.grain,.scanlines{pointer-events:none;position:absolute;inset:0}.grain{z-index:4;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.scanlines{z-index:5;opacity:.35;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 3px)}html.has-osu-cursor,html.has-osu-cursor *{cursor:none!important}.osu-cursor{z-index:10000;pointer-events:none;opacity:0;will-change:transform;width:0;height:0;position:fixed;top:0;left:0}.osu-cursor.is-visible{opacity:1}.osu-cursor-orb{background:radial-gradient(circle,#fff 0 10%,#fff6b0 20%,#ffe44a 36%,#ffd4328c 48%,#ffc4282e 60%,#ffc42800 72%);width:28px;height:28px;transition:transform 80ms ease-out;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.osu-cursor.is-down .osu-cursor-orb{transform:translate(-50%,-50%)scale(1.42)}@media (prefers-reduced-motion:reduce){.osu-cursor-orb{transition:none}.osu-cursor.is-down .osu-cursor-orb{transform:translate(-50%,-50%)}}.osu-field{z-index:1;aspect-ratio:4/3;background:#00000061;width:min(780px,82vw);max-height:min(62svh,100svh - 168px);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff4d,0 0 0 3px #0000008c,inset 0 0 56px #0006}.osu-sliders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.osu-slider-body{fill:none;stroke-linecap:round;stroke-linejoin:round}.osu-slider-arrow{fill:#ffffffeb;stroke:#00000059;stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:.45s ease-in-out infinite osu-arrow-pulse}.osu-slider-end{--osu:#ff66ab;border:2px solid color-mix(in srgb, var(--osu) 80%, white);box-shadow:0 0 12px color-mix(in srgb, var(--osu) 40%, transparent);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.osu-hit{--osu:#ff66ab;cursor:pointer;touch-action:none;background:0 0;border:0;width:92px;height:92px;padding:0;position:absolute;transform:translate(-50%,-50%)}.osu-approach{border:1.5px solid var(--osu);box-shadow:0 0 8px var(--osu), 0 0 18px color-mix(in srgb, var(--osu) 45%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:0}.osu-follow{opacity:0;pointer-events:none;border:2.5px solid #ffffffe0;border-radius:50%;transition:transform .12s ease-out,opacity .12s ease-out;position:absolute;inset:0;transform:scale(1);box-shadow:0 0 18px #ffffff38}.osu-hit.is-holding .osu-follow{opacity:.92;transform:scale(2.4)}.osu-hit.is-holding .osu-approach{opacity:0}.osu-hit.is-holding .osu-ring{box-shadow:0 0 0 3px var(--osu), 0 0 16px var(--osu), 0 0 28px color-mix(in srgb, var(--osu) 55%, transparent);transform:scale(1.18)}.osu-hit.is-holding .osu-body{background:color-mix(in srgb, var(--osu) 35%, #06060ab3)}.osu-hit.is-holding{pointer-events:none}.osu-ring{box-shadow:0 0 0 2px var(--osu), 0 0 10px var(--osu), 0 0 24px color-mix(in srgb, var(--osu) 55%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:11px}.osu-body{background:#06060a94;border:1.5px solid #ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;inset:13px;box-shadow:inset 0 0 12px #00000059}.osu-num{color:#fff;font-family:var(--font-ui);letter-spacing:-.04em;text-shadow:0 0 10px #ffffff4d;font-size:1.7rem;font-weight:500;line-height:1}.osu-sparks{pointer-events:none;position:absolute;inset:0}.osu-spark{background:var(--osu);opacity:0;width:5px;height:5px;box-shadow:0 0 8px var(--osu);border-radius:50%;position:absolute;top:50%;left:50%}.osu-hit.is-hit{pointer-events:none}.osu-hit.is-hit .osu-approach,.osu-hit.is-hit .osu-follow{opacity:0}.osu-hit.is-hit .osu-ring{animation:.32s forwards osu-flash}.osu-hit.is-hit .osu-body{animation:.28s forwards osu-core-hit}.osu-hit.is-hit .osu-spark{animation:.34s ease-out forwards osu-spark}.osu-hit.is-miss{pointer-events:none;animation:.32s forwards osu-miss}.osu-hit.is-miss .osu-approach,.osu-hit.is-miss .osu-follow,.osu-hit.is-miss .osu-ring{--osu:#ff6b7a}.osu-hit.is-hit .osu-num,.osu-hit.is-miss .osu-num{letter-spacing:0;font-size:.82rem}.osu-hit.is-300 .osu-num{color:#ffe27a}.osu-hit.is-100 .osu-num{color:#7dff8a}.osu-hit.is-50 .osu-num{color:#7ec8ff}.osu-hit.is-miss .osu-num{color:#ff6b7a}@keyframes osu-arrow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.28)}}@keyframes osu-flash{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes osu-core-hit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}@keyframes osu-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-34px) scale(.4)}}@keyframes osu-miss{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}30%{transform:translate(-50%,-50%)translate(-5px)}to{opacity:0;transform:translate(-50%,-50%)scale(.82)}}@media (width<=720px){.osu-num{font-size:1.4rem}.osu-body{inset:11px}.osu-ring{inset:9px}}@media (prefers-reduced-motion:reduce){.osu-slider-arrow,.osu-follow,.osu-hit.is-hit,.osu-hit.is-miss{transition-duration:.01ms;animation:none}}.lock-overlay{z-index:30;-webkit-user-select:none;user-select:none;background:#0000008c;position:fixed;inset:0;overflow:hidden}.lock-overlay.is-playing{touch-action:none}.lock-overlay:focus,.lock-overlay:focus-visible{outline:none}.lock-vignette{pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 18%,#0000008c 72%,#000000eb 100%);transition:opacity .8s;position:absolute;inset:0}.lock-hint{z-index:2;color:var(--text-muted);font-family:var(--font-ui);letter-spacing:.28em;text-transform:uppercase;pointer-events:none;margin:0;font-size:.78rem;font-weight:600;position:absolute;top:18px;left:50%;transform:translate(-50%)}.lock-combo{z-index:2;color:#fff;font-family:var(--font-ui);letter-spacing:-.05em;text-shadow:0 0 22px #ffffff47;pointer-events:none;margin:0;font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:500;line-height:1;position:absolute;bottom:28px;left:36px}.lock-overlay.is-miss .lock-combo{color:#ff6b7a;text-shadow:0 0 22px #ff6b7a59}.lock-score{z-index:2;text-align:right;pointer-events:none;position:absolute;top:76px;right:32px}.lock-acc{color:#ffffffc7;font-family:var(--font-ui);letter-spacing:.04em;margin:0;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:600}.lock-judgements{justify-content:flex-end;gap:16px;margin:10px 0 0;padding:0;list-style:none;display:flex}.lock-judgements li{color:#fff;min-width:2.6rem;font-family:var(--font-ui);gap:2px;font-size:1.05rem;font-weight:600;display:grid}.lock-judgements span{color:inherit;letter-spacing:.14em;text-transform:uppercase;opacity:.72;font-size:.62rem;font-weight:700}.lock-judgements .is-300{color:#ffe27a}.lock-judgements .is-100{color:#7dff8a}.lock-judgements .is-50{color:#7ec8ff}.lock-judgements .is-miss{color:#ff6b7a}.lock-audio{z-index:4;align-items:center;gap:10px;display:flex;position:absolute;top:22px;right:32px}.lock-mute{color:#fffc;border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0a;border-radius:100px;place-items:center;width:40px;height:40px;padding:0;display:grid}.lock-mute:hover,.lock-mute:focus-visible{background:#ffffff1a;outline:none}.lock-volume{align-items:center;display:flex}.lock-volume input{width:92px;height:4px;accent-color:var(--accent);cursor:pointer}.lock-song{z-index:5;max-width:min(420px,46vw);position:absolute;bottom:108px;left:36px}.lock-songs{flex-direction:column;gap:6px;max-height:min(38vh,280px);display:flex;overflow:auto}.lock-song-item{color:inherit;text-align:left;cursor:pointer;opacity:.58;background:#08080c8c;border:1px solid #ffffff14;border-radius:4px;gap:2px;padding:8px 12px;display:grid}.lock-song-item:hover,.lock-song-item:focus-visible{opacity:1;outline:none}.lock-song-item.is-selected{opacity:1;border-color:#ff66aa73;box-shadow:0 0 18px #ff66aa2e}.lock-song-item .lock-song-title{font-size:1rem}.lock-overlay.is-miss .lock-song{bottom:118px}.lock-song-artist{color:#ffffff9e;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}.lock-song-title{color:#fff;font-family:var(--font-ui);letter-spacing:-.03em;text-shadow:0 0 18px #ffffff2e;margin:4px 0 0;font-size:clamp(1.15rem,2.4vw,1.7rem);font-weight:600;line-height:1.15}.lock-song-mapper{color:#ffffff7a;font-family:var(--font-ui);margin:6px 0 0;font-size:.78rem}.lock-diffs{z-index:5;flex-direction:column;gap:8px;width:min(268px,34vw);display:flex;position:absolute;top:50%;right:28px;transform:translateY(-18%)}.lock-diff{--diff:#f6a;color:#fff;text-align:left;background:color-mix(in srgb, var(--diff) 16%, #08080cb8);border:1px solid color-mix(in srgb, var(--diff) 35%, transparent);border-left:4px solid var(--diff);cursor:pointer;opacity:.72;border-radius:4px;gap:8px;padding:10px 14px 10px 16px;display:grid}.lock-diff:hover,.lock-diff:focus-visible{opacity:1;background:color-mix(in srgb, var(--diff) 24%, #08080cc7);outline:none}.lock-diff.is-selected{opacity:1;box-shadow:0 0 22px color-mix(in srgb, var(--diff) 35%, transparent);transform:translate(-8px)}.lock-diff-name{font-family:var(--font-ui);letter-spacing:.02em;font-size:1.05rem;font-weight:650}.lock-diff-stats{gap:4px;display:grid}.lock-stat{color:#ffffffc7;font-family:var(--font-ui);letter-spacing:.06em;grid-template-columns:1.6rem 1fr 1.7rem;align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:grid}.lock-stat-track{background:#ffffff1f;border-radius:99px;height:4px;overflow:hidden}.lock-stat-fill{background:var(--diff);border-radius:inherit;height:100%;display:block}.lock-overlay.is-selecting:not(.is-miss) .lock-combo,.lock-overlay.is-selecting:not(.is-miss) .lock-score{opacity:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.lock-overlay.is-unlocking{pointer-events:none}.lock-overlay.is-unlocking .lock-vignette,.lock-overlay.is-unlocking .lock-hint,.lock-overlay.is-unlocking .lock-combo,.lock-overlay.is-unlocking .lock-score,.lock-overlay.is-unlocking .lock-audio,.lock-overlay.is-unlocking .lock-song,.lock-overlay.is-unlocking .lock-diffs,.lock-overlay.is-unlocking .osu-field{opacity:0;transition:opacity .7s}@media (width<=720px){.lock-audio,.lock-score{top:18px;right:16px}.lock-score{top:66px}.lock-combo{bottom:16px;left:16px}.lock-hint{text-align:center;max-width:60vw;top:14px}.lock-song{max-width:52vw;bottom:84px;left:16px}.lock-diffs{width:min(220px,42vw);right:12px}.lock-diff-name{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.lock-overlay.is-unlocking .lock-vignette,.lock-overlay.is-unlocking .lock-hint,.lock-overlay.is-unlocking .lock-combo,.lock-overlay.is-unlocking .lock-score,.lock-overlay.is-unlocking .lock-audio,.lock-overlay.is-unlocking .lock-song,.lock-overlay.is-unlocking .lock-diffs,.lock-overlay.is-unlocking .osu-field{transition-duration:.01ms;animation:none}}.play-progress{z-index:6;pointer-events:none;width:min(780px,82vw);position:absolute;top:48px;left:50%;transform:translate(-50%)}.play-progress-track{background:#ffffff1f;border-radius:99px;height:4px;overflow:hidden}.play-progress-fill{border-radius:inherit;background:#f6a;height:100%;display:block;box-shadow:0 0 12px #ff66aa73}.play-progress-times{color:#ffffff9e;font-family:var(--font-ui);letter-spacing:.08em;justify-content:space-between;margin:6px 0 0;font-size:.75rem;font-weight:650;display:flex}.play-skip{z-index:6;color:#fff;cursor:pointer;background:#08080cb8;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 18px 10px;display:flex;position:absolute;bottom:32px;right:36px}.play-skip svg{width:28px;height:28px}.play-skip span{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700}.play-skip:hover,.play-skip:focus-visible{background:#ff66aa47;border-color:#ff66aa8c;outline:none}.play-break{z-index:6;color:#fff;font-family:var(--font-ui);letter-spacing:.04em;text-shadow:0 0 28px #ffffff47;pointer-events:none;margin:0;font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-break.is-remain{letter-spacing:.12em;font-size:clamp(1.6rem,4.5vw,2.6rem)}.play-break.is-count{font-size:clamp(4.2rem,12vw,7rem)}.lock-overlay.is-results .lock-combo{color:#ffe27a;text-shadow:0 0 22px #ffe27a59}@media (width<=720px){.play-progress{width:min(780px,100vw - 32px);top:44px}.play-skip{bottom:16px;right:16px}}.profile{z-index:1;min-height:100%;color:var(--ink);font-family:var(--font-ui);background:radial-gradient(70% 45% at 12% 0,#ff66ab1a,#0000 50%),radial-gradient(50% 40% at 92% 8%,#6d5ce81f,#0000 48%),#1a171c;transition:filter .9s,transform .9s;position:relative}.profile.is-locked{filter:blur(16px)saturate(.7)brightness(.62);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;transform:scale(1.03)}.profile.is-hub{height:100svh;min-height:100svh;overflow:hidden}.play-menu{background:radial-gradient(ellipse 70% 50% at 18% 18%, #ff66ab29 0%, transparent 55%), radial-gradient(ellipse 55% 45% at 88% 12%, #6366f124 0%, transparent 50%), radial-gradient(ellipse 60% 50% at 50% 100%, #ff66ab14 0%, transparent 45%), var(--bg);place-items:center;width:100%;min-height:100svh;display:grid;position:relative;overflow:hidden}.play-menu-glow{filter:blur(28px);pointer-events:none;background:radial-gradient(circle,#ff66aa1f,#0000 62%);position:absolute;inset:18% 8%}.play-bar{z-index:1;justify-content:center;align-items:center;width:min(1240px,100% - 32px);display:flex;position:relative}.play-item{color:#fff;clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%);cursor:pointer;background:#5a4bb8;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:188px;height:86px;margin:0 -14px;padding:0 28px;transition:filter .16s,transform .16s;display:flex;position:relative}.play-item svg{width:28px;height:28px}.play-item span{letter-spacing:.02em;text-transform:lowercase;font-size:.95rem;font-weight:600}.play-item.is-profile{z-index:1;background:#6d5ce8}.play-item.is-socials{z-index:1;background:#5346c4}.play-item.is-play{z-index:1;background:#463ca8}.play-item.is-twitch{z-index:1;background:linear-gradient(90deg,#3a3082eb,#2a2260e0)}.play-item:hover,.play-item:focus-visible{filter:brightness(1.12);z-index:3;outline:none}.play-cookie{z-index:4;flex:0 0 148px;width:148px;height:148px;margin:0 -6px;position:relative}.play-cookie-pulse,.play-cookie-pattern,.play-cookie img,.play-cookie-ring{border-radius:50%;position:absolute;inset:0}.play-cookie-pulse{animation:cookie-pulse var(--pulse,1s) ease-in-out infinite;background:radial-gradient(circle,#ff66aa47,#0000 68%);inset:-8px}.play-cookie-pattern{background:repeating-conic-gradient(from 12deg, #00000024 0 12deg, transparent 12deg 24deg), #f6a;inset:8px;box-shadow:0 8px 28px #ff66aa59}.play-cookie img{object-fit:contain;background:0 0;width:calc(100% - 20px);height:calc(100% - 20px);inset:10px}.play-cookie-ring{pointer-events:none;border:6px solid #fff;inset:6px;box-shadow:0 0 0 2px #ff66aa59}.play-cookie.is-playing .play-cookie-pattern{animation:cookie-beat var(--pulse,1s) ease-in-out infinite}.lazer-back{z-index:35;color:#fff;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 100%,0 100%);cursor:pointer;background:#1b1538;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:132px;height:86px;padding:0 18px 0 10px;transition:filter .16s;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%)}.lazer-back svg{width:28px;height:28px}.lazer-back span{text-transform:lowercase;font-size:.95rem;font-weight:600}.lazer-back:hover,.lazer-back:focus-visible{filter:brightness(1.18);outline:none}.now-playing{z-index:40;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:18px;right:22px}.now-playing-chip{color:#fff;text-align:right;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120c20c7;border:1px solid #ffffff1a;border-radius:4px 0 0 4px;min-width:180px;max-width:min(320px,100vw - 48px);padding:8px 14px}.now-playing-chip:hover,.now-playing-chip:focus-visible{background:#201636e6;outline:none}.now-playing-artist,.now-playing-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.now-playing-artist{color:#ffffff9e;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.now-playing-title{font-size:.92rem;font-weight:700}.now-playing-panel{clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);background:#120c20eb;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:8px 10px 8px 14px;display:flex}.now-playing-btn{color:#ffffffd1;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:6px 8px;display:flex}.now-playing-btn svg{width:18px;height:18px}.now-playing-btn span{letter-spacing:.04em;text-transform:lowercase;font-size:.68rem;font-weight:600}.now-playing-btn:hover,.now-playing-btn:focus-visible,.now-playing-btn.is-active{color:#f6a;outline:none}.now-playing-volume{align-items:center;padding:0 8px;display:flex}.now-playing-volume input{accent-color:#f6a;cursor:pointer;width:84px;height:4px}.lazer-page{min-height:100svh;padding:28px 28px 56px 156px}@keyframes cookie-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes cookie-beat{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media (width<=820px){.play-bar{flex-direction:column;width:min(280px,100% - 24px)}.play-cookie{flex-basis:120px;order:-1;width:120px;height:120px;margin:0 0 18px}.play-item,.play-item.is-twitch,.play-item.is-play{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);width:100%;height:74px;margin:4px 0}.lazer-back{width:108px;height:72px;top:auto;bottom:16px;left:12px;transform:none}.now-playing{top:12px;right:12px}.lazer-page{padding:72px 16px 108px}}@media (prefers-reduced-motion:reduce){.play-cookie-pulse,.play-cookie.is-playing .play-cookie-pattern{animation:none}}.osu-profile{--osu-bg:#1a171c;--osu-card:#2a2430;--osu-header:#32282f;--osu-tab:#241e26;--osu-me:#2e2732;width:100%;max-width:1000px;margin:0 auto;padding-bottom:48px}.osu-card{background:var(--osu-card);border-radius:10px;overflow:hidden;box-shadow:0 8px 32px #00000059}.osu-cover{z-index:0;background:radial-gradient(circle at 80% 20%,#ff66ab38,#0000 45%),linear-gradient(135deg,#241828,#161018);height:250px;position:relative}.osu-cover img,.osu-cover-fallback{object-fit:cover;width:100%;height:100%;display:block}.osu-header{z-index:1;background:var(--osu-header);gap:20px;padding:0 22px 20px;display:flex;position:relative}.osu-avatar{z-index:1;object-fit:contain;background:#1a1218;border-radius:50%;flex:0 0 120px;width:120px;height:120px;margin-top:-56px;position:relative;box-shadow:0 4px 18px #00000073}.osu-header-main{flex-direction:column;flex:1;gap:10px;min-width:0;padding-top:16px;display:flex}.osu-name{letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:700;line-height:1.15}.osu-tagline,.osu-country{color:#ffffff9e;margin:4px 0 0;font-size:.92rem}.osu-socials,.osu-badges{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.osu-socials a{color:#fff;background:#ffffff14;border-radius:8px;place-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:grid}.osu-socials a:hover,.osu-socials a:focus-visible{color:#1a1218;background:#ff66ab;outline:none}.osu-socials a span{place-items:center;display:grid}.osu-socials svg,.osu-socials img{object-fit:contain;width:18px;height:18px}.osu-badges img{object-fit:contain;border-radius:6px;max-width:86px;height:40px;display:block}.osu-badge-label{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#ff66ab;border-radius:6px;align-items:center;height:32px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex}.osu-tabs{background:var(--osu-tab);gap:4px;padding:0 12px;display:flex}.osu-tab{color:#ffffff8c;padding:12px 16px;font-size:.88rem;font-weight:700}.osu-tab.is-active{color:#fff;box-shadow:inset 0 -3px #ff66ab}.osu-me{background:var(--osu-me);flex-direction:column;gap:28px;padding:22px;display:flex}.osu-me-intro,.osu-me-section p{color:#ffffffd1;white-space:pre-wrap;margin:0;line-height:1.6}.osu-me-section h2{margin:0 0 10px;font-size:1.15rem;font-weight:700}.osu-gallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px;display:grid}.osu-gallery.is-single{grid-template-columns:minmax(0,520px)}.osu-gallery img{background:#00000040;border-radius:8px;width:100%;height:auto;display:block}.osu-dest{width:100%;max-width:920px;margin:0 auto;padding-bottom:48px}.osu-dest-head{margin-bottom:22px}.osu-dest-kicker{color:#ff66ab;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:700;display:inline-block}.osu-dest-head h1{letter-spacing:-.03em;margin:0 0 8px;font-size:2rem;font-weight:800}.osu-dest-head p{color:#ffffffad;max-width:42rem;margin:0;line-height:1.55}.social-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.social-card{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);background:linear-gradient(90deg,#5346c4,#3d348f);grid-template-columns:72px 1fr auto;align-items:center;gap:16px;min-height:92px;padding:16px 18px 16px 20px;display:grid;box-shadow:0 8px 24px #00000047}.social-card-icon{color:#fff;background:#00000038;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.social-card-icon svg,.social-card-icon img{object-fit:contain;width:28px;height:28px}.social-card-body h2{text-transform:lowercase;margin:0 0 4px;font-size:1.15rem;font-weight:700}.social-card-body p{color:#ffffffc7;margin:0;font-size:.92rem}.social-card-cta{color:#1a1218;letter-spacing:.04em;text-transform:lowercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#ff66ab;justify-content:center;align-items:center;min-width:88px;height:40px;padding:0 16px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.social-card-cta:hover,.social-card-cta:focus-visible{filter:brightness(1.08);outline:none}.twitch-frame{aspect-ratio:16/9;background:#161018;border:1px solid #ffffff14;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px #0000004d}.twitch-frame iframe,.twitch-empty{border:0;width:100%;height:100%}.twitch-empty{color:#ffffff73;letter-spacing:.04em;text-transform:lowercase;background:radial-gradient(circle at 50% 20%,#ff66ab1f,#0000 50%),#1c1522;place-items:center;font-weight:600;display:grid}@media (width<=820px){.osu-cover{height:160px}.osu-header{flex-direction:column;align-items:flex-start;gap:0;padding-bottom:16px}.osu-avatar{flex-basis:96px;width:96px;height:96px;margin-top:-40px}.social-card{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);grid-template-columns:56px 1fr}.social-card-cta{grid-column:1/-1;justify-self:start}}