:root{--bg: #0c0e14;--surface: #141722;--surface-2: #1c2030;--surface-3: #252a3a;--border: #2a2f42;--border-light: #353b52;--text: #eaecf4;--text-dim: #7c829a;--accent: #f97316;--accent-hot: #fb923c;--accent-glow: rgba(249, 115, 22, .15);--accent-glow-strong: rgba(249, 115, 22, .3);--green: #34d399;--green-bg: rgba(52, 211, 153, .1);--red: #f87171;--red-bg: rgba(248, 113, 113, .1);--yellow: #fbbf24;--yellow-bg: rgba(251, 191, 36, .1);--gold: #f59e0b;--silver: #94a3b8;--bronze: #d97706;--radius: 8px;--radius-lg: 14px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--display: "Rajdhani", sans-serif;--mono: "DM Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;background-image:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(249,115,22,.1) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(249,115,22,.03) 0%,transparent 40%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:24px 28px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.page-header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.page-header .subtitle{color:var(--text-dim);font-size:.875rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header h2{font-family:var(--display);font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.btn:hover{background:var(--border)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#5558e6}.btn-danger{background:var(--red-bg);border-color:var(--red);color:var(--red)}.btn-sm{padding:4px 10px;font-size:.8125rem}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:8px 12px;font-size:.875rem;font-family:var(--font);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-dim);margin-bottom:4px}.form-group{margin-bottom:16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:.875rem}th{color:var(--text-dim);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:var(--surface-2)}:root{--connector: #3a4158;--connector-w: 16px;--game-gap: 32px}.bracket-container{display:grid;grid-template-columns:1fr auto 1fr;gap:0;overflow-x:auto;padding:12px 0;min-height:900px}.bracket-side{display:flex;flex-direction:column}.region{flex:1;display:flex;flex-direction:column;min-height:420px}.region-label{text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);padding:6px 0}.region-bracket{display:flex;flex:1;gap:var(--game-gap)}.region-left{flex-direction:row}.region-right{flex-direction:row-reverse}.round-col{display:flex;flex-direction:column;min-width:140px;flex:1;max-width:180px}.matchup{display:flex;flex-direction:column;justify-content:space-around;flex:1;position:relative}.game{background:var(--surface);border:1px solid var(--border);border-radius:3px;font-size:.6875rem;position:relative;margin:2px 0}.game-team{display:flex;align-items:center;padding:3px 6px;gap:5px;min-height:22px;cursor:default;border-bottom:1px solid rgba(255,255,255,.04)}.game-team:last-child{border-bottom:none}.game-team .seed{color:var(--text-dim);font-size:.625rem;min-width:16px;font-weight:700;font-family:var(--mono)}.game-team .team-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.game-team .team-name.tbd{color:var(--text-dim);font-style:italic;font-weight:400}.game-team .score{color:var(--text-dim);font-family:var(--mono);font-size:.625rem}.game-team.winner,.game-team.winner .team-name{font-weight:700}.game-team.picked .team-name{color:var(--accent-hot);font-weight:600}.game-team.picked .seed{color:var(--accent)}.bracket-page-header{font-family:var(--display)}.pick-correct{border-color:var(--green);box-shadow:inset 3px 0 0 var(--green)}.pick-incorrect{border-color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.pick-busted{border-color:var(--yellow);box-shadow:inset 3px 0 0 var(--yellow);opacity:.65}.pick-busted .team-name{text-decoration:line-through}.pick-pending{border-color:var(--border)}.region-left .round-col:not(:last-child) .game:after{content:"";position:absolute;top:50%;right:calc(-1 * var(--game-gap) / 2);width:calc(var(--game-gap) / 2);border-top:1px solid var(--connector)}.region-left .round-col:not(:last-child) .matchup:not(.matchup-single):after{content:"";position:absolute;right:calc(-1 * var(--game-gap) / 2);top:25%;bottom:25%;border-right:1px solid var(--connector)}.region-left .round-col:not(:first-child) .game:before{content:"";position:absolute;top:50%;left:calc(-1 * var(--game-gap) / 2);width:calc(var(--game-gap) / 2);border-top:1px solid var(--connector)}.region-right .round-col:not(:last-child) .game:after{content:"";position:absolute;top:50%;left:calc(-1 * var(--game-gap) / 2);width:calc(var(--game-gap) / 2);border-top:1px solid var(--connector)}.region-right .round-col:not(:last-child) .matchup:not(.matchup-single):after{content:"";position:absolute;left:calc(-1 * var(--game-gap) / 2);top:25%;bottom:25%;border-left:1px solid var(--connector)}.region-right .round-col:not(:first-child) .game:before{content:"";position:absolute;top:50%;right:calc(-1 * var(--game-gap) / 2);width:calc(var(--game-gap) / 2);border-top:1px solid var(--connector)}.bracket-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:160px;gap:8px;padding:0 8px}.ff-game,.champ-game{width:100%}.ff-label{text-align:center;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);margin-bottom:4px}.champ-label{text-align:center;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:4px}.champ-game .game{border-color:var(--accent);box-shadow:0 0 16px #f9731633}.champ-winner{text-align:center;font-size:.9rem;font-weight:800;letter-spacing:.02em;color:var(--gold);margin-top:6px;text-transform:uppercase}.leaderboard{width:100%}.lb-row{display:grid;grid-template-columns:36px 1fr repeat(6,48px) 64px 64px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--border);font-size:.8125rem;transition:all .15s;position:relative}.lb-row:hover{background:var(--surface-2);border-color:var(--border-light)}.lb-header{color:var(--text-dim);font-family:var(--display);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;border-bottom-color:var(--border-light)}.lb-header:hover{background:transparent}.lb-rank{font-family:var(--display);font-weight:600;font-size:1.0625rem}.lb-rank.gold{color:var(--gold);text-shadow:0 0 12px rgba(245,158,11,.4)}.lb-rank.silver{color:var(--silver)}.lb-rank.bronze{color:var(--bronze)}.lb-name{font-weight:600;font-size:.875rem}.lb-score{font-family:var(--mono);font-size:.75rem;text-align:right;color:var(--text-dim)}.lb-score:last-of-type{color:var(--text);font-weight:700;font-size:.875rem}.lb-max{color:var(--text-dim);font-family:var(--mono);font-size:.75rem;text-align:right}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:48px;text-align:center;cursor:pointer;transition:all .2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-glow)}.upload-zone p{color:var(--text-dim);margin-top:8px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-pending{background:var(--surface-2);color:var(--text-dim)}.badge-active{background:var(--accent-glow);color:var(--accent)}.badge-final{background:var(--green-bg);color:var(--green)}.nav{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.nav-brand{font-family:var(--display);font-weight:600;font-size:1rem;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.nav-links{display:flex;gap:8px}.nav-links a{padding:6px 12px;border-radius:var(--radius);font-size:.875rem;color:var(--text-dim);transition:all .15s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--surface-2);text-decoration:none}.confidence{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem}.confidence-dot{width:6px;height:6px;border-radius:50%}.confidence-high{background:var(--green)}.confidence-med{background:var(--yellow)}.confidence-low{background:var(--red)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.empty-state{text-align:center;padding:48px;color:var(--text-dim)}.empty-state h3{margin-bottom:8px;color:var(--text)}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-dim)}.hero{text-align:center;padding:32px 20px 28px;margin-bottom:20px;position:relative;overflow:hidden}.hero:before{display:none}.hero:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.hero-sub{font-family:var(--display);font-size:.75rem;font-weight:400;color:var(--accent);margin-bottom:6px;letter-spacing:.25em;text-transform:uppercase;position:relative}.hero-title{font-family:var(--display);font-size:2.75rem;font-weight:700;letter-spacing:.05em;line-height:1;text-transform:uppercase;color:var(--text);position:relative}.tab-bar{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;margin-bottom:20px}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:calc(var(--radius-lg) - 3px);background:transparent;color:var(--text-dim);font-family:var(--display);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s;position:relative}.tab-item:hover{color:var(--text);background:var(--surface-2)}.tab-active{color:var(--bg);background:var(--accent);font-weight:600;box-shadow:0 2px 12px #f973164d}.tab-active:hover{color:var(--bg);background:var(--accent-hot)}.tab-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:livePulse 2s ease-in-out infinite}.tab-active .tab-live-dot{background:var(--bg);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.tab-content{animation:fadeUp .3s ease both}.section-divider{display:flex;align-items:center;gap:16px;margin:36px 0 20px}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.section-divider span{font-family:var(--display);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;animation:fadeUp .5s ease both;animation-delay:.15s}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}.stat-card:hover{border-color:var(--border-light);box-shadow:0 4px 24px #0003}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-hot),transparent);opacity:0;transition:opacity .2s}.stat-card:hover:before{opacity:1}.stat-wide{grid-column:1 / -1}.stat-label{font-family:var(--display);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:8px}.stat-value{font-family:var(--display);font-size:1.5rem;font-weight:700;letter-spacing:.01em;color:var(--text);text-transform:uppercase}.stat-detail{font-size:.8125rem;color:var(--text-dim);margin-top:4px}.stat-bars{display:flex;flex-direction:column;gap:7px}.stat-bar-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;font-size:.8125rem}.stat-bar-label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem}.stat-bar-track{height:20px;background:var(--surface-2);border-radius:4px;overflow:hidden;position:relative}.stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hot));border-radius:4px;min-width:4px;transition:width .6s cubic-bezier(.22,1,.36,1);box-shadow:0 0 8px #f9731633}.stat-bar-fill-alt{background:linear-gradient(90deg,#059669,var(--green));box-shadow:0 0 8px #34d39926}.stat-bar-fill-upset{background:linear-gradient(90deg,#d97706,var(--yellow));box-shadow:0 0 8px #fbbf2426}.stat-bar-count{font-family:var(--mono);font-size:.75rem;font-weight:500;min-width:24px;text-align:right;color:var(--text-dim)}.stat-bar-names{font-size:.6875rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.stat-consensus{display:flex;flex-wrap:wrap;gap:6px}.stat-chip{display:inline-block;padding:5px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;font-size:.75rem;font-weight:500;transition:border-color .15s}.stat-chip:hover{border-color:var(--accent)}.stat-chip-cinderella{border-color:var(--yellow);background:var(--yellow-bg);color:var(--yellow)}.bracket-topbar{display:flex;align-items:center;gap:16px;padding:12px 0 16px;margin-bottom:8px;border-bottom:1px solid var(--border);flex-wrap:wrap}.bracket-back{font-family:var(--display);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);text-decoration:none;transition:color .15s}.bracket-back:hover{color:var(--accent-hot);text-decoration:none}.bracket-owner{font-family:var(--display);font-size:1.375rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;flex:1}.bracket-scores{display:flex;gap:16px}.bracket-score-item{display:flex;align-items:baseline;gap:4px}.bracket-score-num{font-family:var(--mono);font-size:1.125rem;font-weight:700}.bracket-score-label{font-family:var(--display);font-size:.625rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}@media(max-width:768px){.bracket-owner{font-size:1rem;flex:none}.bracket-topbar{gap:10px}.bracket-scores{gap:12px}.bracket-score-num{font-size:.9375rem}}.bracket-mobile{width:100%}.bracket-region-picker{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3px;margin-bottom:16px}.bracket-region-btn{flex:1;padding:8px 6px;border:none;border-radius:calc(var(--radius-lg) - 2px);background:transparent;color:var(--text-dim);font-family:var(--display);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .2s}.bracket-region-btn:hover{color:var(--text);background:var(--surface-2)}.bracket-region-btn-active{color:var(--bg);background:var(--accent);font-weight:600;box-shadow:0 2px 8px #f9731640}.bracket-region-btn-active:hover{color:var(--bg);background:var(--accent-hot)}.bracket-mobile-content{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.bracket-mobile-content .region{min-height:auto}.bracket-mobile-content .region-bracket{min-width:min-content}.bracket-mobile-content .round-col{min-width:120px;max-width:150px}.bracket-mobile-content .bracket-center{min-width:180px;padding:12px 0}@media(max-width:900px){.lb-row{grid-template-columns:36px 1fr repeat(6,40px) 52px 52px}}@media(max-width:768px){.page{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}.lb-row{grid-template-columns:30px 1fr 50px 50px}.lb-row .lb-round-score,.lb-header .lb-round-score{display:none}.stat-bar-row{grid-template-columns:80px 1fr auto}.stat-bar-names{display:none}.hero-title{font-size:1.5rem}.hero{padding:20px 12px 18px}.tab-item{font-size:.6875rem;padding:8px 10px;letter-spacing:.06em}.page-header{flex-direction:column;align-items:flex-start}.page-header>div:last-child{align-self:flex-start}.stats-grid{grid-template-columns:1fr 1fr}}