/* Home Deluxe Arena – Filter, Hover, Feinschliff. Alles auf #hda-arena begrenzt. */ #hda-arena a{transition:opacity .18s ease,background-color .18s ease} #hda-arena a:hover{opacity:.88} #hda-arena a.hda-k-background-fff:hover{background:#e4e7eb!important;opacity:1} #hda-arena a.hda-k-background-16283c:hover{background:#0f1d2e!important;opacity:1} #hda-arena a[data-pos]:hover{background:rgba(255,255,255,.16)!important} /* Tabs */ #hda-arena .hda-radio{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0; overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none} #hda-arena .hda-radio:focus-visible + .hda-tab{outline:2px solid currentColor;outline-offset:2px} #hda-arena .hda-tabs-dark .hda-radio:focus-visible + .hda-tab{outline-color:#fff} #hda-arena .hda-tabs-light .hda-radio:focus-visible + .hda-tab{outline-color:#16283C} #hda-arena #hda-more:focus-visible ~ .hda-more-btn{outline:2px solid #16283C;outline-offset:3px} #hda-arena #hda-squad-more:focus-visible ~ .hda-more-btn{outline:2px solid #fff;outline-offset:3px} #hda-arena .hda-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px} #hda-arena .hda-tab{cursor:pointer;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:9px 15px;user-select:none;transition:background-color .15s ease,color .15s ease} #hda-arena .hda-tabs-dark .hda-tab{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75)} #hda-arena .hda-tabs-dark .hda-radio:checked + .hda-tab{background:#fff!important;color:#16283C!important} #hda-arena .hda-tabs-light{background:#F2F3F5;padding:4px;display:inline-flex} #hda-arena .hda-tabs-light .hda-tab{background:transparent;color:#5C6B7C;font-size:12px} #hda-arena .hda-tabs-light .hda-radio:checked + .hda-tab{background:#16283C!important;color:#fff!important} /* Kader-Filter */ #hda-arena:has(#hda-pos-tw:checked) a[data-pos]:not([data-pos="Torwart"]), #hda-arena:has(#hda-pos-ab:checked) a[data-pos]:not([data-pos="Abwehr"]), #hda-arena:has(#hda-pos-mf:checked) a[data-pos]:not([data-pos="Mittelfeld"]), #hda-arena:has(#hda-pos-st:checked) a[data-pos]:not([data-pos="Sturm"]){display:none!important} /* Spielplan-Filter */ #hda-arena:has(#hda-fx-home:checked) div[data-home="0"]{display:none!important} @media (max-width:760px){ #hda-arena section{padding-left:18px!important;padding-right:18px!important} #hda-arena .hda-fixtures > div[data-home]{grid-template-columns:1fr 1fr!important;gap:6px!important} } /* Theme-Reset: Shop-CSS zeichnet Linien/Unterstriche an Überschriften */ #hda-arena h1,#hda-arena h2,#hda-arena h3,#hda-arena h4{border:0!important;background:none!important;text-transform:none!important;padding-bottom:0!important} #hda-arena h1::before,#hda-arena h1::after, #hda-arena h2::before,#hda-arena h2::after, #hda-arena h3::before,#hda-arena h3::after, #hda-arena h4::before,#hda-arena h4::after{content:none!important;display:none!important} #hda-arena hr{display:none!important} /* Eckige Kanten wie im Shop - einzige Ausnahme sind die runden Slider-Punkte */ #hda-arena *:not(.hda-dot){border-radius:0!important} #hda-arena p{border:0!important} /* "Mehr Spiele anzeigen" – erste 5 Spieltage sichtbar */ #hda-arena .hda-more-btn{display:block;margin:18px auto 26px;cursor:pointer;width:max-content; font-size:12px;font-weight:600;letter-spacing:.02em;color:#5C6B7C; border:0;padding:6px 2px;line-height:1.2;user-select:none; text-decoration:underline;text-underline-offset:4px;text-decoration-color:#C9D0D8; transition:color .16s ease,text-decoration-color .16s ease} #hda-arena .hda-more-btn:hover{color:#16283C;text-decoration-color:#16283C} #hda-arena .hda-more-btn .hda-more-less{display:none} #hda-arena:has(#hda-more:checked) .hda-more-btn:not(.hda-more-dark) .hda-more-open{display:none} #hda-arena:has(#hda-more:checked) .hda-more-btn:not(.hda-more-dark) .hda-more-less{display:inline} #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="5"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="6"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="7"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="8"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="9"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="10"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="11"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="12"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="13"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="14"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="15"], #hda-arena:has(#hda-fx-home:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-hi="16"]{display:none!important} #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="5"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="6"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="7"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="8"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="9"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="10"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="11"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="12"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="13"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="14"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="15"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="16"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="17"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="18"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="19"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="20"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="21"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="22"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="23"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="24"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="25"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="26"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="27"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="28"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="29"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="30"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="31"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="32"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="33"], #hda-arena:has(#hda-fx-all:checked):not(:has(#hda-more:checked)) .hda-fixtures > div[data-ai="34"]{display:none!important} /* Kader: erst 12 Spieler, dann "kompletten Kader anzeigen" */ #hda-arena .hda-more-dark{color:rgba(255,255,255,.72);text-decoration-color:rgba(255,255,255,.35)} #hda-arena .hda-more-dark:hover{color:#fff;text-decoration-color:#fff} #hda-arena:has(#hda-squad-more:checked) .hda-more-dark .hda-more-open{display:none} #hda-arena:has(#hda-squad-more:checked) .hda-more-dark .hda-more-less{display:inline} /* eingeklappt: 3 je Position (12 Karten = 2 Reihen), bei aktivem Positionsfilter 6 */ #hda-arena:has(#hda-pos-all:checked):not(:has(#hda-squad-more:checked)) .hda-squad > a:is([data-pi="3"],[data-pi="4"],[data-pi="5"],[data-pi="6"],[data-pi="7"],[data-pi="8"],[data-pi="9"],[data-pi="10"]), #hda-arena:has(#hda-pos-ab:checked):not(:has(#hda-squad-more:checked)) .hda-squad > a:is([data-pi="6"],[data-pi="7"],[data-pi="8"],[data-pi="9"],[data-pi="10"]), #hda-arena:has(#hda-pos-mf:checked):not(:has(#hda-squad-more:checked)) .hda-squad > a:is([data-pi="6"],[data-pi="7"],[data-pi="8"],[data-pi="9"],[data-pi="10"]), #hda-arena:has(#hda-pos-st:checked):not(:has(#hda-squad-more:checked)) .hda-squad > a:is([data-pi="6"],[data-pi="7"],[data-pi="8"],[data-pi="9"],[data-pi="10"]){display:none!important} /* Torwart hat nur 3 Spieler - dann gibt es nichts aufzuklappen */ #hda-arena:has(#hda-pos-tw:checked) .hda-more-dark{display:none!important} /* Fanstore-Slider: mittige Karte groß, Nachbarn schauen hervor */ #hda-arena .hda-slider{ display:flex!important;grid-template-columns:none!important; overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch; gap:14px!important;padding:0 12%!important;scroll-padding:0 12%;scrollbar-width:none} #hda-arena .hda-slider::-webkit-scrollbar{display:none} #hda-arena .hda-slider > *{ flex:0 0 62%!important;scroll-snap-align:center;aspect-ratio:3/2!important; transition:opacity .3s ease} #hda-arena .hda-dots{display:flex;justify-content:center;gap:18px;margin:18px 0 0} #hda-arena .hda-dot{position:relative;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.28); transition:background-color .18s ease,transform .18s ease} #hda-arena .hda-dot::after{content:"";position:absolute;inset:-8px} #hda-arena .hda-dot:hover{background:#fff;transform:scale(1.25)} #hda-arena .hda-dot:focus-visible{outline:2px solid #fff;outline-offset:7px} #hda-arena .hda-slider:focus-visible{outline:2px solid #fff;outline-offset:4px} /* ============ MOBILE (<=760px) ============ */ @media (max-width:760px){ /* Sektions-Abstände + Typo */ #hda-arena section{padding-top:48px!important;padding-bottom:48px!important;padding-left:18px!important;padding-right:18px!important} #hda-arena p{font-size:14px!important;line-height:1.8!important} /* alle zweispaltigen Blöcke stapeln, Bild zuerst */ #hda-arena div.hda-k-grid-template-columns{grid-template-columns:1fr!important;gap:26px!important} /* Hero: keine fixen Höhen */ #hda-arena img[src*="HomeDeluxeArena.png"]{width:min(220px,58vw)!important;height:auto!important} #hda-arena section > img{width:100%!important;height:100%!important;min-height:420px!important;object-fit:cover!important} /* Bild-Overlays/Verschiebungen mobil neutralisieren */ #hda-arena div.hda-k-position-absolute-linear-gradient-{background:linear-gradient(180deg,rgba(15,29,46,.35) 0%,rgba(15,29,46,.9) 70%)!important} /* absolut positionierte Textblöcke im Hero in den Fluss holen */ /* Fakten-Zeile: 2 Spalten, ohne Trennlinien */ #hda-arena div.hda-k-repeat-auto-fit-minmax-190px{grid-template-columns:1fr 1fr!important;gap:16px 10px!important} #hda-arena div.hda-k-repeat-auto-fit-minmax-190px > *{border-left:0!important;border-right:0!important;padding-left:0!important;padding-right:0!important;text-align:center!important} /* Kader: 2 Spalten, Tabs horizontal scrollbar */ #hda-arena .hda-squad.hda-squad{grid-template-columns:1fr 1fr!important;gap:10px!important} /* mobil (2 Spalten): 2 je Position = 8 Karten, bei aktivem Positionsfilter 4 */ #hda-arena:has(#hda-pos-all:checked):not(:has(#hda-squad-more:checked)) .hda-squad > a:is([data-pi="2"],[data-pi="3"],[data-pi="4"],[data-pi="5"],[data-pi="6"],[data-pi="7"],[data-pi="8"],[data-pi="9"],[data-pi="10"]), #hda-arena:has(#hda-pos-ab:checked):not(:has(#hda-squad-more:checked)) .hda-squad > a:is([data-pi="4"],[data-pi="5"],[data-pi="6"],[data-pi="7"],[data-pi="8"],[data-pi="9"],[data-pi="10"]), #hda-arena:has(#hda-pos-mf:checked):not(:has(#hda-squad-more:checked)) .hda-squad > a:is([data-pi="4"],[data-pi="5"],[data-pi="6"],[data-pi="7"],[data-pi="8"],[data-pi="9"],[data-pi="10"]), #hda-arena:has(#hda-pos-st:checked):not(:has(#hda-squad-more:checked)) .hda-squad > a:is([data-pi="4"],[data-pi="5"],[data-pi="6"],[data-pi="7"],[data-pi="8"],[data-pi="9"],[data-pi="10"]){display:none!important} #hda-arena .hda-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:14px} #hda-arena .hda-tabs::-webkit-scrollbar{display:none} #hda-arena .hda-tab{flex:0 0 auto;padding:11px 14px} /* Spielplan: Gegner groß, Rest darunter */ #hda-arena .hda-fixtures > div[data-home]{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"opp time" "date comp"!important;row-gap:5px!important;column-gap:10px!important;padding:14px 0!important} /* DOM-Reihenfolge: 1 Wettbewerb, 2 Datum, 3 Gegner, 4 Anstoss */ #hda-arena .hda-fixtures > div[data-home] > *:nth-child(1){grid-area:comp!important;font-size:11px!important;text-align:right!important;white-space:nowrap} #hda-arena .hda-fixtures > div[data-home] > *:nth-child(2){grid-area:date!important;font-size:11.5px!important;text-align:left!important;white-space:nowrap} #hda-arena .hda-fixtures > div[data-home] > *:nth-child(3){grid-area:opp!important;font-size:14.5px!important;font-weight:700!important;text-align:left!important} #hda-arena .hda-fixtures > div[data-home] > *:nth-child(4){grid-area:time!important;font-size:12px!important;text-align:right!important;white-space:nowrap} /* Paarung + Spielstaette umbrechen statt abschneiden (mobil war beides ellipsiert) */ #hda-arena .hda-fixtures > div[data-home] > *:nth-child(3){display:block!important} #hda-arena .hda-fixtures > div[data-home] > *:nth-child(3) > span{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} #hda-arena .hda-fixtures > div[data-home] > *:nth-child(3) > span + span{margin-top:3px;line-height:1.4} /* Blockplan: volle Breite, Höhe automatisch */ #hda-arena img.hda-k-object-fit-contain{width:100%!important;height:auto!important} #hda-arena div:has(> img.hda-k-object-fit-contain){height:auto!important;min-height:0!important;padding:0!important} /* Blockplan + Bildcontainer: keine fixen Höhen */ #hda-arena div.hda-k-height-420px, #hda-arena div.hda-k-height-340px{height:auto!important;min-height:220px!important} /* Fanstore-Slider mobil: eine Karte, Nachbar schaut hervor */ #hda-arena .hda-slider{gap:10px!important;padding:0 8%!important;scroll-padding:0 8%} #hda-arena .hda-slider > *{flex:0 0 84%!important} /* "Mehr anzeigen"-Buttons mobil volle Breite */ #hda-arena .hda-more-btn{width:max-content!important;text-align:center;padding:10px 18px!important} /* Buttons: volle Breite, Touch-Target */ #hda-arena a.hda-k-padding-14px,#hda-arena a.hda-k-padding-13px, #hda-arena a.hda-k-padding-12px{display:block!important;width:100%!important;text-align:center!important;min-height:48px!important;line-height:24px!important;padding-top:12px!important;padding-bottom:12px!important;padding-left:14px!important;padding-right:14px!important} } @media (max-width:420px){ #hda-arena .hda-squad{grid-template-columns:1fr 1fr!important} #hda-arena h1{font-size:28px!important} } /* Arena-Erlebnis: Text links, Bild rechts angeschnitten (nicht gestapelt) */ @media (max-width:760px){ /* Sektion voll auf Kante, damit das Bild wirklich aus dem Rand laeuft */ #hda-arena section.hda-k-background-0f1d2e{padding:0!important} /* eigener dunkler Grund: bei krummen Zoomstufen (z.B. 75%) runden die beiden Spalten auf verschiedene Geraetepixel - ohne Grund blitzt dort eine Haarlinie durch */ #hda-arena div.hda-k-repeat-auto-fit-minmax-320px{grid-template-columns:1fr 34%!important;gap:0!important;align-items:stretch!important;background:#0F1D2E!important} #hda-arena div.hda-k-repeat-auto-fit-minmax-320px > div:first-child{padding:44px 16px 46px 18px!important;gap:18px!important} #hda-arena div.hda-k-min-height-360px{width:auto!important;min-height:0!important;margin:0!important;aspect-ratio:auto!important} #hda-arena div.hda-k-min-height-360px > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:62% center!important} /* Verlauf wieder horizontal, auf die schmale Spalte gestaucht */ #hda-arena div.hda-k-min-height-360px > div.hda-k-linear-gradient-90deg{background:linear-gradient(90deg,#0F1D2E 0%,rgba(15,29,46,.45) 42%,rgba(15,29,46,0) 100%)!important} } /* Voll-Bleed-Sektionen (Bild als direktes Kind) ohne Innenabstand */ @media (max-width:760px){ #hda-arena section:has(> img){padding:0!important} } /* mobil ausgeblendete Elemente */ @media (max-width:760px){ #hda-arena .hda-hide-mobile{display:none!important} } /* ══════════════════════════════════════════════════════════════════════════ Aus den Inline-Styles ausgelagert - erzeugt, nicht von Hand gepflegt. Warum am Ende der Datei: Inline-Styles schlugen bisher jede Regel ohne !important. Als Klasse haben sie dieselbe Spezifitaet wie die Regeln oben, bei Gleichstand gewinnt die spaetere - dadurch bleibt das Verhalten gleich. Warum mit #hda-arena gescoped: die Inline-Styles waren gegen das Shop-CSS immun. Ohne die ID-Spezifitaet koennte eine Theme-Regel sie ueberschreiben. ══════════════════════════════════════════════════════════════════════════ */ #hda-arena .hda-s001{color:#8E9AA8;font-size:11.5px;font-weight:600;letter-spacing:.03em;box-sizing:border-box} /* 35× */ #hda-arena .hda-s002{display:flex;align-items:center;gap:10px;min-width:0;box-sizing:border-box} /* 35× */ #hda-arena .hda-s003{display:grid;grid-template-columns:132px 92px minmax(0,1fr) 86px;gap:16px;align-items:center;padding:15px 4px;border-bottom:1px solid #E1E4E8;font-size:13px;box-sizing:border-box} /* 35× */ #hda-arena .hda-s004{font-size:11px;color:#8E9AA8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box} /* 35× */ #hda-arena .hda-s005{font-weight:700;box-sizing:border-box} /* 35× */ #hda-arena .hda-s006{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box} /* 35× */ #hda-arena .hda-s007{text-align:right;font-size:11.5px;color:#5C6B7C;box-sizing:border-box} /* 35× */ #hda-arena .hda-s008{display:block;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-sizing:border-box;text-decoration:none} /* 32× */ #hda-arena .hda-s009{font-size:12.5px;font-weight:700;line-height:1.35;color:#fff;box-sizing:border-box} /* 32× */ #hda-arena .hda-s010{margin-top:4px;font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.45);box-sizing:border-box} /* 32× */ #hda-arena .hda-s011{padding:12px 12px 14px;box-sizing:border-box} /* 32× */ #hda-arena .hda-s012{position:absolute;left:10px;top:8px;font-size:22px;font-weight:800;letter-spacing:-.03em;color:rgba(255,255,255,.85);text-shadow:0 2px 10px rgba(15,29,46,.6);box-sizing:border-box} /* 32× */ #hda-arena .hda-s013{position:relative;aspect-ratio:2/3;overflow:hidden;box-sizing:border-box} /* 32× */ #hda-arena .hda-s014{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;box-sizing:border-box} /* 31× */ #hda-arena .hda-s015{box-sizing:border-box} /* 18× */ #hda-arena .hda-s016{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:15px 0;border-bottom:1px solid #E2E5E9;box-sizing:border-box} /* 15× */ #hda-arena .hda-s017{font-size:12.5px;color:#5C6B7C;box-sizing:border-box} /* 15× */ #hda-arena .hda-s018{font-size:15px;font-weight:700;color:#16283C;text-align:right;box-sizing:border-box} /* 15× */ #hda-arena .hda-s019{display:block;width:100%;height:100%;object-fit:cover;box-sizing:border-box} /* 10× */ #hda-arena .hda-s020{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none} /* 9× */ #hda-arena .hda-s021{font-size:12.5px;font-weight:700;box-sizing:border-box} #hda-arena .hda-s022{aspect-ratio:3/2;overflow:hidden;background:#0F1D2E;box-sizing:border-box} #hda-arena .hda-s023{cursor:pointer;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:9px 15px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.75)} #hda-arena .hda-s024{font-size:12px;font-weight:600;letter-spacing:.08em;color:#8E9AA8;box-sizing:border-box} #hda-arena .hda-s025{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.28)} #hda-arena .hda-s026{background:#fff;padding:30px 30px 32px;box-shadow:0 1px 3px rgba(22,40,60,.08);box-sizing:border-box} #hda-arena .hda-s027{color:#fff;font-size:clamp(24px,3.4vw,36px);font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(15,29,46,.6);box-sizing:border-box} #hda-arena .hda-s028{display:inline-block;background:#16283C;color:#fff;font-size:11px;font-weight:600;padding:9px 16px;box-sizing:border-box;text-decoration:none} #hda-arena .hda-s029{margin-top:5px;font-size:10.5px;letter-spacing:.08em;color:rgba(255,255,255,.7);box-sizing:border-box} #hda-arena .hda-s030{margin-top:6px;font-size:11.5px;line-height:1.7;color:#7C8996;box-sizing:border-box} #hda-arena .hda-s031{margin:0 0 12px;font-size:15px;font-weight:800;box-sizing:border-box} #hda-arena .hda-s032{margin:0 0 22px;font-size:12.5px;line-height:1.8;color:#5C6B7C;text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s033{align-self:flex-start;margin-top:auto;font-size:11.5px;font-weight:700;letter-spacing:.04em;border-bottom:1px solid #16283C;padding-bottom:2px;box-sizing:border-box;text-decoration:none;color:currentColor} #hda-arena .hda-s034{display:flex;align-items:center;gap:8px;margin-top:18px;box-sizing:border-box} #hda-arena .hda-s035{display:flex;flex-direction:column;box-sizing:border-box} #hda-arena .hda-s036{display:flex;gap:12px;align-items:flex-start;box-sizing:border-box} #hda-arena .hda-s037{font-size:11.5px;color:#7C8996;line-height:1.7;box-sizing:border-box} #hda-arena .hda-s038{font-size:11px;font-weight:700;letter-spacing:.06em;color:#8E9AA8;box-sizing:border-box} #hda-arena .hda-s039{font-size:11px;font-weight:700;letter-spacing:.12em;color:#8E9AA8;padding-bottom:14px;border-bottom:2px solid #16283C;box-sizing:border-box} #hda-arena .hda-s040{height:360px;background:#F2F3F5;box-sizing:border-box} #hda-arena .hda-s041{margin:0 0 16px;font-size:12.5px;line-height:1.85;color:#5C6B7C;text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s042{margin:6px 0 0;font-size:clamp(20px,2.6vw,27px);font-weight:800;box-sizing:border-box} #hda-arena .hda-s043{margin:8px 0 10px;font-size:17px;font-weight:800;box-sizing:border-box} #hda-arena .hda-s044{text-align:center;padding:0 12px;border-left:1px solid rgba(255,255,255,.22);box-sizing:border-box} #hda-arena .hda-s045{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.04em;padding:9px 15px;color:#5C6B7C} #hda-arena .hda-s046{font-size:10.5px;letter-spacing:.08em;color:rgba(255,255,255,.45);box-sizing:border-box} #hda-arena .hda-s047{font-size:11px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,.5);box-sizing:border-box} #hda-arena .hda-s048{margin-top:5px;font-size:15px;font-weight:800;color:#fff;box-sizing:border-box} #hda-arena .hda-s049{max-width:1080px;margin:0 auto;box-sizing:border-box} #hda-arena .hda-s050{background:#0F1D2E;padding:0;box-sizing:border-box} #hda-arena .hda-s051{background:#16283C;color:#fff;font-size:12.5px;font-weight:600;padding:11px 20px;box-sizing:border-box;text-decoration:none} #hda-arena .hda-s052{background:#16283C;color:#fff;padding:76px 24px 84px;box-sizing:border-box} #hda-arena .hda-s053{background:#16283C;padding:86px 24px 92px;box-sizing:border-box} #hda-arena .hda-s054{background:#F2F3F5;padding:78px 24px 92px;box-sizing:border-box} #hda-arena .hda-s055{background:#F2F3F5;padding:84px 24px 88px;box-sizing:border-box} #hda-arena .hda-s056{background:#fff;padding:64px 24px 56px;box-sizing:border-box} #hda-arena .hda-s057{background:#fff;padding:80px 24px 92px;box-sizing:border-box} #hda-arena .hda-s058{background:#fff;padding:82px 24px 90px;box-sizing:border-box} #hda-arena .hda-s059{background:#fff;padding:88px 24px 92px;box-sizing:border-box} #hda-arena .hda-s060{border-top:1px solid #E1E4E8;box-sizing:border-box} #hda-arena .hda-s061{display:block;margin:18px auto 26px;cursor:pointer;width:max-content;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:#5C6B7C} #hda-arena .hda-s062{display:block;margin:18px auto 26px;cursor:pointer;width:max-content;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:rgba(255,255,255,.72)} #hda-arena .hda-s063{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;box-sizing:border-box} #hda-arena .hda-s064{display:block;width:100%;height:100%;object-fit:contain;box-sizing:border-box} #hda-arena .hda-s065{display:block;width:min(340px,64vw);height:auto;margin:0 auto 24px;box-sizing:border-box} #hda-arena .hda-s066{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px;box-sizing:border-box} #hda-arena .hda-s067{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:32px;box-sizing:border-box} #hda-arena .hda-s068{display:flex;flex-direction:column;gap:14px;box-sizing:border-box} #hda-arena .hda-s069{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:62px 64px 66px;box-sizing:border-box} #hda-arena .hda-s070{display:flex;gap:6px;background:#F2F3F5;padding:4px;box-sizing:border-box} #hda-arena .hda-s071{display:flex;gap:6px;flex-wrap:wrap;box-sizing:border-box} #hda-arena .hda-s072{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px} #hda-arena .hda-s073{display:flex;justify-content:center;gap:18px;margin:18px 0 0} #hda-arena .hda-s074{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;box-sizing:border-box} #hda-arena .hda-s075{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;box-sizing:border-box} #hda-arena .hda-s076{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;box-sizing:border-box} #hda-arena .hda-s077{display:inline-block;background:#fff;color:#16283C;font-size:12.5px;font-weight:700;padding:13px 24px;box-sizing:border-box;text-decoration:none} #hda-arena .hda-s078{display:inline-block;background:#fff;color:#16283C;font-size:13px;font-weight:700;padding:14px 26px;box-sizing:border-box;text-decoration:none} #hda-arena .hda-s079{display:inline-block;margin-top:10px;background:#fff;color:#16283C;font-size:13px;font-weight:600;padding:14px 26px;box-sizing:border-box;text-decoration:none} #hda-arena .hda-s080{display:inline-block;margin-top:28px;background:#16283C;color:#fff;font-size:12.5px;font-weight:600;padding:12px 22px;box-sizing:border-box;text-decoration:none} #hda-arena .hda-s081{display:inline-flex;gap:6px;background:#F2F3F5;padding:4px;margin:0 0 18px} #hda-arena.hda-s082,#hda-arena .hda-s082{font-family:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#16283C;background:#fff;line-height:1.4;box-sizing:border-box} #hda-arena .hda-s083{font-size:12px;color:#7C8996;text-decoration:underline;box-sizing:border-box} #hda-arena .hda-s084{font-size:12px;font-weight:600;letter-spacing:.08em;color:rgba(255,255,255,.5);box-sizing:border-box} #hda-arena .hda-s085{height:340px;box-sizing:border-box} #hda-arena .hda-s086{height:420px;background:transparent;box-sizing:border-box} #hda-arena .hda-s087{margin-left:auto;font-size:12px;color:rgba(255,255,255,.7);text-decoration:underline;box-sizing:border-box} #hda-arena .hda-s088{margin-top:12px;font-size:10.5px;color:#9AA5B1;box-sizing:border-box} #hda-arena .hda-s089{margin-top:24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-sizing:border-box} #hda-arena .hda-s090{margin-top:32px;box-sizing:border-box} #hda-arena .hda-s091{margin-top:34px;box-sizing:border-box} #hda-arena .hda-s092{margin-top:34px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);box-sizing:border-box} #hda-arena .hda-s093{margin:0 0 20px;font-size:13.5px;line-height:1.95;color:#43525F;text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s094{margin:0 0 22px;font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.01em;box-sizing:border-box} #hda-arena .hda-s095{margin:0 0 24px;font-size:22px;font-weight:800;box-sizing:border-box} #hda-arena .hda-s096{margin:0 0 26px;font-size:13px;line-height:1.85;color:#5C6B7C;text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s097{margin:0 0 34px;font-size:13.5px;line-height:1.95;color:#43525F;text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s098{margin:0 auto;max-width:640px;font-size:13.5px;line-height:1.9;color:rgba(255,255,255,.72);text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s099{margin:0;color:#fff;font-size:clamp(24px,3.4vw,36px);line-height:1.08;font-weight:800;letter-spacing:-.03em;text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s100{margin:0;color:#fff;font-size:clamp(30px,5vw,56px);line-height:1.05;font-weight:800;letter-spacing:-.02em;text-shadow:0 4px 30px rgba(15,29,46,.5);box-sizing:border-box} #hda-arena .hda-s101{margin:0;font-size:14px;line-height:1.9;color:rgba(255,255,255,.78);text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s102{margin:0;font-size:clamp(20px,2.6vw,27px);font-weight:800;box-sizing:border-box} #hda-arena .hda-s103{margin:0;max-width:420px;color:rgba(255,255,255,.68);font-size:14.5px;line-height:1.85;text-wrap:pretty;box-sizing:border-box} #hda-arena .hda-s104{margin:12px 0 14px;font-size:clamp(22px,3vw,31px);font-weight:800;letter-spacing:-.02em;box-sizing:border-box} #hda-arena .hda-s105{margin:18px 0 0;color:rgba(255,255,255,.9);font-size:17px;font-weight:500;box-sizing:border-box} #hda-arena .hda-s106{margin:6px 0 0;font-size:clamp(20px,2.6vw,27px);font-weight:800;color:#fff;box-sizing:border-box} #hda-arena .hda-s107{margin:6px 0 0;font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.01em;box-sizing:border-box} #hda-arena .hda-s108{margin:6px 0 18px;font-size:26px;font-weight:800;box-sizing:border-box} #hda-arena .hda-s109{max-width:1000px;margin:38px auto 0;box-sizing:border-box} #hda-arena .hda-s110{max-width:1080px;margin:0 auto 40px;box-sizing:border-box} #hda-arena .hda-s111{max-width:1080px;margin:0 auto 40px;text-align:center;box-sizing:border-box} #hda-arena .hda-s112{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));box-sizing:border-box} #hda-arena .hda-s113{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:30px;text-align:center;box-sizing:border-box} #hda-arena .hda-s114{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:52px;box-sizing:border-box} #hda-arena .hda-s115{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px;align-items:center;box-sizing:border-box} #hda-arena .hda-s116{max-width:1080px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:70px;align-items:start;box-sizing:border-box} #hda-arena .hda-s117{max-width:820px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;box-sizing:border-box} #hda-arena .hda-s118{max-width:820px;margin:0 auto;text-align:center;box-sizing:border-box} #hda-arena .hda-s119{max-width:900px;margin:0 auto;box-sizing:border-box} #hda-arena .hda-s120{max-width:none;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;box-sizing:border-box} #hda-arena .hda-s121{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,29,46,.72) 0%,rgba(15,29,46,.42) 45%,rgba(15,29,46,.66) 100%);pointer-events:none;box-sizing:border-box} #hda-arena .hda-s122{position:absolute;inset:0;background:linear-gradient(90deg,#0F1D2E 0%,rgba(15,29,46,.75) 12%,rgba(15,29,46,.25) 30%,rgba(15,29,46,0) 46%);box-sizing:border-box} #hda-arena .hda-s123{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 30px;background:linear-gradient(180deg,rgba(15,29,46,0),rgba(15,29,46,.82));pointer-events:none;box-sizing:border-box} #hda-arena .hda-s124{position:absolute;left:0;right:0;top:42%;transform:translateY(-50%);text-align:center;padding:0 24px;pointer-events:none;box-sizing:border-box} #hda-arena .hda-s125{position:relative;max-width:900px;margin:0 auto;text-align:center;color:#fff;box-sizing:border-box} #hda-arena .hda-s126{position:relative;min-height:360px;overflow:hidden;box-sizing:border-box} #hda-arena .hda-s127{position:relative;padding:82px 24px 88px;overflow:hidden;background:#16283C;box-sizing:border-box} #hda-arena .hda-s128{position:relative;width:100%;height:620px;overflow:hidden;box-sizing:border-box} #hda-arena .hda-s129{text-align:center;margin-bottom:40px;box-sizing:border-box} #hda-arena .hda-s130{text-align:center;margin-bottom:44px;box-sizing:border-box} #hda-arena .hda-s131{text-align:center;padding:0 12px;box-sizing:border-box} #hda-arena .hda-s132{width: 100%;background: #fff;color: #16283C;box-sizing:border-box} #hda-arena .hda-s133{width:100%;height:100%;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-sizing:border-box} #hda-arena .hda-s134{width:12px;height:12px;margin-top:3px;background:#16283C;flex:0 0 auto;box-sizing:border-box} #hda-arena .hda-s135{width:12px;height:12px;margin-top:3px;background:#8E9AA8;flex:0 0 auto;box-sizing:border-box} #hda-arena .hda-s136{width:12px;height:12px;margin-top:3px;background:#C9D0D8;flex:0 0 auto;box-sizing:border-box}