@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-main: #0a0404;--bg-card: rgba(30, 15, 15, .7);--bg-sidebar: #050202;--primary: #dc2626;--primary-glow: rgba(220, 38, 38, .5);--secondary: #d4af37;--secondary-glow: rgba(212, 175, 55, .5);--accent: #cbd5e1;--success: #10b981;--warning: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--border: rgba(212, 175, 55, .15);--border-active: rgba(220, 38, 38, .4);--glass: blur(12px);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glow-primary{box-shadow:0 0 20px var(--primary-glow)}.glow-secondary{box-shadow:0 0 20px var(--secondary-glow)}.btn{padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 0 15px var(--primary-glow)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 0 15px var(--secondary-glow)}.btn-ghost{background:transparent;color:var(--text-main);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff0d;border-color:var(--primary)}.badge{padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.badge-active{background:#10b98133;color:#34d399}.badge-eliminated{background:#f43f5e33;color:#fb7185}#root{display:flex;min-height:100vh}.app-container{display:flex;width:100%}.sidebar{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:32px;position:fixed;height:100vh}.main-content{flex:1;margin-left:280px;padding:40px;max-width:1400px}@media (max-width: 1024px) and (min-width: 769px){.sidebar{width:80px;padding:20px 10px}.sidebar .nav-text,.sidebar .logo h1,.sidebar .logo span{display:none}.main-content{margin-left:80px;padding:20px}}@media (max-width: 768px){.mobile-header{display:flex!important}.sidebar{position:fixed;top:57px;left:0;bottom:0;width:280px;height:calc(100vh - 57px);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;overflow-y:auto}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important;padding:80px 16px 24px!important}.glass-card{padding:16px!important}h2{font-size:1.5rem!important}h1{font-size:1.75rem!important}table{display:block;width:100%;overflow-x:auto;white-space:nowrap;font-size:.8rem!important}th,td{padding:8px 10px!important}.match-row{padding:8px 10px!important;gap:8px!important;flex-wrap:nowrap!important}.match-row .team-name{font-size:.8rem!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.match-row .player-name{font-size:.65rem!important}.match-row .score-badge{margin:0 8px!important;min-width:50px!important;font-size:.95rem!important;padding:4px 8px!important}.bracket-rounds{justify-content:flex-start!important;gap:30px!important;padding:10px!important}.ranking-card{padding:12px 16px!important;gap:12px!important}.ranking-card h3{font-size:1.05rem!important}.ranking-card p{font-size:.75rem!important}.ranking-card span{font-size:1.5rem!important}form{gap:12px!important}form button[type=submit]{width:100%!important;justify-content:center!important}}