:root{
  --bg:#07090d;--panel:#0f1218;--panel-2:#12161e;--panel-3:#171c25;--line:#242a35;--line-2:#1b2029;
  --text:#f5f7fb;--muted:#8e99aa;--muted-2:#697485;--accent:#8b5cf6;--accent-2:#38bdf8;--green:#38d39f;--gold:#f4c35f;--shadow:0 24px 80px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.08),transparent 32%),radial-gradient(circle at 90% 15%,rgba(56,189,248,.05),transparent 24%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}body{overflow-x:hidden}button,input,select{font:inherit}button,a{color:inherit}button{border:0;background:none;cursor:pointer}a{text-decoration:none}.svg-icon{width:18px;height:18px;display:block}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;flex:0 0 280px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:16px 14px;background:rgba(10,12,17,.92);border-right:1px solid var(--line);backdrop-filter:blur(16px);z-index:40;transition:width .25s,transform .25s}.sidebar.collapsed{width:80px;flex-basis:80px}.brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.brand-button{display:flex;align-items:center;gap:12px;padding:4px;border-radius:10px}.brand-button:hover{background:rgba(255,255,255,.04)}.brand-logo,.mini-m{display:grid;place-items:center;background:linear-gradient(135deg,#9b6cff,#34d4ff);color:white;font-weight:800;box-shadow:0 12px 30px rgba(107,70,255,.22)}.brand-logo{width:38px;height:38px;border-radius:10px;font-family:"Plus Jakarta Sans",sans-serif}.brand-copy{display:flex;flex-direction:column;text-align:left}.brand-copy b{font-size:15px}.brand-copy small{font-size:11px;color:var(--muted);margin-top:2px}.collapse-icon{width:32px;height:32px;border-radius:9px;color:var(--muted-2);font-size:22px}.collapse-icon:hover{background:rgba(255,255,255,.04);color:#fff}.server-card{display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));margin-bottom:12px}.server-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#202936,#141923);font-weight:800}.server-meta{min-width:0;flex:1;display:flex;flex-direction:column}.server-meta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.server-meta small{font-size:11px;color:var(--muted-2);margin-top:3px}.online-dot{width:9px;height:9px;border-radius:50%;background:#47505d;box-shadow:0 0 0 5px rgba(71,80,93,.08)}.online-dot.on{background:var(--green);box-shadow:0 0 0 5px rgba(56,211,159,.08)}.side-scroll{flex:1;overflow:auto;scrollbar-width:none;padding-right:2px}.side-scroll::-webkit-scrollbar{display:none}.nav-group{margin-top:16px}.group-title{padding:0 10px 7px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#5e6878;font-weight:800}.nav-item,.discord-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;margin:2px 0;border-radius:10px;color:var(--muted);text-align:left;transition:.18s}.nav-item:hover,.discord-link:hover{background:rgba(255,255,255,.04);color:#e7ebf1}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(139,92,246,.18),rgba(56,189,248,.05));box-shadow:inset 0 0 0 1px rgba(139,92,246,.12)}.nav-main{display:flex;align-items:center;gap:11px;min-width:0}.nav-icon{display:grid;place-items:center;flex:0 0 auto;color:#7e8b9e}.nav-item.active .nav-icon{color:#c7b9ff}.nav-label{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-status{font-size:9px;padding:3px 6px;border-radius:999px;background:rgba(244,195,95,.1);color:var(--gold);font-weight:800;letter-spacing:.06em}.sidebar-footer{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.sidebar.collapsed .brand-copy,.sidebar.collapsed .server-meta,.sidebar.collapsed .online-dot,.sidebar.collapsed .group-title,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-status{display:none}.sidebar.collapsed .brand-row{justify-content:center}.sidebar.collapsed .collapse-icon{display:none}.sidebar.collapsed .brand-button{margin:auto}.sidebar.collapsed .nav-item,.sidebar.collapsed .discord-link{justify-content:center}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(7,9,13,.72);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px}.mobile-trigger{display:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);color:#c2cada}.breadcrumbs{display:flex;align-items:center;gap:9px;color:var(--muted-2);font-size:13px}.breadcrumbs i{font-style:normal;color:#46505f}.breadcrumbs strong{color:#f3f5f8}.global-search{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted);min-width:225px}.global-search span{font-size:12px}.global-search kbd{margin-left:auto;font-size:10px;border:1px solid var(--line);border-radius:6px;padding:2px 5px;color:#687487}.top-menelnia{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.mini-m{width:26px;height:26px;border-radius:7px;font-size:11px}.content{padding:30px 30px 44px;overflow:auto}.dashboard-stack{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#697588;font-weight:800}.title{font-family:"Plus Jakarta Sans",sans-serif;font-size:36px;line-height:1.05;font-weight:800;letter-spacing:-.03em;margin-top:6px}.page-subtitle{margin-top:8px;color:var(--muted);font-size:14px;max-width:700px;line-height:1.6}.page-actions,.toolbar{display:flex;align-items:center;gap:10px}.soft-button,.secondary-button,.primary-button,.discord-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:10px;font-weight:600;font-size:13px}.soft-button,.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#c9d1dc}.soft-button:hover,.secondary-button:hover{background:rgba(255,255,255,.05)}.primary-button{background:linear-gradient(135deg,#8b5cf6,#6d5df5);color:white;box-shadow:0 14px 30px rgba(111,78,255,.22)}.discord-cta{background:linear-gradient(135deg,#5865f2,#6d62ff);color:#fff;box-shadow:0 14px 26px rgba(88,101,242,.2)}.discord-cta.full{width:100%;justify-content:center;margin-top:18px}.hero-card{position:relative;display:flex;justify-content:space-between;gap:24px;overflow:hidden;padding:28px;border:1px solid rgba(139,92,246,.18);border-radius:22px;background:radial-gradient(circle at 78% 45%,rgba(56,189,248,.11),transparent 25%),radial-gradient(circle at 30% 40%,rgba(139,92,246,.16),transparent 34%),linear-gradient(135deg,#111520,#0e121a);box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.02),transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:760px}.live-badge,.live-dot-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#7bf1c5}.live-badge i,.live-dot-label i,.connection-badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(56,211,159,.08)}.hero-copy h1{font-family:"Plus Jakarta Sans",sans-serif;font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:14px 0 12px}.hero-copy h1 span{color:#bdafff}.hero-copy p{color:#9ba6b7;line-height:1.7;max-width:700px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:24px}.hero-highlight{position:relative;z-index:1;min-width:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.hero-ring{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#8b5cf6 0 78%,rgba(255,255,255,.08) 78% 100%);position:relative}.hero-ring:before{content:"";position:absolute;inset:9px;background:#111520;border-radius:50%}.hero-ring>div{position:relative;text-align:center}.hero-ring b{display:block;font-size:42px;font-family:"Plus Jakarta Sans",sans-serif}.hero-ring small{color:#778294;font-size:11px}.hero-mini{display:flex;align-items:center;justify-content:space-between;width:180px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.hero-mini span{font-size:11px;color:#768294}.hero-mini b{font-size:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));box-shadow:0 10px 30px rgba(0,0,0,.12)}.metric-top{display:flex;align-items:center;gap:10px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(139,92,246,.11);color:#c7b8ff}.metric-label{font-size:12px;color:#7f8b9c}.metric-card strong{display:block;font-size:28px;margin-top:18px;font-family:"Plus Jakarta Sans",sans-serif}.metric-card small{display:block;color:#697587;margin-top:5px}.metric-card.gold .metric-icon{background:rgba(244,195,95,.11);color:#f5cf7f}.metric-card.cyan .metric-icon{background:rgba(56,189,248,.11);color:#7ad9ff}.metric-card.green .metric-icon{background:rgba(56,211,159,.11);color:#75ecc3}.content-grid{display:grid;gap:14px}.content-grid.two{grid-template-columns:1.35fr 1fr}.content-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));padding:20px}.panel.premium{box-shadow:0 16px 50px rgba(0,0,0,.14)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.panel-heading h2{font-size:19px;margin:5px 0 0}.text-button{display:inline-flex;align-items:center;gap:4px;color:#bcaaff;font-size:12px}.table-header{display:grid;grid-template-columns:52px minmax(220px,1fr) 1fr 120px 28px;gap:14px;padding:0 10px 10px;color:#5f6a7a;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.user-list{display:flex;flex-direction:column;gap:4px}.user-row{display:grid;grid-template-columns:52px 44px minmax(160px,1fr) minmax(120px,.8fr) 120px 20px;gap:14px;align-items:center;padding:12px 10px;border-radius:12px;color:inherit;text-align:left;transition:.16s}.user-row:hover{background:rgba(255,255,255,.04)}.user-row.compact{grid-template-columns:36px 42px minmax(120px,1fr) 1fr 100px 20px}.rank-number{font-size:12px;color:#637083}.avatar{position:relative;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#242c38,#161b23);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{place-items:center;width:100%;height:100%;font-weight:800;color:#dae2ee}.avatar-sm{width:30px;height:30px;border-radius:50%}.avatar-md{width:42px;height:42px;border-radius:50%}.avatar-xl{width:70px;height:70px;border-radius:20px}.avatar-xxl{width:96px;height:96px;border-radius:50%}.user-copy{display:flex;flex-direction:column;min-width:0}.user-copy b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy small{font-size:11px;color:#758194;margin-top:4px}.row-progress{height:8px;border-radius:999px;background:#232935;overflow:hidden}.row-progress i,.card-progress i,.big-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#38bdf8)}.row-xp{text-align:right;font-size:12px;font-weight:700}.row-open{color:#596577}.row-open .svg-icon{width:15px;height:15px}.voice-stack{display:flex;flex-direction:column;gap:10px}.voice-channel{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.channel-head{display:flex;align-items:center;justify-content:space-between}.channel-head b{display:flex;align-items:center;gap:7px;font-size:13px}.channel-head small{display:block;color:#6f7b8c;margin-top:4px;margin-left:24px}.channel-live{font-size:9px;color:#6fe9bd;letter-spacing:.1em;font-weight:800}.voice-users{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.voice-user{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border-radius:999px;border:1px solid var(--line);background:#10141b;font-size:11px}.voice-user:hover{border-color:#394353;background:#141923}.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#697485;gap:8px}.empty-state b{color:#dfe5ed}.empty-state small{max-width:360px;line-height:1.6}.empty-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:#11161e;color:#8491a5;margin-bottom:4px}.hof-grid-premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hof-card-premium{min-height:360px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 18px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(139,92,246,.12),transparent 35%),linear-gradient(180deg,#121720,#0e1218);box-shadow:0 18px 60px rgba(0,0,0,.2)}.hof-card-premium.rank-1{border-color:rgba(244,195,95,.25);background:radial-gradient(circle at 50% 0,rgba(244,195,95,.13),transparent 35%),linear-gradient(180deg,#16171a,#0e1218)}.hof-title{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7a8698;font-weight:800}.hof-avatar-wrap{position:relative;margin:22px auto 14px}.hof-rank{position:absolute;right:-8px;bottom:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#161d27;border:1px solid var(--line);font-size:10px;font-weight:800;color:#dbe4ef}.hof-card-premium h3{font-size:19px;margin:2px 0 6px}.hof-value{color:#b9a9ff;font-size:13px;font-weight:700}.hof-profile{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px 13px;border-radius:10px;border:1px solid rgba(139,92,246,.18);background:rgba(139,92,246,.08);color:#c8baff;font-weight:700;font-size:12px}.hof-profile:hover{background:rgba(139,92,246,.13)}.hof-empty{margin-top:auto;color:#606d7e;font-size:12px}.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.event-card{display:grid;grid-template-columns:180px 1fr;min-height:290px;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#11151d}.event-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at center,rgba(139,92,246,.28),transparent 55%),linear-gradient(180deg,#1a1628,#11141b);border-right:1px solid var(--line)}.event-card.weekly .event-art{background:radial-gradient(circle at center,rgba(56,189,248,.2),transparent 55%),linear-gradient(180deg,#11202a,#11151b)}.event-art span{width:70px;height:70px;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#d8cfff}.event-art .svg-icon{width:34px;height:34px}.event-art small{font-size:10px;letter-spacing:.14em;color:#8290a3}.event-content{padding:24px;display:flex;flex-direction:column}.event-badge{display:inline-flex;align-self:flex-start;padding:5px 8px;border-radius:999px;border:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.1em;color:#7d8899}.event-badge.active{color:#72eabc;background:rgba(56,211,159,.08);border-color:rgba(56,211,159,.13)}.event-content h2{font-family:"Plus Jakarta Sans";margin:14px 0 8px;font-size:25px}.event-content p{color:var(--muted);line-height:1.7;margin:0}.event-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:24px}.event-meta div{padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.event-meta span{display:block;color:#697687;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.event-meta b{display:block;margin-top:4px;font-size:16px}.info-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))}.info-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:7px;background:rgba(139,92,246,.09);color:#b8a9ff;font-size:10px;font-weight:800}.info-card h3{font-family:"Plus Jakarta Sans";font-size:21px;margin:20px 0 8px}.info-card p{color:#7e899b;line-height:1.7;margin:0}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}.timeline-item>span{display:inline-flex;align-self:start;justify-content:center;padding:7px 8px;border-radius:8px;background:rgba(139,92,246,.09);color:#b9a8ff;font-weight:800;font-size:11px}.timeline-item h3{margin:0;font-size:18px}.timeline-item p{margin:7px 0 0;color:#7f8a9c;line-height:1.7}.status-panel{display:flex;gap:14px;align-items:flex-start}.status-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#111823;color:#9ba8b9;border:1px solid var(--line)}.status-icon.ok{color:#6fe9bf;background:rgba(56,211,159,.08)}.status-icon.cyan{color:#72d9ff;background:rgba(56,189,248,.08)}.status-icon.purple{color:#c1b0ff;background:rgba(139,92,246,.08)}.status-panel h3{margin:4px 0 6px;font-size:18px}.status-panel p{margin:0;color:#778394;font-size:13px;line-height:1.6}.settings-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.settings-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.settings-list span{color:#768294}.settings-list b{font-size:13px}.connection-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border-radius:999px;border:1px solid var(--line);font-size:9px;font-weight:800;color:#7c8797}.connection-badge.ok{color:#70e9bf;border-color:rgba(56,211,159,.15);background:rgba(56,211,159,.07)}.user-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.user-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));text-align:left;transition:.18s}.user-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.25);background:linear-gradient(180deg,rgba(139,92,246,.07),rgba(255,255,255,.015));box-shadow:0 18px 50px rgba(0,0,0,.18)}.user-card-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-bottom:3px}.user-card>b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.user-card>small{font-size:10px;color:#6f7c8e;text-transform:uppercase;letter-spacing:.08em}.card-chevron{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);color:#718096}.mini-stat-row{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;margin-top:8px}.mini-stat-row span{padding:8px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid var(--line);font-size:10px;color:#687486}.mini-stat-row b{display:block;color:#dfe6ef;font-size:13px;margin-top:3px}.card-progress{width:100%;height:7px;border-radius:999px;background:#202630;overflow:hidden;margin-top:6px}.user-card-foot{display:flex;justify-content:space-between;width:100%;font-size:11px;color:#8490a1;margin-top:1px}.user-card-foot span:first-child{color:#b9a8ff;font-weight:700}.toolbar-search{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:10px;background:#0d1117;border:1px solid var(--line);min-width:230px;color:#718096}.toolbar-search.wide{min-width:300px}.toolbar-search input{border:0;outline:0;background:none;color:#f3f6fb;min-width:0;width:100%;font-size:13px}.sort-select{padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0d1117;color:#dce4ef;outline:0}.profile-modal{width:min(880px,100%);max-height:88vh;overflow:auto;border-radius:22px;border:1px solid var(--line);background:#0d1118;box-shadow:0 40px 120px rgba(0,0,0,.5);position:relative}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:28px;background:rgba(0,0,0,.64);backdrop-filter:blur(12px)}.modal-close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(8,11,16,.45);color:#8793a4}.profile-cover{position:relative;overflow:hidden;padding:34px 28px 28px;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.25),transparent 44%),linear-gradient(135deg,#15111f,#0d1219)}.profile-glow{position:absolute;inset:auto -10% -70px;width:120%;height:180px;background:radial-gradient(circle,rgba(56,189,248,.08),transparent 60%);filter:blur(28px)}.profile-avatar{position:relative;width:max-content;margin:0 auto}.profile-identity{position:relative;text-align:center;margin-top:14px}.profile-identity h2{font-family:"Plus Jakarta Sans";font-size:30px;margin:0}.profile-identity span{display:block;color:#7d8a9c;margin-top:5px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.profile-badges{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.profile-badges span{padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#cbd3df;font-size:10px}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-stats>div,.profile-details>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.profile-stats span,.profile-details span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#697687}.profile-stats b{display:block;font-size:23px;margin-top:5px}.profile-progress{padding:20px 22px}.progress-line-head{display:flex;justify-content:space-between;gap:10px;color:#8390a2;font-size:12px}.progress-line-head b{color:#dce5f0}.big-progress{height:10px;border-radius:999px;background:#1e2530;overflow:hidden;margin-top:10px}.profile-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 22px 22px}.profile-details b{display:block;margin-top:5px;font-size:16px}.search-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:start center;padding-top:12vh;background:rgba(0,0,0,.56);backdrop-filter:blur(12px)}.search-modal{width:min(640px,calc(100vw - 28px));border:1px solid var(--line);border-radius:18px;background:#0d1118;box-shadow:0 40px 100px rgba(0,0,0,.5);overflow:hidden}.search-modal-head{display:flex;align-items:center;gap:9px;padding:15px;border-bottom:1px solid var(--line)}.search-modal-head input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff}.search-modal-head kbd{font-size:10px;border:1px solid var(--line);padding:3px 6px;border-radius:6px;color:#687487}.search-modal-head button{width:30px;height:30px;border-radius:8px;color:#7f8998}.search-results{padding:10px;max-height:60vh;overflow:auto}.search-group-title{padding:8px 8px 6px;font-size:10px;letter-spacing:.14em;color:#687486;font-weight:800}.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:10px;text-align:left}.search-result:hover{background:rgba(255,255,255,.04)}.search-result span:last-child{display:flex;flex-direction:column}.search-result b{font-size:13px}.search-result small{font-size:10px;color:#717e91;margin-top:3px}.search-result-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#141a23;color:#a99bff}.search-empty{padding:30px;text-align:center;color:#6c7788}.error-state{min-height:60vh;display:grid;place-items:center;align-content:center;text-align:center;gap:10px;color:#738093}.error-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(240,107,125,.08);border:1px solid rgba(240,107,125,.16);color:#ff8ea0;font-size:22px;font-weight:800}.error-state h3{margin:6px 0 0;color:#f4f6fb}.error-state p{max-width:500px;line-height:1.7}.loading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skeleton{min-height:180px;border-radius:18px;background:linear-gradient(90deg,#10141b 20%,#171c24 35%,#10141b 50%);background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton.hero-skeleton{grid-column:1/-1;min-height:320px}.skeleton.wide{grid-column:1/-1}.toast{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:#121720;box-shadow:var(--shadow);font-size:12px}.toast .svg-icon{width:16px;height:16px;color:#6fe9bf}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(max-width:1280px){.user-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hof-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.three{grid-template-columns:1fr}.hero-highlight{min-width:190px}.user-row{grid-template-columns:46px 42px minmax(140px,1fr) 1fr 100px 18px}}
@media(max-width:980px){.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-110%);box-shadow:30px 0 100px rgba(0,0,0,.45)}.sidebar.mobile-open{transform:translateX(0)}.mobile-trigger{display:grid;place-items:center}.global-search{display:none}.hero-card{flex-direction:column}.hero-highlight{align-items:flex-start}.hero-ring{width:135px;height:135px}.content-grid.two,.event-grid{grid-template-columns:1fr}.user-row{grid-template-columns:38px 42px minmax(140px,1fr) 1fr 100px 18px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.user-grid{grid-template-columns:1fr}.content{padding:20px 15px 36px}.topbar{padding:0 15px}.desktop-only{display:none}.top-menelnia{padding:6px}.page-head{align-items:flex-start;flex-direction:column}.page-actions,.toolbar{width:100%;flex-wrap:wrap}.toolbar-search,.toolbar-search.wide{min-width:0;flex:1}.title{font-size:30px}.hero-copy h1{font-size:31px}.hero-card{padding:22px}.metric-grid{grid-template-columns:1fr}.content-grid.two,.content-grid.three{grid-template-columns:1fr}.hof-grid-premium{grid-template-columns:1fr}.event-card{grid-template-columns:1fr}.event-art{min-height:150px;border-right:0;border-bottom:1px solid var(--line)}.table-header{display:none}.user-row,.user-row.compact{grid-template-columns:40px 42px minmax(0,1fr) 18px;gap:10px;padding:12px 7px}.user-row .row-progress,.user-row .row-xp,.user-row .rank-number{display:none}.row-open{justify-self:end}.user-copy b{font-size:13px}.topbar-right{gap:6px}.profile-modal{max-height:92vh}.modal-backdrop{padding:12px}.profile-cover{padding:26px 18px 22px}.profile-stats,.profile-details{grid-template-columns:1fr 1fr;padding-left:15px;padding-right:15px}.profile-progress{padding-left:15px;padding-right:15px}}
@media(max-width:430px){.profile-stats,.profile-details{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column}.primary-button,.secondary-button{width:100%;justify-content:center}.hero-mini{width:100%}}

