.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;padding:20px 0}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 20px 24px;border-bottom:1px solid var(--border);margin-bottom:16px}.sidebar-logo{width:36px;height:auto}.sidebar-title{font-family:var(--font-title);font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.4;letter-spacing:1px}.sidebar-title span{color:var(--accent)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 12px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);text-decoration:none;font-size:15px;font-weight:500;color:var(--text-secondary);transition:all .2s}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-item.active{color:var(--accent);background:var(--accent-dim);font-weight:700}.sidebar-admin{margin-top:auto}.sidebar-icon{font-size:18px;width:24px;text-align:center}.sidebar-label{font-family:var(--font-display);letter-spacing:.3px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:16px 20px 0;border-top:1px solid var(--border);margin-top:8px}.user-crest{width:36px;height:36px;object-fit:contain;flex-shrink:0}.user-avatar{font-size:24px;flex-shrink:0}.user-info{flex:1;overflow:hidden;min-width:0}.user-name{display:block;font-weight:700;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-team{display:block;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);font-size:14px;transition:all .2s;flex-shrink:0}.btn-logout:hover{color:var(--red);border-color:var(--red)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:#0a0e1af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:100;padding:0 8px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:500;padding:8px 4px;transition:color .2s}.mobile-nav-item span:first-child{font-size:20px}.mobile-nav-item.active{color:var(--accent)}@media (max-width: 768px){.sidebar{display:none}.mobile-nav{display:flex}}@media (min-width: 769px){.mobile-nav{display:none}}.user-team-pick{font-size:11px;color:var(--accent);cursor:pointer;font-weight:600}.user-team-pick:hover{text-decoration:underline}.mobile-topbar{display:none;position:fixed;top:0;right:0;z-index:101;padding:10px 14px}.mobile-logout-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-body)}.mobile-logout-btn:hover{color:var(--red);border-color:var(--red)}@media (max-width: 768px){.mobile-topbar{display:flex}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:24px}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.login-orb-1{width:500px;height:500px;background:var(--accent);top:-100px;left:-100px;animation:float1 8s ease-in-out infinite}.login-orb-2{width:400px;height:400px;background:var(--blue);bottom:-80px;right:-80px;animation:float2 10s ease-in-out infinite}.login-pitch{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.login-container{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px}.login-logo{text-align:center}.login-trophy{font-size:56px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 0 20px var(--accent-glow));animation:trophyFloat 3s ease-in-out infinite}@keyframes trophyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-logo h1{font-family:var(--font-title);font-size:42px;font-weight:700;color:var(--text-primary);letter-spacing:2px;text-transform:uppercase}.login-logo p{font-size:15px;color:var(--text-secondary);margin-top:8px;letter-spacing:.5px;font-style:italic}.login-card{width:100%;padding:32px}.login-card h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:4px}.login-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:12px}.login-error{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,77,109,.2);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;display:flex;align-items:center;gap:8px}.login-btn{width:100%;padding:16px;font-size:18px;font-family:var(--font-display);font-weight:700;letter-spacing:3px;text-transform:uppercase}.login-hint{margin-top:16px;font-size:12px;color:var(--text-muted);text-align:center}.login-footer{font-size:12px;color:var(--text-muted);text-align:center}.login-footer strong{color:var(--accent)}.leaderboard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.leaderboard-header{padding:20px 20px 0}.lb-table{width:100%}.lb-thead{display:grid;grid-template-columns:36px 1fr 52px 52px 48px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:18px;color:var(--text-muted);align-items:center;gap:8px}.lb-row{display:grid;grid-template-columns:36px 1fr 52px 52px 48px;padding:12px 16px;border-bottom:1px solid var(--border);align-items:center;gap:8px;transition:background .15s}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:var(--bg-hover)}.lb-row-me{background:var(--accent-dim)!important;border-left:3px solid var(--accent)}.lb-row-first{background:#f5a6230f}.lb-rank{font-size:20px;display:flex;align-items:center}.rank-num{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-muted)}.lb-player{display:flex;align-items:center;gap:6px;overflow:hidden}.player-name{font-weight:700;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streak-icon{font-size:13px;flex-shrink:0}.lb-pts{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--accent)}.lb-beers{font-size:14px;font-weight:700}.lb-champion{display:flex;align-items:center}.champ-crest-img{width:32px;height:32px;object-fit:contain}.no-pick{color:var(--text-muted);font-size:14px}@media (max-width: 640px){.lb-thead,.lb-row{grid-template-columns:32px 1fr 48px 48px;gap:6px;padding:10px 12px}.lb-champion,.lb-thead>*:last-child{display:none}}.lb-thead>div{display:flex;align-items:center;justify-content:center;font-size:22px}.lb-thead>div:nth-child(2){justify-content:flex-start;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.lb-rank,.lb-pts,.lb-beers,.lb-champion{display:flex;align-items:center;justify-content:center}.lb-player{justify-content:flex-start}@media (max-width: 480px){.lb-thead,.lb-row{grid-template-columns:32px 1fr 48px 48px;gap:6px;padding:10px 12px}.lb-champion,.lb-thead>*:last-child{display:none}.pts-value,.lb-pts{font-size:14px}.player-name{font-size:13px}}.ticket-wrap{display:flex;border-radius:12px;overflow:visible;filter:drop-shadow(0 4px 16px rgba(0,0,0,.4));position:relative;transition:filter .2s}.ticket-wrap:hover{filter:drop-shadow(0 6px 24px rgba(0,0,0,.6))}.ticket-wrap.result-exact{filter:drop-shadow(0 4px 16px rgba(0,214,143,.3))}.ticket-wrap.result-correct{filter:drop-shadow(0 4px 16px rgba(79,195,247,.2))}.ticket-stub{background:#f5a623;width:90px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 8px;border-radius:12px 0 0 12px;position:relative;gap:5px}.perf-line{position:absolute;top:0;bottom:0;right:0;width:1px;background:repeating-linear-gradient(to bottom,rgba(15,30,53,.3) 0px,rgba(15,30,53,.3) 4px,transparent 4px,transparent 9px)}.stub-bite{position:absolute;width:20px;height:20px;border-radius:50%;right:-10px;z-index:2;background:var(--bg-primary);box-sizing:border-box}.stub-bite-top{top:-10px}.stub-bite-bottom{bottom:-10px}.stub-badge{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:99px}.badge-upcoming{background:#0f1e3533;color:#0f1e35}.badge-live{background:#ff4d6d26;color:#ff4d6d;animation:livePulse 2s infinite}.badge-finished{background:#ffffff0d;color:#ffffff4d}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}.stub-date{font-size:11px;color:#1a3a5c;text-transform:uppercase;letter-spacing:1px;text-align:center;font-weight:700}.stub-time{font-size:24px;font-weight:800;color:#0f1e35;letter-spacing:1px}.stub-score{display:flex;align-items:center;gap:2px;font-size:22px;font-weight:800;color:#f5a623}.stub-sep{color:#ffffff4d;font-size:16px}.ticket-main{background:#0d2535;flex:1;padding:16px 20px;border-radius:0 12px 12px 0;position:relative;display:flex;flex-direction:column;gap:12px}.ticket-stage{font-size:11px;color:#4fc3f7;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;text-align:center}.ticket-teams{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;gap:8px}.ticket-team{display:flex;align-items:center;gap:10px;min-width:0}.ticket-team-away{flex-direction:row-reverse;justify-content:flex-start}.team-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.team-crest{width:52px;height:52px;object-fit:contain;flex-shrink:0}.ticket-mid{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0}.ticket-score-home,.ticket-score-away{display:flex;align-items:center;flex-shrink:0}.ticket-mid{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 8px}.wc-logo-mid{width:36px;height:auto;opacity:.8}.ticket-prediction-area{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--border);padding-top:12px;min-height:52px}.my-prediction{display:flex;align-items:center;gap:8px}.pred-label{font-size:12px;color:var(--text-muted)}.pred-score{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-secondary)}.pred-points{font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px}.points-good{background:var(--green-dim);color:var(--green)}.points-meh{background:#ffffff0d;color:var(--text-muted)}.window-closed{font-size:12px;color:var(--text-muted)}.predict-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.score-inputs{display:flex;align-items:center;gap:16px;font-size:20px;font-weight:700;color:var(--text-muted)}.score-input{width:64px;text-align:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);padding:10px 4px;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);outline:none;transition:border-color .2s;-moz-appearance:textfield}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.predict-actions{display:flex;gap:8px}.live-events{border-top:1px solid var(--border);padding-top:8px;display:flex;flex-direction:column;gap:4px}.live-event{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.ev-min{font-family:var(--font-display);font-weight:700;color:var(--accent);min-width:28px}.ev-icon{font-size:14px}.ev-text{color:var(--text-primary)}.match-toast{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);background:var(--bg-hover);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:8px 16px;font-size:13px;white-space:nowrap;z-index:10;animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #0006}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 480px){.ticket-stub{width:72px;padding:14px 6px}.stub-time{font-size:20px}.stub-date{font-size:10px}.stub-badge{font-size:8px;padding:2px 6px}.team-name{font-size:13px;letter-spacing:.5px}.team-crest{width:36px;height:36px}.ticket-main{padding:12px 14px}.ticket-stage{font-size:10px}.wc-logo-mid{width:28px}}.team-crest{width:36px;height:36px}.stub-time{font-size:18px}.ticket-stub{width:72px}} .score-inputs-inline{display:flex;align-items:center;gap:10px}.score-sep-inline{font-size:20px;font-weight:700;color:var(--text-muted)}.pred-score-inline{display:flex;align-items:center;gap:8px;font-family:var(--font-display)}.pred-num{font-size:32px;font-weight:800;color:var(--accent)}.ticket-score-home{display:flex;justify-content:flex-end;align-items:center;width:52px}.ticket-score-away{display:flex;justify-content:flex-start;align-items:center;width:52px}.team-name-wrap{display:flex;flex-direction:column;gap:2px}.team-name-wrap-away{align-items:flex-end}.team-pred-score{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--accent);line-height:1}.pred-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 8px}.pred-row{display:flex;align-items:center;justify-content:space-between;width:100%}.pred-num-side{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--accent);min-width:36px;text-align:center}.ticket-prediction-area>.btn{align-self:center}.champion-pick-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:100%}.cp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cp-title{font-family:var(--font-display);font-size:18px;font-weight:700}.cp-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.cp-selected{display:flex;align-items:center;gap:16px;background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:12px}.cp-flag-big{font-size:48px;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.cp-selected-info{flex:1}.cp-team-name{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent);line-height:1.1}.cp-stage-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;margin-top:4px}.cp-pts-label{font-size:12px;font-weight:700;color:var(--green);margin-top:4px}.cp-empty{text-align:center;padding:8px 0 4px}.cp-empty p{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.cp-cta{width:100%}.cp-msg{margin-top:10px;font-size:13px;color:var(--green);line-height:1.4}.cp-picker{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}.cp-picker-scroll{display:flex;flex-wrap:wrap;gap:6px;max-height:160px;overflow-y:auto;margin-bottom:12px}.cp-team-btn{padding:5px 12px;border-radius:99px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font-body)}.cp-team-btn:hover{border-color:var(--accent);color:var(--accent)}.cp-team-selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}.cp-picker-actions{display:flex;gap:8px}.cp-flag-img{width:72px;height:auto;border-radius:6px;box-shadow:0 4px 16px #0006;flex-shrink:0}.cp-flag-placeholder{font-size:48px;line-height:1}.cp-btn-flag{width:18px;height:auto;border-radius:2px;vertical-align:middle;margin-right:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.fav-modal{max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.fav-modal-header{margin-bottom:20px}.fav-modal-header h2{font-family:var(--font-display);font-size:22px;font-weight:800;margin-bottom:8px}.fav-modal-header p{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.fav-hint{font-size:12px;color:var(--text-muted)!important}.fav-teams-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-height:280px;overflow-y:auto}.fav-team-btn{padding:8px 14px;border-radius:99px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.fav-team-btn:hover{border-color:var(--accent);color:var(--text-primary)}.fav-team-btn.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}.fav-modal-actions{display:flex;flex-direction:column;gap:8px}.fav-modal-actions .btn-primary{width:100%;padding:14px;font-family:var(--font-display);font-size:15px}.fav-desc{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.fav-warn{font-size:13px;color:var(--accent);font-weight:600;margin-bottom:6px}.fav-skip-hint{font-size:12px;color:var(--text-muted);margin-bottom:0}.fav-team-btn{display:flex;align-items:center;gap:8px;padding:7px 12px}.fav-team-crest{width:24px;height:24px;object-fit:contain;flex-shrink:0}.home{padding-top:24px}.home-hero{margin-bottom:28px}.hero-title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:6px}.hero-title span{color:var(--accent)}.hero-flag{font-size:24px;margin-left:8px}.hero-sub{font-size:14px;color:var(--text-secondary)}.home-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.home-main{display:flex;flex-direction:column;gap:32px}.home-sidebar{position:sticky;top:calc(var(--navbar-height) + 16px);display:flex;flex-direction:column;gap:16px}.matches-list{display:flex;flex-direction:column;gap:12px}.news-list{display:flex;flex-direction:column;gap:10px}.news-card{display:block;text-decoration:none;transition:all .2s}.news-card:hover{border-color:var(--accent);transform:translateY(-1px)}.news-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.news-summary{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.news-time{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 900px){.home-grid{grid-template-columns:1fr}.home-sidebar{position:static;order:-1}.hero-title{font-size:22px}}@media (max-width: 640px){.hero-title{font-size:20px}}.matches-page{padding-top:24px}.matches-header{margin-bottom:24px}.matches-header h1{font-family:var(--font-display);font-size:28px;font-weight:800;margin-bottom:4px}.matches-header p{font-size:13px;color:var(--text-secondary)}.matches-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.filter-group{display:flex;flex-wrap:wrap;gap:6px}.filter-btn{padding:6px 14px;border-radius:99px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font-body)}.filter-btn:hover{border-color:var(--accent);color:var(--text-primary)}.filter-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}@media (max-width: 640px){.matches-grid{grid-template-columns:1fr}}.groups-page{padding-top:24px}.groups-header{margin-bottom:28px}.groups-header h1{font-family:var(--font-display);font-size:28px;font-weight:800;margin-bottom:4px}.groups-header p{font-size:13px;color:var(--text-secondary)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.group-title{font-family:var(--font-display);font-size:16px;font-weight:800;margin-bottom:14px;color:var(--accent)}.standings-table{width:100%}.st-head{display:grid;grid-template-columns:1fr 28px 28px 28px 28px 36px 36px;padding:6px 0;border-bottom:1px solid var(--border);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);gap:4px}.st-team-row{display:grid;grid-template-columns:1fr 28px 28px 28px 28px 36px 36px;padding:9px 0;border-bottom:1px solid var(--border);align-items:center;font-size:13px;gap:4px;transition:background .15s}.st-team-row:last-child{border-bottom:none}.st-team-row.qualifying{border-left:3px solid var(--green);padding-left:6px}.col-team{display:flex;align-items:center;gap:8px}.team-pos{font-size:11px;color:var(--text-muted);font-weight:700;min-width:14px}.team-name-sm{font-weight:600;color:var(--text-primary);font-size:13px}.col-num{text-align:center;color:var(--text-secondary);font-size:13px}.gd{color:var(--text-primary);font-weight:600}.col-pts{font-weight:700}.pts-bold{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--accent)}.qualifying-note{font-size:11px;color:var(--green);margin-top:10px;font-weight:600}@media (max-width: 640px){.groups-grid{grid-template-columns:1fr}}.bracket-page{padding-top:24px}.bracket-header{margin-bottom:28px}.bracket-header h1{font-family:var(--font-display);font-size:28px;font-weight:800;margin-bottom:4px}.bracket-header p{font-size:13px;color:var(--text-secondary)}.bracket-scroll{overflow-x:auto;padding-bottom:16px}.bracket-stages{display:flex;gap:24px;min-width:min-content}.bracket-stage{min-width:220px}.bracket-stage-title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);margin-bottom:14px;text-align:center}.bracket-matches{display:flex;flex-direction:column;gap:12px}.bracket-match{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;position:relative;transition:border-color .2s}.bracket-match:hover{border-color:var(--border-active)}.bracket-live{border-color:var(--live);box-shadow:0 0 0 1px var(--live-pulse)}.bracket-live-badge{font-size:10px;font-weight:700;color:var(--live);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.bracket-team{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border)}.bracket-team:last-of-type{border-bottom:none}.bracket-team.winner .bt-name{color:var(--accent);font-weight:700}.bracket-team.loser{opacity:.45}.bt-name{font-size:13px;font-weight:600;color:var(--text-primary)}.bt-score{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text-primary)}.bracket-vs{text-align:center;font-size:10px;color:var(--text-muted);font-weight:700;text-transform:uppercase;padding:2px 0}.bracket-prediction{margin-top:8px;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.pts-good{color:var(--green);font-weight:700}.pts-meh{color:var(--text-muted)}@media (max-width: 640px){.bracket-stages{flex-direction:column;gap:32px}.bracket-stage{min-width:unset}.bracket-matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}}.rules-page{padding-top:24px;max-width:780px;margin:0 auto}.rules-hero{margin-bottom:32px}.rules-hero h1{font-family:var(--font-display);font-size:32px;font-weight:800;margin-bottom:6px}.rules-hero p{color:var(--text-secondary);font-size:14px}.rules-sections{display:flex;flex-direction:column;gap:16px}.rules-section h2{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:12px}.rules-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.rules-list{list-style:none;display:flex;flex-direction:column;gap:8px}.rules-list li{font-size:14px;color:var(--text-secondary);padding-left:20px;position:relative;line-height:1.5}.rules-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}.rules-list strong{color:var(--text-primary)}.scoring-table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.mt-16{margin-top:16px}.st-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:10px 14px;background:var(--bg-hover);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted)}.st-header:has(>*:nth-child(2):last-child){grid-template-columns:1fr 1fr}.st-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:10px 14px;border-top:1px solid var(--border);align-items:center;font-size:13px}.st-row:has(>*:nth-child(2):last-child){grid-template-columns:1fr 1fr}.st-stage{font-weight:600;color:var(--text-primary)}.st-pts{font-weight:700;font-family:var(--font-display)}.st-exact{color:var(--green)}.st-winner{color:var(--blue)}.st-part{color:var(--text-secondary)}.beer-rules{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.beer-section h3{font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:10px}.beer-earn h3{color:var(--green)}.beer-owe h3{color:var(--red)}.rules-note{font-size:13px;color:var(--text-secondary);background:var(--red-dim);border:1px solid rgba(255,77,109,.2);border-radius:var(--radius-sm);padding:12px;line-height:1.5}.rules-final p{font-size:14px;color:var(--text-secondary);line-height:1.7}@media (max-width: 640px){.beer-rules{grid-template-columns:1fr}.st-header,.st-row{grid-template-columns:1fr 1fr 1fr}.st-part,.st-header>*:last-child{display:none}}.admin-page{padding-top:24px}.admin-header{margin-bottom:28px}.admin-header h1{font-family:var(--font-display);font-size:28px;font-weight:800;margin-bottom:4px}.admin-header p{font-size:13px;color:var(--text-secondary)}.admin-grid{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}.create-form{display:flex;flex-direction:column;gap:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px}.form-check{display:flex;align-items:center}.check-label{display:flex!important;align-items:center;gap:10px;cursor:pointer;font-size:14px!important;color:var(--text-secondary)!important}.check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.form-msg{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.msg-success{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,214,143,.2)}.msg-error{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,77,109,.2)}.users-table{width:100%}.ut-header{display:grid;grid-template-columns:1fr 1fr 64px 100px 40px;padding:8px 0;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);gap:12px}.ut-row{display:grid;grid-template-columns:1fr 1fr 64px 100px 40px;padding:12px 0;border-bottom:1px solid var(--border);align-items:center;gap:12px;font-size:13px}.ut-row:last-child{border-bottom:none}.ut-username{color:var(--text-secondary);font-family:monospace}.ut-display{font-weight:600;display:flex;align-items:center;gap:6px}.admin-tag{font-size:10px;padding:1px 6px;background:var(--accent-dim);color:var(--accent);border-radius:99px;font-weight:700;text-transform:uppercase}.ut-points{font-family:var(--font-display);font-weight:700;color:var(--accent)}.status-active{color:var(--green);font-size:12px}.status-inactive{color:var(--text-muted);font-size:12px}.btn-delete{background:none;border:none;cursor:pointer;font-size:16px;opacity:.4;transition:opacity .2s;padding:4px}.btn-delete:hover{opacity:1}@media (max-width: 900px){.admin-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-grid{grid-template-columns:1fr}.ut-header,.ut-row{grid-template-columns:1fr 1fr 48px 80px;font-size:12px}.ut-header>*:nth-child(4),.ut-header>*:nth-child(5),.ut-row>*:nth-child(4),.ut-row>*:nth-child(5){display:none}}.profile-page{padding-top:24px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.profile-hero-left{display:flex;align-items:center;gap:16px}.profile-crest{width:64px;height:64px;object-fit:contain;flex-shrink:0}.profile-avatar{font-size:48px;line-height:1}.profile-name{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profile-team{font-size:14px;color:var(--text-secondary);display:block;margin-bottom:4px}.btn-pick-team,.btn-change-team{background:none;border:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:0;font-family:var(--font-body);display:block}.btn-change-team{color:var(--text-muted);font-size:11px}.btn-change-team:hover{color:var(--accent)}.profile-logout{flex-shrink:0}.profile-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0}.profile-tab{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all .2s;margin-bottom:-1px}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.profile-content{display:flex;flex-direction:column;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-card{text-align:center;padding:20px 12px}.stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:8px}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.beer-summary{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px}.beer-sum-item{text-align:center}.beer-sum-val{font-family:var(--font-display);font-size:24px;font-weight:700;display:block}.beer-sum-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.beer-sum-sep{font-size:20px;color:var(--text-muted)}.beer-log-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.beer-log-item:last-child{border-bottom:none}.beer-log-amt{font-weight:700;min-width:48px}.beer-log-reason{color:var(--text-secondary)}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-name{font-size:22px}.beer-summary{gap:16px}}@font-face{font-family:Cinzel Decorative;src:url(/fonts/cinzel-decorative.woff2) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #151d2e;--bg-hover: #1c2740;--border: rgba(255, 255, 255, .07);--border-active: rgba(255, 255, 255, .15);--text-primary: #f0f4ff;--text-secondary: #8b9cbf;--text-muted: #4a5568;--accent: #f5a623;--accent-dim: rgba(245, 166, 35, .15);--accent-glow: rgba(245, 166, 35, .3);--green: #00d68f;--green-dim: rgba(0, 214, 143, .12);--red: #ff4d6d;--red-dim: rgba(255, 77, 109, .12);--blue: #4fc3f7;--blue-dim: rgba(79, 195, 247, .12);--live: #ff4d6d;--live-pulse: rgba(255, 77, 109, .4);--beer: #f5a623;--beer-earned: #00d68f;--beer-owed: #ff4d6d;--team-primary: #f5a623;--team-accent: #ffffff;--font-display: "Barlow Condensed", sans-serif;--font-title: "Cinzel Decorative", serif;--font-body: "Inter", sans-serif;--navbar-height: 60px;--max-width: 1100px;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse at 20% 20%,rgba(245,166,35,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(79,195,247,.03) 0%,transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{margin-left:220px;padding:32px 24px;min-height:100vh;max-width:1200px}@media (max-width: 768px){.main-content{margin-left:0;padding:16px 12px 80px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s}.card:hover{border-color:var(--border-active)}.card-glass{background:#151d2eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#ffb84d;transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-active)}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-live{background:var(--red-dim);color:var(--live);animation:livePulse 2s infinite}.badge-upcoming{background:var(--blue-dim);color:var(--blue)}.badge-finished{background:#ffffff0d;color:var(--text-muted)}.badge-group{background:var(--accent-dim);color:var(--accent)}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 var(--live-pulse)}50%{box-shadow:0 0 0 4px transparent}}.section-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-title span{color:var(--accent)}.input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-family:var(--font-body);font-size:14px;color:var(--text-primary);transition:border-color .2s,box-shadow .2s;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--text-muted)}.flag{font-size:1.2em;line-height:1}.beer-positive{color:var(--beer-earned)}.beer-negative{color:var(--beer-owed)}.beer-neutral{color:var(--text-secondary)}.streak-win{color:var(--green)}.streak-loss{color:var(--red)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius);padding:14px 24px;font-size:14px;font-weight:500;color:var(--text-primary);z-index:1000;transition:transform .3s cubic-bezier(.34,1.56,.64,1);max-width:340px;text-align:center;box-shadow:0 8px 32px #0006}.toast.show{transform:translate(-50%) translateY(0)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:.5}@media (max-width: 640px){.main-content{padding-left:12px;padding-right:12px}.card{padding:16px}}.page-enter{animation:pageEnter .25s ease}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}