@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg:#0f0f13;--bg-surface:#ffffff08;--bg-surface-hover:#ffffff0f;--primary:#f6a;--primary-glow:#ff66aa80;--text-main:#fff;--text-muted:#8e8e9f;--border:#ffffff14;--radius:16px;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#ff66aa14,#0000 25%),radial-gradient(circle at 85% 30%,#6699ff14,#0000 25%);min-height:100vh}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s}.glass-panel:hover{background:var(--bg-surface-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.logo{background:linear-gradient(135deg, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.profile-banner{border-radius:var(--radius) var(--radius) 0 0;background-position:50%;background-size:cover;height:240px;position:relative;overflow:hidden}.profile-banner:after{content:"";background:linear-gradient(to top, var(--bg) 0%, transparent 100%);position:absolute;inset:0}.profile-info{z-index:10;gap:32px;margin-top:-64px;padding:0 40px;display:flex;position:relative}.avatar{border:4px solid var(--bg);background:var(--bg-surface);object-fit:cover;border-radius:24px;width:160px;height:160px;box-shadow:0 0 32px #00000080}.user-details{margin-top:76px}.username{align-items:center;gap:12px;margin-bottom:4px;font-size:36px;font-weight:700;display:flex}.country-flag{border-radius:4px;width:32px}.status-badge{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc7133;border-radius:100px;padding:4px 12px;font-size:14px;font-weight:500;display:inline-block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px;display:grid}.stat-card{flex-direction:column;gap:8px;padding:24px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500}.stat-value{font-size:28px;font-weight:700}.section-title{align-items:center;gap:12px;margin:48px 0 24px;font-size:24px;font-weight:600;display:flex}.plays-list{flex-direction:column;gap:12px;display:flex}.play-card{align-items:center;gap:24px;padding:16px 24px;display:flex;position:relative;overflow:hidden}.play-bg{opacity:.15;z-index:0;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}.play-card:hover .play-bg{opacity:.25}.play-content{z-index:1;align-items:center;gap:24px;width:100%;display:flex;position:relative}.play-rank{text-align:center;width:48px;font-size:32px;font-weight:700}.rank-XH,.rank-X{color:#e5e5e5;text-shadow:0 0 10px #ffffff80}.rank-SH,.rank-S{color:#fc2;text-shadow:0 0 10px #ffcc2280}.rank-A{color:#88b300}.rank-B{color:#e6ae00}.rank-C{color:#f6a}.rank-D{color:#f44}.play-info{flex:1}.play-title{margin-bottom:4px;font-size:18px;font-weight:600}.play-diff{color:var(--primary);font-weight:500}.play-meta{color:var(--text-muted);gap:16px;margin-top:4px;font-size:14px;display:flex}.play-pp{text-align:right}.pp-value{color:var(--primary);font-size:24px;font-weight:700}.pp-weight{color:var(--text-muted);font-size:14px}.loading-container{min-height:50vh;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}