.mobile-overlay{display:none}@media(max-width:980px){.mobile-overlay{display:block;position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}}

/* Rich player profile v3 */
.profile-modal-rich{width:min(1080px,100%);max-height:92vh}
.rich-cover{padding:26px 34px 30px}
.profile-topline{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.profile-live{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#8b97a8;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.profile-live i{width:7px;height:7px;border-radius:50%;background:#667080}
.profile-live.on{color:#7df0c3;border-color:rgba(56,211,159,.18);background:rgba(56,211,159,.07)}
.profile-live.on i{background:#38d39f;box-shadow:0 0 0 5px rgba(56,211,159,.08)}
.profile-updated,.activity-last{font-size:11px;color:#728094}
.profile-voice-channel{display:flex;align-items:center;justify-content:center;gap:6px;color:#78d9f4;margin-top:7px;font-size:11px}
.profile-voice-channel .svg-icon{width:14px;height:14px}
.rich-badges{margin-top:18px}
.rich-badges span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.rich-badges .svg-icon{width:14px;height:14px;color:#b7a5ff}.rich-badges em{font-style:normal;font-size:10px;color:#d1d8e2;font-weight:700}
.rich-stats{padding:18px 22px 20px}.rich-stats>div{position:relative;overflow:hidden}.rich-stats>div::after{content:"";position:absolute;inset:auto -25px -35px auto;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.14),transparent 68%)}
.rich-stats small{display:block;color:#6f7b8d;font-size:10px;margin-top:5px}
.profile-section-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;padding:0 22px 12px}
.profile-section-card{padding:18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.profile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.profile-section-head h3{margin:4px 0 0;font-size:17px}.section-number{color:#cbbcff;font-size:13px}.activity-bars{height:150px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end}.activity-bar-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:7px}.activity-bar-wrap{height:120px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.04);border-radius:10px;overflow:hidden}.activity-bar-wrap i{display:block;width:55%;max-width:32px;min-height:8px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#a77cff,#5bcfff);box-shadow:0 8px 24px rgba(139,92,246,.22);transition:height .3s}.activity-bar-col>span{text-align:center;font-size:9px;color:#637083;text-transform:uppercase}.activity-summary{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:#748194;font-size:10px}.activity-summary span:first-child{color:#bcaeff;font-weight:700}
.xp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.xp-grid>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.xp-grid span{display:block;color:#667285;font-size:10px}.xp-grid b{display:block;margin-top:5px;font-size:13px}
.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-list>div{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.detail-list span{display:block;color:#667285;font-size:10px}.detail-list b{display:block;margin-top:5px;font-size:12px;color:#e6ebf2}
.role-cloud{display:flex;flex-wrap:wrap;gap:8px}.role-cloud span{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--role) 28%,#242a35);background:color-mix(in srgb,var(--role) 9%,transparent);color:#d7dde6;font-size:10px}.role-cloud i{width:7px;height:7px;border-radius:50%;background:var(--role);box-shadow:0 0 0 4px color-mix(in srgb,var(--role) 10%,transparent)}.no-data{font-style:normal;color:#687487;font-size:11px}.rich-details{padding-top:0}
@media(max-width:900px){.profile-section-grid{grid-template-columns:1fr}.profile-modal-rich{width:min(760px,100%)}.activity-bars{height:135px}.activity-bar-wrap{height:105px}}
@media(max-width:580px){.profile-modal-rich{max-height:94vh;border-radius:18px}.rich-cover{padding:20px 16px 24px}.profile-topline{margin-bottom:8px}.profile-identity h2{font-size:25px}.profile-stats{grid-template-columns:1fr 1fr}.profile-section-grid{padding-left:14px;padding-right:14px}.profile-section-card{padding:14px}.activity-bars{gap:5px}.activity-bar-col>span{font-size:8px}.detail-list{grid-template-columns:1fr}.xp-grid{grid-template-columns:1fr}.rich-details{grid-template-columns:1fr 1fr;padding-left:14px;padding-right:14px}.profile-badges span{padding:6px 8px}}

/* Sidebar re-open control */
.sidebar-reopen{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:#aeb8c7;transition:.18s;margin-right:2px}
.sidebar-reopen:hover{background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(56,189,248,.07));border-color:rgba(139,92,246,.24);color:#fff;transform:translateX(1px)}
.sidebar-reopen .svg-icon{width:18px;height:18px}

/* Premium changelog */
.release-hero{position:relative;overflow:hidden;padding:28px;border-radius:22px;border:1px solid rgba(139,92,246,.18);background:radial-gradient(circle at 82% 15%,rgba(56,189,248,.12),transparent 24%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.14),transparent 34%),linear-gradient(135deg,#121624,#0d121a);box-shadow:0 24px 70px rgba(0,0,0,.18)}
.release-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.025),transparent 72%);pointer-events:none}
.release-badge{position:relative;z-index:1;display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid rgba(111,233,191,.16);background:rgba(56,211,159,.08);color:#74e9c2;font-size:9px;font-weight:900;letter-spacing:.14em}
.release-version{position:relative;z-index:1;display:flex;align-items:baseline;gap:12px;margin-top:14px}.release-version span{font-family:"Plus Jakarta Sans";font-size:42px;font-weight:900;letter-spacing:-.04em;color:#f5f7fb}.release-version i{font-style:normal;color:#9aa7b7;font-size:14px;font-weight:700}
.release-hero p{position:relative;z-index:1;max-width:780px;margin:8px 0 0;color:#8f9bad;font-size:14px;line-height:1.7}.release-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.release-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#b8c2cf;font-size:11px}.release-meta .svg-icon{width:14px;height:14px;color:#b7a8ff}
.changelog-list{display:flex;flex-direction:column;gap:12px}.change-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));transition:.18s}.change-card:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.2);background:linear-gradient(180deg,rgba(139,92,246,.05),rgba(255,255,255,.012))}.change-card.featured{border-color:rgba(139,92,246,.22);box-shadow:0 18px 55px rgba(0,0,0,.12)}
.change-icon{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:#111823;color:#a89bff}.change-icon .svg-icon{width:20px;height:20px}.change-icon.cyan{color:#72d9ff;background:rgba(56,189,248,.07)}.change-icon.gold{color:#f2cf72;background:rgba(242,207,114,.07)}.change-icon.purple{color:#bba8ff;background:rgba(139,92,246,.08)}
.change-main{min-width:0;flex:1}.change-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.change-head h3{margin:0;font-family:"Plus Jakarta Sans";font-size:20px}.change-head span{padding:5px 8px;border-radius:8px;background:rgba(139,92,246,.08);color:#b9a8ff;font-size:10px;font-weight:900}.change-main p{margin:8px 0 0;color:#7f8b9d;line-height:1.7;font-size:13px}.change-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.change-tags span{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.03);border:1px solid var(--line);color:#738093;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:980px){.sidebar-expand-float{left:14px;top:84px}.release-version span{font-size:34px}.change-card{padding:17px}.change-head h3{font-size:17px}}

@media(max-width:980px){.sidebar-reopen{display:none}}


/* Discord OAuth + prywatny panel gracza */
.discord-login,.top-user{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:rgba(255,255,255,.025);font-size:12px;font-weight:700}
.discord-login{color:#fff;background:linear-gradient(135deg,#5865f2,#6d62ff);border-color:rgba(88,101,242,.4)}
.discord-login:hover{filter:brightness(1.08)}
.top-user{color:#e9edf5}
.top-user:hover{background:rgba(255,255,255,.06)}
.top-user .avatar-sm{width:28px;height:28px}
.auth-panel{text-align:center;max-width:720px;margin:0 auto;padding:44px}
.auth-panel .auth-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;margin:0 auto 18px;background:rgba(88,101,242,.12);color:#9da6ff}
.auth-panel h2{margin:0 0 10px;font-size:26px}
.auth-panel p{max-width:520px;margin:0 auto;color:var(--muted);line-height:1.7}
.auth-panel .discord-cta{margin-top:22px}
.my-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}
.my-profile-main{display:flex;align-items:center;gap:16px}
.my-profile-main h2{margin:4px 0;font-size:24px}
.my-profile-main p{margin:0;color:var(--muted)}
.my-profile-streak{min-width:190px;padding:16px 18px;border:1px solid rgba(244,195,95,.16);border-radius:14px;background:rgba(244,195,95,.05);display:flex;flex-direction:column;gap:5px}
.my-profile-streak span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#f5cf7f}
.my-profile-streak b{font-size:26px}
.my-profile-streak small{color:var(--muted-2)}
.restore-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:rgba(139,92,246,.24);background:radial-gradient(circle at 85% 50%,rgba(139,92,246,.10),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}
.restore-card h2{margin:6px 0 7px}
.restore-card p{margin:0;color:var(--muted);line-height:1.6;max-width:760px}
.restore-card button:disabled{opacity:.65;cursor:wait}
@media (max-width:800px){
  .my-profile-hero,.restore-card{align-items:flex-start;flex-direction:column}
  .my-profile-streak{width:100%}
  .auth-panel{padding:30px 20px}
}