:root{--gold:#c9a84c;--gold-light:#f0d080;--red:#c0392b;--dark:#0a0a0a;--mid:#111;--muted:#b6c2ce;--border:#444e59a8;--card-top:#dadada14;--card-bottom:#00000033}.wrapper{-webkit-animation:fadeUp 1.2s ease both;animation:fadeUp 1.2s ease both;color:#fff;max-width:1500px;padding:1rem;position:relative;text-align:center;width:100%;z-index:10}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#eyebrow{-webkit-animation:fadeUp 1s ease .3s both;animation:fadeUp 1s ease .3s both;color:var(--gold);font-size:.85rem;font-weight:300;letter-spacing:.4em;margin-bottom:.5rem;opacity:0;text-transform:uppercase}.headline{-webkit-animation:fadeUp 1s ease .5s both;animation:fadeUp 1s ease .5s both;color:revert;font-size:clamp(2rem,10vw,3rem);letter-spacing:.02em;margin:1rem;opacity:0}.headline span{color:var(--gold);display:block;font-size:clamp(3rem,10vw,5rem);font-weight:600}.subHeadline{font-size:clamp(1rem,10vw,1.5rem);margin-bottom:14px}.hosts{-webkit-animation:fadeUp 1s ease .7s both;animation:fadeUp 1s ease .7s both;font-size:.8rem;letter-spacing:.3em;margin-bottom:3rem;opacity:0;text-transform:uppercase}.hosts em{color:var(--gold-light);font-style:normal}.countdown{-webkit-align-items:flex-start;align-items:flex-start;-webkit-animation:fadeUp 1s ease .9s both;animation:fadeUp 1s ease .9s both;gap:clamp(.25rem,3vw,2rem);-webkit-justify-content:center;justify-content:center;margin-bottom:3rem;opacity:0}.countdown,.unit{display:-webkit-flex;display:flex}.unit{-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;gap:.75rem}.unit span{color:var(--muted)}@-webkit-keyframes pulse{0%,to{opacity:.35}50%{opacity:.1}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.1}}.flip-card{box-shadow:0 8px 24px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.8);font-size:clamp(1.5rem,9.5vw,3rem);height:clamp(41px,19vw,80px);-webkit-perspective:500px;perspective:500px;position:relative;width:clamp(61px,16vw,120px)}.card-top{background:var(--card-top);top:0}.card-bottom,.card-top{height:50%;left:0;overflow:hidden;position:absolute;right:0;z-index:1}.card-bottom{background:var(--card-bottom);bottom:0}.card-bottom .digit,.card-top .digit{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:200%;-webkit-justify-content:center;justify-content:center;left:0;position:absolute;right:0}.card-top .digit{top:0}.card-bottom .digit{bottom:0}.card-divider{background:rgba(0,0,0,.75);height:2px;pointer-events:none;top:50%;z-index:10}.card-divider,.flap{left:0;position:absolute;right:0}.flap{height:50%;top:0;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:5}.flap-back,.flap-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;inset:0;overflow:hidden;position:absolute}.flap-back,.flap-front{background:var(--card-top)}.flap-back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.flap-back .digit,.flap-front .digit{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:200%;-webkit-justify-content:center;justify-content:center;left:0;position:absolute;right:0;top:0}.card-top:after,.flap-back:after,.flap-front:after{background:linear-gradient(160deg,hsla(0,0%,100%,.06),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute}.flap-shadow{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent 70%);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;z-index:4}.flip-card.flipping .flap{-webkit-animation:flipDown .5s cubic-bezier(.36,.07,.19,.97) forwards;animation:flipDown .5s cubic-bezier(.36,.07,.19,.97) forwards}.flip-card.flipping .flap-shadow{-webkit-animation:shadowAnim .5s ease forwards;animation:shadowAnim .5s ease forwards}@-webkit-keyframes flipDown{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes flipDown{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@-webkit-keyframes shadowAnim{0%{opacity:0}35%{opacity:1}to{opacity:0}}@keyframes shadowAnim{0%{opacity:0}35%{opacity:1}to{opacity:0}}.party .card-bottom,.party .card-top,.party .flap-back,.party .flap-front{background-color:#1f1a0d}.party .digit{color:rgba(201,168,76,.6)}.kickoff{-webkit-animation:fadeUp 1s ease 1.1s both;animation:fadeUp 1s ease 1.1s both;color:var(--muted);font-size:.75rem;letter-spacing:.25em;opacity:0;text-transform:uppercase}.kickoff strong{color:#fff}.box-inner{background:linear-gradient(135deg,hsla(0,0%,100%,.03),transparent 50%);inset:0;pointer-events:none;position:absolute}.party .num{color:var(--gold-light)}.party .box{border-color:rgba(201,168,76,.6)}.groups-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-template-rows:masonry;margin:0 auto;max-width:1430px;text-align:left}.groups-grid table{border-collapse:collapse;table-layout:fixed;width:100%}.groups-grid thead tr{border-bottom:1px solid var(--border);color:var(--muted)}.groups-grid thead th{font-size:.7rem;font-weight:600;letter-spacing:.1em;padding:.8rem 0;text-align:center}.groups-grid thead th.team-col{padding-left:.4rem;text-align:left;width:35%}.groups-grid tbody tr{border-bottom:1px solid var(--border);transition:background .15s ease}.groups-grid tbody tr:nth-child(odd){background:hsla(0,0%,85%,.078)}.groups-grid tbody tr:last-child{border-bottom:none}.groups-grid tbody tr:hover{background:var(--row-hover)}.groups-grid tbody td{padding:.7rem .5rem;text-align:center}.groups-grid tbody td.pos{font-weight:600;width:28px}.groups-grid tbody td.team-name{padding-left:.4rem;text-align:left}.groups-grid .team-cell{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:.55rem}.groups-grid .flag{-webkit-flex-shrink:0;flex-shrink:0;height:30px;-o-object-fit:cover;object-fit:cover;width:30px}.groups-grid .team-name-text{font-weight:500}.groups-grid .tbd-badge{background:rgba(240,180,41,.12);border:1px solid rgba(240,180,41,.25);border-radius:3px;color:var(--gold);font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-left:4px;padding:1px 5px;vertical-align:middle}.groups-grid td.pts{font-weight:700}.group-card{border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.group-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.group-title{background:#192f60;border-bottom:1px solid var(--border);font-size:1rem;font-weight:600;letter-spacing:.05em;padding:.6rem 1rem}.note{font-size:.75rem;letter-spacing:.04em;margin-top:1.5rem;text-align:center}.note span{color:var(--gold)}.mobile .content{margin-bottom:70px}.mobile .content>.wrapper{background:url(https://files.sitestatic.net/assets/imgs/backgrounds/images/fifa-world-cup-2026-mobile-393x690.webp) no-repeat 50% fixed;background-size:cover}@media (min-width:768px){body>.content{background:url(https://files.sitestatic.net/assets/imgs/backgrounds/images/fifa-world-cup-2026-1440x1222.webp) no-repeat 50% fixed;background-size:cover}.groups-grid thead th.team-col{width:50%}.headline{margin:3rem}}@media (min-width:1100px){.groups-grid{grid-template-columns:repeat(3,1fr)}}