*,*: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: rgba(56, 189, 248, .5);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif;--font-display: "Montserrat", sans-serif}body{margin:0;font-family:var(--font-main);background:radial-gradient(circle at top center,#1e3a5f 0%,#0f172a 70%,#020617 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.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);font-weight:700;margin-top:0}.text-gradient{background:linear-gradient(to right,#38bdf8,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}button{cursor:pointer;font-family:var(--font-main)}.nav-desktop{display:flex;gap:1rem}.nav-mobile{display:none}.nav-link-label{display:inline}.game-matchup{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}@media (max-width: 900px){.nav-desktop{display:none}.nav-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);justify-content:space-evenly;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.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,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.5rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}