.level_container{font-weight:600;position:relative}.level_part{position:absolute;font-size:90%;font-weight:100;bottom:0}.level_100{color:#eec6f0}.level_101{color:#c98fe4}.level_102{color:#9366d4}.level_103{color:#655bd6}.level_104{color:#b352c8}.level_105{color:#e74cb0}.level_106{color:#ff5693}.level_107{color:#ff6f76}.level_108{color:#ff905c}.level_109{color:#ffb34c}.level_110{color:#ffd44d}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Exo 2";src:url(/fonts/Exo2-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--osu-pink: #ff8ab7;--osu-pink-dark: #ff7cae;--osu-pink-darkest: rgb(255, 64, 137);--osu-pink-light: #ffa5c8;--bg-0: #0a090c;--bg-1: #16131a;--bg-2: #211c28;--text: #f6f0f5;--text-dim: rgba(246, 240, 245, .55);color-scheme:dark;font-family:"Exo 2",system-ui,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg-0);color:var(--text);cursor:default;user-select:none;-webkit-user-select:none;position:fixed;inset:0}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}@keyframes ease-out-bounce-x{0%{transform:translate(0)}12%{transform:translate(calc(var(--bounce-to) * .1089))}24%{transform:translate(calc(var(--bounce-to) * .4356))}36%{transform:translate(calc(var(--bounce-to) * .9801))}54%{transform:translate(calc(var(--bounce-to) * .7502))}74%{transform:translate(calc(var(--bounce-to) * .9837))}82%{transform:translate(calc(var(--bounce-to) * .9375))}92%{transform:translate(calc(var(--bounce-to) * .9934))}96%{transform:translate(calc(var(--bounce-to) * .9846))}to{transform:translate(var(--bounce-to))}}@keyframes ease-out-bounce-y{0%{transform:translateY(0)}12%{transform:translateY(calc(var(--bounce-to) * .1089))}24%{transform:translateY(calc(var(--bounce-to) * .4356))}36%{transform:translateY(calc(var(--bounce-to) * .9801))}54%{transform:translateY(calc(var(--bounce-to) * .7502))}74%{transform:translateY(calc(var(--bounce-to) * .9837))}82%{transform:translateY(calc(var(--bounce-to) * .9375))}92%{transform:translateY(calc(var(--bounce-to) * .9934))}96%{transform:translateY(calc(var(--bounce-to) * .9846))}to{transform:translateY(var(--bounce-to))}}.popups{position:fixed;right:1.2rem;bottom:1.2rem;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;z-index:10001;pointer-events:none}.popup{pointer-events:auto;cursor:pointer;max-width:330px;border-radius:10px;padding:8px;background:#000000a2;font-weight:100;border:1px solid white}.popup.bad{border-color:#ff4c4c}.popup.good{border-color:#9acd32}.popup:hover{border-color:#fff}.popup[data-leaving=true]{opacity:0;transform:translate(120%)}@keyframes popup-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}html.custom-cursor,html.custom-cursor *{cursor:none!important}html.web-open .cursor,html.web-open .cursor-trail{display:none}.cursor{position:fixed;top:0;left:0;z-index:100000;pointer-events:none;opacity:0;will-change:transform}.cursor__inner{position:absolute;top:0;left:0;display:grid;place-items:center;transform:translate(-50%,-50%)}.cursor__outer-wrap,.cursor__middle{grid-area:1 / 1;user-select:none;-webkit-user-drag:none}.cursor__outer-wrap{display:grid;place-items:center;transform:scale(1.1);transition:transform .09s ease-out}.cursor.is-down .cursor__outer-wrap{transform:scale(1.4)}.cursor__outer{width:52px;height:52px;animation:cursor-spin 9s linear infinite}@keyframes cursor-spin{to{transform:rotate(360deg)}}.cursor__middle{width:36px;height:36px;transform:scale(.7)}.cursor-trail{position:fixed;top:0;left:0;z-index:99999;width:26px;height:26px;pointer-events:none;will-change:transform;user-select:none;-webkit-user-drag:none}.intro{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#16121b,#060508 78%);z-index:50;cursor:pointer}.intro__frame{position:absolute;inset:2.4rem;border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:inset 0 0 120px #0009;pointer-events:none;transition:opacity .8s ease,transform .8s ease}.intro--started .intro__frame{opacity:0;transform:scale(1.02)}.intro__inner{position:relative;display:grid;place-items:center;text-align:center}.intro__cta,.intro__welcome{grid-area:1 / 1}.intro__cta{font-size:1rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);animation:intro-blink 1.8s ease-in-out infinite;transition:opacity .5s ease}.intro--started .intro__cta{opacity:0;animation:none}@keyframes intro-blink{0%,to{opacity:.28}50%{opacity:.9}}.intro__welcome{font-weight:300;font-size:clamp(2rem,6vw,3.4rem);line-height:1.05;display:flex;flex-direction:column;letter-spacing:.04em;opacity:0;transform:translateY(12px) scale(.98);transition:opacity 2.5s ease,transform 2.5s ease,color 2.5s ease,letter-spacing 2.5s ease;pointer-events:none;color:#fff}.intro--started .intro__welcome{opacity:1;transform:translateY(0) scale(1);letter-spacing:.11em;color:#bdf7ff}.intro__disclaimer{position:absolute;bottom:10px;opacity:.7}@media(max-width:850px){.intro__disclaimer{text-align:center;max-width:70vw;bottom:45px}}.main-logo{position:relative;display:grid;place-items:center;background:transparent;--glow: .35}.main-logo__pulse{position:relative;width:100%;height:100%;display:grid;place-items:center;will-change:transform;z-index:2}.main-logo__pulse img{width:100%;height:100%;object-fit:contain;pointer-events:none}.main-logo__overlay{position:absolute;width:100%;height:100%;place-items:center;will-change:transform;opacity:.5;z-index:3}.main-logo__ripple{position:absolute;inset:6%;border-radius:50%;border:3px solid rgba(255,255,255,.6);z-index:3;pointer-events:none;animation:osu-ripple .65s ease-out forwards}@keyframes osu-ripple{0%{transform:scale(.92);opacity:.8}to{transform:scale(1.5);opacity:0}}.main-logo__hint{position:absolute;bottom:-2.6rem;left:50%;transform:translate(-50%);font-size:.95rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;z-index:3;pointer-events:none;animation:hint-fade 2.6s ease-in-out infinite}@keyframes hint-fade{0%,to{opacity:.3}50%{opacity:.85}}.menu{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#1b1620,#0a080c 80%)}.menu__vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 45%,rgba(0,0,0,.65) 100%);z-index:1}.menu__top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.8rem;z-index:10}.menu__brand{position:absolute;bottom:3px;left:3px;display:flex;align-items:baseline;gap:.15rem}.menu__brand-name{font-weight:900;font-size:1.5rem;color:var(--osu-pink);text-shadow:0 2px 16px rgba(255,102,171,.5)}.menu__brand-tag{font-weight:300;font-size:1.5rem;color:var(--text);opacity:.85}.menu__brand-version{font-weight:300;font-size:.75rem;color:var(--text);opacity:.85}.menu__version{font-size:.82rem;font-weight:500;letter-spacing:.06em;color:var(--text-dim)}.menu__center{position:absolute;inset:0;display:grid;place-items:center;z-index:5;will-change:transform}.menu__bottom-left{position:absolute;left:1.8rem;bottom:1.6rem;display:flex;flex-direction:column;gap:.2rem;z-index:10}.menu__stat{font-size:.8rem;font-weight:600;letter-spacing:.05em;color:var(--osu-pink-light)}.menu__stat--dim{font-weight:400;color:var(--text-dim)}.menu__flash{position:absolute;inset:0;z-index:30;background:#fff;pointer-events:none;animation:menu-flash .6s ease-out forwards}@keyframes menu-flash{0%{opacity:.92}to{opacity:0}}.menu__logo-enter{position:relative;display:grid;place-items:center;will-change:transform,opacity}.menu__logo-enter .main-logo{position:relative;z-index:1}.menu__logo-menu{transition:transform .6s ease}.menu--flash .menu__logo-enter{animation:logo-enter .6s cubic-bezier(.2,1.2,.35,1) .08s both}@keyframes logo-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.menu__logo-options{position:absolute;top:50%;left:50%;transition:transform .6s ease;height:100%;width:100%}.menu__option_group{position:absolute;top:50%;right:0;transform:translateY(-50%);height:100%;display:flex;flex-direction:column;justify-content:center;gap:15px;opacity:0;transition:all .3s ease;pointer-events:none}.menu__option_group.visible{opacity:1;pointer-events:all}.menu__option{position:relative;width:100%;height:22%;opacity:1;font-size:50px;display:flex;justify-content:center;align-items:center;transform:translate(0);transition:all .6s ease,transform .6s ease}.menu__option.disabled{pointer-events:none;filter:brightness(.5)}@media(max-width:600px){.menu__option{font-size:7.5vw}}.menu__option.out{transform:translate(-10px)}.menu_option_contents{position:absolute;z-index:10;left:32%}.menu__option_bg_safe .menu__option_bg{position:absolute;background-repeat:no-repeat;background-position:top right;background-size:cover;z-index:2;width:100%;height:100%;transition:opacity .2s linear}.menu__option_bg_safe{position:absolute;z-index:1;background:linear-gradient(90deg,#8766ee 80%,transparent 90%);width:100%;height:100%;transition:opacity .2s linear}.menu__option_bg.on .menu__option_bg_safe{background:linear-gradient(90deg,#f863a5 80%,transparent 90%)}.menu__option .menu__option_bg_safe.on,.menu__option .menu__option_bg_safe.on .menu__option_bg{opacity:0}.menu__option:hover{--bounce-to: 30px;transform:translate(30px);animation:ease-out-bounce-x .3s}.menu__option:hover.out{--bounce-to: 20px;transform:translate(20px)}.menu__option:hover .menu__option_bg_safe.on,.menu__option:hover .menu__option_bg_safe.on .menu__option_bg,.menu__option.visible{opacity:1}.menu__option.flip .menu__option_bg{transform:scaleY(-1)}@media(max-width:850px){.menu__top{display:none}}.background__image{position:absolute;inset:0;background-size:cover;background-position:center;will-change:transform}.announce{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);display:flex;align-items:stretch;width:min(560px,calc(100vw - 2.4rem));border-radius:14px;overflow:hidden;background:#120e1699;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 40px #00000073;z-index:20;animation:announce-enter .45s cubic-bezier(.2,1.1,.35,1) both}@keyframes announce-enter{0%{opacity:0;transform:translate(-50%,1.2rem)}to{opacity:1;transform:translate(-50%)}}.announce__body{flex:1;display:flex;align-items:center;gap:.85rem;min-width:0;padding:.6rem .2rem .6rem .6rem;text-align:left;transition:background .15s ease}.announce__body:hover{background:#ffffff0d}.announce__cover{flex-shrink:0;width:84px;height:56px;border-radius:9px;background:linear-gradient(135deg,hsl(var(--tag-hue) 70% 45%),hsl(calc(var(--tag-hue) + 40) 60% 30%));background-size:cover;background-position:center;box-shadow:0 2px 10px #00000059}.announce__text{display:flex;flex-direction:column;gap:.12rem;min-width:0;line-height:1.25}.announce__meta{display:flex;align-items:center;gap:.5rem}.announce__tag{padding:.08rem .55rem;border-radius:999px;background:hsl(var(--tag-hue) 55% 42%);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.announce__date{font-size:.7rem;font-weight:500;letter-spacing:.04em;color:var(--text-dim)}.announce__heading{display:flex;align-items:baseline;gap:.45rem;min-width:0}.announce__title{font-weight:700;font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announce__author{flex-shrink:0;font-size:.72rem;font-weight:500;color:var(--text-dim)}.announce__summary{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announce__preview{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,1,.35,1)}.announce:hover .announce__preview{grid-template-rows:1fr}.announce__preview>div{overflow:hidden;min-height:0}.announce__preview-content{pointer-events:none;margin-top:.4rem;font-size:.76rem;line-height:1.45;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.announce__preview-content :is(p,ul,ol,blockquote,h1,h2,h3,h4,h5,h6){margin:0 0 .35em}.announce__preview-content :is(h1,h2,h3,h4,h5,h6){font-size:.82rem;font-weight:700;color:var(--text)}.announce__preview-content :is(ul,ol){padding-left:1.1em}.announce__preview-content a{color:var(--osu-pink-light)}.announce__preview-content :is(img,video,iframe){display:none}.announce__preview-content .news-cl-list{list-style:none;padding-left:0}.announce__preview-content .news-cl-list li{margin:.2em 0}.announce__preview-content .news-cl-tag{display:inline-block;margin-right:6px;padding:0 8px;border-radius:999px;font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;vertical-align:1px}.announce__close{flex-shrink:0;align-self:stretch;display:grid;place-items:center;width:2.2rem;color:var(--text-dim);font-size:.85rem;transition:color .15s ease,background .15s ease}.announce__close:hover{color:var(--text);background:#ff66ab2e}@media(max-width:850px){.announce{bottom:1rem}.announce__cover{display:none}}.dupdate{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:9000;display:flex;align-items:center;max-width:92vw;border-radius:10px;color:#fff;font-size:25px;backdrop-filter:blur(6px);overflow:hidden;transition:all .2s ease}.dupdate.downloading{background:#00000021;box-shadow:inset 0 0 58px -24px #000}.dupdate span{padding:10px 14px}.dupdate.downloading span{padding:10px 75px}.dupdate:hover{transform:translate(-50%) scale(1.1)}.dupdate__bar-fill{position:absolute;height:100%;background:color-mix(in srgb,var(--osu-pink) 100%,transparent 25%);transition:width .2s ease;z-index:-1}.dupdate.error{background:#3d000077;box-shadow:inset 0 0 58px -24px red}.ctxmenu{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;justify-content:center;background:#000000b8;backdrop-filter:blur(3px);animation:ctxmenu-in .16s ease both;padding:20px;pointer-events:none}@keyframes ctxmenu-in{0%{opacity:0}to{opacity:1}}.ctxmenu__header{text-align:left;font-size:40px;font-weight:100;position:absolute;top:0;left:0}.ctxmenu__title,.ctxmenu__sub{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.ctxmenu__options{display:flex;flex-direction:column;align-items:center;gap:25px}.ctxmenu__option{width:max(60vw,500px);padding:10px 0;border:none;font-size:40px;font-weight:600;letter-spacing:.03em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);box-shadow:inset 2px 5px 10px #0000004d;background:var(--accent);cursor:pointer;transition:all .12s ease;pointer-events:auto}.ctxmenu__option:hover{filter:brightness(1.1)}@media(max-width:900px){.ctxmenu__title,.ctxmenu__sub{font-size:30px}}@media(max-width:600px){.ctxmenu__title,.ctxmenu__sub{font-size:20px}}@media(max-width:550px){.ctxmenu__option{width:90vw;font-size:30px}}@media(max-width:450px){.ctxmenu__option{font-size:20px}}.carousel{flex:1;min-width:0;height:100%;position:relative;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-anchor:none;padding:25vh 0;scrollbar-width:thin;scrollbar-color:rgba(255,102,171,.5) transparent}.carousel::-webkit-scrollbar{width:8px}.carousel::-webkit-scrollbar-thumb{background:#ff66ab73;border-radius:4px}.carousel__list{display:flex;flex-direction:column;align-items:flex-end}.carousel__spacer{flex:0 0 auto;width:0;pointer-events:none}.bm-card{--bow: 0px;--pop: 0px;--scale: 1;position:relative;width:77%;height:100px;margin-bottom:5px;border:0;border-radius:10px 0 0 10px;overflow:hidden;background-size:cover;background-position:center;text-align:left;color:#fff;display:flex;align-items:stretch;cursor:pointer;transform-origin:right center;transform:translate(calc(var(--bow) + var(--pop) + 40px)) scale(var(--scale));transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease,opacity .18s ease,filter .18s ease;box-shadow:-4px 4px 14px #00000080}.bm-card:hover{--pop: -32px}.bm-card.is-remote{opacity:.4;filter:saturate(.7)}.bm-card.is-remote:hover,.bm-card.is-remote.is-active{opacity:.85;filter:saturate(.9)}.bm-card.is-downloaded{opacity:1}.bm-card.is-sibling{--pop: -16px;opacity:1;filter:none;box-shadow:-5px 4px 18px #ff66ab4d,inset 4px 0 #ff66abd9}.bm-card.is-sibling.is-remote{opacity:.92;filter:saturate(.95)}.bm-card.is-sibling:hover{--pop: -34px}.bm-card.is-active{--pop: -36px;--scale: 1.06;box-shadow:-8px 6px 26px #ff66ab80}.bm-card.is-active:hover{--pop: -42px}.bm-card__progress{position:absolute;left:0;bottom:0;z-index:2;height:3px;background:var(--osu-pink, #ff66ab);box-shadow:0 0 8px #ff66abcc;transition:width .15s linear}.bm-card__scrim{position:absolute;inset:0;background:linear-gradient(90deg,#000000d9,#0009 45%,#00000026)}.bm-card.is-active .bm-card__scrim{background:linear-gradient(90deg,#361426e0,#1e0c1699,#140a1026)}.bm-card__inner{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:.12rem;min-width:0}.bm-card__inner .skin__grade{height:70%;margin-left:10px;margin-right:-5px}.bm-card__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.12rem;padding:.55rem .9rem;min-width:0}.bm-card__title{display:flex;flex-wrap:wrap;font-weight:600;font-size:1.04rem;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.9)}.bm-card__dl{font-weight:700;margin-left:10px}.bm-card__artist{font-size:.82rem;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.9)}.bm-card__meta{display:flex;align-items:center;gap:.5rem;margin-top:.18rem;min-width:0}.bm-card__stars{font-size:.78rem;font-weight:800;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 4px rgba(0,0,0,.85)}.bm-card__version{font-size:.76rem;font-weight:700;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 4px rgba(0,0,0,.85)}.bm-card__creator{font-size:.7rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-card__xp{position:absolute;top:7px;right:calc(var(--bow) + var(--pop) + 49px);z-index:2;display:flex;gap:5px;transition:right .18s cubic-bezier(.2,.8,.3,1)}.bm-card__xp-chip{font-size:.78rem;font-weight:800;white-space:nowrap;padding:.12rem .55rem;border-radius:999px;background:#0009;border:1px solid rgba(255,138,183,.5);text-shadow:0 1px 4px rgba(0,0,0,.85)}.bm-card__xp-total{color:var(--osu-pink)}.bm-card__xp-skill{color:#ffffffd9}.bm-card__xp-skill em{font-style:normal;color:var(--osu-pink);margin-left:.3rem}.bm-group{width:82%;background:#000000d7;border-radius:0;display:flex;align-items:center;gap:.7rem;padding:0 1.2rem;color:#fff}.bm-group:hover{--pop: -16px}.bm-group__label{flex:1;min-width:0;font-weight:100;font-size:2.2rem;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a8a8a8}.bm-group.is-selected .bm-group__label{color:#fff}.carousel__sentinel{height:40px;display:grid;place-items:center;width:87%;font-size:.8rem;color:var(--text-dim)}.carousel__empty{width:87%;text-align:center;padding:2rem 0;font-size:.95rem;letter-spacing:.04em;color:var(--text-dim)}.carousel__end{width:87%;text-align:center;padding:1rem 0 2rem;font-size:.78rem;letter-spacing:.06em;color:var(--text-dim)}.xp-breakdown{position:fixed;z-index:2000;min-width:180px;padding:.45rem .6rem;border-radius:8px;background:#000000d1;border:1px solid rgba(255,138,183,.35);color:#fff;font-size:.78rem;white-space:nowrap;box-shadow:0 6px 18px #00000080}.xp-breakdown__title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff9;margin-bottom:.3rem}.xp-breakdown__row{display:flex;justify-content:space-between;gap:1.2rem;line-height:1.5}.xp-breakdown__row em{font-style:normal;font-weight:800;color:var(--osu-pink)}.lb{width:100%;height:100%;flex-shrink:0;display:flex;flex-direction:column;overflow-x:visible}.lb__body{flex:1;min-height:0;max-height:calc(100vh - 220px);touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.7rem 15.5rem 2rem;margin:0 -14.7rem;overflow-y:auto;scrollbar-width:none}.lb__body::-webkit-scrollbar{display:none}.lb__empty{margin-top:2.5rem;text-align:center;color:var(--text-dim);font-size:.9rem;padding:0 1rem;line-height:1.5}.lb__list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0;overflow-x:visible}.lb__select{margin:10px}.lb__row{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.04);transition:background .16s ease}.lb__row:hover{background:#ff66ab1a}.lb__row.is-pfc{border-color:#ffd24a66;box-shadow:inset 0 0 12px #ffd24a14}.lb__rank{width:1.8rem;flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--text-dim)}.lb__grade{width:1.6rem;flex-shrink:0;text-align:center;font-size:1.1rem;font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.6)}.lb__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.lb__name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb__sub{font-size:.7rem;color:var(--text-dim)}.lb__stats{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;flex-shrink:0}.lb__score{font-size:.92rem;font-weight:800}.lb__acc{font-size:.7rem;color:var(--osu-pink-light)}.score_entry__row{display:flex;align-items:center;gap:.6rem;padding:.05rem .4rem;padding-left:0;border-radius:2px;background:#fff1;height:56px;opacity:0;transform:translate(-20px);width:100%;min-width:400px;transition:all .4s ease}.score_entry__row.loaded{opacity:1;transform:translate(0)}.score_entry__avatar{position:relative;height:56px;width:56px;background-repeat:no-repeat;background-size:contain}.score_entry__rank{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.03rem;text-shadow:0 1px 3px rgba(0,0,0,.8);opacity:0;transition:opacity .14s ease;pointer-events:none}.score_entry__row:hover .score_entry__rank{opacity:1}.score_entry__row:hover{background:#00000017}.score_entry__row.is-pfc{border-color:#ffd24a66;box-shadow:inset 0 0 12px #ffd24a14}.score_entry__grade{display:flex;align-items:center;height:56px}.score_entry__grade img{width:50px;height:50px}.score_entry__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.score_entry__name{font-size:1.2rem;letter-spacing:.065rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score_entry__name.score_self{color:#84fcff}.score_entry__score{font-size:1rem;letter-spacing:.065rem}.score_entry__stats{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;flex-shrink:0}.score_entry__acc,.score_entry__diff{font-size:.75rem}.score_entry__time img{width:30px;height:30px}.score_entry__time{position:absolute;right:0;transform:translate(calc(100% + 5px));flex-shrink:0;min-width:2.4rem;text-align:right;font-size:.75rem;letter-spacing:.04rem;color:#fff;text-shadow:0 0 2px black;display:flex;align-items:center;gap:3px}.score_tooltip{position:fixed;transform:translate(14px,14px);z-index:2000;pointer-events:none;padding:.4rem .6rem;border-radius:6px;background:#000000a6;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.8rem;white-space:nowrap;box-shadow:0 6px 18px #00000080}.lb__pb{flex-shrink:0;padding:.4rem .8rem .8rem}.lb__pb_label{padding:.35rem 0 .75rem;font-size:20px;font-weight:700;letter-spacing:.06em;text-align:center}.dropdown{--dropdown-border: transparent;--dropdown-accent: var(--osu-pink-darkest);position:relative;pointer-events:auto;min-width:220px;font-weight:100;font-size:20px;user-select:none}.dropdown__current,.dropdown__option{display:flex;align-items:center;width:100%;color:#fff;background:#000000d0;border:1px solid transparent;text-align:left;font:inherit;cursor:pointer}.dropdown__option{padding:0 7px 0 25px;opacity:0;transition:all .15s ease}.dropdown.is-open .dropdown__option{padding-top:5px;padding-bottom:5px;opacity:1}.dropdown__current{justify-content:space-between;padding:5px 7px;gap:.5rem;border-radius:6px;border-color:var(--dropdown-border)}.dropdown__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__caret{flex-shrink:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s ease}.dropdown.is-open .dropdown__caret{transform:rotate(180deg)}.dropdown__options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;display:flex;flex-direction:column;background:#00000025;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px #0009;font-size:18px;pointer-events:none;opacity:0}.dropdown.is-open .dropdown__options{opacity:1;pointer-events:auto}.dropdown__current:hover,.dropdown__option:hover,.dropdown__option.is-selected{background:var(--dropdown-accent)}.transition{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 45%,#14101a,#05040a 80%)}.transition--in{animation-name:transition-fade-in;animation-timing-function:ease;animation-fill-mode:forwards;opacity:1}.transition--covered{opacity:1}.transition--out{animation-name:transition-fade-out;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}@keyframes transition-fade-in{0%{opacity:0}to{opacity:1}}@keyframes transition-fade-out{0%{opacity:1}to{opacity:0}}.transition__panel{display:flex;flex-direction:column;align-items:center;gap:1.3rem;max-width:30rem}.transition__spinner{width:56px;height:56px;border-radius:50%;border:4px solid rgba(255,102,171,.2);border-top-color:var(--osu-pink-light);animation:transition-spin .8s linear infinite}@keyframes transition-spin{to{transform:rotate(360deg)}}.transition__title{font-weight:800;font-size:1.4rem;color:#fff}.transition__sub{color:var(--osu-pink-light);font-weight:700;font-size:1rem}.transition__message{color:var(--text-dim);font-size:1rem;line-height:1.5}.transition__actions{display:flex;gap:.8rem;margin-top:.4rem}.transition__btn{padding:.6rem 1.4rem;border-radius:999px;font-weight:700;font-size:.95rem;color:var(--text-dim);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:all .16s ease}.transition__btn:hover{color:#fff;border-color:#ffffff4d}.transition__btn--primary{color:#fff;background:#ff66abeb;border-color:transparent;box-shadow:0 8px 28px #ff66ab66}.transition__btn--primary:hover{background:var(--osu-pink-light)}.strain{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;background:#05040af0;backdrop-filter:blur(10px);animation:strain-in .25s ease both}@keyframes strain-in{0%{opacity:0}to{opacity:1}}.strain__bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.08)}.strain__title{font-weight:700;font-size:1.05rem;color:#fff}.strain__title span{color:var(--osu-pink-light)}.strain__actions{display:flex;gap:.6rem}.strain__btn{padding:.5rem 1.1rem;border-radius:999px;font-weight:700;color:#fff;background:#ff66ab2e;border:1px solid rgba(255,102,171,.4);transition:background .15s ease}.strain__btn:hover{background:#ff66ab52}.strain__btn--close{background:#ffffff14;border-color:#ffffff2e}.strain__btn--close:hover{background:#ffffff29}.strain__grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1rem;padding:1.2rem 1.4rem 2rem;align-content:start}.strain__cell{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:.7rem;display:flex;flex-direction:column;gap:.5rem}.strain__cell.is-combined{border-color:#ff66ab80;background:#ff66ab14}.strain__name{display:flex;align-items:baseline;justify-content:space-between;font-weight:700;font-size:.95rem;color:#fff;text-transform:capitalize}.strain__level{margin-left:.5rem;font-style:normal;font-size:.72rem;font-weight:700;text-transform:none;color:var(--osu-pink-light)}.strain__time{margin-left:.4rem;font-style:normal;font-size:.72rem;font-weight:600;text-transform:none;color:var(--text-dim)}.strain__ur{font-size:.78rem;font-weight:700;color:var(--text-dim)}.strain__stats{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.strain__score{font-weight:800;font-size:.95rem;color:#fff}.strain__acc{font-weight:700;font-size:.9rem;color:var(--osu-pink-light)}.strain__xp{font-weight:700;font-size:.85rem;color:#8be28b}.strain__judges{display:inline-flex;gap:.5rem;margin-left:auto;font-weight:800;font-size:.8rem}.strain__judges i{font-style:normal}.strain__canvas{width:100%;border-radius:8px;background:#00000059}.game{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 70% 20%,#18131c,#08070a 80%);animation:game-in .5s ease both}@keyframes game-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.game__bg{position:absolute;inset:0;opacity:.5;will-change:transform}.game__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08070ab3,#08070a66 40%,#08070ad9)}.game__body{position:relative;z-index:5;display:flex;height:calc(100% - 220px);padding-left:500px}.game__topbar{position:relative;height:110px}.game__topshape{position:absolute;top:0;left:0;width:100%;height:200px;z-index:12;overflow:visible;pointer-events:none}.game__topshape-fill{fill:#000}.game__topshape-edge{fill:none;stroke:#3c5dd1;stroke-width:2;vector-effect:non-scaling-stroke}.game__topfilter_scroll{margin-left:auto;font-size:30px;font-weight:100;color:#4b4b4b}.game__topfilter{position:relative;height:110px;z-index:13;overflow:visible;pointer-events:none;display:flex;flex-direction:column}.game__topfilter_sort{display:flex;justify-content:flex-end;gap:25px}.game__group,.game__sort{display:flex}.game__group>span,.game__sort>span{font-size:38px;font-weight:100;padding:0 2px 2px}.game__group{color:#92c3e6}.game__sort{color:#aed28b}.game__top_md-container{width:100vw;position:relative;z-index:13}.game__top_md{display:flex}.game__top_md_icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center}.game__top_md_icon>div{background-repeat:no-repeat;background-size:contain;image-rendering:pixelated;background-position:center center;width:80%;height:80%}.game__top_md_title{font-size:28px;text-wrap:nowrap}.game__top_md_creator{font-size:20px;text-wrap:nowrap}.game__top_music{font-weight:500;font-size:18px;text-wrap:nowrap}.game__top_diff{font-size:14px;text-wrap:nowrap}.game__top_hos{font-size:18px;text-wrap:nowrap}.game__top_lb-container{position:absolute;top:calc(100% - 55px);height:calc(100vh - 250px);width:100%;pointer-events:auto}.game__topinfo{position:absolute;font-weight:100;top:0;left:0;max-width:27.5vw;width:520px;height:200px;z-index:13;pointer-events:none}.spectate-banner{position:absolute;left:50%;top:.8rem;z-index:50;max-width:380px;overflow:hidden;display:flex;flex-direction:column;gap:2px;text-align:left;border-radius:10px;padding:8px 12px 12px;background:#000000c0;font-weight:100;border:1px solid var(--osu-pink);box-shadow:0 0 20px #ff66ab66;cursor:pointer;transform:translate(-50%);animation:spectate-banner-in .28s ease both}.spectate-banner:hover{border-color:#fff}@keyframes spectate-banner-in{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.spectate-banner__label{font-size:20px}.spectate-banner__map{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spectate-banner__map span{color:var(--osu-pink-light)}.spectate-banner__stats{display:flex;align-items:center;gap:8px;font-size:16px;padding:2px 0}.spectate-banner__grade{height:26px;width:auto;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.spectate-banner__hint{font-size:12px;color:var(--text-dim)}.spectate-banner__progress{position:absolute;left:0;bottom:0;height:3px;background:var(--osu-pink, #ff66ab);box-shadow:0 0 8px #ff66abcc;transition:width 1s linear}.game__botbar{position:relative;width:100%;height:110px;background-color:#000;border-top:2px solid #3c5dd1;z-index:100;display:grid;grid-template-columns:1fr auto 1fr}.game__back{display:flex;align-items:center;gap:.35rem;padding:.5rem 1.1rem;border-radius:999px;font-weight:700;letter-spacing:.04em;color:var(--text);background:#ff66ab29;border:1px solid rgba(255,102,171,.35);transition:background .2s ease,transform .12s ease}.game__back:hover{background:#ff66ab4d;transform:translate(-2px)}.game__back-arrow{font-size:1.3rem;line-height:.6}.game__user{grid-column:2;grid-row:1;max-width:450px;min-width:300px;height:110px;width:25vw;display:flex}.game__user:hover{background:#ffffff14}.game__avatar{height:calc(100% - 10px);aspect-ratio:1;border-radius:15px;overflow:hidden;margin:auto 0}.game__avatar-img{width:100%;height:100%;object-fit:cover}.game__user-meta{position:relative;display:flex;flex-direction:column;padding:5px;flex:1}.game__user-name{font-weight:100;font-size:25px}.game__user-pp,.game__user-acc,.game__user-level,.game__user-fatigue{font-weight:100;font-size:16px}.game__user-fatigue{position:absolute;right:0;bottom:0;transform:translateY(-100%)}.game__user-level-bar{margin-top:.2rem;width:85%;height:10px;border-radius:4px;border:2px solid rgb(87,87,87);background:#ffffff26;overflow:hidden;position:absolute;right:0;bottom:5px}.game__user-level-bar-fill{height:100%;border-radius:2px;background:linear-gradient(180deg,#e7b835,#c49926);transition:width .3s ease}.songsearch{position:absolute;right:0;z-index:20;width:min(380px,46%);text-align:right;pointer-events:none}.songsearch__row{display:flex;align-items:center;gap:.5rem;pointer-events:auto;background:#0000005b;backdrop-filter:blur(8px);padding:.45rem .7rem .7rem;font-weight:700;font-size:15px}.songsearch__row span{color:#adff2f}.songsearch__input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-size:1.05rem;text-align:left;text-wrap:wrap}.songsearch__input::placeholder{color:#fff;font-weight:700;font-size:15px}.songsearch__clear{flex-shrink:0;border:none;background:#ffffff1f;color:#fffc;width:18px;height:18px;border-radius:50%;font-size:.6rem;line-height:1;cursor:pointer;display:grid;place-items:center}.songsearch__clear:hover{background:#ff66ab99;color:#fff}.songsearch__count{margin-top:.35rem;margin-right:10px;font-size:.74rem;letter-spacing:.04em;color:#ffffff9e;text-shadow:0 1px 3px rgba(0,0,0,.85)}.game__panel{width:320px;padding:1.4rem 1.2rem;background:#0c090e66;backdrop-filter:blur(6px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1rem}.game__panel-title{font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.game__list{display:flex;flex-direction:column;gap:.7rem}.game__list-item{display:flex;align-items:center;gap:.8rem;padding:.7rem;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.04);opacity:.65;transition:all .18s ease;cursor:pointer}.game__list-item:hover{opacity:1;background:#ff66ab1a;transform:translate(4px)}.game__list-thumb{width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,#ff66ab66,#ff66ab14);flex-shrink:0}.game__list-lines{display:flex;flex-direction:column;gap:.45rem;flex:1}.game__list-line{height:8px;border-radius:4px;background:#ffffff1f}.game__list-line--lg{width:80%}.game__list-line--sm{width:50%}.game__stage{flex:1;display:grid;place-items:center;padding:2rem}.game__empty{text-align:center;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:.8rem}.game__empty-ring{width:110px;height:110px;border-radius:50%;border:6px solid rgba(255,102,171,.5);margin-bottom:.8rem;position:relative;animation:ring-pulse 2.4s ease-in-out infinite}.game__empty-ring:after{content:"";position:absolute;inset:18px;border-radius:50%;border:3px solid rgba(255,102,171,.25)}@keyframes ring-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff66ab66}50%{transform:scale(1.06);box-shadow:0 0 40px #ff66ab66}}.game__empty-title{font-weight:900;font-size:2rem}.game__empty-sub{color:var(--text-dim);font-size:1rem;line-height:1.5}.game__empty-sub strong{color:var(--osu-pink-light);font-weight:700}.game__library-error{flex:1;display:grid;place-items:center;padding:2rem;color:var(--text-dim);text-align:center}.game__debug-btn{position:absolute;left:.8rem;bottom:.8rem;z-index:4000;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:1rem;color:var(--text-dim);background:#0c090eb3;border:1px solid rgba(255,255,255,.1);transition:all .16s ease}.game__debug-btn:hover{color:#fff;background:#ff66ab40;border-color:#ff66ab80}.game__exit{grid-column:1;grid-row:1;height:110px;justify-self:start;font-size:2rem;padding:1rem 3rem;font-weight:700;color:#fff;transition:transform .12s ease,filter .15s ease;z-index:500}.game__exit:hover{transform:translateY(-1px);filter:brightness(1.08)}.game__upgrades{grid-column:1;grid-row:1;justify-self:end;align-self:center;margin-right:20px;height:62px;padding:0 34px;transform:skew(-12deg);background:linear-gradient(180deg,#ff8ab7,#ff4089);border:2px solid rgba(255,255,255,.35);color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.35);transition:transform .12s ease,filter .15s ease;z-index:500}.game__upgrades>span{display:block;transform:skew(12deg)}.game__upgrades:hover{transform:skew(-12deg) translateY(-1px);filter:brightness(1.1)}@media(max-width:1080px){.game__upgrades{grid-column:3}}.mobile__scores{display:none;position:absolute;flex:1;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:#120c12a8;backdrop-filter:blur(8px);border-radius:8px;border-bottom:2px solid #3c5dd1;transition:all .16s ease;margin:15px 5px 0;z-index:1000;padding:10px;width:calc(100% - 10px);justify-content:center;box-shadow:0 6px 18px #0006}@media(max-width:850px){.game__body{padding-left:0;opacity:1}.game__topinfo{z-index:auto}.lb{position:relative;z-index:4;opacity:.3;transition:opacity .2s;margin-top:50px}.game.score-view .lb{opacity:1}.carousel{transition:opacity .2s}.game.score-view .game__body{opacity:0;pointer-events:none}.mobile__scores{display:flex}.lb__tabs{width:400px}.game__topfilter_sort{gap:2px}.game__sort>span,.game__group>span{display:none}}@media(max-width:750px){.game__topfilter_sort{flex-direction:column;align-items:flex-end}.dropdown .dropdown__current{font-size:16px}}@media(max-width:550px){.game__exit{padding:1rem .5rem}.game__upgrades{padding:0 10px;margin-right:8px;height:48px}}@media(max-width:490px){.score_entry__row{min-width:0;width:calc(90vw - 60px);height:fit-content}.dropdown{min-width:150px}}@media(max-width:450px){.game__exit{font-size:1.5rem}.game__upgrades{font-size:.8rem}}@media(max-width:410px){.lb__tabs{width:90vw}.game__exit{font-size:1rem}}.plmgr{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:#000000c7;backdrop-filter:blur(4px);animation:plmgr-in .16s ease both}@keyframes plmgr-in{0%{opacity:0}to{opacity:1}}.plmgr__panel{width:min(560px,92vw);max-height:80vh;display:flex;flex-direction:column;padding:1.2rem 1.3rem;border-radius:14px}.plmgr__heading{position:absolute;top:0;left:0;font-size:40px;font-weight:100;padding:5px 10px}.plmgr__target{font-size:.85rem;color:#ffffffa6;margin-bottom:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plmgr__target span{color:var(--osu-pink-light)}.plmgr__create{width:100%;padding:.6rem .8rem;border:1px solid gray;background:#2b2b2b7a;color:#fff;font-size:.95rem;outline:none}.plmgr__create:focus{border-color:#ff66ab99}.plmgr__list{flex:1;overflow-y:auto;margin:.8rem 0;display:flex;flex-direction:column;gap:4px}.plmgr__empty{color:#ffffff80;font-size:.9rem;padding:1.2rem 0;text-align:center}.plmgr__row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .7rem;background:#ffffff0a;border:1px solid gray;cursor:pointer;transition:background .12s ease,border-color .12s ease}.plmgr__row:hover{background:#ffffff14}.plmgr__row.is-selected{background:#ff66ab2e;border-color:#ff66ab8c}.plmgr__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.plmgr__count{margin-left:.6rem;font-size:.78rem;font-weight:400;color:#ffffff8c}.plmgr__rename{flex:1;min-width:0;padding:.2rem .4rem;border:1px solid rgba(255,102,171,.6);background:#0006;color:#fff;font-size:.95rem;outline:none}.plmgr__actions{display:flex;gap:4px;flex-shrink:0}.plmgr__btn{padding:.25rem .55rem;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s ease}.plmgr__btn:hover:not(:disabled){background:#ffffff2e}.plmgr__btn:disabled{opacity:.3;cursor:default}.plmgr__btn--add:not(:disabled){border-color:#78dc7880;color:#9be89b}.plmgr__btn--remove:not(:disabled){border-color:#ff6e6e80;color:#ff9d9d}.plmgr__footer{display:flex;gap:8px}.plmgr__action{flex:1;padding:.6rem 0;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .12s ease}.plmgr__action:hover:not(:disabled){background:#ffffff2e}.plmgr__action:disabled{opacity:.35;cursor:default}.plmgr__action--delete:not(:disabled){border-color:#ff50508c;background:#d6303040}.plmgr__action--delete:hover:not(:disabled){background:#d6303080}.play{position:absolute;inset:0;overflow:hidden;background:#05040a}.play__bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}.play__video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:none}.play__dim{position:absolute;inset:0;z-index:2;background:#05040a;opacity:0;pointer-events:none}.play__canvas{position:absolute;inset:0;z-index:3;width:100%;height:100%}.play__actions{position:absolute;top:1rem;left:1.2rem;z-index:10;display:flex;align-items:center;gap:.6rem}.play__abort,.play__quit{padding:8px 18px;border-radius:10px;font-weight:100;font-size:16px;color:#fff;background:#000000a2;border:1px solid #ff4c4c;transition:border-color .15s ease}.play__abort:hover,.play__quit:hover{border-color:#fff}.play__quit{border-color:#ff66abd9}.play__title{position:absolute;top:1.1rem;left:50%;transform:translate(-50%);z-index:10;font-size:.95rem;font-weight:600;color:#ffffffd9;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none}.play__title span{color:var(--osu-pink-light)}.play__autopilot{position:absolute;top:4rem;left:1.2rem;z-index:10;display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;font-weight:600;color:#fffc;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none}.play__autopilot-next span{color:var(--osu-pink-light)}.play__autopilot-fatigue{color:#ffc46b}.play__grade{position:absolute;top:16px;right:160px;height:40px;width:auto;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.play__loading{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:.6rem;padding:.5rem 1.1rem;border-radius:999px;font-weight:600;font-size:.9rem;color:#ffffffe6;background:#00000073;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none;animation:play__loading-in .6s ease both}@keyframes play__loading-in{0%{opacity:0}to{opacity:1}}.play__loading-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--osu-pink-light);animation:play__spin .7s linear infinite}@keyframes play__spin{to{transform:rotate(360deg)}}.play__skip{position:absolute;bottom:1rem;right:1.2rem;z-index:10;padding:.45rem 1rem;border-radius:999px;font-weight:700;font-size:.85rem;color:#fff;background:#ffffff1a;border:1px dashed rgba(255,255,255,.4);transition:background .15s ease}.play__skip:hover{background:#fff3}@media(max-width:850px){.play__title{text-align:center}.play__grade{top:85px;right:15px;height:36px}}.result__title{font-size:2rem;font-weight:800;color:#fff;line-height:1.2}.result__version{color:var(--osu-pink-light);font-weight:700}.result__creator,.result__played{font-size:.85rem;color:var(--text-dim);font-weight:500}.result__failed{margin-top:.4rem;font-size:1.5rem;font-weight:800;letter-spacing:.15em;color:#ff5a72;text-shadow:0 0 12px rgba(255,90,114,.6)}.result__judges{display:flex;flex-wrap:wrap}.result__judge{width:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.08)}.result__judge-label{font-size:1.2rem;font-weight:900;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.5)}.result__judge-count{font-size:3rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.result__totals{display:flex;width:100%;margin-top:.6rem;justify-content:space-around}.result__total{display:flex;flex-direction:column;justify-content:flex-end}.result__total-label{font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.result__total-value{font-size:3rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.result__pfc{font-style:normal;font-size:.9rem;font-weight:800;color:#ffd24a}.result__center{display:flex;flex-direction:column;justify-content:center;min-width:0}.result__skills{display:flex;flex-direction:column;gap:.85rem}.result__skills-empty{color:var(--text-dim);font-size:.85rem;text-align:center;padding:.4rem 0}.result__grade{width:auto;max-width:100%;max-height:58vh;object-fit:contain;filter:drop-shadow(0 12px 40px rgba(0,0,0,.6));animation:grade-in .6s cubic-bezier(.2,1.5,.4,1) both}@keyframes grade-in{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.skillxp__row{display:grid;grid-template-columns:5.5rem 2.6rem 1fr 3.4rem;align-items:center;gap:.6rem;min-width:450px;animation:skillxp-enter .34s cubic-bezier(.2,.9,.3,1) both;filter:drop-shadow(0rem 0rem .2rem black)}@keyframes skillxp-enter{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.skillxp__name{font-size:.85rem;font-weight:600;text-transform:capitalize;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skillxp__level{display:inline-block;font-size:.95rem;font-weight:800;text-align:right;color:#fff;animation:skillxp-pop .28s ease both}.skillxp__level i{font-style:normal;font-size:.6rem;font-weight:700;color:var(--text-dim);margin-right:.2rem}@keyframes skillxp-pop{0%{transform:scale(1)}45%{transform:scale(1.35);color:#ffd24a}to{transform:scale(1)}}.skillxp__track{height:10px;border-radius:999px;background:#ffffff17;overflow:hidden}.skillxp__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--osu-pink-dark),var(--osu-pink));box-shadow:0 0 10px #ff66ab73}.skillxp__row.is-leveled .skillxp__fill{background:linear-gradient(90deg,var(--osu-pink),#ffd24a);box-shadow:0 0 12px #ffd24a80}.skillxp__gain{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;font-size:.8rem;font-weight:800;color:var(--osu-pink-light);white-space:nowrap}.skillxp__levelup{font-style:normal;font-size:.62rem;font-weight:800;color:#ffd24a;text-shadow:0 0 8px rgba(255,210,74,.6)}.resultscreen{position:absolute;left:0;top:0;z-index:20;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(120% 90% at 70% 0%,#1408128c,#05040ad9);backdrop-filter:blur(4px);width:100vw;height:100vh;animation:results-in .4s ease both;display:flex;flex-direction:column}@keyframes results-in{0%{opacity:0}to{opacity:1}}.result__meta{padding:1rem;background:#000000b3}.result{position:relative;display:flex;padding:2rem 2rem 0;align-items:flex-start}.result__left{display:flex;flex-direction:column;gap:3.5rem;width:65vw;z-index:10}.result__right{display:flex;align-items:flex-start;justify-content:flex-end;width:35vw}.result__topleft{display:flex}.result__panel{width:70%}.result__score{font-size:4rem;font-weight:700;line-height:1;letter-spacing:.75rem;text-align:right;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 4px 30px rgba(255,102,171,.4);margin-right:10%}.result__progression{width:30%;display:flex;align-items:center}.result__graphs{display:flex;flex-wrap:nowrap;gap:.8rem;width:65vw;min-width:1100px}.result__graph{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.55rem .6rem .65rem}.result__graph figcaption{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.45rem}.result__graph .play__graph{display:block;width:100%;border-radius:6px}.result__graph-empty{flex:1;display:flex;align-items:center;justify-content:center;height:240px;border-radius:6px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);color:var(--text-dim);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.result__autopilot{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);z-index:500;padding:.55rem 1.3rem;border-radius:999px;background:#000000a6;border:1px solid rgba(255,102,171,.45);color:#ffffffe6;font-size:.95rem;font-weight:600;white-space:nowrap;pointer-events:none}.result__autopilot span{color:var(--osu-pink-light)}.result__exit{position:absolute;bottom:0;left:0;font-size:2rem;padding:1rem 3rem;font-weight:700;color:#fff;transition:transform .12s ease,filter .15s ease;z-index:500}.result__exit:hover{transform:translateY(-1px);filter:brightness(1.08)}@media(max-width:1100px){.result{padding-top:0}.result__meta{text-align:center}.result__topleft{flex-direction:column;gap:3rem}.result__panel{width:100%}.result__progression{width:90vw}.result__right{position:absolute;right:0;top:1rem}.result__left{gap:1.5rem}.result__graphs{flex-direction:column-reverse;height:600px;min-width:90vw;padding-bottom:2rem}.result__graph{height:250px}.result__exit{position:relative;background-color:#0000002a;margin:1rem}}@media(max-width:850px){.result__left{width:100vw}.result__right{opacity:.2;inset:0;width:100vw;justify-content:center}}@media(max-width:650px){.result__judge{flex-direction:column;align-items:center;justify-content:center}}@media(max-width:432px){.result{padding:.5rem .5rem 0}.result__score{font-size:3.5rem}.result__judge-count{font-size:2.5rem}.result__total-value{font-size:2rem}.result__skills{width:100%}.skillxp__row{min-width:0;width:100%}.result__graphs{width:100%}}.alpha__warning{position:absolute;z-index:9999;height:3.5rem;width:100vw;background:linear-gradient(180deg,rgba(255,0,0,.753),transparent);pointer-events:none;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.alpha__text{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;padding:10px 10px 20px}.alpha__border{width:100%;height:4px;background:repeating-linear-gradient(-30deg,#ffde24 0 12px,#000 12px 24px)}.alpha__warning a{pointer-events:auto;color:red}@media(max-width:850px){.alpha__warning,.alpha__warning a{filter:drop-shadow(0rem 0rem .1rem black)}}.vol{position:fixed;right:32px;bottom:32px;z-index:5100;pointer-events:none;opacity:0;transform:translateY(14px);transition:opacity .22s ease,transform .22s ease;overflow:visible;filter:drop-shadow(0rem 0rem 1rem black)}.vol.is-visible{opacity:1;transform:none}.vol.is-visible .vol__meter{pointer-events:auto}.vol__row{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:18px;filter:drop-shadow(0rem 0rem 1rem black)}.vol__meter{position:absolute;bottom:0;right:0;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease}.vol__pos2{right:80px;bottom:150px}.vol__pos3{right:160px;bottom:50px}.vol__meter.is-active{transform:scale(1.06)}.vol__ring{display:block;transition:filter .16s ease;filter:drop-shadow(0 0 8px rgba(34,183,228,.363));overflow:visible}.vol__track{stroke:#36484e}.vol__fill{stroke:#fff;transition:stroke .16s ease;filter:drop-shadow(0 0 8px rgb(34,183,228))}.vol__meter.is-active .vol__fill{stroke:#fff}.vol__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;font-family:"Exo 2",sans-serif;color:#fff}.vol__pct{font-size:20px;line-height:1}.vol__meter.is-large .vol__pct{font-size:26px}.vol__label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}.vol__meter.is-active .vol__label{color:#fff}.web{position:fixed;z-index:10000;inset:0;width:100vw;height:100vh;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s;pointer-events:none}.web.is-open{background:#0a08098c;opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s;pointer-events:all;backdrop-filter:blur(8px)}.web-inner{position:absolute;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#141012;width:90vw;height:90vh;left:50%;top:50%;transform:translate(-50%,-50%) scale(.97);box-shadow:-4px 4px 24px #00000080;opacity:0;transition:opacity .2s ease,transform .2s ease}.web.is-open .web-inner{opacity:1;transform:translate(-50%,-50%) scale(1)}.web__chrome{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#1c1719;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 18px #00000059}.web__btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:none;border-radius:8px;background:#ffffff0f;color:#f3eef1;font-size:18px;line-height:1;cursor:pointer;transition:background .12s ease}.web__btn:hover{background:#ffffff24}.web__btn:active{background:#fff3}.web__spacer{flex:1}.web__close{color:#ff8aa6;font-size:15px}.web__close:hover{background:#ff5a722e}.web__viewport{position:relative;flex:1;min-height:0;background:#141012}.web__frame{position:absolute;inset:0;width:100%;height:100%;border:none;background:transparent;opacity:0;transition:opacity .3s ease}.web-inner.is-loaded .web__frame{opacity:1}.web__loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#15100e,#221813,#15100e 90%);background-size:220% 100%;animation:web-shimmer 4.4s ease-in-out infinite;opacity:1;transition:opacity .3s ease}.web-inner.is-loaded .web__loader{opacity:0;pointer-events:none}.web__loader-spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,138,166,.18);border-top-color:#ff8aa6;animation:web-spin .8s linear infinite}@keyframes web-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}@keyframes web-spin{to{transform:rotate(360deg)}}.onboard{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:#080607b3;backdrop-filter:blur(4px)}.onboard__card{width:100%;max-width:420px;margin:20px;padding:28px;background:#221b1f;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 60px #00000080;color:#f3eef1}.onboard__title{margin:0 0 6px;font-size:24px}.onboard__sub{margin:0 0 22px;color:#b3a6ad;font-size:14px;line-height:1.5}.onboard__avatar-field{display:flex;align-items:center;gap:16px;margin-bottom:20px}.onboard__avatar{position:relative;width:84px;height:84px;flex:none;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;background:#0000004d;cursor:pointer}.onboard__avatar:disabled{cursor:default}.onboard__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.onboard__avatar-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#f3eef1;background:#00000080;opacity:0;transition:opacity .12s ease}.onboard__avatar:hover:not(:disabled) .onboard__avatar-overlay,.onboard__avatar:disabled .onboard__avatar-overlay{opacity:1}.onboard__avatar-hint{font-size:13px;line-height:1.5;color:#b3a6ad}.onboard__field{display:block;margin-bottom:16px}.onboard__label{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#b3a6ad}.onboard__input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#0000004d;color:#f3eef1;font-size:15px}.onboard__input:focus{outline:none;border-color:#f6a}.onboard__summary{margin:0 0 20px;font-size:13px;color:#b3a6ad}.onboard__error{margin:0 0 16px;padding:8px 12px;border-radius:8px;background:#ff5a7224;color:#ff8aa6;font-size:13px}.onboard__actions{display:flex;flex-direction:column;gap:10px}.onboard__btn{padding:11px 16px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff0d;color:#f3eef1;font-weight:600;font-size:14px;cursor:pointer;transition:background .12s ease,opacity .12s ease}.onboard__btn:hover:not(:disabled){background:#ffffff1a}.onboard__btn--primary{background:#f6a;border-color:#f6a;color:#1a1013}.onboard__btn--primary:hover:not(:disabled){background:#e0558f}.onboard__btn:disabled{opacity:.5;cursor:default}.tutorial{position:fixed;inset:0;z-index:15000;display:flex;align-items:flex-end;justify-content:center;padding-bottom:11vh;pointer-events:none;animation:tutorial-in .45s ease-out both}@keyframes tutorial-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tutorial__card{pointer-events:auto;width:100%;max-width:440px;margin:0 20px;padding:22px 26px 18px;background:#221b1feb;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 60px #00000080;color:#f3eef1}.tutorial__title{margin:0 0 6px;font-size:20px}.tutorial__body{margin:0 0 16px;color:#b3a6ad;font-size:14px;line-height:1.55;min-height:3.1em}.tutorial__body b{color:#f3eef1}.tutorial__body a{color:#f6a}.tutorial__dots{display:flex;justify-content:center;gap:7px;margin-bottom:16px}.tutorial__dot{width:7px;height:7px;border-radius:50%;background:#ffffff2e;transition:background .15s ease,transform .15s ease}.tutorial__dot--active{background:#f6a;transform:scale(1.25)}.tutorial__actions{display:flex;align-items:center;gap:8px}.tutorial__skip{margin-right:auto;padding:8px 4px;border:none;background:none;color:#b3a6ad;font-size:13px;cursor:pointer}.tutorial__skip:hover{color:#f3eef1;text-decoration:underline}.tutorial__btn{padding:9px 16px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff0d;color:#f3eef1;font-weight:600;font-size:13px;cursor:pointer;transition:background .12s ease}.tutorial__btn:hover{background:#ffffff1a}.tutorial__btn--primary{background:#f6a;border-color:#f6a;color:#1a1013}.tutorial__btn--primary:hover{background:#e0558f}.message__overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.message__contents{position:absolute;top:50%;transform:translateY(-50%);text-align:center;opacity:1;width:100%;height:45px;font-size:30px;font-weight:100;background:#00000054;transition:all .2s ease;padding:5px 0 0 15px}.message__contents.animate{height:50px;font-size:32px}.message__contents.closing{opacity:0}.options__container{position:absolute;inset:0;z-index:10000;display:flex;align-items:stretch;background:#0005;opacity:0;pointer-events:none;transition:opacity .2s ease}.options__container.open{opacity:1;pointer-events:auto}.options__quick_access{flex:0 0 90px;display:flex;flex-direction:column;gap:2px;padding-top:64px;background:#080808;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease}.options__container.open .options__quick_access{transform:translate(0)}.options__tab{padding:12px 4px;color:#ffffffab;font-size:10px;font-weight:100;letter-spacing:.04em;text-align:center;line-height:3;border-right:6px solid transparent;transition:color .12s ease,background .12s ease,border-color .12s ease}.options__tab:hover{color:#fff;color:var(--text)}.options__tab.is-active{color:#fff;border-right-color:var(--osu-pink-light)}.options__tab.is-empty{opacity:.3;cursor:default}.options__panel{flex:0 0 min(72vw,480px);display:flex;flex-direction:column;min-height:0;font-weight:100;background:#000000d5;transform:translate(-100%);transition:transform .25s ease}.options__container.open .options__panel{transform:translate(0)}.options__heading{margin-top:40px;padding:22px 24px 0;color:#fff;font-size:30px;text-align:center;letter-spacing:.02em}.options__subheading{padding:0 24px 6px;color:var(--osu-pink);font-size:20px;text-align:center;letter-spacing:.02em}.options__search{display:flex;align-items:center;gap:8px;margin:6px 18px 12px;padding:18px 12px;border-radius:8px;background:#0006;border:1px solid #ffffff14}.options__search_icon{flex-shrink:0;width:18px;height:18px;color:var(--text-dim)}.options__search_input{width:100%;color:var(--text);background:none;border:none;outline:none;font:inherit;font-size:16px}.options__search_input::placeholder{color:var(--text-dim)}.options__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 14px 60vh;scrollbar-width:none}.options__scroll::-webkit-scrollbar{display:none}.options__category{display:flex;flex-direction:column}.options__category_title{margin:18px 6px 6px;color:#8af1ff;font-size:40px;letter-spacing:.03em;padding-bottom:6px;text-align:right}.options__group{margin:20px 0;border-left:3px solid rgb(58,58,58);display:flex;flex-direction:column;gap:5px}.options__group_title{margin:8px 10px 4px;color:#fff;font-size:20px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.options__empty{padding:40px 16px;color:var(--text-dim);text-align:center}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px}.opt-row__label{color:var(--text);font-size:16px}.opt-signin{display:flex;flex-direction:column;gap:6px;padding:7px 10px}.opt-signin__who{color:var(--text);font-size:16px}.opt-button{--accent: var(--osu-pink);width:100%;margin:3px 0;padding:10px 14px;border-radius:6px;background:var(--accent);color:#fff;font-size:16px;font-weight:600;text-align:center;transition:filter .12s ease,transform 80ms ease}.opt-button:hover{filter:brightness(1.12)}.opt-button:active{transform:scale(.98)}.opt-checkbox{display:flex;align-items:center;width:100%;gap:15px;padding:7px 10px;color:var(--text);font-size:16px;font-weight:300;border-radius:6px;transition:background .12s ease}.opt-checkbox:hover{background:#ffffff10}.opt-checkbox__label{text-align:left}.opt-checkbox__box{flex-shrink:0;display:grid;place-items:center;width:16px;height:16px;border-radius:100px;border:2px solid var(--osu-pink-dark);transition:border-color .12s ease,background .12s ease}.opt-checkbox.is-on .opt-checkbox__box{background:var(--osu-pink-dark)}.opt-checkbox__tick{width:10px;height:10px;border-radius:2px;background:var(--osu-pink-dark);transform:scale(0);transition:transform .12s ease}.opt-checkbox.is-on .opt-checkbox__tick{transform:scale(1)}.opt-slider{display:block;width:100%;padding:7px 10px}.opt-slider__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px;color:var(--text);font-size:16px;font-weight:300}.opt-slider__value{color:var(--osu-pink-light);font-size:14px;font-variant-numeric:tabular-nums}.opt-slider__input{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:999px;background:linear-gradient(to right,var(--osu-pink-dark) var(--fill, 0%),color-mix(in srgb,var(--osu-pink-dark) 25%,transparent) var(--fill, 0%));cursor:pointer;outline:none}.opt-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--osu-pink-dark);border:2px solid var(--osu-pink);box-shadow:0 1px 4px #0008}.opt-slider__input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--osu-pink-dark);border:2px solid var(--osu-pink)}.fps-counter{position:fixed;right:6px;bottom:4px;z-index:99999;padding:2px 6px;border-radius:4px;background:#00000080;color:var(--osu-pink-light);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none}.community{position:fixed;inset:0;z-index:9500;display:flex;flex-direction:column;pointer-events:none}.community-panel{flex:1;min-height:0;opacity:0;display:flex;flex-direction:column;overflow:hidden;transition:opacity .5s ease;background:#000000e6;pointer-events:none}.community-panel.is-enabled{opacity:1;pointer-events:all}.community-chat-container{height:33.33%;min-height:150px;width:100%;background:#000000e6;opacity:0;transition:opacity .5s ease;pointer-events:none}.community-chat-container.is-enabled{opacity:1;pointer-events:all}.community-header{display:flex;align-items:flex-start;gap:32px;padding:5px 20px}.community-header__title{display:flex;flex-direction:column;line-height:1.1}.community-header__brand{font-size:65px;font-weight:100;letter-spacing:-.02em}.community-header__online{font-size:24px}.community-header__filters{display:flex;align-items:center;align-items:stretch;gap:10px;font-size:20px;margin-top:10px}.community-header__filters .cols{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end;gap:10px;padding-top:4px}.community-header__filters .cols .dropdown{width:100%;display:flex}.community-header__search{width:100%;height:28px;border:none;border-bottom:2px solid rgba(255,255,255,.25);border-radius:0;background:transparent;color:var(--text);font:inherit}.community-header__search:focus{outline:none;border-bottom-color:var(--osu-pink)}.community-music{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:240px}.community-music__meta{display:flex;flex-direction:column;align-items:flex-end}.community-music__label{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--osu-pink)}.community-music__title{font-size:24px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-music__transport{display:flex;align-items:center;gap:8px}.community-music__transport button{display:grid;place-items:center;width:32px;height:32px;font-size:24px;border:none;border-radius:0;background:transparent;color:var(--text);opacity:.85;cursor:pointer}.community-music__transport button:hover{opacity:1;color:var(--osu-pink)}.community-music__bar{width:280px;height:6px;background:#fff3;cursor:pointer}.community-music__fill{height:100%;background:var(--osu-pink)}.community-body{flex:1;min-height:0;display:flex;flex-direction:column}.community-empty{flex:1;display:grid;place-items:center;color:var(--text-dim)}.tabs.classic{display:flex;flex-shrink:0;height:29px;margin:2px 0;padding:0 10px;overflow:hidden}.tabs.classic .tab{display:flex;align-items:center;padding:8px 50px;border-radius:10px 10px 0 0;box-shadow:0 0 3px 1px #00000080;color:#fff;background:linear-gradient(0deg,#4f6edd,#5c80ff);font-weight:700;font-size:18px;line-height:.8;cursor:pointer}.tabs.classic .tab.special{background:linear-gradient(0deg,#dc153d,#be1134)}.tabs.classic .tab:hover{filter:brightness(1.2)}.tabs.classic .tab:not(:first-child){margin-left:-15px}.tabs.classic .tab.is-active{background:#fff;color:#000;z-index:2}.community-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(467px,1fr));grid-auto-rows:110px;align-content:start;gap:6px;padding:4px 14px}.player-card{position:relative;isolation:isolate;display:flex;gap:10px;border-radius:4px;color:#fff;border:2px solid color-mix(in srgb,var(--statushigh, #14121a),#000 20%);transition:all .4s ease}.player-card:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(0deg,var(--statuslow, #14121a),var(--statushigh, #14121a))}.player-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff;opacity:0;transition:opacity .4s ease}.player-card:hover{border-color:#fff}.player-card:hover:after{opacity:.15}.player-card[data-status=idle]{--statushigh: #08193f;--statuslow: #0a1d4a}.player-card[data-status=afk]{--statushigh: #090909;--statuslow: #0a0a0a}.player-card[data-status=playing]{--statushigh: #758686;--statuslow: #8b9f9f}.player-card__avatar{height:100%;aspect-ratio:1;flex-shrink:0;border-radius:4px;overflow:hidden;background:#00000040;box-shadow:inset 0 0 0 1px #ffffff14}.player-card__avatar img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.player-card__avatar img[data-loaded=true]{opacity:1}.player-card__avatar img[data-instant=true]{transition:none}.player-card__body{display:flex;flex-direction:column;min-width:0;justify-content:flex-start;flex-grow:1;gap:3px}.player-card__meta{position:relative;width:100%}.player-card-side{position:absolute;display:flex;flex-direction:column;min-width:0;justify-content:flex-start;gap:3px;opacity:0;transition:opacity .2s ease}.player-card-side.recto{opacity:1}.player-card-side.verso,.player-card:hover .player-card-side.recto{opacity:0}.player-card:hover .player-card-side.verso{opacity:1}.player-card__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:24px}.player-card__rank{position:absolute;bottom:2px;right:5px;font-size:50px;opacity:.25}.player-card__sub{font-size:16px;color:#ffffffbf}.community-map{--map-land: #333;position:relative;overflow:hidden;flex:1;min-height:0;max-height:500px;aspect-ratio:12 / 5;max-width:min(1250px,100%);align-self:center;margin:14px auto;border:1px solid rgba(255,255,255,.66)}.community-map__svg{position:absolute;inset:0;width:100%;height:100%}.community-map__svg path{fill:var(--map-land);stroke:#fff;stroke-opacity:.66;stroke-width:1px;vector-effect:non-scaling-stroke}.community-map__dot{position:absolute;width:6px;height:6px;transform:translate(-50%,-50%);background:var(--osu-pink)}.chat{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.chat__tabs{display:flex;background:#fff3}.chat__close,.chat__join{border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.chat__log{flex:1;min-height:0;overflow-y:auto;padding:0 7px;display:flex;flex-direction:column;gap:1px}.chat__line{display:flex;gap:8px;font-size:19px;line-height:1.45}.chat__from{flex-shrink:0}.chat__text{color:var(--text);word-break:break-word}.chat__compose,.chat__compose input{width:100%;height:32px;color:#fff;font:inherit;display:flex;line-height:1.1}.chat__compose{align-items:center;padding:0 12px}.chat__compose span{font-size:24px}.chat__compose input{border:none;background:transparent;font-size:19px;padding-left:4px}.chat__compose input:focus{outline:none}.community-controls{position:fixed;right:8px;bottom:0;z-index:9700;display:flex;gap:4px}.community-controls__btn{position:relative;padding:5px 12px;border:none;background:linear-gradient(180deg,#0f275e,#455b92);color:#fff;border:1px solid white;font:inherit;font-size:16px;cursor:pointer;opacity:.5}.community-controls__btn:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .2s ease;background:#ff69b44d;pointer-events:none;mix-blend-mode:multiply}.community-controls__btn:hover:after{opacity:1}.community-controls__btn[data-on=true]{opacity:1}.community-ticker{position:fixed;left:0;bottom:0;z-index:9600;display:flex;width:100vw;background:#000000b3;font-size:13px;pointer-events:none}.addon{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#0000006b;border-left:3px solid transparent;transition:background .14s ease,border-color .14s ease}.addon:hover{background:#ffffff0f}.addon.is-on{border-left-color:var(--osu-pink);background:#ff40891a}.addon__icon{flex:none;width:48px;height:48px;object-fit:cover;background:#ffffff0f}.addon__icon--empty{display:grid;place-items:center;font-size:1.4rem;font-weight:300;color:var(--osu-pink-light)}.addon__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1rem}.addon__name{font-size:1.05rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addon__ver{color:var(--text-dim);font-size:.8rem;font-weight:300;margin-left:.4rem}.addon__by{color:#ffffff8c;font-size:.82rem}.addon__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.addon__tags{display:flex;flex-wrap:wrap;gap:.3rem}.addon__tag{font-size:.72rem;padding:.05rem .5rem;border-radius:3px;background:#ffffff14;color:#ffffffb3}.addon__feedback{font-size:.8rem;font-style:italic;color:#f0c674}.addon__desc{font-size:.82rem;color:#ffffff94;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.addon__badge{flex:none;padding:.1rem .55rem;border-radius:3px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.addon__badge--published{background:#6ee29a33;color:#6ee29a}.addon__badge--pending{background:#f0c67433;color:#f0c674}.addon__badge--onHold{background:#6eaaf033;color:#8ab6f0}.addon__badge--denied{background:#ef888833;color:#ef8888}.addon__badge--unpublished{background:#ffffff1a;color:#ffffffa6}.addon__actions{flex:none;display:flex;align-items:center;gap:.45rem}.addon__installed{color:#6ee29a;font-size:.85rem;font-weight:600;padding:0 .5rem}.addon-toggle{display:flex;align-items:center;gap:.4rem;color:var(--text);font-size:.84rem;cursor:pointer;user-select:none}.addon-toggle input{accent-color:var(--osu-pink);width:15px;height:15px}.addon-btn{padding:.4rem .95rem;border-radius:3px;background:#ffffff1a;color:var(--text);font-size:.85rem;font-weight:400;cursor:pointer;transition:background .14s ease,opacity .14s ease}.addon-btn:hover:not(:disabled){background:#ffffff2e}.addon-btn:disabled{opacity:.4;cursor:default}.addon-btn--primary{background:var(--osu-pink-darkest);color:#fff;font-weight:600}.addon-btn--primary:hover:not(:disabled){background:var(--osu-pink-dark)}.addon-btn--danger{background:#d6404547;color:#ffb1b3}.addon-btn--danger:hover:not(:disabled){background:#d640457a}.addons__toolbar{display:flex;align-items:center;gap:1.2rem;margin:6px 0 16px;flex-wrap:wrap}.addons__search-label{color:var(--text-dim);font-size:1rem}.addons__search{flex:0 1 360px;padding:.5rem .85rem;background:#0000008c;border:1px solid rgba(255,255,255,.18);color:var(--text);font:inherit;font-size:1rem;outline:none}.addons__search:focus{border-color:#ff408999}.addons__search::placeholder{color:var(--text-dim)}.addons__sort{display:flex;gap:1.2rem;margin-left:auto}.addons__sort-btn{color:var(--text-dim);font-size:1rem;transition:color .14s ease}.addons__sort-btn:hover{color:var(--text)}.addons__sort-btn.is-active{color:var(--osu-pink-light)}.addon-view{display:flex;flex-direction:column;gap:1.1rem;padding:1.5rem;background:#00000080}.addon-view__feedback{display:flex;flex-direction:column;gap:.25rem;padding:.7rem 1rem;background:#f0c6741f;border-left:3px solid #f0c674;color:#f4d488;font-size:.92rem}.addon-view__feedback-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#f0c674}.addon-view__cols{display:flex;gap:1.5rem;align-items:stretch}.addon-view__meta{flex:1 1 auto;min-width:300px;display:flex;flex-direction:column;gap:1.1rem}.addon-field--code{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;gap:.4rem}@media(max-width:1100px){.addon-view__cols{flex-direction:column}.addon-view__meta{flex:none;min-width:0}}.addon-view__head{display:flex;align-items:center;gap:.8rem}.addon-view__headmeta{min-width:0;display:flex;flex-direction:column;gap:.2rem}.addon-view__name{font-size:1.3rem;font-weight:500;color:#fff}.addon-view__desc{margin:0;color:#ffffffbf;font-size:.95rem}.addon-view__codehead{display:flex;align-items:center;gap:1rem;min-height:1.4rem}.addon-view__codelabel{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.addon-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.addon-field>span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.addon-field-row{display:flex;gap:1rem}.addon-field-row .addon-field{flex:1 1 0;min-width:0}.addon-field input,.addon-desc{width:100%;box-sizing:border-box;padding:.55rem .85rem;background:#0000008c;border:1px solid rgba(255,255,255,.18);color:var(--text);font:inherit;outline:none}.addon-field input:focus,.addon-desc:focus{border-color:#ff408999}.addon-desc{min-height:64px;resize:vertical}.addon-code{flex:1 1 auto;min-height:420px;max-height:65vh;width:calc(80ch + 24px);max-width:100%;overflow:auto;background:#1e1e1e;color:#d4d4d4;border:1px solid rgba(255,255,255,.18);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;tab-size:4}.addon-code:focus-within{border-color:#ff408999}.addon-code__inner{min-height:100%}.addon-code__area{outline:none}.addon-view__notice{margin:0;font-size:.82rem;color:var(--text-dim);border-left:3px solid rgba(255,255,255,.18);padding-left:.7rem}.addon-icon-row{display:flex;align-items:center;gap:1rem}.addon-icon-preview{width:48px;height:48px;object-fit:cover}.addon-codeview{max-height:60vh;overflow:auto;margin:0;font-size:.82rem}.addon-diff{max-height:60vh;overflow:auto;margin:0;padding:.6rem 0;background:#1e1e1e;color:#d4d4d4;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;tab-size:4}.addon-diff__line{display:flex;gap:.6rem;padding:0 .8rem;white-space:pre}.addon-diff__line code{background:none}.addon-diff__sigil{flex:none;width:1ch;color:#ffffff59;user-select:none}.addon-diff__line--add{background:#50c87829}.addon-diff__line--add .addon-diff__sigil{color:#6ee29a}.addon-diff__line--remove{background:#d640452e}.addon-diff__line--remove .addon-diff__sigil{color:#ef8888}.page{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 60% 22%,#1a1420,#07060a 85%);color:var(--text);font-weight:300}.page__tabs{flex:none;display:flex;gap:5px;padding:12px 18px 0}.page__tab{padding:9px 40px;transform:skew(-12deg);background:#ff408980;color:#fff;font-size:1.1rem;font-weight:400;letter-spacing:.01em;transition:background .15s ease,color .15s ease}.page__tab>span{display:block;transform:skew(12deg)}.page__tab:hover{background:#ff4089b3}.page__tab.is-active{background:var(--text);color:#1a1018}.page__header{flex:none;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:16px 34px 4px}.page__title{font-size:2.6rem;font-weight:200;color:#fff;letter-spacing:.01em}.page__subtitle{font-size:1.05rem;font-weight:300;color:var(--text-dim)}.page__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 34px 28px;scrollbar-width:thin;scrollbar-color:rgba(255,64,137,.5) transparent}.page__body::-webkit-scrollbar{width:8px}.page__body::-webkit-scrollbar-thumb{background:#ff408973}.page__section{display:flex;align-items:center;gap:14px;margin:18px 0 10px;font-size:1.5rem;font-weight:200;color:var(--osu-pink-light)}.page__list{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.page__muted{color:var(--text-dim);font-size:.95rem;padding:.6rem .2rem}.page__error{color:#ef8888;background:#8c2f2f2e;padding:.7rem 1rem;margin:.6rem 0;font-size:.9rem}.page__bottombar{position:relative;flex:none;height:74px;display:flex;background:#0000008c}.page__bottombar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3c5dd1,#79d68b 50%,#3c5dd1)}.page__barslot{display:contents}.page__baraction{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:300;color:var(--text);cursor:pointer;transition:background .15s ease}.page__baraction:hover{background:#ffffff0f}.page__baraction:disabled{opacity:.45;cursor:default}.page__baraction:disabled:hover{background:none}.page__baraction--static{cursor:default;color:#6ee29a}.page__baraction--static:hover{background:none}pre[class*=language-],code[class*=language-]{color:#d4d4d4;font-size:13px;text-shadow:none;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-] *::selection,code[class*=language-] *::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#1e1e1e}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#1e1e1e}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight.line-highlight{background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c;z-index:0}.skin{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#0000006b;border-left:3px solid transparent;transition:background .14s ease,border-color .14s ease}.skin:hover{background:#ffffff0f}.skin.is-on{border-left-color:var(--osu-pink);background:#ff40891a}.skin__icon{flex:none;width:48px;height:48px;object-fit:cover;background:#ffffff0f}.skin__icon--empty{display:grid;place-items:center;font-size:1.4rem;font-weight:300;color:var(--osu-pink-light)}.skin__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1rem}.skin__name{font-size:1.05rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin__ver{color:var(--text-dim);font-size:.8rem;font-weight:300;margin-left:.4rem}.skin__by{color:#ffffff8c;font-size:.82rem}.skin__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.skin__tags{display:flex;flex-wrap:wrap;gap:.3rem}.skin__tag{font-size:.72rem;padding:.05rem .5rem;border-radius:3px;background:#ffffff14;color:#ffffffb3}.skin__feedback{font-size:.8rem;font-style:italic;color:#f0c674}.skin__desc{font-size:.82rem;color:#ffffff94;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skin__badge{flex:none;padding:.1rem .55rem;border-radius:3px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.skin__badge--PUBLISHED{background:#6ee29a33;color:#6ee29a}.skin__badge--UNPUBLISHED{background:#ffffff1a;color:#ffffffa6}.skin__actions{flex:none;display:flex;align-items:center;gap:.45rem}.skin__installed{color:#6ee29a;font-size:.85rem;font-weight:600;padding:0 .5rem}.skin-toggle{display:flex;align-items:center;gap:.4rem;color:var(--text);font-size:.84rem;cursor:pointer;user-select:none}.skin-toggle input{accent-color:var(--osu-pink);width:15px;height:15px}.skin-btn{padding:.4rem .95rem;border-radius:3px;background:#ffffff1a;color:var(--text);font-size:.85rem;font-weight:400;cursor:pointer;transition:background .14s ease,opacity .14s ease}.skin-btn:hover:not(:disabled){background:#ffffff2e}.skin-btn:disabled{opacity:.4;cursor:default}.skin-btn--primary{background:var(--osu-pink-darkest);color:#fff;font-weight:600}.skin-btn--primary:hover:not(:disabled){background:var(--osu-pink-dark)}.skin-btn--danger{background:#d6404547;color:#ffb1b3}.skin-btn--danger:hover:not(:disabled){background:#d640457a}.skins__toolbar{display:flex;align-items:center;gap:1.2rem;margin:6px 0 16px;flex-wrap:wrap}.skins__search-label{color:var(--text-dim);font-size:1rem}.skins__search{flex:0 1 360px;padding:.5rem .85rem;background:#0000008c;border:1px solid rgba(255,255,255,.18);color:var(--text);font:inherit;font-size:1rem;outline:none}.skins__search:focus{border-color:#ff408999}.skins__search::placeholder{color:var(--text-dim)}.skins__sort{display:flex;gap:1.2rem;margin-left:auto}.skins__sort-btn{color:var(--text-dim);font-size:1rem;transition:color .14s ease}.skins__sort-btn:hover{color:var(--text)}.skins__sort-btn.is-active{color:var(--osu-pink-light)}.skin-view{display:flex;flex-direction:column;gap:1.1rem;padding:1.5rem;background:#00000080}.skin-view__feedback{display:flex;flex-direction:column;gap:.25rem;padding:.7rem 1rem;background:#f0c6741f;border-left:3px solid #f0c674;color:#f4d488;font-size:.92rem}.skin-view__feedback-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#f0c674}.skin-view__cols{display:flex;gap:1.5rem;align-items:stretch}.skin-view__meta{flex:1 1 auto;min-width:300px;display:flex;flex-direction:column;gap:1.1rem}.skin-field--code{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;gap:.4rem}@media(max-width:1100px){.skin-view__cols{flex-direction:column}.skin-view__meta{flex:none;min-width:0}}.skin-view__head{display:flex;align-items:center;gap:.8rem}.skin-view__headmeta{min-width:0;display:flex;flex-direction:column;gap:.2rem}.skin-view__name{font-size:1.3rem;font-weight:500;color:#fff}.skin-view__desc{margin:0;color:#ffffffbf;font-size:.95rem}.skin-view__codehead{display:flex;align-items:center;gap:1rem;min-height:1.4rem}.skin-view__codelabel{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.skin-view__preview{display:flex;flex-direction:column;gap:.4rem}.skin-view__preview>span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.skin-preview{position:relative;aspect-ratio:16/9;background:#0a0a0f;border:1px solid rgba(255,255,255,.12);overflow:hidden}.skin-preview__bg,.skin-preview__dim,.skin-preview__canvas{position:absolute;inset:0;width:100%;height:100%}.skin-preview__bg{background-size:cover;background-position:center}.skin-preview__dim{background:#000}.skin-preview__grade{position:absolute;top:8px;left:8px;height:40px;width:auto}.skin-preview--empty{display:grid;place-items:center;padding:0 1rem;text-align:center;color:var(--text-dim);font-size:.88rem}.skin-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.skin-field>span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.skin-view__validation{display:flex;flex-direction:column;gap:.4rem}.skin-view__validation>span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ef8888}.skin-view__validation>pre{margin:0;padding:.6rem .85rem;background:#8c2f2f2e;color:#ef8888;font-size:.85rem;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.skin-field-row{display:flex;gap:1rem}.skin-field-row .skin-field{flex:1 1 0;min-width:0}.skin-field input,.skin-desc{width:100%;box-sizing:border-box;padding:.55rem .85rem;background:#0000008c;border:1px solid rgba(255,255,255,.18);color:var(--text);font:inherit;outline:none}.skin-field input:focus,.skin-desc:focus{border-color:#ff408999}.skin-desc{min-height:64px;resize:vertical}.skin-code{flex:1 0 auto;width:calc(80ch + 24px);max-width:100%;overflow-x:auto;overflow-y:hidden;background:#1e1e1e;color:#d4d4d4;border:1px solid rgba(255,255,255,.18);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;tab-size:4}.skin-code:focus-within{border-color:#ff408999}.skin-code__inner{min-height:100%}.skin-code__area{outline:none}.skin-view__notice{margin:0;font-size:.82rem;color:var(--text-dim);border-left:3px solid rgba(255,255,255,.18);padding-left:.7rem}.skin-icon-row{display:flex;align-items:center;gap:1rem}.skin-icon-preview{width:48px;height:48px;object-fit:cover}.skin-codeview{max-height:60vh;overflow:auto;margin:0;font-size:.82rem}.skin-diff{max-height:60vh;overflow:auto;margin:0;padding:.6rem 0;background:#1e1e1e;color:#d4d4d4;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;tab-size:4}.skin-diff__line{display:flex;gap:.6rem;padding:0 .8rem;white-space:pre}.skin-diff__line code{background:none}.skin-diff__sigil{flex:none;width:1ch;color:#ffffff59;user-select:none}.skin-diff__line--add{background:#50c87829}.skin-diff__line--add .skin-diff__sigil{color:#6ee29a}.skin-diff__line--remove{background:#d640452e}.skin-diff__line--remove .skin-diff__sigil{color:#ef8888}.upgrades{display:flex;flex-direction:column;gap:14px;max-width:920px;margin:0 auto;padding:8px 0 24px}.upgrades__hint{color:var(--text-dim);font-size:.95rem;margin:0}.upgrades__list{display:flex;flex-direction:column;gap:8px}.upgrade__row{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:16px;padding:10px 16px;background:#ffffff0a;border-left:3px solid rgba(255,255,255,.12)}.upgrade__row.is-ready{border-left-color:var(--osu-pink);background:#ff408914}.upgrade__row.is-maxed{border-left-color:#9be48b}.upgrade__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.upgrade__skill{font-size:1.05rem;font-weight:400}.upgrade__level{color:var(--text-dim);font-size:.85rem}.upgrade__mult{color:#9be48b;font-size:.85rem}.upgrade__od{color:var(--osu-pink-light);font-size:.85rem}.upgrade__info{display:flex;flex-direction:column;gap:3px;min-width:0}.upgrade__desc{color:var(--text-dim);font-size:.82rem}.upgrade__gear{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.upgrade__gear-current{color:var(--text-dim)}.upgrade__gear-arrow{color:var(--osu-pink)}.upgrade__gear-next{color:var(--text)}.is-maxed .upgrade__gear-current{color:#9be48b}.upgrade__action{display:flex;align-items:center;gap:12px;justify-self:end}.upgrade__overdrive{color:var(--osu-pink-light);font-size:.9rem}.upgrade__buy{padding:8px 18px;background:#ff40898c;color:#fff;font-size:.95rem;transform:skew(-12deg);transition:background .15s ease}.upgrade__buy>*{display:block;transform:skew(12deg)}.upgrade__buy:hover:not(:disabled){background:#ff4089cc}.upgrade__buy:disabled{background:#ffffff14;color:var(--text-dim);cursor:default}@media(max-width:720px){.upgrade__row{grid-template-columns:1fr;gap:8px}.upgrade__action{justify-self:start}}.page-overlay{position:absolute;inset:0;z-index:5000}.page-overlay.is-open{animation:page-overlay-in .35s cubic-bezier(.22,1,.36,1) both}.page-overlay.is-closing{animation:page-overlay-out .25s ease both;pointer-events:none}@keyframes page-overlay-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes page-overlay-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.floating-deltas{position:absolute;right:40%;top:10%;display:flex;flex-direction:column;align-items:flex-end;z-index:10000;gap:2px;text-align:right;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.6);animation:floating-deltas 8s ease both}.floating-deltas__rank{font-size:32px;font-weight:100;color:#fff;line-height:1.1;margin-right:-20px}.floating-deltas__value{font-size:14px;font-weight:100;color:#9ee64b}.floating-deltas__value.is-loss{color:#e65d4b}@keyframes floating-deltas{0%{opacity:0;transform:translate(-26px)}45%{opacity:.8}60%{opacity:.8}to{opacity:0;transform:translate(26px)}}