*,:before,:after{box-sizing:border-box}html,body,#__next{height:100%}body{color:#111;background:#f0f4f8;margin:0;font-family:Inter,system-ui,sans-serif}.top-nav{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.top-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:780px;height:48px;margin:0 auto;padding:0 1rem;display:flex}.nav-links-wrapper{flex:1;min-width:0;position:relative}.top-nav-links{align-items:center;gap:.15rem;display:flex}.top-nav-link{color:#475569;white-space:nowrap;border-radius:6px;padding:.3rem .65rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s}.top-nav-link:hover{color:#111;background:#f1f5f9}.top-nav-link-active{color:#2563eb;background:#eff6ff}.top-nav-link-admin{color:#dc2626;background:#fff5f5;border:1px solid #fca5a5}.top-nav-link-admin:hover,.top-nav-link-admin-active{color:#b91c1c;background:#fee2e2}.burger-btn{cursor:pointer;color:#475569;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s;display:none}.burger-btn:hover{background:#f1f5f9}.mobile-nav-menu{z-index:99;background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.2rem;padding:.5rem;display:none;position:fixed;top:48px;left:0;right:0;box-shadow:0 6px 16px #00000014}.mobile-nav-link{color:#334155;border-radius:8px;padding:.7rem .9rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .1s;display:block}.mobile-nav-link:hover{background:#f1f5f9}.mobile-nav-link-active{color:#2563eb;background:#eff6ff}.mobile-nav-link-admin{color:#dc2626;background:#fff5f5;border:1px solid #fca5a5;margin-top:.25rem}.mobile-nav-link-admin:hover,.mobile-nav-link-admin-active{background:#fee2e2}@media (max-width:640px){.top-nav-links{display:none}.burger-btn,.mobile-nav-menu{display:flex}}.user-dropdown-wrapper{position:relative}.user-dropdown-trigger{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.875rem;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.user-dropdown-trigger:hover{background:#f8fafc;border-color:#94a3b8}.user-dropdown-menu{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:170px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 20px #0000001a}.user-dropdown-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;width:100%;padding:.65rem 1rem;font-size:.875rem;text-decoration:none;transition:background .1s;display:block}.user-dropdown-item:hover{background:#f1f5f9}.user-dropdown-signout{color:#dc2626;border-top:1px solid #f1f5f9}.user-dropdown-signout:hover{background:#fef2f2}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:2.5rem 2rem;box-shadow:0 4px 24px #00000014}.auth-title{text-align:center;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.auth-subtitle{text-align:center;color:#444;margin:0 0 1.5rem;font-size:1.1rem;font-weight:600}.auth-footer{text-align:center;color:#555;margin-top:1.25rem;font-size:.9rem}.auth-footer a{color:#2563eb;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.auth-success{color:#166534;text-align:center;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:#333;font-size:.875rem;font-weight:500}.form-group input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.6rem .75rem;font-size:1rem;transition:border-color .15s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:.65rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:.65rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:#eff6ff}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.dashboard-actions{flex-direction:column;gap:.75rem;display:flex}.rules-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.rules-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.rules-card-header .rules-title{margin:0}.rules-minimize-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.82rem}.rules-minimize-btn:hover{color:#334155}.rules-collapsed-btn{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.5rem 1rem;font-size:.9rem}.rules-collapsed-btn:hover{color:#334155;background:#f8fafc}.rules-title{color:#111;margin:0 0 1rem;font-size:1.05rem;font-weight:700}.rules-subtitle{color:#334155;margin:0 0 .75rem;font-size:.9rem;font-weight:700}.rules-text{color:#475569;margin:0 0 1.25rem;font-size:.9rem;line-height:1.55}.rules-note{color:#94a3b8;margin:.5rem 0 0;font-size:.78rem;line-height:1.5}.rules-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:640px){.rules-grid{grid-template-columns:1fr}}.rules-table{border-collapse:collapse;width:100%;font-size:.82rem}.rules-table th{text-align:left;color:#64748b;border-bottom:2px solid #e2e8f0;padding:.35rem .5rem;font-weight:600}.rules-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.35rem .5rem}.rules-table tr:last-child td{border-bottom:none}.champion-rules-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;font-size:.82rem;overflow:hidden}.champion-rules-row{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .75rem;display:flex}.champion-rules-row:last-child{border-bottom:none}.champion-rules-level{color:#1d4ed8;white-space:nowrap;font-weight:600}.leaderboard-me{background:#f0f7ff}.leaderboard-you{color:#2563eb;margin-left:.35rem;font-size:.78rem;font-weight:500}.champion-bonus-row{color:#475569;padding:.5rem 0;font-size:.82rem}.predictions-page{margin:0 auto;padding:2rem 1rem}.predictions-layout{align-items:flex-start;gap:1.5rem;display:flex}.predictions-main{flex:1 1 0;min-width:0}.matches-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:640px){.matches-grid{grid-template-columns:1fr 1fr}}.predictions-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:120px;max-height:calc(100vh - 80px);position:sticky;top:60px;overflow:hidden auto}.sidebar-header{text-transform:uppercase;color:#64748b;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:48px minmax(0,1fr) 60px 88px;gap:.25rem;padding:.5rem .75rem;font-size:.72rem;font-weight:600;display:grid}.sidebar-row{border-bottom:1px solid #f1f5f9;grid-template-columns:48px minmax(0,1fr) 60px 88px;align-items:center;gap:.25rem;padding:.45rem .75rem;font-size:.78rem;display:grid}.sidebar-row:nth-child(2n){background:#f8fafc}.sidebar-row:last-child{border-bottom:none}.sidebar-date{color:#94a3b8;white-space:nowrap}.sidebar-teams{color:#334155;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-pred{color:#2563eb;text-align:center;font-weight:700}.sidebar-score{color:#475569;text-align:right;white-space:nowrap}@media (max-width:900px){.predictions-sidebar{display:none}}.sidebar-sheet-trigger{z-index:90;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:background .15s;display:none;position:fixed;top:52px;right:1rem;box-shadow:0 2px 10px #2563eb4d}.sidebar-sheet-trigger:hover{background:#1d4ed8}@media (max-width:900px){.sidebar-sheet-trigger{display:flex}}.sidebar-sheet-backdrop{z-index:150;background:#00000059;display:none;position:fixed;inset:0}@media (max-width:900px){.sidebar-sheet-backdrop{display:block}}.sidebar-sheet{z-index:151;background:#fff;flex-direction:column;width:min(320px,90vw);transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.sidebar-sheet-open{transform:translate(0)}.sidebar-sheet-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:1rem;font-weight:700;display:flex}.sidebar-sheet-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .1s;display:flex}.sidebar-sheet-close:hover{background:#f1f5f9}.sidebar-sheet-body{flex:1;overflow-y:auto}.filter-bar{margin-bottom:1.5rem}.filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-form{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-select{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.45rem .65rem;font-size:.95rem;transition:border-color .15s}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.filter-react-select{flex:1;min-width:0}.filter-clear{color:#64748b;white-space:nowrap;font-size:.85rem;text-decoration:none}.filter-clear:hover{color:#ef4444}.loading-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a59;justify-content:center;align-items:center;animation:.15s ease-out loading-fade;display:flex;position:fixed;inset:0}.loading-popup{color:#1e293b;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:.9rem;padding:1.75rem 2.25rem;font-size:1rem;font-weight:600;display:flex;box-shadow:0 12px 40px #00000040}.loading-popup-spinner{border:4px solid #2563eb33;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;animation:.6s linear infinite filter-spin}@keyframes filter-spin{to{transform:rotate(360deg)}}@keyframes loading-fade{0%{opacity:0}to{opacity:1}}.filter-mobile-trigger{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:background .12s,border-color .12s;display:none}.filter-mobile-trigger:hover{background:#f8fafc;border-color:#94a3b8}.filter-badge{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.72rem;font-weight:700;display:inline-flex}.filter-mobile-backdrop{z-index:150;background:#00000059;position:fixed;inset:0}.filter-mobile-sheet{z-index:151;background:#fff;border-radius:16px 16px 0 0;flex-direction:column;max-height:85vh;transition:transform .25s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #0000001f}.filter-mobile-sheet-open{transform:translateY(0)}.filter-mobile-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;font-size:1rem;font-weight:700;display:flex}.filter-mobile-body{flex-direction:column;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.filter-group{flex-direction:column;gap:.3rem;display:flex}.filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}@media (max-width:640px){.filter-row{display:none}.filter-mobile-trigger{display:flex}}.match-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:.75rem;padding:1rem 1.25rem}.match-header{flex-direction:column;gap:.15rem;margin-bottom:.75rem;display:flex}.match-teams{font-size:1rem;font-weight:600}.vs{color:#999;margin:0 .3rem;font-weight:400}.match-meta{color:#888;font-size:.8rem}.match-locked{color:#888;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.prediction-badge{color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:.2rem .6rem;font-size:.8rem}.prediction-badge.no-pred{color:#94a3b8;background:#f8fafc}.final-result-badge{color:#15803d;background:#f0fdf4;border-radius:6px;padding:.2rem .6rem;font-size:.8rem}.prediction-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;margin-top:.4rem;padding:.5rem .75rem;font-size:.85rem}.prediction-saved{color:#16a34a;margin-top:.4rem;font-size:.85rem;font-weight:500}.prediction-form fieldset{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.6rem;padding:.6rem .9rem}.prediction-form legend{color:#666;padding:0 .3rem;font-size:.78rem}.prediction-form label{cursor:pointer;margin-bottom:.3rem;font-size:.9rem;display:block}.prediction-form input[type=radio]{accent-color:#2563eb;margin-right:.4rem}.score-inputs{align-items:center;gap:.5rem;display:flex}.score-team{color:#475569;flex:1;font-size:.85rem}.score-team:last-child{text-align:right}.score-input{text-align:center;appearance:textfield;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:48px;padding:.3rem .4rem;font-size:1rem;font-weight:600;transition:border-color .15s}.score-input::-webkit-outer-spin-button{-webkit-appearance:none}.score-input::-webkit-inner-spin-button{-webkit-appearance:none}.score-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.score-sep{color:#94a3b8;font-size:1.1rem;font-weight:700}.stage-heading{text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:2px solid #e2e8f0;margin:1.5rem 0 .6rem;padding-bottom:.3rem;font-size:1rem;font-weight:700}.classification-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px 6px #0000000f}.classification-table th,.classification-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:.65rem 1rem}.classification-table th{text-transform:uppercase;color:#64748b;letter-spacing:.04em;background:#f8fafc;font-size:.8rem}.classification-table tbody tr:nth-child(2n){background:#f8fafc}.classification-table details summary{cursor:pointer;font-weight:500;list-style:none}.classification-table details summary:before{content:"▶ ";color:#94a3b8;font-size:.65rem}.classification-table details[open] summary:before{content:"▼ "}.breakdown-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.8rem}.breakdown-table th,.breakdown-table td{text-align:left;color:#475569;border-bottom:1px solid #f1f5f9;padding:.3rem .5rem}.breakdown-table-wrap{margin-top:.25rem;overflow-x:auto}@media (max-width:600px){.breakdown-table thead{display:none}.breakdown-table,.breakdown-table tbody{display:block}.breakdown-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;padding:.5rem .75rem;display:block}.breakdown-table td{border:none;justify-content:space-between;align-items:center;padding:.18rem 0;font-size:.82rem;display:flex}.breakdown-table td:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:.5rem;font-size:.72rem;font-weight:700}.breakdown-table td:first-child{border-bottom:1px solid #f1f5f9;justify-content:flex-start;margin-bottom:.15rem;padding-bottom:.35rem;font-weight:600}.breakdown-table td:first-child:before{display:none}.breakdown-td-stage{display:none!important}}.lb-tabs{gap:.5rem;margin-bottom:.75rem;display:flex}.lb-tab{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:background .12s,color .12s}.lb-tab:hover{background:#f1f5f9}.lb-tab-active,.lb-tab-active:hover{color:#fff;background:#2563eb;border-color:#2563eb}.leaderboard{background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px 6px #0000000f}.leaderboard-header{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:2.5rem 1fr 5.5rem 6rem 4.5rem 1.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:grid}.leaderboard-row{border-bottom:1px solid #f1f5f9}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:nth-child(2n)>.leaderboard-summary{background:#f8fafc}.leaderboard-summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:2.5rem 1fr 5.5rem 6rem 4.5rem 1.5rem;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.92rem;list-style:none;transition:background .12s;display:grid}.leaderboard-summary::-webkit-details-marker{display:none}.leaderboard-summary::marker{display:none}.leaderboard-summary:hover{background:#e8f0fe}.leaderboard-row[open]>.leaderboard-summary{background:#f0f9ff}.leaderboard-row-me>.leaderboard-summary{background:#eff6ff}.leaderboard-row-me[open]>.leaderboard-summary{background:#dbeafe}.lb-rank{text-align:center;color:#888;font-size:.92rem;font-weight:600}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.lb-chevron{text-align:center;color:#94a3b8;font-size:1.1rem;line-height:1;transition:transform .18s;display:inline-block}.leaderboard-row[open]>.leaderboard-summary .lb-chevron{color:#2563eb;transform:rotate(90deg)}.lb-right{text-align:right}.leaderboard-breakdown{background:#fafcff;border-top:1px solid #e8f4ff;padding:.75rem 1rem 1rem}@media (max-width:540px){.leaderboard-header,.leaderboard-summary{grid-template-columns:2rem 1fr 3.5rem 3.5rem 1.5rem}.lb-hide-mobile{display:none!important}}.admin-results-page{max-width:800px;margin:2rem auto;padding:0 1rem}.admin-results-layout{grid-template-columns:1fr;display:grid}.admin-jump-link{color:#2563eb;align-items:center;gap:.3rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.admin-jump-link:hover{text-decoration:underline}.admin-goto-top{color:#fff;z-index:50;letter-spacing:.02em;background:#1e40af;border-radius:999px;padding:.45rem 1rem;font-size:.78rem;font-weight:600;text-decoration:none;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 2px 10px #00000038}.admin-goto-top:hover{background:#1d4ed8}@media (min-width:900px){.admin-results-page{max-width:1320px}.admin-results-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem}.admin-jump-link,.admin-goto-top{display:none!important}}