*,:before,:after{box-sizing:border-box}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#38bdf8;--accent-secondary:#2dd4bf;--accent-glow:#38bdf880;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--font-main:"Inter", sans-serif;--font-display:"Montserrat", sans-serif}body{font-family:var(--font-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#1e3a5f 0%,#0f172a 70%,#020617 100%) fixed;min-height:100vh;margin:0;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-grow:1;position:relative;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin-top:0;font-weight:700}.text-gradient{background:linear-gradient(90deg,#38bdf8,#2dd4bf);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}button{cursor:pointer;font-family:var(--font-main)}.nav-desktop{gap:1rem;display:flex}.nav-mobile{display:none}.nav-link-label{display:inline}.game-matchup{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}@media (width<=900px){.nav-desktop{display:none}.nav-mobile{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);z-index:1000;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#1e293bf2;justify-content:space-evenly;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-link-label{display:none}body{padding-bottom:80px}.game-matchup{flex-direction:column;gap:1.5rem}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:.5rem;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}