:root{--blue:#005a9c;--blue-dark:#003f72;--blue-soft:#e8f3fb;--grey:#64748b;--border:#d9e2ec;--bg:#f4f7fb;--white:#fff;--text:#0f172a;--success:#0f766e;--warning:#b45309;--danger:#b91c1c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{-webkit-text-size-adjust:100%}*{box-sizing:border-box}.app-shell{min-height:100vh}body{color:var(--text);background:linear-gradient(135deg,#f5f9fd 0%,#eef4f9 100%);margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(16px,4vw,42px);display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:12px;min-width:max-content;display:flex}.brand-copy{min-width:0}.brand-logo{object-fit:contain;width:clamp(140px,18vw,190px);height:auto;display:block}.brand strong,.brand span{overflow-wrap:anywhere;display:block}.brand strong{font-size:15px}.brand span{color:var(--grey);font-size:13px}nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}nav button,.secondary,.primary,.danger{border:0;border-radius:999px;padding:10px 15px;font-weight:700}nav button{color:var(--grey);background:0 0}nav button.active,nav button:hover{background:var(--blue-soft);color:var(--blue-dark)}.nav-account-button{background:var(--blue);color:var(--white);box-shadow:0 12px 28px #005a9c2e}.nav-account-button.active,.nav-account-button:hover{background:var(--blue-dark);color:var(--white)}.hamburger-btn{display:none}.page{width:min(1240px,100% - 28px);margin:0 auto;padding:34px 0 70px}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:stretch;gap:24px;display:grid}.hero-card,.card,.rules{background:var(--white);border:1px solid var(--border);border-radius:24px;box-shadow:0 18px 50px #0f172a12}.hero-card{padding:clamp(26px,5vw,54px);position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle,#005a9c29,#005a9c00 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-90px}.eyebrow{width:max-content;color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;margin-bottom:16px;padding:8px 12px;font-size:13px;font-weight:800}h1{margin:0 0 12px;font-size:clamp(30px,5vw,54px);line-height:1.03}h2{margin:0 0 16px;font-size:22px}h3{margin:0 0 10px;font-size:16px}p{color:var(--grey);margin:0;line-height:1.65}.countdown{background:var(--blue-soft);border-radius:16px;flex-direction:column;gap:8px;margin:20px 0 0;padding:16px 20px;display:inline-flex}.countdown-label{color:var(--blue-dark);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.countdown-timer{align-items:baseline;gap:16px;display:flex}.countdown-unit{flex-direction:column;align-items:center;min-width:44px;display:flex}.countdown-value{color:var(--blue-dark);font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:1}.countdown-unit-label{color:var(--grey);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:11px;font-weight:600}.countdown-started{color:#9a3412;background:#ffedd5;border-radius:12px;margin-top:16px;padding:10px 14px;font-size:14px;font-weight:600}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px #005a9c40}.primary:hover{background:var(--blue-dark)}.secondary{background:var(--blue-soft);color:var(--blue-dark)}.danger{color:var(--danger);background:#fee2e2}.compact{border-radius:10px;padding:7px 10px}.rules{padding:28px}.rule-grid{gap:12px;display:grid}.rule-grid div{border:1px solid var(--border);background:#fbfdff;border-radius:18px;gap:4px;padding:16px;display:grid}.rule-grid strong{color:var(--blue-dark);font-size:22px}.rule-grid span{color:var(--grey)}.qr-panel{border:1px solid var(--border);background:linear-gradient(#fbfdff,#f4f9ff);border-radius:18px;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:16px;margin-top:18px;padding:16px;display:grid}.qr-copy{gap:6px;display:grid}.qr-copy h3{color:var(--blue-dark);margin:0}.qr-link{color:var(--blue);overflow-wrap:anywhere;font-weight:700;text-decoration:none}.qr-link:hover{text-decoration:underline}.qr-image{border:1px solid var(--border);background:#fff;border-radius:16px;justify-self:end;width:132px;height:132px;padding:8px;display:block}.section-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-title h1{font-size:clamp(28px,4vw,42px)}.status{white-space:nowrap;border-radius:999px;padding:8px 13px;font-weight:800}.status.open{color:#166534;background:#dcfce7}.status.closed{color:#9a3412;background:#ffedd5}.card{margin-bottom:20px;padding:22px}.card-intro{margin-bottom:16px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-card{gap:18px;width:min(680px,100%);margin-inline:auto;display:grid}.auth-mode-switch{border:1px solid var(--border);background:#f8fafc;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.auth-mode-switch button{color:var(--grey);background:0 0;border:0;border-radius:14px;padding:11px 14px;font-weight:800}.auth-mode-switch button.active{background:var(--white);color:var(--blue-dark);box-shadow:0 10px 22px #0f172a14}.account-session-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.account-session-copy{gap:4px;min-width:0;display:grid}.account-session-copy span{color:var(--blue-dark);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800}.account-session-copy strong{font-size:22px;line-height:1.15}.subtle-note{color:#35506b;background:#f8fbff;border:1px solid #005a9c1f;border-radius:14px;padding:12px 14px}.predictor-access-card{gap:14px;display:grid}.predictor-access-actions{flex-wrap:wrap;gap:10px;display:flex}.ghost-button{color:var(--grey);border:1px solid var(--border);background:0 0}label{color:#1e293b;gap:8px;font-weight:750;display:grid}input,select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:14px;padding:12px 13px}input:focus,select:focus{border-color:var(--blue);outline:3px solid #005a9c2b}.notice{border-radius:16px;margin:14px 0;padding:13px 15px;font-weight:700}.notice.error{color:var(--danger);background:#fee2e2}.notice.success{color:var(--success);background:#ccfbf1}.notice.warning{color:var(--warning);background:#ffedd5}.sync-banner{width:min(1240px,100% - 28px);margin:14px auto 0}.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.group-card{overflow:hidden}.group-card h2{color:var(--blue-dark);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.match-list{gap:10px;display:grid}.match-row{border:1px solid var(--border);background:#fbfdff;border-radius:16px;grid-template-columns:minmax(95px,1fr) auto minmax(95px,1fr);align-items:center;gap:8px;padding:11px;display:grid}.team{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:750;display:flex}.home-team{justify-content:flex-end}.away-team{justify-content:flex-start}.flag-img{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:auto;display:inline-block}.team-cell{align-items:center;gap:6px;display:inline-flex}.match-meta{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;gap:6px;display:flex}.match-meta-item{color:#35506b;text-align:center;background:#f1f6fb;border:1px solid #005a9c14;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.2}.match-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.group-swap-button{white-space:nowrap;flex-shrink:0}.score-input{grid-template-columns:54px 12px 54px;place-items:center;gap:7px;display:grid}.score-input input{text-align:center;border-radius:12px;padding:9px 8px;font-weight:800}.score-input span{color:var(--grey);font-weight:800}.sticky-save{z-index:10;justify-content:flex-end;margin:20px 0;display:flex;position:sticky;bottom:14px}.sticky-save .primary{border-radius:16px;padding:14px 22px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 10px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--grey);background:#f8fafc;font-size:12px}.empty-row td{text-align:center}.small-table{margin-top:14px}.small-table table{min-width:560px;font-size:13px}.small-table th,.small-table td{padding:8px 7px}.mobile-table-cards{display:none}.mobile-table-card{border:1px solid var(--border);background:linear-gradient(180deg, #fffffffa, #f6fafff2), var(--white);border-radius:18px;padding:14px;box-shadow:0 10px 26px #0f172a0f}.mobile-table-card-header{align-items:center;gap:12px;display:flex}.mobile-rank-badge{background:linear-gradient(135deg, var(--blue), var(--blue-dark));width:34px;height:34px;color:var(--white);border-radius:999px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.mobile-table-card-title{gap:3px;min-width:0;display:grid}.mobile-table-card-title.solo{margin-bottom:12px}.mobile-table-card-title strong{color:var(--text);overflow-wrap:anywhere;font-size:16px;line-height:1.2}.mobile-table-card-title span{color:var(--grey);font-size:12px;line-height:1.4}.mobile-stat-grid{gap:8px;margin-top:14px;display:grid}.mobile-stat-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-stat-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-stat{text-align:center;background:#fffffff5;border:1px solid #005a9c14;border-radius:14px;gap:4px;padding:9px 6px;display:grid}.mobile-stat span{color:var(--grey);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.mobile-stat strong{color:var(--blue-dark);font-size:15px;line-height:1}.mobile-card-action{width:100%;margin-top:12px;display:block}.mobile-empty-state{border:1px dashed var(--border);color:var(--grey);text-align:center;background:#fbfdff;border-radius:16px;padding:14px}.standings-section h2{margin-bottom:18px}.standings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.ranking-table table{min-width:980px}.bonus-predictions-card{gap:18px;display:grid}.bonus-prediction-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:16px;display:grid}.bonus-prediction-panel{border:1px solid var(--border);background:linear-gradient(#fbfdff,#f4f9ff);border-radius:18px;gap:14px;padding:16px;display:grid}.bonus-prediction-panel h3{color:var(--blue-dark);margin-bottom:0}.bonus-rule-list{background:#ffffffe6;border:1px solid #005a9c14;border-radius:14px;gap:5px;padding:12px 13px;display:grid}.bonus-rule-list span{color:var(--grey);font-size:13px;line-height:1.45}.prediction-meta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prediction-meta-chip{border:1px solid var(--border);background:linear-gradient(#fbfdff,#f4f9ff);border-radius:18px;gap:6px;padding:16px;display:grid}.prediction-meta-chip strong{color:var(--blue-dark);font-size:21px;line-height:1.1}.prediction-meta-chip span{color:var(--grey);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800}.prediction-note+.prediction-note{margin-top:10px}.prediction-section-block{gap:18px;display:grid}.prediction-section-block+.prediction-section-block{margin-top:26px}.prediction-section-heading{gap:6px;display:grid}.third-place-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.third-place-card{border:1px solid var(--border);background:linear-gradient(#fbfdff,#f4f9ff);border-radius:18px;gap:10px;padding:14px;display:grid}.third-place-card-header{gap:4px;display:grid}.third-place-card-header strong{color:var(--blue-dark);font-size:18px;line-height:1}.third-place-card-header span{color:var(--text);overflow-wrap:anywhere;font-weight:700}.third-place-card-stats{flex-wrap:wrap;gap:8px;display:flex}.third-place-card-stats span{color:var(--grey);font-size:12px;font-weight:700}.knockout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.knockout-card{border:1px solid var(--border);background:linear-gradient(#fbfdff,#f4f9ff);border-radius:20px;gap:14px;padding:16px;display:grid;box-shadow:0 10px 24px #0f172a0f}.knockout-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.knockout-card-header strong{color:var(--blue-dark);font-size:15px}.knockout-card-header span{color:var(--grey);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.knockout-matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.knockout-slot{background:#fffffff2;border:1px solid #005a9c14;border-radius:16px;gap:4px;padding:12px;display:grid}.knockout-slot strong{color:var(--text);overflow-wrap:anywhere;font-size:15px}.knockout-slot span{color:var(--grey);font-size:12px;line-height:1.45}.third-place-slot strong{color:var(--blue-dark)}.knockout-versus{color:var(--grey);letter-spacing:.06em;text-transform:uppercase;place-items:center;font-size:11px;font-weight:800;display:grid}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.score-swap-panel{gap:18px;display:grid}.score-swap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.score-swap-block{border:1px solid var(--border);background:#fbfdff;border-radius:16px;gap:12px;padding:14px;display:grid}.score-swap-block h3{color:var(--blue-dark);margin:0;font-size:16px}.score-swap-buttons,.prediction-swap-actions{flex-wrap:wrap;gap:8px;display:flex}.score-swap-match-groups{gap:12px;display:grid}.score-swap-match-group{border-top:1px solid var(--border);gap:8px;padding-top:10px;display:grid}.score-swap-match-group h4{color:var(--grey);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.score-swap-match-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.score-swap-match-buttons .secondary{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.2}.prediction-swap-actions{padding:.5rem 0 1rem}.admin-finance-card{gap:18px;display:grid}.admin-finance-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-summary-stat{border:1px solid var(--border);background:linear-gradient(#fbfdff,#f4f9ff);border-radius:18px;gap:6px;padding:16px;display:grid}.admin-summary-stat span{color:var(--grey);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800}.admin-summary-stat strong{color:var(--blue-dark);font-size:24px;line-height:1.1}.predictions-accordion{gap:8px;display:grid}.predictions-accordion-item{border:1px solid var(--border);border-radius:16px;overflow:hidden}.predictions-accordion-trigger{text-align:left;cursor:pointer;background:#fbfdff;border:0;border-radius:0;align-items:center;gap:12px;width:100%;padding:14px 16px;font-weight:700;display:flex}.predictions-accordion-trigger:hover{background:var(--blue-soft)}.predictions-accordion-name{color:var(--text);flex:1;font-size:15px}.predictions-accordion-meta{color:var(--grey);font-size:13px;font-weight:600}.predictions-accordion-arrow{color:var(--grey);font-size:11px}.predictions-accordion-body{border-top:1px solid var(--border);background:var(--bg);padding:16px}.admin-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-paid-toggle{color:var(--text);align-items:center;gap:10px;font-weight:700;display:inline-flex}.admin-paid-toggle input{width:18px;height:18px;accent-color:var(--blue);margin:0}.mobile-card-toggle{border:1px solid var(--border);background:#fbfdff;border-radius:14px;padding:11px 12px}.login-card{gap:14px;width:min(520px,100%);margin:36px auto;display:grid}.predict-tabs{background:var(--bg);border:1px solid var(--border);border-radius:14px;gap:4px;width:fit-content;padding:4px;display:flex}.predict-tabs button{color:var(--grey);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 22px;font-size:14px;font-weight:700;transition:background .14s,color .14s}.predict-tabs button:hover:not(.active){color:var(--blue-dark);background:#005a9c14}.predict-tabs button.active{background:var(--white);color:var(--blue-dark);box-shadow:0 1px 4px #0f172a1a}.rules-phase-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--grey);margin:20px 0 10px;font-size:13px;font-weight:800}.rules-phase-heading:first-of-type{margin-top:4px}.knockout-match-list{gap:0}.knockout-match-row{border-bottom:1px solid var(--border);gap:8px;padding:12px 0;display:grid}.knockout-match-row:last-child{border-bottom:0;padding-bottom:0}.knockout-teams-row{grid-template-columns:minmax(95px,1fr) auto minmax(95px,1fr);align-items:center;gap:8px;display:grid}.knockout-winner-select{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.knockout-winner-label{text-transform:uppercase;letter-spacing:.05em;color:var(--grey);white-space:nowrap;font-size:11px;font-weight:700}.winner-btn{border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:#f8fafc;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:600;line-height:1.3;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.winner-btn:hover:not(:disabled){background:var(--blue-soft);border-color:var(--blue);color:var(--blue-dark)}.winner-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.winner-btn.active:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}.admin-knockout-round{margin-top:18px}.admin-knockout-round:first-child{margin-top:0}.admin-knockout-round h3{letter-spacing:.05em;text-transform:uppercase;color:var(--grey);border-bottom:1px solid var(--border);margin:0 0 10px;padding-bottom:8px;font-size:14px;font-weight:800}footer{text-align:center;color:var(--grey);border-top:1px solid var(--border);background:#ffffffb3;padding:28px}@media (width<=768px){.hamburger-btn{border:1px solid var(--border);background:0 0;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:42px;height:42px;padding:0 10px;transition:background .15s,border-color .15s;display:flex}.hamburger-btn:hover{background:var(--blue-soft);border-color:var(--blue)}.hamburger-btn span{background:var(--text);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:transform .22s,opacity .15s;display:block}.hamburger-btn[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);border-bottom:1px solid var(--border);z-index:50;background:#fffffff7;flex-direction:column;gap:6px;padding:12px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 36px #0f172a1f}nav.nav-open{display:flex}nav button{text-align:left;min-height:48px;color:var(--grey);background:#f8fafc;border-radius:12px;padding:13px 16px}nav button.active,nav button:hover{background:var(--blue-soft);color:var(--blue-dark)}.nav-account-button{background:var(--blue);color:var(--white);box-shadow:none}.nav-account-button.active,.nav-account-button:hover{background:var(--blue-dark);color:var(--white)}}@media (width<=900px){.hero,.groups-grid,.standings-grid,.form-row{grid-template-columns:1fr}.account-session-card{flex-direction:column;align-items:stretch}.qr-panel{text-align:center;grid-template-columns:1fr;justify-items:center}.qr-image{justify-self:center}.sticky-save{padding-bottom:env(safe-area-inset-bottom);bottom:12px}.standings-table{display:none}.mobile-standings-cards{gap:10px;display:grid}.prediction-meta-row,.bonus-prediction-grid,.knockout-grid{grid-template-columns:1fr}.third-place-grid,.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.groups-grid{gap:14px}.group-card{padding:15px}.group-card h2{margin-bottom:12px;padding-bottom:9px;font-size:18px}.match-list{gap:8px}.match-row{border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px 6px;padding:10px}.team{font-size:13px;line-height:1.25}.score-input{grid-template-columns:50px 10px 50px;gap:5px}.score-input input{padding:8px 6px}.match-meta{gap:5px}.match-meta-item{padding:4px 8px;font-size:11px}.ranking-table,.participants-table{display:none}.mobile-ranking-cards,.mobile-participants-cards{gap:10px;display:grid}}@media (width<=560px){.header{gap:14px;padding-inline:14px}.page,.sync-banner{width:min(100% - 18px,1240px)}.page{padding-top:22px;padding-bottom:56px}.card,.rules{border-radius:18px;padding:16px}.groups-grid,.standings-grid{gap:12px}.third-place-grid{grid-template-columns:1fr}.group-card{padding:14px}.group-card h2{margin-bottom:10px;padding-bottom:8px;font-size:17px}.mobile-table-card{border-radius:16px;padding:12px}.mobile-rank-badge{width:32px;height:32px;font-size:13px}.mobile-table-card-title strong{font-size:15px}.mobile-table-card-title span{font-size:11px}.mobile-stat-grid{gap:6px;margin-top:12px}.mobile-stat-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-stat{border-radius:12px;padding:8px 4px}.mobile-stat strong{font-size:14px}.hero-card{border-radius:20px;padding:24px 18px}.qr-panel{border-radius:16px;padding:14px}.qr-image{width:124px;height:124px}.eyebrow{text-align:center;width:100%}h1{font-size:clamp(28px,10vw,38px)}.actions,.admin-actions,.predictor-access-actions{grid-template-columns:1fr;display:grid}.actions .primary,.actions .secondary,.admin-actions .secondary,.admin-actions .danger,.predictor-access-actions .secondary,.predictor-access-actions .ghost-button{width:100%}.admin-finance-header{flex-direction:column}.admin-summary-grid,.score-swap-grid,.score-swap-match-buttons{grid-template-columns:1fr}.score-swap-buttons .secondary,.score-swap-buttons .danger,.score-swap-match-buttons .secondary,.prediction-swap-actions .secondary,.prediction-swap-actions .danger,.match-actions .secondary,.match-actions .danger,.group-swap-button{width:100%}.team{font-size:13px;line-height:1.25}.score-input{grid-template-columns:46px 10px 46px}.score-input input{min-height:40px;padding:7px 4px}.match-meta{gap:4px}.match-meta-item{width:auto;max-width:100%;padding:4px 7px;font-size:10px}.section-title{flex-direction:column}.status{align-self:flex-start}.knockout-matchup{grid-template-columns:1fr}.table-scroll{margin-inline:0;padding-inline:0}.sticky-save{justify-content:stretch;bottom:10px}.sticky-save button{width:100%}.login-card{margin:20px auto}footer{padding:22px 16px calc(22px + env(safe-area-inset-bottom))}}@media (width<=380px){.match-row{text-align:center;grid-template-columns:1fr;gap:8px}.home-team,.away-team{text-align:center}.score-input{justify-content:center}.brand-logo{width:min(160px,100%)}}.prediction-section-heading+.groups-grid>.group-card:nth-child(-n+2){position:relative}.prediction-section-heading+.groups-grid>.group-card:nth-child(-n+2) h2:after{content:"Vastgezet";color:#9a3412;letter-spacing:.04em;text-transform:uppercase;background:#ffedd5;border-radius:999px;align-items:center;margin-left:10px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.prediction-section-heading+.groups-grid>.group-card:nth-child(-n+2) .knockout-match-row{opacity:.72}.prediction-section-heading+.groups-grid>.group-card:nth-child(-n+2) input,.prediction-section-heading+.groups-grid>.group-card:nth-child(-n+2) button{pointer-events:none;cursor:not-allowed!important}