/* unduck portal refresh candidate v1. Loaded after the preserved brand theme. */
.xex-shell .xex-slot.is-house-banner { border-radius:14px; border:0 !important; isolation:isolate; }
.xex-shell .xex-slot.is-house-banner .xex-slot__link { display:flex; align-items:stretch; min-height:240px; background:#102c27 !important; }
.xex-shell .xex-slot.is-house-banner .xex-slot__media { position:absolute; inset:0; z-index:0; }
.xex-shell .xex-slot.is-house-banner .xex-slot__media img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:60% 50%; image-rendering:auto; margin:0; }
.xex-shell .xex-slot.is-house-banner .xex-slot__link::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(4,26,24,.85),rgba(4,26,24,.4) 58%,rgba(4,26,24,.02)); }
.xex-shell .xex-slot.is-house-banner .xex-slot__meta { position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; padding:28px; text-align:start; border:0; background:none !important; }
.xex-shell .xex-slot.is-house-banner .xex-slot__meta :where(*) { color:#fff9ee !important; }
.xex-shell .xex-slot.is-house-banner .xex-slot__brand { font-size:18px !important; letter-spacing:-.03em; }
.xex-shell .xex-slot.is-house-banner .xex-slot__copy { flex:0 1 auto; max-width:34rem; }
.xex-shell .xex-slot.is-house-banner .xex-slot__copy small { color:#ffe09b !important; font-size:12px !important; letter-spacing:.09em; margin-bottom:8px; }
.xex-shell .xex-slot.is-house-banner .xex-slot__copy strong { font-size:clamp(25px,2.5vw,38px) !important; line-height:1.22 !important; letter-spacing:-.035em; overflow-wrap:anywhere; word-break:normal; }
.xex-shell .xex-slot.is-house-banner .xex-slot__description { display:block; max-width:43ch; margin-top:12px; font-size:15px !important; line-height:1.65 !important; }
.xex-shell .xex-slot.is-house-banner .xex-slot__cta { display:inline-flex; align-items:center; min-height:42px; margin-top:4px; padding:9px 16px; color:#163a2d !important; background:#fff9ee !important; border-radius:7px; white-space:normal; font-size:14px !important; }
.xex-shell .xex-slot.is-house-banner .xex-slot__cta::after { content:"↗"; margin-inline-start:14px; }
.xex-shell .xex-slot.is-house-banner .xex-slot__concept { position:absolute; z-index:2; right:12px; bottom:9px; padding:2px 7px; color:white !important; background:rgba(0,0,0,.62) !important; border-radius:3px; font-size:10px !important; }
.xex-shell .xex-slot.is-house-banner.is-leaderboard .xex-slot__link { min-height:320px; }
.xex-shell .xex-slot.is-house-banner.is-leaderboard .xex-slot__media img { object-position:65% 50%; }
.xex-shell .xex-slot.is-house-banner.is-sidebar .xex-slot__link,
.xex-shell .xex-slot.is-house-banner.is-content-native .xex-slot__link { min-height:270px; }
.xex-shell .xex-slot.is-house-banner.is-sidebar .xex-slot__meta,
.xex-shell .xex-slot.is-house-banner.is-content-native .xex-slot__meta { padding:22px 18px; justify-content:flex-end; }
.xex-shell .xex-slot.is-house-banner.is-sidebar .xex-slot__copy strong,
.xex-shell .xex-slot.is-house-banner.is-content-native .xex-slot__copy strong { font-size:22px !important; }
.xex-shell .xex-slot.is-house-banner.is-sidebar .xex-slot__link::after,
.xex-shell .xex-slot.is-house-banner.is-content-native .xex-slot__link::after { background:linear-gradient(0deg,rgba(4,26,24,.94),rgba(4,26,24,.35) 65%,rgba(4,26,24,.05)); }
.xex-shell .xex-slot.is-house-banner.is-wide .xex-slot__link { min-height:260px; }
.xex-shell .xex-slot.is-house-banner.is-wide .xex-slot__media img { object-position:52% 50%; }
.xex-shell .xex-slot.is-house-banner.is-wide .xex-slot__meta { padding-bottom:36px; }
.xex-shell .unduck-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 16px; }
.xex-shell .unduck-shortcuts a { display:flex; align-items:center; justify-content:center; gap:9px; padding:16px 10px; min-height:64px; border:1px solid #d9e3da !important; border-radius:10px; background:#fff !important; font-weight:700; text-align:center; text-decoration:none; overflow-wrap:anywhere; }
.xex-shell .unduck-shortcuts a span { font-size:24px !important; }
.xex-shell .unduck-shortcuts a:hover { border-color:#146b43 !important; background:#edf5ed !important; }
.xex-shell .unduck-official { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; padding:14px 16px; border:1px solid #d9e3da !important; border-radius:10px; margin-bottom:16px; background:#f0f5eb !important; }
.xex-shell .unduck-official strong { flex-basis:100%; }
.xex-shell .unduck-official a { text-underline-offset:4px; font-size:13px !important; }
.xex-shell .unduck-official-updates { flex-basis:100%; list-style:none; margin:0; padding:0; }
.xex-shell .unduck-official-updates li { display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:8px 0; border-bottom:1px solid #d9e3da !important; }
.xex-shell .unduck-official-updates a { font-size:15px !important; font-weight:600; }
.xex-shell .unduck-official-updates time { white-space:nowrap; font-size:12px !important; }
.xex-shell .xex-strip { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:14px; }
.xex-shell .xex-strip__item { min-width:0; border:1px solid #d9e3da !important; border-radius:8px; overflow:hidden; background:#fff !important; }
.xex-shell .xex-event-art { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; image-rendering:auto; }
.xex-shell .xex-event-art--fallback { background-image:url('/koco-assets/ui/portal-20261002/portal-events.webp') !important; background-size:cover; background-position:center; }
.xex-shell .xex-strip__bar { min-height:0; height:auto; padding:12px 10px 6px; align-items:flex-start; white-space:normal; font-size:14px !important; font-weight:700; line-height:1.45 !important; overflow-wrap:anywhere; }
.xex-shell .xex-strip__meta { display:block; padding:0 10px 12px; min-height:0; font-size:12px !important; }
.xex-shell .xex-panel,.xex-shell .xex-sec,.xex-shell .xex-widget,.xex-shell .xex-left__block { border-color:#d3ded4 !important; border-radius:10px; }
.xex-shell .xex-panel__head { border-radius:9px 9px 0 0; }
.xex-shell .xex-hotcard { background:#eef4e9 !important; border-color:#d3ded4 !important; padding:14px; min-height:96px; }
.xex-shell .xex-hotcard__title { white-space:normal; overflow-wrap:anywhere; font-size:15px !important; }
.xex-shell .xex-hotcard__chip:empty { display:none; }
.xex-shell a:focus-visible,.xex-shell button:focus-visible,.xex-shell summary:focus-visible { outline:3px solid #f27a00; outline-offset:3px; }
@media(min-width:1280px) {
  .xex-shell .xex-body { max-width:1600px; grid-template-columns:190px minmax(0,1fr) 260px; gap:20px; }
  .xex-shell .xex-body.is-wide { grid-template-columns:minmax(0,1fr) 260px; }
}
@media(max-width:1023px) {
  .xex-shell .xex-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
  .xex-shell .xex-slot.is-house-banner.is-leaderboard .xex-slot__link { min-height:300px; }
  .xex-shell .xex-slot.is-house-banner .xex-slot__meta { padding:24px 20px; }
  .xex-shell .xex-slot.is-house-banner .xex-slot__copy strong { font-size:28px !important; }
  .xex-shell .xex-slot.is-house-banner .xex-slot__description { font-size:14px !important; max-width:32ch; }
  .xex-shell .xex-slot.is-house-banner .xex-slot__link::after { background:linear-gradient(90deg,rgba(4,26,24,.87),rgba(4,26,24,.28)); }
  .xex-shell .unduck-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .xex-shell .unduck-shortcuts a { font-size:14px !important; padding:12px 8px; }
  .xex-shell .unduck-official-updates li { display:block; }
  .xex-shell .unduck-official-updates time { display:block; margin-top:4px; }
  .xex-shell .xex-strip { padding:10px; gap:10px; }
}