.quickmatch{min-height:calc(100dvh - var(--header-height));background-color:var(--color-navy-950);align-items:center;display:flex;position:relative;overflow:hidden}.quickmatch__media{z-index:0;position:absolute;inset:0}.quickmatch__image{object-fit:cover;object-position:center 55%;width:100%;height:100%}.quickmatch__scrim{background:radial-gradient(circle at 50% 30%,#060d1ad1 0%,#060d1aed 60%,#060d1af7 100%);position:absolute;inset:0}.quickmatch__content{z-index:1;width:100%;max-width:var(--container-max);padding:var(--space-5);text-align:center;margin-inline:auto;position:relative}@media (width>=640px){.quickmatch__content{padding-inline:var(--space-7)}}.quickmatch__title{color:var(--color-white);font-size:clamp(2rem,5vw,3rem)}.quickmatch__subtitle{margin-top:var(--space-2);letter-spacing:.12em;text-transform:uppercase;color:var(--color-yellow-400);font-size:clamp(1rem,2.4vw,1.3rem);font-weight:800}.weekly-strip{max-width:560px;margin:var(--space-5) auto 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#0a19308c;border:1px solid #f6c81659}.weekly-strip__title{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-yellow-400);font-size:clamp(.85rem,2vw,1rem);display:flex}.weekly-strip__icon{font-size:1.1em}.weekly-strip__copy{margin-top:var(--space-2);gap:var(--space-1);flex-direction:column;display:flex}.weekly-strip__line{color:var(--color-mist);font-size:.85rem;line-height:1.5}.weekly-strip__line--stat{letter-spacing:.04em;text-transform:uppercase;color:var(--color-white);font-weight:800}.weekly-strip__links{margin-top:var(--space-3);justify-content:center;align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.weekly-strip__link{font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--color-yellow-400);cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:700;text-decoration:none}.weekly-strip__link:hover,.weekly-strip__link:focus-visible{color:var(--color-yellow-300);text-decoration:underline}.how-it-works-dialog{border-radius:var(--radius-lg);background:var(--color-navy-900);width:min(92vw,480px);max-width:480px;color:var(--color-mist);box-shadow:var(--shadow-soft);text-align:left;border:1px solid #f6c81659;margin:auto;padding:0}.how-it-works-dialog::backdrop{background:#040a14b8}.how-it-works-dialog__inner{max-height:80vh;padding:var(--space-6) var(--space-5) var(--space-5);position:relative;overflow-y:auto}.how-it-works-dialog h2{padding-right:var(--space-6);font-family:var(--font-display);letter-spacing:.02em;color:var(--color-white);font-size:1.3rem}.how-it-works-dialog p{margin-top:var(--space-3);font-size:.86rem;line-height:1.6}.how-it-works-dialog strong{color:var(--color-yellow-400)}.how-it-works-dialog__close{top:var(--space-3);right:var(--space-3);border:1px solid var(--color-line);width:32px;height:32px;color:var(--color-white);cursor:pointer;background:#ffffff0a;border-radius:50%;font-size:1.1rem;line-height:1;position:absolute}.how-it-works-dialog__close:hover,.how-it-works-dialog__close:focus-visible{border-color:var(--color-yellow-400)}.how-it-works-dialog__actions{margin-top:var(--space-5);justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=760px){.how-it-works-dialog__actions{justify-content:stretch}.how-it-works-dialog__actions .btn{flex:auto}}.matchup{margin-top:var(--space-5);justify-content:center;align-items:center;gap:var(--space-5);display:flex}.matchup__vs{font-family:var(--font-display);color:var(--color-white);opacity:.85;flex-shrink:0;font-size:clamp(1.6rem,4vw,2.6rem)}.team-card{background:var(--color-navy-900);border-radius:var(--radius-lg);max-width:340px;padding:var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #f6c81666;flex-direction:column;flex:320px;align-items:center;display:flex}.team-card:focus-within,.team-card:hover{border-color:var(--color-yellow-400);box-shadow:0 0 0 1px var(--color-yellow-400), var(--shadow-soft)}.team-card__flag-frame{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-navy-800);border:1px solid var(--color-line);width:100%;max-width:210px;margin-inline:auto;overflow:hidden;box-shadow:0 10px 24px #00000073}.team-card__flag{object-fit:cover;width:100%;height:100%;display:block}.team-card__name-row{margin-top:var(--space-3);align-items:center;gap:var(--space-4);grid-template-columns:40px minmax(0,1fr) 40px;width:100%;display:grid}.team-card__name{font-family:var(--font-display);color:var(--color-white);letter-spacing:.02em;text-overflow:ellipsis;text-align:center;white-space:nowrap;min-width:0;font-size:clamp(1.3rem,3vw,1.8rem);overflow:hidden}.team-card__arrow{box-sizing:border-box;width:40px;height:40px;color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff4d;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;line-height:1;display:grid}.team-card__arrow:hover{border-color:var(--color-yellow-400);background:#f6c8161f}.team-card__arrow:active{transform:scale(.92)}.team-card__rank{margin-top:var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--color-yellow-400);font-size:.8rem;font-weight:800}.quickmatch__lede{max-width:46ch;margin-inline:auto;margin-top:var(--space-6);color:var(--color-mist);font-size:.95rem;line-height:1.7}.quickmatch__hint{margin-top:var(--space-3);color:var(--color-mist-dim);font-size:.82rem}.quickmatch__actions{margin-top:var(--space-5);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.quickmatch__actions .btn-primary{min-width:260px;padding-block:var(--space-5);font-size:1.05rem}@media (width<=760px){.matchup{gap:var(--space-4);flex-direction:column}.team-card{width:100%;max-width:400px;padding:var(--space-5)}.team-card__flag-frame{max-width:none}.quickmatch__actions .btn-primary{width:100%;min-width:0}}