@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-ext-wght-normal.0-betx8k8_u3r.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-cyrillic-wght-normal.3fope3hsfcjah.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-vietnamese-wght-normal.2n-t_bbv7ec7m.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-ext-wght-normal.0hsc8w3pfbl3r.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-latin-wght-normal.1wzrasd95pxo_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-accent:#d83c7b;--bg:#171419;--bg-deep:#100e12;--layer:#211d23;--layer-2:#2a252c;--layer-3:#332d35;--border:#ffffff14;--text:#f8f4f7;--muted:#b9adb7;--faint:#81777f;--pink:#ff66ab;--yellow:#f2cf4a;--green:#84d97b;--cyan:#53c7dc;--shadow:0 22px 70px #00000052}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -300px, color-mix(in srgb, var(--page-accent) 13%, transparent), transparent 680px), var(--bg);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito Variable,Segoe UI,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}svg{flex:none}.page-container{width:min(1180px,100% - 40px);margin-inline:auto}.site-shell main{min-height:calc(100vh - 94px)}.tiny-label{color:color-mix(in srgb, var(--page-accent) 80%, white);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.osu-header{z-index:50;height:94px;transition:background-color .25s;position:sticky;top:0;box-shadow:0 4px 20px #0000002e}.header-main{grid-template-columns:245px 1fr auto;align-items:center;width:min(1240px,100% - 32px);height:58px;margin:0 auto;display:grid}.brand{align-items:center;gap:11px;width:max-content;display:flex}.brand-circle{color:#fff;letter-spacing:-.04em;border:2px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:950;display:grid;box-shadow:inset 0 0 0 3px #ffffff29}.brand-title{color:#fff;text-shadow:0 1px 3px #0003;font-size:16px;font-weight:800}.header-nav{justify-content:center;align-self:stretch;gap:4px;display:flex}.header-nav a{color:#ffffffb3;align-items:center;padding:0 18px;font-size:13px;font-weight:850;transition:color .18s,background .18s;display:flex;position:relative}.header-nav a:hover,.header-nav a.active{color:#fff;background:#ffffff14}.header-nav a.active:after{content:"";background:#fff;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:18px;right:18px}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-button,.menu-button{cursor:pointer;border:0}.language-button{color:#fff;background:#00000029;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 11px;font-size:11px;font-weight:900;display:flex}.user-chip,.signin-chip{color:#fff;background:#0003;border-radius:9px;align-items:center;gap:9px;height:42px;padding:4px 12px 4px 4px;font-size:12px;font-weight:850;transition:background .18s;display:flex}.signin-chip{padding:0 14px}.user-chip:hover,.signin-chip:hover{background:#00000052}.user-chip img{object-fit:cover;border-radius:7px}.menu-button{background:#0000002e;border-radius:8px;place-items:center;width:40px;height:40px;display:none}.header-subnav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141116d6;height:36px}.subnav-inner{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:100%;margin:auto;display:flex}.section-name{color:#fff;text-transform:lowercase;font-size:12px;font-weight:900}.mode-pips{gap:7px;display:flex}.mode-pips i{border:2px solid #ffffffa6;border-radius:50%;width:10px;height:10px}.mode-pips i:nth-child(2){border-color:#75d9ed}.mode-pips i:nth-child(3){border-color:#92d65e}.mode-pips i:nth-child(4){border-color:#e6cc5e}.mobile-drawer,.mobile-tabs{display:none}.hero-band{background:linear-gradient(120deg, color-mix(in srgb, var(--page-accent) 82%, #52224c), color-mix(in srgb, var(--page-accent) 42%, #25203d));border-bottom:5px solid #0000002e;min-height:360px;position:relative;overflow:hidden}.hero-band:after{content:"";background:linear-gradient(90deg,#0d0a0f33,#0000 62%),radial-gradient(circle at 70%,#ffffff24,#0000 38%);position:absolute;inset:0}.hero-pattern{opacity:.34;position:absolute;inset:0}.hero-pattern:before,.hero-pattern:after,.hero-pattern i{content:"";border:2px solid #ffffff40;border-radius:50%;position:absolute}.hero-pattern:before{width:540px;height:540px;top:-220px;right:-100px;box-shadow:0 0 0 46px #ffffff0a,0 0 0 104px #ffffff06}.hero-pattern:after{width:190px;height:190px;bottom:-125px;left:6%;box-shadow:0 0 0 28px #ffffff0d}.hero-pattern i:first-child{background:#ffffff59;width:18px;height:18px;top:18%;left:11%}.hero-pattern i:nth-child(2){width:60px;height:60px;top:21%;left:46%}.hero-pattern i:nth-child(3){background:#ffffff1f;width:25px;height:25px;bottom:18%;right:35%}.hero-pattern i:nth-child(4){width:95px;height:95px;bottom:8%;right:9%}.hero-content{z-index:2;grid-template-columns:1fr 290px;align-items:center;min-height:355px;padding-bottom:58px;display:grid;position:relative}.hero-content>div:first-child{max-width:720px}.hero-kicker{color:#ffffffd9;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:15px;font-size:12px;font-weight:900;display:flex}.hero-kicker svg{width:17px}.hero-content h1{color:#fff;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 4px 26px #380c2640;max-width:760px;margin:0;font-size:clamp(44px,6vw,78px);font-weight:950;line-height:.96}.hero-content p{color:#ffffffd1;max-width:680px;margin:22px 0 0;font-size:16px;font-weight:650;line-height:1.65}.hero-orbit{border:2px solid #ffffff40;border-radius:50%;justify-self:end;place-items:center;width:210px;height:210px;display:grid;position:relative;box-shadow:0 0 0 22px #ffffff0d,inset 0 0 0 18px #ffffff09}.hero-orbit>span{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:115px;height:115px;font-size:27px;font-weight:950;display:grid;box-shadow:0 18px 45px #2f0c2540,inset 0 0 0 6px #ffffff24}.hero-orbit i{background:var(--page-accent);border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute}.hero-orbit i:first-of-type{top:4px;left:42px}.hero-orbit i:nth-of-type(2){width:24px;height:24px;bottom:50px;right:-5px}.hero-orbit i:nth-of-type(3){width:9px;height:9px;bottom:25px;left:5px}.home-content{z-index:3;margin-top:-58px;padding-bottom:100px;position:relative}.recognizer-wrap{gap:48px;display:grid}.recognizer-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(145deg,#302a31,#272229);border-radius:14px;padding:30px}.panel-heading,.content-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.panel-heading h2,.content-heading h2{letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(22px,3vw,31px);font-weight:950}.service-chip{letter-spacing:.07em;text-transform:uppercase;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:900;display:flex}.service-chip svg{width:14px}.service-chip.ready{color:#a9e8a3;background:#84d97b1f}.service-chip.waiting{color:#efd970;background:#f2cf4a1c}.preparing-banner{background:#f2cf4a0e;border:1px solid #f2cf4a26;border-radius:10px;grid-template-columns:auto 1fr;gap:15px;margin-bottom:18px;padding:15px 17px;display:grid}.preparing-banner>span{width:37px;height:37px;color:var(--yellow);background:#f2cf4a21;border-radius:50%;place-items:center;display:grid}.preparing-banner strong{font-size:13px}.preparing-banner p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.upload-zone{text-align:center;background:#ffffff05;border:2px dashed #ffffff21;border-radius:12px;flex-direction:column;align-items:center;padding:36px 20px 30px;transition:all .2s;display:flex;position:relative}.upload-zone.dragging{border-color:var(--page-accent);background:color-mix(in srgb, var(--page-accent) 8%, transparent);transform:scale(1.005)}.upload-zone.disabled{opacity:.58}.upload-disc{background:linear-gradient(145deg, color-mix(in srgb, var(--page-accent) 90%, white), var(--page-accent));color:#fff;width:88px;height:88px;box-shadow:0 12px 34px color-mix(in srgb, var(--page-accent) 30%, transparent);border-radius:50%;place-items:center;margin-bottom:17px;display:grid;position:relative}.upload-disc>svg{z-index:2;width:31px;height:31px;position:relative}.disc-rings{border:1px solid color-mix(in srgb, var(--page-accent) 45%, transparent);box-shadow:0 0 0 10px color-mix(in srgb, var(--page-accent) 5%, transparent);border-radius:50%;position:absolute;inset:-11px}.upload-zone h3{margin:0;font-size:17px;font-weight:900}.upload-zone>p{color:var(--faint);margin:5px 0 20px;font-size:11px}.upload-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.primary-action,.secondary-action,.header-cta,.empty-box>a{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:0 17px;font-size:11px;font-weight:900;transition:transform .16s,filter .16s,background .16s;display:inline-flex}.primary-action{background:var(--page-accent);color:#fff;box-shadow:0 8px 24px color-mix(in srgb, var(--page-accent) 22%, transparent)}.secondary-action{border:1px solid var(--border);background:var(--layer-3);color:var(--text)}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.header-cta:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.5}.primary-action svg,.secondary-action svg{width:16px}.secondary-action.recording{color:#ff9ab0;border-color:#ff6685}.recognition-progress{background:color-mix(in srgb, var(--page-accent) 8%, transparent);border-radius:10px;align-items:center;gap:18px;margin-top:18px;padding:17px;display:flex;overflow:hidden}.recognition-progress strong{font-size:13px}.recognition-progress p{color:var(--muted);margin:3px 0 0;font-size:10px}.wave-bars{align-items:center;gap:3px;width:47px;height:30px;display:flex}.wave-bars i{background:var(--page-accent);border-radius:3px;width:4px;height:8px;animation:1s ease-in-out infinite alternate wave}.wave-bars i:nth-child(2),.wave-bars i:nth-child(6){animation-delay:.2s}.wave-bars i:nth-child(3),.wave-bars i:nth-child(5){animation-delay:.4s}.wave-bars i:nth-child(4){animation-delay:.55s}@keyframes wave{to{height:28px}}.inline-error{color:#ff8fa8;background:#ff678812;border:1px solid #ff67882e;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:18px;padding:14px 15px;display:grid}.inline-error strong{font-size:12px}.inline-error p{color:var(--muted);margin:3px 0 0;font-size:10px}.inline-error button,.content-heading button{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;font-weight:850;display:inline-flex}.inline-error button svg,.content-heading button svg{width:14px}.match-section{padding-top:10px}.beatmap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.beatmap-card{border:1px solid var(--border);background:var(--layer-2);border-radius:11px;min-width:0;transition:transform .18s,border-color .18s;overflow:hidden;box-shadow:0 10px 25px #00000024}.beatmap-card:hover{border-color:color-mix(in srgb, var(--page-accent) 42%, transparent);transform:translateY(-3px)}.beatmap-cover{background:#3c3540;height:155px;position:relative;overflow:hidden}.beatmap-cover>img{object-fit:cover;transition:transform .3s}.beatmap-card:hover .beatmap-cover>img{transform:scale(1.035)}.cover-fallback{width:100%;height:100%;color:var(--faint);place-items:center;display:grid}.cover-shade{background:linear-gradient(#0c090d14,#130f14d1);position:absolute;inset:0}.match-chip,.status-tag{color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;font-size:9px;font-weight:950}.match-chip{color:#b8eda6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#110e12bf;padding:6px 8px;position:absolute;top:12px;left:12px}.heart-button,.preview-button{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120e14bd;border:0;border-radius:8px;place-items:center;display:grid;position:absolute}.heart-button{width:36px;height:36px;top:10px;right:10px}.heart-button svg{width:18px}.heart-button.saved{color:var(--pink)}.preview-button{width:34px;height:34px;bottom:11px;left:12px}.preview-button svg{width:15px}.beatmap-info{padding:15px}.beatmap-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.beatmap-title-row>div{min-width:0}.beatmap-title-row h3{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:950;overflow:hidden}.beatmap-title-row p{color:#eeb2d0;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:11px;overflow:hidden}.status-tag{background:#79b943;flex:none;padding:5px 7px}.status-loved{background:#e34b80}.status-pending,.status-wip{background:#cfa63c}.status-graveyard{background:#706873}.difficulty-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:13px;display:flex}.mode-tag,.star-range{color:#fff;text-transform:lowercase;background:#d5538d;border-radius:4px;align-items:center;gap:3px;padding:4px 6px;font-size:8px;font-weight:900;display:inline-flex}.mode-taiko{background:#4ea7d7}.mode-fruits{background:#75b649}.mode-mania{background:#af65ce}.star-range{color:var(--yellow);background:0 0;margin-left:auto}.beatmap-info footer{border-top:1px solid var(--border);color:var(--faint);align-items:center;gap:10px;margin-top:14px;padding-top:11px;font-size:9px;display:flex}.beatmap-info footer a{color:var(--text);align-items:center;gap:4px;margin-left:auto;font-weight:900;display:flex}.empty-box,.auth-gate,.loading-card{border:1px solid var(--border);background:var(--layer);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:42px 20px;display:flex}.empty-box>span,.gate-disc{border:2px solid color-mix(in srgb, var(--page-accent) 70%, white);background:color-mix(in srgb, var(--page-accent) 11%, transparent);width:72px;height:72px;color:color-mix(in srgb, var(--page-accent) 75%, white);border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.empty-box h3,.auth-gate h2{margin:0;font-size:23px;font-weight:950}.empty-box p,.auth-gate p{max-width:500px;color:var(--muted);margin:8px 0 20px;font-size:12px;line-height:1.6}.empty-box>a{background:var(--page-accent)}.fact-row{background:var(--layer);border-radius:10px;grid-template-columns:repeat(4,1fr);margin:22px 0 70px;display:grid;overflow:hidden}.fact-row article{border-right:1px solid var(--border);min-height:70px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:10px;font-weight:850;display:flex}.fact-row article:last-child{border:0}.fact-row svg{width:18px;color:var(--page-accent)}.explain-section{grid-template-columns:.8fr 1.3fr;align-items:center;gap:70px;padding:35px 0;display:grid}.explain-copy h2,.about-intro h1{letter-spacing:-.05em;margin:8px 0 15px;font-size:clamp(34px,4.5vw,54px);font-weight:950;line-height:1}.explain-copy p,.about-intro p{color:var(--muted);font-size:14px;line-height:1.75}.pipeline{justify-content:space-between;align-items:center;gap:8px;display:flex}.pipeline>svg{width:16px;color:var(--faint)}.pipeline>div{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.pipeline>div>span{background:var(--layer-3);width:58px;height:58px;color:var(--page-accent);box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.pipeline b{font-size:11px}.pipeline small{color:var(--faint);margin-top:3px;font-size:8px}.inner-page{padding-block:64px 100px}.page-title{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:34px;display:grid}.page-icon{background:color-mix(in srgb, var(--page-accent) 14%, var(--layer));width:62px;height:62px;color:color-mix(in srgb, var(--page-accent) 78%, white);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--page-accent) 30%, transparent);border-radius:50%;place-items:center;display:grid}.page-title h1{letter-spacing:-.045em;margin:3px 0 0;font-size:clamp(35px,5vw,52px);font-weight:950;line-height:1}.page-title p{color:var(--muted);margin:8px 0 0;font-size:12px}.header-cta{background:var(--page-accent)}.auth-gate{background:radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--page-accent) 11%, transparent), transparent 45%), var(--layer);min-height:420px}.osu-button{background:var(--page-accent);color:#fff;border-radius:9px;align-items:center;gap:10px;min-height:45px;padding:5px 17px 5px 6px;font-size:11px;font-weight:900;display:inline-flex}.osu-button span{border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:9px;display:grid}.profile-page{max-width:1060px}.profile-card-next{border:1px solid var(--border);background:var(--layer);box-shadow:var(--shadow);border-radius:13px;overflow:hidden}.profile-cover-next{background:linear-gradient(125deg, color-mix(in srgb, var(--page-accent) 60%, #32263b), #252032);height:245px;position:relative}.profile-cover-next>img{object-fit:cover}.profile-cover-overlay{background:linear-gradient(#0000 40%,#1c171de6);position:absolute;inset:0}.profile-identity{z-index:2;grid-template-columns:auto 1fr auto;align-items:end;gap:20px;margin-top:-58px;padding:0 28px 25px;display:grid;position:relative}.profile-avatar-next{border:6px solid var(--layer);object-fit:cover;border-radius:18px;box-shadow:0 8px 24px #0000004d}.profile-identity h1{letter-spacing:-.04em;margin:3px 0 0;font-size:31px;font-weight:950}.profile-identity p{color:var(--muted);margin:4px 0 0;font-size:10px}.profile-buttons{gap:7px;display:flex}.profile-buttons a,.profile-buttons button{border:1px solid var(--border);background:var(--layer-3);min-height:37px;color:var(--muted);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:900;display:inline-flex}.profile-buttons svg{width:14px}.profile-ranks{border-top:1px solid var(--border);background:#1d191e;grid-template-columns:180px 180px 1fr;gap:20px;min-height:150px;padding:24px 30px;display:grid;position:relative;overflow:hidden}.profile-ranks>div:not(.rank-chart){z-index:2;position:relative}.profile-ranks span,.profile-stat-grid span{color:var(--muted);font-size:9px;font-weight:800;display:block}.profile-ranks b{margin-top:4px;font-size:25px;font-weight:950;display:block}.rank-chart{position:absolute;inset:55px 0 0}.rank-chart svg{width:100%;height:100%;overflow:visible}.rank-chart path{fill:none;stroke:var(--yellow);stroke-width:2.3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #f2cf4a40)}.profile-stat-grid{grid-template-columns:repeat(4,1fr);display:grid}.profile-stat-grid>div{border-right:1px solid var(--border);grid-template-columns:auto 1fr;align-items:center;column-gap:11px;padding:23px 27px;display:grid}.profile-stat-grid>div:last-child{border:0}.profile-stat-grid svg{color:var(--page-accent);grid-row:1/3}.profile-stat-grid b{font-size:16px}.about-intro{max-width:830px;padding:25px 0 50px}.about-intro p{max-width:720px}.architecture-card{border:1px solid var(--border);background:var(--layer);box-shadow:var(--shadow);border-radius:13px;padding:28px}.architecture-services{justify-content:center;align-items:center;gap:13px;padding:10px 0 35px;display:flex}.architecture-services article{border:1px solid var(--border);background:var(--layer-2);border-radius:9px;align-items:center;gap:12px;min-width:230px;padding:17px;display:flex}.architecture-services article>svg{color:var(--page-accent)}.architecture-services b,.architecture-services span{display:block}.architecture-services b{font-size:12px}.architecture-services span{color:var(--faint);margin-top:2px;font-size:9px}.architecture-services>i{background:var(--border);width:30px;height:1px}.stage-grid{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.stage-grid article{border-right:1px solid var(--border);text-align:center;padding:27px 20px 8px}.stage-grid article:last-child{border:0}.stage-grid article>span{background:color-mix(in srgb, var(--page-accent) 12%, var(--layer-3));width:50px;height:50px;color:var(--page-accent);border-radius:50%;place-items:center;margin:0 auto 13px;display:grid}.stage-grid h3{margin:0;font-size:12px}.stage-grid p{color:var(--faint);margin:5px 0 0;font-size:9px}.platform-status{border:1px solid var(--border);background:var(--layer);border-radius:11px;justify-content:space-between;align-items:center;margin-top:15px;padding:20px 24px;display:flex}.platform-status>div{align-items:center;gap:13px;display:flex}.status-orb{width:39px;height:39px;color:var(--green);background:#84d97b1a;border-radius:50%;place-items:center;display:grid}.platform-status small{color:var(--faint);font-size:9px}.platform-status h2{margin:2px 0 0;font-size:14px}.database-state{border-radius:20px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:900;display:flex}.database-state svg{width:14px}.database-state.waiting{color:var(--yellow);background:#f2cf4a1a}.database-state.ready{color:var(--green);background:#84d97b1a}.toast{z-index:80;width:min(390px,100% - 32px);box-shadow:var(--shadow);background:#29242b;border:1px solid #84d97b2e;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;display:grid;position:fixed;bottom:22px;right:22px}.toast>span{width:33px;height:33px;color:var(--green);background:#84d97b1a;border-radius:50%;place-items:center;display:grid}.toast strong{font-size:11px}.toast p{color:var(--muted);margin:2px 0 0;font-size:9px}.toast>button{color:var(--faint);cursor:pointer;background:0 0;border:0}.toast.error{border-color:#ff678833}.toast.error>span{color:#ff7795;background:#ff67881a}@media (max-width:900px){.header-main{grid-template-columns:auto 1fr auto}.header-nav{display:none}.header-actions{grid-column:3}.menu-button{display:grid}.mobile-drawer{z-index:45;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#241f26f7;border-radius:11px;grid-template-columns:repeat(2,1fr);gap:5px;padding:10px;display:grid;position:fixed;top:100px;left:12px;right:12px}.mobile-drawer a{color:var(--muted);border-radius:7px;align-items:center;gap:9px;padding:12px;font-size:11px;display:flex}.mobile-drawer a:hover{background:var(--layer-3);color:#fff}.hero-content{grid-template-columns:1fr 190px}.hero-orbit{width:155px;height:155px}.hero-orbit>span{width:88px;height:88px;font-size:20px}.explain-section{grid-template-columns:1fr;gap:35px}.architecture-services article{flex:1;min-width:0}.profile-stat-grid>div{padding:20px 14px}}@media (max-width:700px){body{padding-bottom:69px}.page-container{width:min(100% - 24px,1180px)}.osu-header{height:84px}.header-main{width:calc(100% - 20px);height:52px}.brand-circle{width:37px;height:37px;font-size:10px}.brand-title{font-size:13px}.language-button{justify-content:center;width:39px;padding:0}.language-button span,.user-chip span,.signin-chip span{display:none}.signin-chip,.user-chip{justify-content:center;width:40px;padding:3px}.header-subnav{height:32px}.subnav-inner{width:calc(100% - 24px)}.hero-band{min-height:390px}.hero-content{min-height:390px;padding-top:48px;padding-bottom:105px;display:block}.hero-content h1{font-size:clamp(43px,13vw,61px)}.hero-content p{font-size:13px;line-height:1.55}.hero-orbit{display:none}.home-content{margin-top:-76px;padding-bottom:55px}.recognizer-panel{padding:17px}.panel-heading{display:grid}.service-chip{width:max-content}.upload-zone{padding:28px 10px 23px}.upload-actions,.primary-action,.secondary-action{width:100%}.inline-error{grid-template-columns:auto 1fr}.inline-error button{grid-column:1/-1;justify-content:center}.beatmap-grid{grid-template-columns:1fr}.beatmap-cover{height:145px}.fact-row{grid-template-columns:repeat(2,1fr);margin-bottom:50px}.fact-row article:nth-child(2){border-right:0}.fact-row article:nth-child(-n+2){border-bottom:1px solid var(--border)}.pipeline{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.pipeline>svg{display:none}.pipeline>div>span{width:48px;height:48px}.pipeline small{display:none}.inner-page{padding-block:42px 55px}.page-title{grid-template-columns:auto 1fr;gap:13px}.page-icon{width:49px;height:49px}.page-title h1{font-size:35px}.page-title p{font-size:10px}.header-cta{display:none}.profile-cover-next{height:160px}.profile-identity{grid-template-columns:auto 1fr;gap:12px;margin-top:-40px;padding:0 15px 18px}.profile-avatar-next{border-width:4px;border-radius:14px;width:82px;height:82px}.profile-identity h1{font-size:23px}.profile-buttons{grid-column:1/-1}.profile-ranks{grid-template-columns:1fr 1fr;min-height:130px;padding:20px}.profile-ranks b{font-size:20px}.rank-chart{top:62px}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-stat-grid>div:nth-child(2){border-right:0}.profile-stat-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.architecture-card{padding:16px}.architecture-services{gap:8px;display:grid}.architecture-services>i{width:1px;height:10px;margin:auto}.stage-grid{grid-template-columns:repeat(2,1fr)}.stage-grid article:nth-child(2){border-right:0}.stage-grid article:nth-child(-n+2){border-bottom:1px solid var(--border)}.platform-status{align-items:flex-start;gap:15px}.database-state{max-width:145px}.mobile-tabs{z-index:60;min-height:68px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#18141af2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabs a{color:var(--faint);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;font-weight:850;display:flex}.mobile-tabs svg{width:19px}.mobile-tabs a.active{color:var(--page-accent)}.toast{bottom:82px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}