@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#f47a13;--primary-dark:#c94d05;--primary-light:#ffb13b;--primary-rgb:244, 122, 19;--secondary:#12588d;--secondary-dark:#062f55;--secondary-rgb:18, 88, 141;--festival-green:#0f9d58;--festival-yellow:#ffc928;--festival-red:#d72638;--tertiary:#9aa3ad;--tertiary-dark:#59636f;--tertiary-rgb:154, 163, 173;--bg:#f6a056;--ink:#142033;--muted:#5f6874;--accent:var(--primary);--accent-strong:var(--secondary-dark);--accent-gold:var(--primary);--surface:#ffeed8bd;--surface-strong:#fff7e5d6;--surface-soft:#ffe5c6a8;--surface-blue:#e2f2fcc7;--surface-orange:#ffd38e9e;--field:#fffaf4e6;--card:var(--surface);--border:#062f552e;--shadow:0 18px 36px #062f5529;--rail:#0b3a65;--navbar-height:68px}*,:before,:after{box-sizing:border-box;font-family:Manrope,Segoe UI,sans-serif}html{background-color:var(--bg);min-height:100%}body{color:var(--ink);background-color:var(--bg);isolation:isolate;background-image:none;min-height:100dvh;margin:0;position:relative}body:before,body:after{content:"";pointer-events:none;background-position:50%;background-repeat:no-repeat;position:fixed;inset:0}body:before{z-index:-2;filter:saturate(1.16)contrast(1.03)brightness(1.02);background-image:linear-gradient(#f6a05614,#f6a05624),url(/assets/background-DO_9Q9V4.jpeg);background-size:cover}body:after{z-index:-1;filter:saturate(1.14)contrast(1.03)brightness(1.03);background-image:repeating-linear-gradient(118deg,#0000 0 42px,#0f9d581c 42px 48px,#0000 48px 84px,#ffc92824 84px 90px,#0000 90px 132px,#d7263817 132px 138px,#0000 138px 220px),linear-gradient(#f6a0560f,#f6a05624),url(/assets/background-DO_9Q9V4.jpeg);background-repeat:repeat,no-repeat,no-repeat;background-size:360px 360px,auto,contain}body[data-background-variant=mobile]:before{filter:saturate(1.14)contrast(1.03)brightness(1.02);background-image:linear-gradient(#f6a0561a,#f6a0562e),url(/assets/background-mobile-D6DauLdJ.jpg);background-size:cover}body[data-background-variant=mobile]:after{background-image:repeating-linear-gradient(118deg,#0000 0 42px,#f47a131a 42px 48px,#0000 48px 84px,#ffc92824 84px 90px,#0000 90px 132px,#d7263817 132px 138px,#0000 138px 220px),linear-gradient(#f6a0561f,#f6a05638),url(/assets/background-mobile-D6DauLdJ.jpg);background-position:50%,50%,50%;background-repeat:repeat,no-repeat,no-repeat;background-size:320px 320px,auto,contain}*{scrollbar-width:thin;scrollbar-color:rgba(var(--secondary-rgb), .82) #ffe5cd7a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffe5cd7a;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--secondary) 0%, var(--secondary-dark) 100%);border:2px solid #ffe5cdc7;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%)}::-webkit-scrollbar-corner{background:0 0}a{color:var(--secondary);font-weight:600;text-decoration:none}a:hover{color:var(--primary)}.navbar{z-index:100;height:var(--navbar-height);background:linear-gradient(90deg, var(--secondary-dark) 0%, var(--rail) 48%, #145b8f 100%);-webkit-backdrop-filter:blur(14px)saturate(1.05);backdrop-filter:blur(14px)saturate(1.05);border-bottom:0;align-items:center;gap:12px;padding:0 clamp(10px,2vw,18px);display:flex;position:sticky;top:0;box-shadow:0 14px 30px #062f552e}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;padding-left:6px;text-decoration:none;display:flex}.navbar-logo-icon{background:var(--secondary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:3px;font-size:1.1rem;font-weight:800;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff57,0 8px 16px #00000029}.navbar-logo-icon img{object-fit:cover;filter:drop-shadow(0 7px 12px #0000002e);width:100%;height:100%;display:block}.navbar-logo-only{justify-content:flex-start}.navbar-logo-only .navbar-logo{cursor:default}.navbar-logo-text{color:#fff;letter-spacing:0;font-size:1rem;font-weight:900}.navbar-logo-text span{color:var(--primary)}.navbar-spacer{display:none}.navbar-links{flex:auto;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.navbar-link{color:#ffffffc7;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex;overflow:hidden}.navbar-link:hover,.navbar-link.active{color:#fff;box-shadow:inset 0 -2px 0 var(--primary);background:#ffffff1f}.navbar-dropdown{display:inline-flex;position:relative;overflow:visible}.navbar-dropdown-chevron{margin-left:2px;transition:transform .15s}.navbar-dropdown-chevron.open{transform:rotate(180deg)}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-dropdown-menu{z-index:220;background:var(--secondary-dark);transform-origin:0 0;border:1px solid #ffffff29;border-radius:8px;min-width:168px;padding:6px;animation:.16s ease-out dropdown-enter;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 40px #062f5547}.navbar-dropdown-menu a{color:#ffffffd1;border-radius:6px;align-items:center;min-height:38px;padding:8px 10px;font-size:.88rem;font-weight:800;display:flex}.navbar-dropdown-menu a:hover{background:rgba(var(--primary-rgb), .22);color:#fff}.navbar-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-left:8px;padding:8px 16px;font-size:.9rem;font-weight:700;transition:box-shadow .15s,transform .15s;display:inline-flex}.navbar-logout-btn{flex:none;width:170px;min-width:170px;overflow:hidden}.navbar-logout-btn svg{flex-shrink:0}.navbar-btn:hover{box-shadow:0 10px 18px rgba(var(--primary-rgb), .28);transform:translateY(-1px)}.team-select-menu{transform-origin:top;animation:.16s ease-out dropdown-enter}.navbar-toggle{cursor:pointer;color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:none}.page{min-height:calc(100vh - var(--navbar-height));justify-content:center;align-items:flex-start;padding:clamp(24px,4vw,48px);display:flex}.page-center{align-items:center}.app-notification-layer{top:calc(var(--navbar-height) + 18px);z-index:500;pointer-events:none;width:min(390px,100vw - 32px);position:fixed;right:clamp(16px,3vw,28px)}.app-notification{border:1px solid var(--border);color:var(--ink);-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);pointer-events:auto;background:#fff7e5f5;border-radius:8px;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px;animation:.18s ease-out notification-in;display:grid;box-shadow:0 18px 44px #062f553d}.app-notification-icon{color:#fff;background:var(--secondary);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38}.app-notification-success .app-notification-icon{background:var(--festival-green)}.app-notification-error .app-notification-icon{background:var(--festival-red)}.app-notification-warning .app-notification-icon{background:var(--primary-dark)}.app-notification-info .app-notification-icon{background:var(--secondary)}.app-notification-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.app-notification-copy strong{color:var(--secondary-dark);font-size:.98rem;line-height:1.25}.app-notification-copy p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.9rem;font-weight:650;line-height:1.45}.app-notification-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.notification-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:8px 12px;font-family:Manrope,sans-serif;font-size:.84rem;font-weight:900;display:inline-flex}.notification-btn-muted{border:1px solid var(--border);color:var(--secondary-dark);background:#ffffffad}.notification-btn-primary{background:var(--primary);color:#fff;border:1px solid #0000}.notification-btn:hover{transform:translateY(-1px)}@keyframes notification-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pill{border:1px solid rgba(var(--primary-rgb), .22);color:var(--primary-dark);letter-spacing:.3px;text-transform:uppercase;background:#ffffff8f;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(20px,3vw,40px);width:min(1000px,100%);display:grid}.auth-intro{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(var(--primary-rgb), .22);box-shadow:var(--shadow);background:#ffe5cdc2;border-radius:8px;flex-direction:column;gap:18px;padding:clamp(24px,4vw,40px);display:flex;position:relative;overflow:hidden}.auth-intro h1{color:var(--secondary-dark);z-index:1;margin:0;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:800;line-height:1.1;position:relative}.auth-intro p{color:var(--muted);z-index:1;margin:0;font-size:1rem;line-height:1.6;position:relative}.intro-highlights{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.highlight{border:1px solid var(--border);z-index:1;background:#ffeedadb;border-radius:8px;padding:14px;position:relative}.highlight>svg,.stat-card>svg,.summary-card>svg{color:var(--accent);margin-bottom:2px}.highlight h3{color:var(--accent-strong);margin:0 0 5px;font-size:1.15rem;font-weight:700}.highlight p{color:var(--muted);margin:0;font-size:.9rem}.auth-card{background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:clamp(24px,4vw,36px)}.form{flex-direction:column;gap:16px;display:flex}.form-header h2{margin:0 0 5px;font-size:1.7rem;font-weight:800}.form-header p{color:var(--muted);margin:0}.field{flex-direction:column;gap:7px;font-weight:600;display:flex}.field span{font-size:.9rem}input,select{border:1px solid var(--border);background:var(--field);border-radius:8px;width:100%;padding:11px 13px;font-family:Manrope,sans-serif;font-size:1rem}select{appearance:none;cursor:pointer}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .18);outline:none}input:disabled,select:disabled{cursor:not-allowed;opacity:.72;background:#fffaf494}.input-control,.password-control{align-items:center;display:flex;position:relative}.input-control>svg{color:var(--muted);pointer-events:none;position:absolute;left:13px}.input-control input{padding-left:40px}.password-control input{padding-right:48px}.password-toggle{background:rgba(var(--primary-rgb), .1);width:36px;height:36px;color:var(--primary-dark);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .15s;display:inline-flex;position:absolute;right:7px}.password-toggle:hover,.password-toggle:focus-visible{background:rgba(var(--primary-rgb), .16);border-color:rgba(var(--primary-rgb), .22);transform:translateY(-1px)}.password-toggle:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:Manrope,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.primary-btn:hover{box-shadow:0 10px 20px rgba(var(--primary-rgb), .28);transform:translateY(-1px)}.ghost-btn{border:1px solid var(--border);background:var(--surface);color:var(--secondary-dark);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.ghost-btn:hover{border-color:var(--accent);color:var(--primary-dark);background:var(--surface-orange)}.form-footer{color:var(--muted);text-align:center;margin:0;font-size:.9rem}.field-error,.form-alert{color:var(--festival-red);overflow-wrap:anywhere;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.5em;margin:0;font-size:.76rem;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.form-alert{background:0 0;border:0;padding:0}.field-error[aria-hidden=true],.form-alert[aria-hidden=true],.form-alert:empty,.field-error:empty{visibility:hidden}.form-alert-success{color:var(--festival-green)}.form-alert-error{color:var(--festival-red)}.form-footer-slot[aria-hidden=true]{visibility:hidden}.team-label{vertical-align:middle;align-items:center;gap:7px;min-width:0;max-width:100%;display:inline-flex}.team-flag{flex-shrink:0;align-items:center;font-size:1.08em;line-height:1;display:inline-flex}.team-flag-img{object-fit:cover;border-radius:2px;flex-shrink:0;width:22px;height:16px;box-shadow:0 0 0 1px #062f551f}.team-label-name{overflow-wrap:normal;text-overflow:clip;word-break:normal;min-width:0;line-height:1.2;display:block;overflow:hidden}.field-label{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.legacy-team-select{display:none}.team-select{flex-direction:column;gap:7px;display:flex;position:relative}.team-select-label{font-size:.9rem;font-weight:700}.team-select-trigger{border:1px solid var(--border);background:var(--field);width:100%;min-height:48px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:1rem;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.team-select-trigger.open,.team-select-trigger:focus-visible{border-color:var(--accent);background:var(--field);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .16);outline:none}.team-select-trigger>svg{color:var(--accent-strong);flex-shrink:0}.team-select-trigger:disabled{cursor:not-allowed;opacity:.72}.team-select-placeholder{color:var(--muted);font-weight:600}.team-select-value,.team-select-placeholder{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.team-select-value .team-label{flex-wrap:nowrap}.team-select-value .team-label-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-select-menu{z-index:30;border:1px solid var(--border);background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #062f552e, 0 12px 28px rgba(var(--primary-rgb), .12);border-radius:8px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0}.team-select-search{align-items:center;margin-bottom:8px;display:flex;position:relative}.team-select-search svg{color:var(--muted);pointer-events:none;position:absolute;left:12px}.team-select-search input{border-radius:8px;min-height:40px;padding-left:38px;font-size:.92rem}.team-select-options{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow:auto}.team-select-option{width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:.95rem;font-weight:700;display:flex}.team-select-option:hover,.team-select-option.selected{background:var(--surface-orange);color:var(--primary-dark)}.team-select-option:disabled{cursor:not-allowed;opacity:.5}.team-select-option-note{color:var(--muted);text-transform:uppercase;margin-left:auto;font-size:.72rem;font-weight:700}.team-select-empty{color:var(--muted);text-align:center;padding:12px;font-size:.9rem}.home-shell{flex-direction:column;gap:20px;width:min(1100px,100%);display:flex}.hero{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffe5cdc7;border:1px solid #062f552e;border-radius:8px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:stretch;gap:20px;padding:clamp(24px,4vw,44px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 44px #062f5529}.hero-text,.hero-image,.hero-stats{z-index:1;position:relative}.hero-text h1{color:var(--secondary-dark);margin:12px 0 10px;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:800;line-height:1.08}.hero-text p{color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.hero .pill,.auth-intro .pill{z-index:1;border-color:rgba(var(--primary-rgb), .22);color:var(--primary-dark);background:#ffffff8f;position:relative}.hero-image{background-color:#ffeeda9e;background-position:50%;background-size:cover;border:1px solid #ffffff80;border-radius:8px;min-height:260px;overflow:hidden;box-shadow:0 18px 34px #062f552e}@media (width>=961px){.hero-image{background-image:url(/assets/vecteezy_crowd-of-excited-fans-celebrating-a-sporting-event_58424345-4PFchrMU.jpeg)}}.hero-image:after{content:"";pointer-events:none;background:linear-gradient(#062f5505,#062f5533),linear-gradient(90deg,#ffe5cd0a,#ffe5cd00);position:absolute;inset:0}.hero-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--border);background:#ffeedae0;border-radius:8px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:0 12px 26px #062f5514}.stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:.82rem;font-weight:600}.stat-card strong{color:var(--accent-strong);font-size:1.05rem;font-weight:700}.stat-card small{color:var(--muted);font-size:.82rem}.rule-block{background:var(--surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:8px;padding:clamp(20px,3vw,28px);box-shadow:0 10px 28px #062f5514}.section-header{margin-bottom:14px}.section-header h2{color:var(--secondary-dark);align-items:center;gap:8px;margin:0 0 6px;font-size:1.35rem;font-weight:800;display:flex}.section-header h2 svg{color:var(--accent);flex-shrink:0}.section-header p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.rule-list,.rule-steps{color:var(--muted);margin:0;padding-left:20px;font-size:.95rem;line-height:1.8}.matches-shell{flex-direction:column;gap:20px;width:min(1100px,100%);display:flex}.matches-header{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:clamp(20px,3vw,28px)}.matches-header h1{color:var(--secondary-dark);margin:8px 0 4px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.matches-header p{color:var(--muted);margin:0}.matches-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.match-card{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;min-height:191.7px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;box-shadow:0 8px 24px #062f5514}.match-date{overflow-wrap:normal;text-overflow:clip;text-align:right;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.35;display:flex}a .match-card:hover{border-color:rgba(var(--primary-rgb), .42);transform:translateY(-2px);box-shadow:0 14px 30px #062f551f}.submit-button{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;padding:10px;display:flex;box-shadow:0 8px 24px #062f550e}.match-top{color:var(--muted);justify-content:space-between;font-size:.82rem;display:flex}.match-stage{color:var(--accent-strong);font-weight:700}.match-status{text-transform:uppercase;letter-spacing:.4px;background:rgba(var(--secondary-rgb), .12);color:var(--secondary-dark);border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3}.status-scheduled{border-color:rgba(var(--secondary-rgb), .28);background:rgba(var(--secondary-rgb), .13);color:var(--secondary-dark)}.status-live{background:var(--primary);color:#fff;box-shadow:0 6px 14px rgba(var(--primary-rgb), .22);border-color:#ffffff5c}.status-closed{border-color:rgba(var(--primary-rgb), .32);background:rgba(var(--primary-rgb), .16);color:var(--primary-dark)}.status-finished{border-color:rgba(var(--secondary-rgb), .34);background:var(--secondary-dark);color:#fff}.match-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:.95rem;font-weight:700;display:grid;overflow:hidden}.match-teams>.team-label{width:100%}.match-teams>.team-label:first-child{text-align:right;justify-content:flex-end}.match-teams>.team-label:last-child{text-align:left;justify-content:flex-start}.match-teams strong{color:var(--accent-strong);text-align:center;font-size:1.15rem}.match-meta{color:var(--muted);justify-content:space-between;font-size:.82rem;display:flex}.match-results-pending{color:var(--muted);pointer-events:none;margin:0;font-size:.78rem;font-weight:500;line-height:1.4;position:absolute;bottom:18px;left:18px;right:18px}.empty-state{border:1px dashed var(--border);text-align:center;color:var(--muted);background:#ffe4ccbd;border-radius:8px;padding:24px}.summary-card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;flex-direction:column;gap:4px;padding:18px;display:flex;box-shadow:0 8px 20px #062f5512}.summary-card span{color:var(--muted);font-size:.85rem;font-weight:600}.summary-card strong{color:var(--accent-strong);font-size:1.5rem;font-weight:800}.summary-card small{color:var(--muted);font-size:.82rem}.summary-grid{grid-template-columns:2fr 2fr;align-items:stretch;gap:14px;display:grid}.ranking-switch{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;flex-direction:column;gap:8px;min-height:100%;padding:16px;display:flex;overflow:hidden;box-shadow:0 8px 20px #062f5512}.ranking-switch-btn{cursor:pointer;letter-spacing:.2px;color:var(--muted);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-family:Manrope,Segoe UI,sans-serif;font-size:.78rem;font-weight:700;transition:background .15s,color .15s,border-radius .15s;display:flex}.ranking-switch-btn.active{background:var(--surface-orange);color:var(--primary-dark);border-radius:6px}.predictions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.prediction-card{border:1px solid var(--border);background:var(--card);border-radius:8px;flex-direction:column;gap:10px;padding:18px;display:flex;box-shadow:0 8px 24px #062f5512}.prediction-top{color:var(--muted);justify-content:space-between;font-size:.82rem;display:flex}.prediction-meta{color:var(--muted);flex-direction:column;gap:3px;font-size:.82rem;display:flex}.prediction-row{justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;display:flex}.points-badge{background:var(--surface-orange);min-width:40px;color:var(--primary-dark);border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-weight:700;display:inline-flex}.ranking-list{flex-direction:column;gap:10px;display:flex}.ranking-row{border:1px solid var(--border);background:var(--surface-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;box-shadow:0 6px 18px #062f550f}.rank-left{align-items:center;gap:12px;display:flex}.rank-left strong{font-size:.95rem;display:block}.rank-left small{color:var(--muted);font-size:.82rem}.rank-badge{background:var(--surface-blue);width:34px;height:34px;color:var(--accent-strong);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:inline-flex}.rank-1{background:var(--surface-orange);color:var(--primary-dark)}.rank-2{background:var(--surface-blue);color:var(--secondary-dark)}.rank-3{background:rgba(var(--tertiary-rgb), .24);color:var(--tertiary-dark)}.rank-points{text-align:right;flex-shrink:0}.rank-points span{color:var(--muted);font-size:.82rem;font-weight:600;display:block}.rank-points strong{color:var(--accent-strong);font-size:1.35rem;font-weight:800}.new-predictions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.prediction-form{gap:18px}.score-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:14px;display:grid}.score-divider{color:var(--accent-strong);align-self:center;padding-bottom:10px;font-size:1.5rem;font-weight:800}.prediction-preview{color:var(--accent-strong);margin-top:10px;font-weight:700}.prediction-actions{justify-content:flex-end;display:flex}.prediction-actions .navbar-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.prediction-link{margin-top:4px}.penalty-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex}.penalty-copy{flex-direction:column;gap:4px;display:flex}.penalty-copy strong{color:var(--accent-strong);align-items:center;gap:8px;display:flex}.penalty-copy p,.penalty-hint,.match-note{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.penalty-options{border:0;align-items:center;gap:8px;min-width:0;margin:0;padding:0;display:inline-flex}.penalty-options-hidden{visibility:hidden;pointer-events:none}.penalty-option{border:1px solid var(--border);background:var(--field);min-height:42px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-family:Manrope,sans-serif;font-weight:800;transition:border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.penalty-option:hover,.penalty-option:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12);outline:none}.penalty-option.selected{border-color:var(--accent);background:var(--surface-orange);color:var(--primary-dark)}.prediction-penalty-option{justify-content:center;gap:10px;min-width:72px;padding:9px 12px}.prediction-penalty-option input[type=radio]{width:16px;height:16px;accent-color:var(--primary);flex:none;margin:0}.prediction-penalty-option .team-label{flex:none}.prediction-penalty-option .team-flag-img{width:24px;height:17px}.penalty-option:disabled,.penalty-option.disabled{cursor:not-allowed;opacity:.62;transform:none}.match-note{align-items:center;gap:7px;padding-top:2px;display:flex}.checkbox-field{color:var(--muted);align-items:center;gap:10px;font-size:.92rem;font-weight:700;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--accent);margin:0}.checkbox-field.compact{align-self:end;min-height:44px}.admin-shell{grid-template-columns:minmax(280px,.9fr) minmax(0,1.25fr);align-items:start;gap:20px;width:min(1100px,100%);display:grid}.admin-results{flex-direction:column;gap:16px;display:flex}.admin-tournament-flow{grid-column:1/-1}.admin-results-list{flex-direction:column;gap:14px;display:flex}.admin-flow-toggle-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-flow-copy{flex-direction:column;gap:4px;display:flex}.admin-flow-copy strong{color:var(--ink);font-size:.98rem}.admin-flow-copy span{color:var(--muted);font-size:.84rem;font-weight:800}.admin-switch{color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;font-size:.84rem;font-weight:900;display:inline-flex}.admin-switch input{opacity:0;pointer-events:none;position:absolute}.admin-switch-track{border:1px solid var(--border);background:rgba(var(--tertiary-rgb), .22);border-radius:999px;flex-shrink:0;width:54px;height:30px;transition:background .18s,border-color .18s;position:relative}.admin-switch-track:after{content:"";background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #062f552e}.admin-switch input:checked+.admin-switch-track{border-color:rgba(var(--primary-rgb), .36);background:var(--accent)}.admin-switch input:checked+.admin-switch-track:after{transform:translate(24px)}.admin-switch input:focus-visible+.admin-switch-track{box-shadow:0 0 0 3px rgba(var(--primary-rgb), .16)}.admin-switch.saving{opacity:.7;cursor:wait}.teams-list{flex-wrap:wrap;gap:8px;max-height:180px;padding-top:2px;display:flex;overflow:auto}.team-chip{border:1px solid var(--border);background:var(--card);max-width:100%;color:var(--muted);border-radius:999px;align-items:center;padding:5px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.admin-match-row{border:1px solid var(--border);background:var(--card);border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex}.admin-match-title{align-items:center;gap:10px;display:flex}.admin-match-title svg{color:var(--accent);flex-shrink:0}.admin-match-title strong,.admin-match-title span{display:block}.admin-match-title span{color:var(--muted);font-size:.84rem}.phase-helper{color:var(--muted);font-size:.8rem;font-weight:700;line-height:1.4}.phase-auto-chip{border:1px solid var(--border);background:rgba(var(--tertiary-rgb), .1);min-height:36px;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-self:center;align-items:center;padding:7px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.phase-auto-chip.knockout{border-color:rgba(var(--secondary-rgb), .22);background:rgba(var(--secondary-rgb), .1);color:var(--accent-strong)}.admin-result-grid{grid-template-columns:repeat(2,minmax(120px,1fr));align-items:end;gap:12px;display:grid}.penalty-winner-panel{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.penalty-helper{color:var(--muted);font-size:.88rem;font-weight:800}.admin-result-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.admin-penalty-toggle{align-self:center;min-height:40px}.admin-result-actions .admin-save-btn{align-self:center}.admin-save-btn{align-self:flex-end}.admin-podium{grid-column:1/-1}.admin-save-btn:disabled,.navbar-btn:disabled,.ghost-btn:disabled,.primary-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.fairytale-actions{margin-top:20px}.tournament-page{align-items:flex-start}.tournament-shell{flex-direction:column;gap:20px;width:min(1180px,100%);min-width:0;max-width:100%;display:flex}.tournament-header{justify-content:space-between;align-items:center;gap:16px;min-width:100%;display:flex}.tournament-switch{flex:0 0 240px;height:104px}.tournament-section{flex-direction:column;gap:16px;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}.groups-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.group-card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #062f550f}.group-card-title{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb), .18);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.group-card-title h3{margin:0;font-size:1rem}.group-card-title span{color:var(--muted);font-size:.82rem;font-weight:800}.standings-table{flex-direction:column;display:flex;overflow-x:auto}.standings-row{border-bottom:1px solid rgba(var(--tertiary-rgb), .72);text-align:center;grid-template-columns:34px minmax(88px,1fr) 42px 42px 42px;align-items:center;gap:8px;min-height:58px;padding:8px 12px;display:grid}.standings-row:last-child{border-bottom:none}.standings-head{background:rgba(var(--secondary-rgb), .08);min-height:34px;color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:900}.standings-table-full .standings-row{grid-template-columns:28px minmax(132px,1.6fr) repeat(8,minmax(34px,.45fr)) minmax(86px,.9fr);min-width:680px}.third-place-table .standings-row{grid-template-columns:28px minmax(150px,1fr) 54px repeat(3,minmax(44px,.4fr)) minmax(86px,.7fr);min-width:520px}.standings-row.qualified{background:rgba(var(--secondary-rgb), .08)}.standings-row.best-third{background:rgba(var(--secondary-rgb), .13)}.standing-rank{background:rgba(var(--secondary-rgb), .2);width:28px;height:28px;color:var(--accent-strong);border-radius:9px;justify-content:center;justify-self:center;align-items:center;font-weight:900;display:inline-flex}.standing-status{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.72rem;font-weight:700;line-height:1.1}.team-stack{min-width:0;color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:inline-flex}.team-stack.compact{text-align:left;flex-direction:row;justify-content:flex-start;justify-self:start}.team-stack.compact .team-stack-name{max-width:130px;color:var(--ink);font-size:.78rem}.team-stack-flag{justify-content:center;align-items:center;font-size:1.55rem;line-height:1;display:inline-flex}.team-stack-flag-img{object-fit:cover;border-radius:2px;width:34px;height:24px;box-shadow:0 0 0 1px #062f5524}.team-stack-placeholder{background:rgba(var(--secondary-rgb), .12);border-radius:2px;width:34px;height:24px}.team-stack-name{max-width:96px;color:var(--muted);overflow-wrap:anywhere;font-size:.72rem;font-weight:900;line-height:1.1}.fairytale-shell{flex-direction:column;gap:20px;width:min(760px,100%);display:flex}.fairytale-podium{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:8px;display:grid}.fairytale-podium-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;display:flex;box-shadow:0 6px 18px #062f550f}.podium-emoji{font-size:1.6rem;line-height:1}.podium-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:.78rem;font-weight:700}.podium-team{color:var(--accent-strong);font-size:1rem;font-weight:800}.fairytale-form-grid{color:var(--accent);flex-direction:column;gap:14px;display:flex}.fairytale-field{flex-direction:column;gap:8px;display:flex}.fairytale-field-header{align-items:center;gap:10px;display:flex}.fairytale-field-header .podium-emoji{flex-shrink:0;font-size:1.3rem}.fairytale-field-label{color:var(--ink);font-size:.9rem;font-weight:700;display:block}.fairytale-field-hint{color:var(--muted);font-size:.8rem;display:block}.fairytale-status{margin-top:8px}.fairytale-confirm-backdrop{z-index:520;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#062f5557;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.fairytale-confirm-dialog{border:1px solid var(--border);background:#fff7e5fa;border-radius:8px;flex-direction:column;gap:14px;width:min(500px,100%);padding:20px;display:flex;box-shadow:0 22px 52px #062f5547}.fairytale-confirm-header{color:var(--primary-dark);align-items:center;gap:10px;display:flex}.fairytale-confirm-header h3{color:var(--secondary-dark);margin:0;font-size:1.12rem;line-height:1.25}.fairytale-confirm-dialog p{color:var(--muted);margin:0;font-size:.96rem;font-weight:650;line-height:1.55}.fairytale-confirm-dialog p strong{color:var(--primary-dark)}.fairytale-confirm-podium{gap:8px;margin:0;padding:0;display:grid}.fairytale-confirm-row{border:1px solid rgba(var(--secondary-rgb), .14);background:#ffeedab8;border-radius:8px;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.fairytale-confirm-row dt{color:var(--secondary-dark);font-size:.8rem;font-weight:900}.fairytale-confirm-row dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:.92rem;font-weight:800}.fairytale-confirm-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=700px){.fairytale-confirm-backdrop{align-items:flex-end;padding:12px}.fairytale-confirm-dialog{padding:16px}.fairytale-confirm-row{grid-template-columns:1fr;gap:3px}.fairytale-confirm-actions{flex-direction:column-reverse}.fairytale-confirm-actions .ghost-btn,.fairytale-confirm-actions .primary-btn{width:100%}}.fairytale-podium-visual{justify-content:center;align-items:flex-end;gap:10px;padding:12px 0 0;display:flex}.fairytale-podium-col{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:140px;display:flex}.fairytale-team-chip{text-align:center;white-space:nowrap;text-overflow:ellipsis;border:1.5px solid;border-radius:999px;max-width:100%;padding:5px 12px;font-size:.78rem;font-weight:700;overflow:hidden}.fairytale-result-badge{border:1px solid var(--border);min-height:26px;color:var(--muted);white-space:nowrap;background:#ffffff9e;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:.72rem;font-weight:900;display:inline-flex}.fairytale-result-badge.hit{color:#087143;background:#0f9d581f;border-color:#0f9d5847}.fairytale-result-badge.miss{color:#a81725;background:#d726381a;border-color:#d7263847}.fairytale-result-badge.pending{border-color:rgba(var(--secondary-rgb), .2);background:rgba(var(--secondary-rgb), .1);color:var(--secondary-dark)}.podium-chip-1{background:rgba(var(--primary-rgb), .16);border-color:var(--primary);color:var(--primary-dark)}.podium-chip-2{background:rgba(var(--secondary-rgb), .12);border-color:var(--secondary);color:var(--secondary-dark)}.podium-chip-3{background:rgba(var(--tertiary-rgb), .22);border-color:var(--tertiary-dark);color:var(--tertiary-dark)}.podium-chip-4{background:var(--surface-blue);border-color:var(--secondary);color:var(--secondary-dark)}.fairytale-podium-block{border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:100%;display:flex}.fairytale-podium-rank{letter-spacing:.5px;text-transform:uppercase;font-size:.75rem;font-weight:800}.podium-block-1{background:var(--primary);color:#fff}.podium-block-2{background:var(--secondary);color:#fff}.podium-block-3{background:var(--tertiary-dark);color:#fff}.podium-block-4{background:var(--secondary);color:#fff}.bracket-scroll{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:12px;overflow:auto hidden}.bracket-board{--row-h:90px;align-items:flex-start;gap:12px;width:max-content;padding:12px 24px 24px;display:flex}.bracket-stage{flex-direction:column;flex-shrink:0;width:220px;display:flex}.bracket-stage-header{justify-content:center;height:34px;margin-bottom:8px;display:flex}.bracket-stage-title{background:var(--secondary-dark);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:34px;padding:0 16px;font-size:.74rem;font-weight:900;display:inline-flex}.bracket-stage-matches{display:grid}.bracket-stage.round32 .bracket-stage-matches{grid-template-rows:repeat(16, var(--row-h));row-gap:20px}.bracket-stage.round16 .bracket-stage-matches{grid-template-rows:repeat(8, calc(var(--row-h) * 2))}.bracket-stage.quarter .bracket-stage-matches{grid-template-rows:repeat(4, calc(var(--row-h) * 4))}.bracket-stage.semi .bracket-stage-matches{grid-template-rows:repeat(2, calc(var(--row-h) * 8))}.bracket-stage.third .bracket-stage-matches,.bracket-stage.final .bracket-stage-matches{grid-template-rows:repeat(1, calc(var(--row-h) * 16))}.bracket-match{border:1px solid var(--border);background:var(--surface-strong);box-sizing:border-box;border-radius:8px;flex-direction:column;align-self:center;gap:4px;width:100%;padding:6px 8px;display:flex;position:relative;box-shadow:0 2px 8px #062f550f}.bracket-match-label{color:var(--muted);font-size:.65rem;font-weight:800;line-height:1}.bracket-entry-line{display:none}.bracket-team-tile{border:1px solid rgba(var(--tertiary-rgb), .9);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:6px;min-height:36px;padding:4px 6px;display:grid}.bracket-flag-box img{object-fit:cover;width:28px;height:18px;display:block}.bracket-penalty-note{background:var(--accent-gold);width:16px;height:16px;color:var(--ink);border:2px solid #fffffff2;border-radius:999px;justify-content:center;align-items:center;font-size:.58rem;font-weight:900;display:inline-flex;position:absolute;top:-7px;right:-7px}@media (width<=700px){.bracket-board{--row-h:60px}.bracket-stage{width:170px}.bracket-team-name{font-size:.7rem}.bracket-flag-box,.bracket-flag-box img,.bracket-flag-placeholder{width:22px;height:14px}}.bracket-stage.round32 .bracket-match:nth-child(2n):before,.bracket-stage.round16 .bracket-match:nth-child(2n):before,.bracket-stage.quarter .bracket-match:nth-child(2n):before,.bracket-stage.semi .bracket-match:nth-child(2):before{content:"";bottom:50%;left:calc(100% + var(--gap) / 2 - var(--line-w) / 2);width:var(--line-w);height:var(--pair-span);background:var(--line-clr);pointer-events:none;position:absolute}.bracket-stage.round32{--pair-span:var(--span-r32)}.bracket-stage.round16{--pair-span:var(--span-r16)}.bracket-stage.quarter{--pair-span:var(--span-qf)}.bracket-stage.semi{--pair-span:var(--span-semi)}.bracket-stage.final .bracket-match:after,.bracket-stage.final .bracket-match:before,.bracket-stage.third .bracket-match:after,.bracket-stage.third .bracket-match:before{display:none}.bracket-stage.round32 .bracket-entry-line{display:none}.bracket-team-tile{width:100%;min-height:var(--tile-h);border:1px solid rgba(var(--tertiary-rgb), .9);background:var(--surface);box-sizing:border-box;border-radius:8px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;padding:5px 8px;display:grid;position:relative}.bracket-team-tile.winner{border-color:rgba(var(--primary-rgb), .9);background:var(--surface-orange)}.bracket-team-main{align-items:center;gap:8px;min-width:0;display:flex}.bracket-team-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:.8rem;font-weight:700;display:block;overflow:hidden}.bracket-score-mini{min-width:22px;color:var(--ink);flex-shrink:0;justify-content:flex-end;align-items:center;font-size:.78rem;font-weight:900;display:inline-flex}.bracket-flag-box,.bracket-flag-placeholder{background:#fff;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:22px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #062f551f}.bracket-flag-box img{object-fit:cover;border-radius:2px;width:34px;height:22px;display:block}.bracket-flag-box>span{font-size:1.1rem;line-height:1}.bracket-penalty-note{background:var(--accent-gold);width:18px;height:18px;color:var(--ink);pointer-events:none;border:2px solid #fffffff2;border-radius:999px;justify-content:center;align-items:center;font-size:.6rem;font-weight:900;display:inline-flex;position:absolute;top:-8px;right:-8px}.bracket-board{--stage-w:220px;--stage-gap:64px;--bracket-step:118px;--match-h:98px;--tile-h:30px;--line-w:2px;--line-clr:rgba(var(--secondary-rgb), .34);grid-template-columns:repeat(6, var(--stage-w));align-items:start;column-gap:var(--stage-gap);width:max-content;padding:12px 28px 28px;display:grid}.bracket-stage{width:var(--stage-w)}.bracket-stage-matches{grid-template-rows:repeat(16, var(--bracket-step));min-height:calc(var(--bracket-step) * 16);display:grid}.bracket-stage.round32 .bracket-stage-matches,.bracket-stage.round16 .bracket-stage-matches,.bracket-stage.quarter .bracket-stage-matches,.bracket-stage.semi .bracket-stage-matches,.bracket-stage.final .bracket-stage-matches,.bracket-stage.third .bracket-stage-matches{grid-template-rows:repeat(16, var(--bracket-step));row-gap:0}.bracket-stage.round16 .bracket-match{grid-row:span 2}.bracket-stage.quarter .bracket-match{grid-row:span 4}.bracket-stage.semi .bracket-match{grid-row:span 8}.bracket-stage.final .bracket-match,.bracket-stage.third .bracket-match{grid-row:span 16}.bracket-match{height:var(--match-h);justify-content:center;align-self:center;padding:6px 8px}.bracket-stage:not(.final):not(.third) .bracket-match:after{content:"";width:calc(var(--stage-gap) / 2);height:var(--line-w);background:var(--line-clr);pointer-events:none;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.bracket-stage.round32{--connector-span:var(--bracket-step)}.bracket-stage.round16{--connector-span:calc(var(--bracket-step) * 2)}.bracket-stage.quarter{--connector-span:calc(var(--bracket-step) * 4)}.bracket-stage.semi{--connector-span:calc(var(--bracket-step) * 8)}.bracket-stage.round32 .bracket-match:nth-child(odd):before,.bracket-stage.round16 .bracket-match:nth-child(odd):before,.bracket-stage.quarter .bracket-match:nth-child(odd):before,.bracket-stage.semi .bracket-match:first-child:before{content:"";top:50%;left:calc(100% + var(--stage-gap) / 2 - var(--line-w) / 2);width:var(--line-w);height:var(--connector-span);background:var(--line-clr);pointer-events:none;position:absolute}.bracket-stage.round32 .bracket-match:nth-child(2n):before,.bracket-stage.round16 .bracket-match:nth-child(2n):before,.bracket-stage.quarter .bracket-match:nth-child(2n):before,.bracket-stage.semi .bracket-match:nth-child(2):before{content:none}.bracket-entry-line{width:calc(var(--stage-gap) / 2);height:var(--line-w);background:var(--line-clr);pointer-events:none;display:block;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.bracket-stage.round32 .bracket-entry-line,.bracket-stage.third .bracket-entry-line,.bracket-stage.final .bracket-match:after,.bracket-stage.final .bracket-match:before,.bracket-stage.third .bracket-match:after,.bracket-stage.third .bracket-match:before{display:none}.bracket-team-tile{min-height:var(--tile-h);padding:4px 7px}.bracket-team-tile.empty{opacity:.72}@media (prefers-reduced-motion:reduce){.navbar-dropdown-menu,.team-select-menu{animation:none}}@media (width<=1140px){.navbar-logout-btn{gap:0;width:40px;min-width:40px;max-width:40px;padding:8px}.navbar-logout-label{display:none}}@media (width>=701px) and (width<=1140px){.navbar{gap:12px;padding-inline:clamp(12px,2vw,24px);overflow:visible}.navbar-logo{z-index:2;position:relative}.navbar-spacer{display:none}.navbar-links{scrollbar-width:thin;scrollbar-color:rgba(var(--primary-rgb), .86) #ffffff14;flex:auto;justify-content:flex-start;min-width:0;max-width:100%;padding:4px 0 4px 10px;overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 22px 100%)}.navbar-links::-webkit-scrollbar{height:4px}.navbar-links::-webkit-scrollbar-thumb{background:var(--primary);border-radius:999px}.navbar-link,.navbar-btn{flex:none}.navbar-links.admin-mode .navbar-admin-link{justify-content:center;min-width:40px;width:40px!important;max-width:40px!important;padding:8px!important}.navbar-links.admin-mode .navbar-admin-label{opacity:0!important;margin-left:0!important;display:none!important}.navbar-links.admin-mode .navbar-logout-btn{min-width:40px;justify-content:center!important;width:40px!important;padding:8px!important}.navbar-links.admin-mode .navbar-logout-label{margin-left:0!important;display:none!important}.navbar-dropdown-menu{top:calc(var(--navbar-height) + 8px);position:fixed;left:auto;right:clamp(82px,8vw,140px)}}@media (width<=960px){.auth-shell,.hero{grid-template-columns:1fr}.hero-image{display:none}.hero-stats{grid-template-columns:1fr}.bracket-board{--stage-w:190px;--stage-gap:48px;--bracket-step:112px;--match-h:94px;--tile-h:30px}}@media (width<=700px){.navbar-links{top:var(--navbar-height);background:linear-gradient(180deg, var(--secondary-dark), var(--rail));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:0;flex-direction:column;gap:4px;max-width:100%;padding:12px 16px 20px;display:none;position:absolute;left:0;right:0;overflow:visible}.navbar-links.open{display:flex;overflow:visible}.navbar-toggle{display:inline-flex}.navbar{position:sticky}.navbar-link,.navbar-btn{margin-left:0;justify-content:flex-start!important;width:100%!important;max-width:none!important}.navbar>.navbar-logout-btn{min-width:40px;margin-left:auto;justify-content:center!important;width:40px!important;max-width:40px!important;padding:8px!important}.navbar>.navbar-logout-btn .navbar-logout-label{display:none!important}.navbar-link span{opacity:1!important}.navbar-dropdown{flex-direction:column;width:100%}.navbar-dropdown>.navbar-link{justify-content:flex-start;width:100%}.navbar-dropdown-menu{width:100%;box-shadow:none;background:#ffffff14;margin-top:4px;position:static}.page{padding:16px}.score-fields{grid-template-columns:1fr}.score-divider{display:none}.match-meta{flex-direction:column;gap:4px}.ranking-row{flex-direction:column;align-items:flex-start;gap:10px}.rank-points{text-align:left}.admin-shell,.admin-result-grid{grid-template-columns:1fr}.penalty-winner-panel,.admin-result-actions{flex-direction:column;align-items:stretch}.admin-flow-toggle-row{flex-direction:column;align-items:flex-start}.penalty-options{grid-template-columns:1fr;display:grid}.admin-penalty-toggle{align-self:flex-start}.admin-result-actions .admin-save-btn,.admin-save-btn{align-self:stretch}.groups-grid{grid-template-columns:1fr}.standings-row{grid-template-columns:28px minmax(72px,1fr) 36px 36px 36px;gap:6px;padding:8px}.tournament-page{overflow-x:hidden}.tournament-shell,.tournament-page .matches-header,.tournament-section{width:100%;max-width:100%;overflow:hidden}.tournament-header{flex-direction:column;align-items:stretch}.tournament-switch{flex:none}.tournament-page .matches-header{flex-direction:column;align-items:stretch!important}.tournament-page .matches-header .ranking-switch{flex:none!important;align-self:stretch!important;margin-left:0!important}.ranking-switch-btn-label{display:none}.bracket-board{--stage-w:166px;--stage-gap:38px;--bracket-step:104px;--match-h:88px;--tile-h:28px}.bracket-team-name{font-size:.72rem}.bracket-score-mini{min-width:18px;font-size:.7rem}.bracket-flag-box,.bracket-flag-box img,.bracket-flag-placeholder{width:28px;height:18px}.bracket-stage-title{min-height:28px;padding:5px 10px;font-size:.66rem}}@media (width<=420px){.bracket-board{--stage-w:148px;--stage-gap:30px;--bracket-step:98px;--match-h:84px}.bracket-team-name{font-size:.66rem}.bracket-flag-box,.bracket-flag-box img,.bracket-flag-placeholder{width:24px;height:16px}}@media (width<=700px){.app-notification-layer{top:auto;right:12px;bottom:max(14px, env(safe-area-inset-bottom));width:auto;left:12px}.app-notification{color:#fff;background:#062f55f5;border-color:#ffffff29;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px;animation-name:notification-mobile-in;box-shadow:0 16px 34px #062f5552}.app-notification-icon{background:var(--primary);width:36px;height:36px}.app-notification-copy strong,.app-notification-copy p{color:#fff}.app-notification-copy p{opacity:.86;font-size:.86rem}.app-notification-actions{justify-content:flex-start}.notification-btn{min-height:32px;padding:7px 11px}.notification-btn-muted{color:#fff;background:#ffffff1a;border-color:#ffffff3d}.notification-btn-primary{background:var(--primary)}}@keyframes notification-mobile-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.app-notification{animation:none}}