@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0f1014;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{width:100vw;min-width:320px;height:100vh;min-height:100vh;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}@media (max-width:768px){body,#root{font-size:12px}.mobile-scroll{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;display:block;overflow-x:auto}.mobile-scroll::-webkit-scrollbar{height:4px}}:root{--bg:#05060a;--sidebar:#0d0e12b3;--card:#16181e66;--hover:#ffffff0d;--border:#ffffff0f;--accent:#0ea5e9;--accent-glow:#0ea5e926;--text:#f8fafc;--text-muted:#94a3b8;--color-t:#f59e0b;--color-ct:#3b82f6;--color-win:#10b981;--color-loss:#f43f5e;--glass-bg:#14151a99;--glass-border:#ffffff14}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--text);width:100vw;height:100vh;margin:0;font-family:Outfit,sans-serif;position:relative;overflow:hidden}body:before,body:after{content:"";z-index:-1;filter:blur(140px);pointer-events:none;opacity:.1;border-radius:50%;width:60vw;height:60vw;position:fixed}body:before{background:radial-gradient(circle,var(--accent),transparent 70%);animation:25s ease-in-out infinite alternate float;top:-15%;left:-10%}body:after{background:radial-gradient(circle,var(--color-t),transparent 70%);animation:30s ease-in-out infinite alternate-reverse float;bottom:-15%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(10%,15%)scale(1.1)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}:root{--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-in-out-cubic:cubic-bezier(.65,0,.35,1);--transition-smooth:transform .4s var(--ease-out-expo),opacity .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo);--transition-quick:transform .2s var(--ease-out-expo),opacity .2s var(--ease-out-expo)}.fade-in{animation:fadeIn .6s var(--ease-out-expo)both;will-change:transform,opacity}.slide-up{animation:slideUp .6s var(--ease-out-expo)both;will-change:transform,opacity}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(25px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.stagger-container>*{opacity:0}.stagger-item{animation:slideUp .6s var(--ease-out-expo)both;will-change:transform,opacity}.stagger-1{animation-delay:40ms}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.24s}.stagger-7{animation-delay:.28s}.stagger-8{animation-delay:.32s}.stagger-9{animation-delay:.36s}.stagger-10{animation-delay:.4s}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:20px;box-shadow:0 8px 32px #0006}.glass-hover{transition:var(--transition-smooth)}.glass-hover:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px #00000080,0 0 20px #0ea5e926}.btn-hover{transition:transform .4s cubic-bezier(.175,.885,.32,1.1),opacity .4s var(--ease-out-expo);will-change:transform}.btn-hover:hover{transform:translateY(-1px)scale(1.02)}.btn-hover:active{transition:transform .1s;transform:scale(.96)}a,button,.clickable{transition:var(--transition-quick);will-change:transform,opacity}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar-container{background:var(--sidebar);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(30px);z-index:50;flex-direction:column;width:280px;height:100vh;padding:40px 24px;display:flex}.sidebar-admin{margin-top:auto}.nav-buttons{flex-direction:column;gap:6px;margin-top:40px;display:flex}.main-content{scroll-behavior:smooth;flex:1;padding:20px 60px 40px;position:relative;overflow-y:auto}.desktop-header{justify-content:flex-end;align-items:center;height:60px;margin-bottom:20px;display:flex}.header-actions{align-items:center;gap:16px;display:flex}.header-profile:hover{background:#ffffff0f!important;border-color:#fff3!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}@media (max-width:1024px){.sidebar-container{width:240px}.main-content{padding:30px}}@media (max-width:768px){.app-layout{flex-direction:column}.sidebar-container{border-right:none;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0d0e12d9;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;width:calc(100% - 40px);height:70px;padding:0 15px;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 15px 50px #0009}.sidebar-logo,.sidebar-admin{display:none!important}.nav-buttons{justify-content:space-around;gap:0;width:100%;margin-top:0;flex-direction:row!important}.main-content{width:100%;padding:20px 20px 110px}.adaptive-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;padding-bottom:24px;display:flex!important}@media (max-width:768px){.adaptive-header{padding-bottom:20px}}}.mobile-scroll{scrollbar-width:none;-ms-overflow-style:none}.mobile-scroll::-webkit-scrollbar{display:none}.gradient-card{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);position:relative}.gradient-card:after{content:"";background:radial-gradient(circle at top right,var(--accent-glow),transparent 40%);pointer-events:none;position:absolute;inset:0}@keyframes pulseGlow{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 15px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}.rainbow-text{background:linear-gradient(90deg,#fb923c,#facc15,#4ade80,#22d3ee,#60a5fa,#fb923c) 0 0/200%;-webkit-text-fill-color:transparent;text-transform:lowercase;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite rainbow;font-weight:900!important}@keyframes rainbow{0%{background-position:0%}to{background-position:200%}}.log-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;gap:12px;width:fit-content;margin-bottom:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;flex-direction:row!important;align-items:center!important;display:flex!important}.log-item:hover{background:#ffffff12;border-color:#fff3;transform:translate(5px)}.log-team-ct{background:linear-gradient(90deg,#60a5fa26,#0000004d)!important;border-left:4px solid #60a5fa!important}.log-team-t{background:linear-gradient(90deg,#fbbf2426,#0000004d)!important;border-left:4px solid #fbbf24!important}.log-player-ct{color:#60a5fa;text-shadow:0 0 10px #60a5fa4d}.log-player-t{color:#fbbf24;text-shadow:0 0 10px #fbbf244d}.log-marker{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;margin:15px 0 10px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}