:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at top,#22c55e2e,#0000 28%),linear-gradient(135deg,#050816,#0b1020 55%,#050816);margin:0;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;padding:28px}.hero{text-align:center;margin-bottom:34px}.badge{color:#86efac;background:#22c55e14;border:1px solid #22c55e73;border-radius:999px;padding:8px 16px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-1px;margin:14px 0 4px;font-size:42px}.hero p{color:#aab2d5;margin:0;font-size:18px}.champion{text-align:center;color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:20px;max-width:420px;margin:30px auto 0;padding:22px;animation:2s infinite alternate glow;box-shadow:0 20px 60px #22c55e66}@keyframes glow{0%{box-shadow:0 0 20px #22c55e66}to{box-shadow:0 0 40px #22c55ecc}}.champion span{color:#bbf7d0;text-transform:uppercase;letter-spacing:1px;font-size:14px;display:block}.champion strong{margin-top:4px;font-size:28px;display:block}.bracket{align-items:flex-start;gap:28px;padding-bottom:30px;display:flex;overflow-x:auto}.round{min-width:280px;position:relative}.round h2{text-align:center;color:#dbeafe;margin-bottom:14px;font-size:18px}.match{background:#151b33eb;border:1px solid #6078be66;border-radius:20px;padding:14px;position:relative;box-shadow:0 16px 40px #00000059}.match:after{content:"";background:#60a5fa;width:28px;height:2px;position:absolute;top:50%;right:-28px}.match:before{content:"";opacity:.3;background:#60a5fa;width:2px;height:100%;position:absolute;top:0;right:-28px}.matchTop{color:#93c5fd;justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.player{background:#0b1020;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;font-size:17px;font-weight:700;display:flex}.player b{color:#dcfce7;text-transform:uppercase;font-size:11px}.winner{background:linear-gradient(135deg,#15803d,#22c55e);animation:.4s winnerPop}@keyframes winnerPop{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.hero h1{font-size:30px}.bracket{gap:18px}.round{min-width:260px}}.adminGrid{grid-template-columns:360px 1fr;gap:24px;margin-bottom:36px;display:grid}.panel{background:#0f172ad9;border:1px solid #60a5fa40;border-radius:22px;padding:20px;box-shadow:0 18px 50px #0000004d}.panel h2{margin-top:0}.panel input,.panel select{color:#fff;background:#020617;border:1px solid #334155;border-radius:12px;width:100%;margin-bottom:12px;padding:12px}.primaryButton,.tournament{cursor:pointer;border:0;border-radius:14px;width:100%;padding:12px;font-weight:800}.primaryButton{color:#052e16;background:#22c55e}.tournament{text-align:left;color:#fff;background:#0f172a;border:1px solid #334155;margin-bottom:10px;display:block}.tournament span{color:#94a3b8;margin-top:4px;display:block}.tournament.active{background:#22c55e29;border-color:#22c55e}.player button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:6px 9px;font-weight:800}.bracket{align-items:flex-start;gap:40px;width:100%;padding:20px 40px 60px;display:flex;overflow:auto visible}.round{flex:0 0 320px;min-width:320px;position:relative}.match{min-height:150px;overflow:visible}.match:after{content:"";opacity:.8;background:#60a5fa;width:40px;height:2px;position:absolute;top:50%;right:-40px}.round:last-child .match:after{display:none}.roundMatches{flex-direction:column;gap:28px;display:flex}.round:nth-child(2) .roundMatches{padding-top:58px}.round:nth-child(3) .roundMatches{padding-top:178px}.round:nth-child(4) .roundMatches{padding-top:330px}.startButton{width:100%;margin-top:10px;display:block}.telao{text-align:center;color:#fff;background:radial-gradient(circle at top,#22c55e38,#0000 30%),#020617;min-height:100vh;padding:48px}.telao h1{margin:0;font-size:64px}.telao p{color:#bfdbfe;font-size:24px}.telaoChampion{background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:28px;max-width:700px;margin:28px auto;padding:24px;font-size:38px;font-weight:900;box-shadow:0 0 50px #22c55e73}.telaoSection{background:#0f172adb;border:1px solid #60a5fa59;border-radius:28px;max-width:900px;margin:36px auto;padding:28px}.telaoSection h2{margin-top:0;font-size:34px}.telaoMatch{background:#0f172a;border-radius:20px;justify-content:space-between;align-items:center;margin:16px 0;padding:24px;font-size:30px;display:flex}.telaoMatch span{color:#86efac}.telaoNext{color:#dbeafe;background:#020617;border-radius:16px;margin:12px 0;padding:18px;font-size:24px}.telaoPro{color:#fff;background:radial-gradient(circle at 0 0,#22c55e3d,#0000 28%),radial-gradient(circle at 100% 0,#3b82f633,#0000 28%),linear-gradient(135deg,#020617,#06111f 55%,#020617);min-height:100vh;padding:42px;overflow:hidden}.telaoTop{justify-content:space-between;align-items:center;display:flex}.telaoLogo{color:#86efac;background:#22c55e1f;border:1px solid #22c55e80;border-radius:999px;padding:10px 18px;font-size:22px;font-weight:900}.telaoLive{color:#fff;letter-spacing:1px;background:#dc2626;border-radius:999px;padding:10px 18px;font-weight:900;animation:1.4s infinite alternate livePulse;box-shadow:0 0 30px #dc2626b3}@keyframes livePulse{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.telaoHero{text-align:center;margin-top:44px}.telaoHero h1{letter-spacing:-2px;margin:0;font-size:68px}.telaoHero p{color:#bfdbfe;margin-top:10px;font-size:24px}.telaoChampionPro{text-align:center;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:28px;max-width:620px;margin:34px auto 0;padding:24px;box-shadow:0 0 70px #22c55e73}.telaoChampionPro span{text-transform:uppercase;letter-spacing:2px;font-size:16px;display:block}.telaoChampionPro strong{margin-top:6px;font-size:44px;display:block}.featuredMatch{background:#0f172adb;border:1px solid #60a5fa59;border-radius:34px;max-width:1000px;margin:40px auto 0;padding:32px;box-shadow:0 24px 80px #00000073}.featuredHeader{color:#93c5fd;text-transform:uppercase;justify-content:space-between;font-size:22px;font-weight:900;display:flex}.featuredHeader strong{color:#86efac}.versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:26px;display:grid}.versus div{text-align:center;background:#020617;border-radius:24px;padding:30px;font-size:42px;font-weight:900}.versus span{color:#22c55e;font-size:38px;font-weight:900}.telaoGrid{grid-template-columns:1fr 1fr;gap:28px;max-width:1200px;margin:36px auto 0;display:grid}.telaoCard{background:#0f172ac7;border:1px solid #60a5fa38;border-radius:28px;padding:24px}.telaoCard h2{margin:0 0 18px;font-size:28px}.miniMatch{background:#020617;border-radius:18px;justify-content:space-between;gap:20px;margin-bottom:12px;padding:18px;font-size:22px;display:flex}.miniMatch strong{color:#86efac;white-space:nowrap}.empty{color:#94a3b8;font-size:22px}@media (width<=900px){.telaoHero h1{font-size:42px}.versus,.telaoGrid{grid-template-columns:1fr}}.qrBox{color:#020617;text-align:center;background:#fff;border-radius:18px;padding:14px;font-weight:800;position:fixed;bottom:32px;right:32px;box-shadow:0 20px 60px #00000073}.qrBox span{margin-top:8px;font-size:12px;display:block}.tournamentCard{background:#020617;border:1px solid #334155;border-radius:16px;margin-bottom:12px;padding:16px}.tournamentHeader{justify-content:space-between;align-items:center;display:flex}.statusBadge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.statusBadge.draft{background:#64748b}.statusBadge.running{background:#22c55e}.statusBadge.finished{background:#dc2626}.tournamentActions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tournamentActions button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.qrModal{background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qrContent{text-align:center;background:#020617;border-radius:16px;padding:20px}