@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color:#0a0a0e;--bg-darker:#050508;--card-bg:#101016;--card-bg-hover:#14141e;--card-border:#1c1c24;--card-border-active:#ff5c0066;--primary-orange:#ff5c00;--primary-orange-rgb:255, 92, 0;--primary-orange-hover:#e04f00;--primary-orange-dark:#8f3400;--primary-orange-glow:#ff5c0026;--text-primary:#fff;--text-secondary:#90909c;--text-muted:#51515d;--live-color:#ef4444;--live-glow:#ef444433;--accent-purple:#8b5cf6;--accent-green:#10b981;background-color:#070709;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{color:var(--text-primary);background-color:#000;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-outfit{font-family:Outfit,sans-serif}.tg-app-container{background-color:#030303;background-image:radial-gradient(circle,#15101a 0%,#000 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.tg-app-mockup{background-color:var(--bg-color);border:1px solid #ffffff0d;border-radius:0;flex-direction:column;width:100%;max-width:450px;height:100vh;max-height:920px;display:flex;position:relative;overflow:clip;box-shadow:0 25px 50px -12px #000000b3}@media (width>=480px){.tg-app-mockup{border:6px solid #1a1a24;border-radius:36px;height:850px;margin:20px 0}}.scroll-container{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.scroll-container::-webkit-scrollbar{width:4px}.scroll-container::-webkit-scrollbar-track{background:var(--bg-color)}.scroll-container::-webkit-scrollbar-thumb{background:#ff5c0033;border-radius:2px}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--primary-orange)}.nav-item-active{color:var(--primary-orange)!important}.nav-item-active svg{filter:drop-shadow(0 0 5px #ff5c0080);stroke:var(--primary-orange)!important}.orange-glow{box-shadow:0 0 20px var(--primary-orange-glow)}.btn-primary{background:linear-gradient(135deg, var(--primary-orange) 0%, #e04f00 100%);color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff5c004d}.btn-primary:hover:after{opacity:1;left:125%}.btn-primary:active{transform:translateY(1px)}.esports-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.esports-card:before{content:"";opacity:0;background:linear-gradient(90deg,#ff5c0000 0%,#ff5c0026 50%,#ff5c0000 100%);width:100%;height:1px;transition:opacity .3s;position:absolute;top:0;left:0}.esports-card:hover{background:var(--card-bg-hover);border-color:#ff5c0026;transform:translateY(-2px)}.esports-card:hover:before{opacity:1}.tabs-header{border-bottom:1px solid #ffffff0d;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-secondary);letter-spacing:.5px;cursor:pointer;text-align:center;text-transform:uppercase;background:0 0;border:none;flex:1;padding:12px 6px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:color .2s;position:relative}.tab-btn-active{color:var(--primary-orange)}.tab-btn-active:after{content:"";background-color:var(--primary-orange);width:80%;height:2px;box-shadow:0 0 8px var(--primary-orange);border-radius:2px;position:absolute;bottom:-1px;left:10%}.badge-live{background-color:var(--live-color);color:#fff;letter-spacing:.5px;box-shadow:0 0 10px var(--live-glow);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-family:Outfit,sans-serif;font-size:10px;font-weight:800;display:flex}.badge-live-pulse{background-color:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-animation;display:inline-block}@keyframes pulse-animation{0%{transform:scale(.95);box-shadow:0 0 #ffffffb3}70%{transform:scale(1);box-shadow:0 0 0 4px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}.bracket-container{gap:30px;min-height:380px;padding:10px 5px;display:flex;overflow-x:auto}.bracket-round{flex-direction:column;justify-content:space-around;min-width:170px;display:flex}.bracket-matchup{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:4px;padding:6px;transition:all .2s;display:flex;position:relative}.bracket-matchup:hover{background:#ffffff0a;border-color:#ff5c0033}.bracket-matchup-live{box-shadow:0 0 8px #ef44441a;border-color:#ef44444d!important}.bracket-team-row{border-radius:4px;justify-content:space-between;align-items:center;padding:4px;font-size:11px;font-weight:500;display:flex}.bracket-team-row-winner{color:var(--text-primary);font-weight:700}.bracket-team-row-loser{color:var(--text-muted)}.bracket-team-logo{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-family:Outfit,sans-serif;font-size:9px;font-weight:700;display:flex}.bracket-team-score{font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#0e0e13b3;border:1px solid #ffffff08}.toast-msg{border:1px solid var(--primary-orange);color:#fff;box-shadow:0 10px 30px #000c, 0 0 15px var(--primary-orange-glow);z-index:10001;opacity:0;pointer-events:none;background:#0e0e13f2;border-radius:12px;align-items:center;gap:8px;width:90%;max-width:380px;padding:10px 20px;font-size:13px;font-weight:600;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(200px)}.toast-msg.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.form-input{color:#fff;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--primary-orange);box-shadow:0 0 10px var(--primary-orange-glow);background:#ffffff0a}.step-indicator{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;position:relative}.step-indicator:before{content:"";z-index:1;background:#ffffff0d;width:100%;height:1px;position:absolute;top:50%;left:0}.step-node{width:24px;height:24px;color:var(--text-secondary);z-index:2;background:#14141a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;transition:all .3s;display:flex;position:relative}.step-node-active{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff;box-shadow:0 0 10px var(--primary-orange-glow)}.step-node-complete{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.step-label{color:var(--text-primary);margin-left:6px;font-size:11px;font-weight:500}.step-label-active{color:var(--text-primary);font-weight:600}.admin-site-container{width:100vw;min-height:100vh;color:var(--text-primary);background-color:#050508;background-image:radial-gradient(circle at 10% 20%,#ff5c000d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle,#0a0a0e 0%,#000 100%);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.admin-site-container,.admin-site-container :not(code):not(pre):not(textarea):not(.font-mono){font-family:Inter,system-ui,-apple-system,sans-serif!important}.admin-grid-layout{grid-template-columns:380px 1fr;height:100vh;display:grid;overflow:hidden}.admin-sidebar{-webkit-backdrop-filter:blur(20px);background:#0e0e1499;border-right:1px solid #ffffff08;flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.admin-main{flex-direction:column;gap:24px;height:100vh;padding:32px;display:flex;overflow-y:auto}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-main::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:0 0}.admin-main::-webkit-scrollbar-track{background:0 0}.admin-sidebar::-webkit-scrollbar-thumb{background:#ff5c0026;border-radius:2px}.admin-main::-webkit-scrollbar-thumb{background:#ff5c0026;border-radius:2px}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-mobile-tabs{display:none}.visual-bracket-tree{align-items:center;gap:48px;width:100%;padding:20px 0;display:flex;position:relative}.visual-round-column{flex-direction:column;flex:1;justify-content:space-around;gap:32px;min-width:280px;display:flex;position:relative}.visual-matchup-node{background:#101018b3;border:1px solid #ffffff0a;border-radius:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 20px #0006}.visual-matchup-node:hover{border-color:#ff5c004d;transform:translateY(-2px);box-shadow:0 8px 30px #ff5c0014}.visual-matchup-node-live{animation:3s infinite alternate visual-live-pulse;border-color:#ef444466!important;box-shadow:0 0 25px #ef444426!important}@keyframes visual-live-pulse{0%{border-color:#ef44444d}to{border-color:#ef444499}}.visual-matchup-node-finished{border-color:#10b98126}.visual-matchup-header{color:var(--text-secondary);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:10px;display:flex}.visual-team-row{border-radius:8px;justify-content:space-between;align-items:center;padding:6px 8px;transition:background .2s;display:flex}.visual-team-row-winner{color:#fff;background:#ff5c000a;font-weight:700}.visual-team-info{align-items:center;gap:10px;display:flex}.visual-team-tag{color:#fff;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-family:Outfit,sans-serif;font-size:11px;font-weight:900;display:flex}.visual-team-name{font-size:13px;font-weight:600}.visual-team-score-input{align-items:center;gap:6px;display:flex}.score-btn{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.score-btn:hover{color:var(--primary-orange);background:#ff5c0026}.visual-score-display{text-align:center;min-width:16px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800}.bracket-connector-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=1024px){.admin-grid-layout{grid-template-columns:1fr;height:auto;overflow-y:visible}.admin-sidebar{border-bottom:1px solid #ffffff08;border-right:none;height:auto;overflow-y:visible}.admin-main{height:auto;padding:20px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.visual-bracket-tree{flex-direction:column;gap:32px}.visual-round-column{width:100%;min-width:0}}.auth-overlay{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.auth-modal{background:#0e0e16f2;border:1px solid #ff5c001a;border-radius:28px;width:100%;max-width:420px;padding:40px 32px 28px;animation:.5s cubic-bezier(.16,1,.3,1) authModalIn;position:relative;overflow:hidden;box-shadow:0 32px 64px #00000080,0 0 100px #ff5c0008}@keyframes authModalIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.auth-orb-1{background:#ff5c001f;width:200px;height:200px;top:-60px;right:-40px}.auth-orb-2{background:#8b5cf61a;width:160px;height:160px;bottom:-40px;left:-30px}.auth-logo-area{z-index:1;text-align:center;margin-bottom:28px;position:relative}.auth-logo-icon{background:linear-gradient(135deg,#ff5c001f,#8b5cf614);border:1px solid #ff5c0033;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex;box-shadow:0 8px 24px #ff5c001a}.auth-title{letter-spacing:6px;color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:32px;font-weight:900;line-height:1}.auth-subtitle{letter-spacing:4px;color:#ff5c00;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:800;display:block}.auth-content{z-index:1;animation:.4s ease-out .15s both authContentIn;position:relative}@keyframes authContentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-description{color:#8f8f9b;text-align:center;margin-bottom:24px;font-size:13px;line-height:1.6}.auth-features{justify-content:center;gap:20px;margin-bottom:28px;display:flex}.auth-feature-item{color:#b0b0bc;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.auth-btn-primary{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#ff5c00,#ff8a47);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #ff5c0040}.auth-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff5c0059}.auth-btn-primary:active{transform:translateY(0)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-hint{color:#51515e;text-align:center;margin-top:16px;font-size:10px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-input-group{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;padding:0 16px;transition:border-color .2s;display:flex}.auth-input-group:focus-within{border-color:#ff5c0066}.auth-input-prefix{color:#ff5c00;margin-right:4px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.auth-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.auth-input::placeholder{color:#51515e}.auth-btn-back{color:#8f8f9b;cursor:pointer;background:0 0;border:none;width:100%;margin-top:8px;padding:10px;font-size:12px;font-weight:600;transition:color .2s}.auth-btn-back:hover{color:#ff5c00}.auth-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-version{z-index:1;text-align:center;color:#2a2a35;letter-spacing:1px;text-transform:uppercase;margin-top:24px;font-size:9px;position:relative}.admin-login-overlay{z-index:9000;background:#0a0a10;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-login-card{background:#0e0e16f2;border:1px solid #ff5c001f;border-radius:24px;width:100%;max-width:380px;padding:40px 28px 28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 60px #ff5c000a}.admin-login-card .auth-orb-1{background:radial-gradient(circle,#ef444414,#0000 70%)}
