/* POLDARTS public home — editorial sports portal */
.home-layout {
  --home-cyan: #24d7ff;
  --home-red: #ff3158;
  --home-ink: #040a12;
  --home-panel: #091624;
  overflow: clip;
}
.home-layout :is(h1,h2,h3,p,b,strong,small,span,a) {
  min-width: 0;
}
.home-layout :is(h1,h2,h3,p) {
  overflow-wrap: break-word;
  text-wrap: pretty;
}
.home-layout .home-hero {
  min-height: 720px;
  padding: 0;
  isolation: isolate;
  background:
    radial-gradient(circle at 81% 36%, rgba(36,215,255,.13), transparent 28%),
    radial-gradient(circle at 15% 75%, rgba(255,49,88,.09), transparent 29%),
    linear-gradient(125deg, #081523 0%, #040a12 58%, #06111d 100%);
  border-bottom: 1px solid #1b3147;
}
.home-layout .home-hero:before {
  inset: auto -12vw -54% 28%;
  height: 105%;
  opacity: .16;
  transform: rotate(-8deg);
  background:
    repeating-linear-gradient(90deg, transparent 0 60px, rgba(36,215,255,.2) 61px 62px),
    repeating-linear-gradient(0deg, transparent 0 60px, rgba(36,215,255,.1) 61px 62px);
  background-size: auto;
  mask-image: linear-gradient(90deg, transparent, #000 30%, #000);
}
.home-hero-grid {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(110deg, transparent 0 53%, rgba(255,255,255,.028) 53.1% 53.3%, transparent 53.4%);
}
.home-hero-glow {
  position: absolute;
  z-index: -1;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(110px);
  pointer-events: none;
}
.home-hero-glow-red { left: -160px; bottom: 10%; background: rgba(255,49,88,.22); }
.home-hero-glow-cyan { right: -130px; top: 15%; background: rgba(36,215,255,.2); }
.home-layout .hero-grid {
  min-height: 720px;
  grid-template-columns: minmax(0,1.1fr) minmax(390px,.9fr);
  gap: clamp(42px,6vw,84px);
  padding-block: clamp(58px,8vw,104px);
}
.home-layout .hero-copy {
  max-width: 720px;
}
.home-layout .hero-kicker {
  gap: 14px;
  font-size: .67rem;
  line-height: 1.35;
  letter-spacing: .17em;
}
.home-layout .hero-kicker span { color: var(--home-red); }
.home-layout .hero-kicker b { color: #90a5ba; }
.home-layout .hero-copy h1 {
  max-width: 760px;
  display: flex;
  flex-direction: column;
  gap: .08em;
  margin: 26px 0 24px;
  font-size: clamp(4rem,6.25vw,6.55rem);
  line-height: .85;
  letter-spacing: -.015em;
  text-wrap: balance;
}
.home-layout .hero-copy h1 span,
.home-layout .hero-copy h1 em {
  display: block;
}
.home-layout .hero-copy h1 em {
  width: fit-content;
  max-width: 100%;
  color: var(--home-cyan);
  text-shadow: 0 0 45px rgba(36,215,255,.13);
}
.home-layout .hero-copy > p {
  max-width: 610px;
  margin: 0;
  color: #a8b8c9;
  font-size: clamp(1rem,1.35vw,1.15rem);
  line-height: 1.65;
}
.home-layout .hero-actions {
  margin: 32px 0 28px;
}
.home-layout .hero-actions .button {
  min-height: 56px;
  padding-inline: 25px;
  text-align: center;
  white-space: normal;
  line-height: 1.2;
}
.home-layout .hero-actions .primary {
  color: #02111a;
  background: linear-gradient(115deg, #27dcff, #13bde8);
  border-color: #27dcff;
  box-shadow: 0 14px 36px rgba(24,197,244,.18);
}
.home-layout .hero-actions .button:hover { transform: translateY(-2px); }
.home-layout .trust-row {
  gap: 11px 20px;
  color: #72889f;
  font-size: .77rem;
}
.home-layout .trust-row svg { color: #38cfee; }
.home-layout .hero-score.home-match-center {
  width: 100%;
  min-width: 0;
  align-self: center;
  padding: 0;
  overflow: hidden;
  transform: none;
  background: linear-gradient(145deg, rgba(14,34,53,.96), rgba(5,14,24,.98));
  border: 1px solid #2b4761;
  border-radius: 10px;
  box-shadow: 0 42px 90px rgba(0,0,0,.52), 0 0 0 1px rgba(36,215,255,.04);
}
.home-layout .hero-score.home-match-center:before {
  inset: 0 0 auto;
  width: auto;
  height: 3px;
  background: linear-gradient(90deg, var(--home-red), var(--home-red) 34%, var(--home-cyan) 70%, var(--home-cyan));
}
.home-match-center-head {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 22px;
  color: #d8e4ee;
  background: rgba(3,11,19,.56);
  border-bottom: 1px solid #263f57;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .13em;
}
.home-match-center-head > span,
.home-match-center-head > b {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.home-match-center-head svg { color: var(--home-cyan); }
.home-match-center-head > b { color: #55dfb5; font-size: .6rem; }
.home-match-center-head > b i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  background: #55dfb5;
  border-radius: 50%;
  box-shadow: 0 0 12px #55dfb5;
}
.home-hub { padding: 30px 28px 28px; }
.home-hub-intro { padding-bottom: 25px; }
.home-hub-intro h2 {
  margin: 10px 0 8px;
  font: italic 900 clamp(2.5rem,4vw,3.8rem)/.92 Impact,"Arial Narrow",sans-serif;
  text-transform: uppercase;
}
.home-hub-intro p {
  max-width: 450px;
  margin: 0;
  color: #8fa3b7;
  line-height: 1.55;
}
.home-hub-links {
  display: grid;
  border-top: 1px solid #29445d;
}
.home-hub-links a {
  min-height: 68px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 24px;
  align-items: center;
  gap: 15px;
  padding: 0 4px;
  border-bottom: 1px solid #29445d;
  transition: color .18s ease, padding .18s ease, background .18s ease;
}
.home-hub-links a:hover {
  padding-inline: 12px 6px;
  color: var(--home-cyan);
  background: linear-gradient(90deg, rgba(36,215,255,.07), transparent);
}
.home-hub-links a > span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .09em;
}
.home-hub-links a > span svg { color: var(--home-cyan); }
.home-hub-links a > b {
  color: #fff;
  font: italic 900 1.55rem Impact,"Arial Narrow",sans-serif;
}
.home-hub-links a > svg { color: #668099; }
.home-live-card { padding: 25px 28px 29px; }
.home-layout .hero-event-promo {
  min-height: 370px;
  padding: 25px 28px 28px;
}
.home-layout .hero-event-promo-copy h2 {
  max-width: 100%;
  overflow-wrap: break-word;
  font-size: clamp(1.9rem,3vw,3rem);
  text-wrap: balance;
}
.home-layout .hero-event-promo-foot { flex-wrap: wrap; }
.home-layout .poldarts-proof {
  background: #06111d;
  border-bottom-color: #20384f;
}
.home-layout .poldarts-proof > .page-wrap {
  min-height: 106px;
  grid-template-columns: minmax(220px,1.45fr) repeat(4,minmax(115px,.7fr));
}
.home-layout .proof-lead,
.home-layout .proof-number {
  min-width: 0;
  padding: 20px clamp(18px,2vw,27px);
}
.home-layout .proof-lead {
  padding-left: 56px;
}
.home-layout .proof-lead b,
.home-layout .proof-number strong {
  overflow-wrap: break-word;
}
.home-layout .poldarts-story {
  width: min(1180px,calc(100% - 40px));
  grid-template-columns: minmax(280px,.72fr) minmax(0,1.28fr);
  gap: clamp(42px,6vw,76px);
  padding-block: clamp(78px,9vw,120px);
}
.home-layout .story-heading h2 {
  font-size: clamp(3rem,4.8vw,5rem);
  text-wrap: balance;
}
.home-layout .story-lanes {
  gap: 12px;
  align-items: stretch;
  border: 0;
}
.home-layout .story-lanes > a {
  min-height: 330px;
  padding: 25px 22px;
  border: 1px solid #253f57;
  border-radius: 8px;
}
.home-layout .story-lanes > a:last-child { border-right: 1px solid #253f57; }
.home-layout .story-lanes h3 {
  max-width: 100%;
  font-size: clamp(1.5rem,2vw,2rem);
  overflow-wrap: break-word;
}
.home-layout .story-lanes p {
  min-height: 0;
  font-size: .8rem;
}
.home-layout .section {
  padding-block: clamp(72px,8vw,104px);
}
.home-layout .section-title {
  min-width: 0;
  gap: 24px;
}
.home-layout .section-title > div { min-width: 0; }
.home-layout .section-title h2 {
  max-width: 850px;
  font-size: clamp(2.8rem,4.7vw,4.8rem);
  line-height: .9;
  text-wrap: balance;
}
.home-layout .section-title > a {
  flex: 0 0 auto;
  max-width: 210px;
  text-align: right;
  white-space: normal;
}
.home-layout :is(.event-card,.result-card,.news-card,.featured-players>a,.broadcast-cards>a,.home-clubs>a,.home-sponsors>a) {
  min-width: 0;
  border-radius: 8px;
}
.home-layout :is(.event-card,.result-card,.news-card,.featured-players>a,.broadcast-cards>a,.home-clubs>a) h3 {
  overflow-wrap: break-word;
  text-wrap: balance;
}
.home-layout .club-cta {
  overflow: hidden;
}

@media (max-width: 1050px) {
  .home-layout .hero-grid {
    grid-template-columns: 1fr;
    gap: 45px;
    padding-block: 70px;
  }
  .home-layout .hero-copy { max-width: 780px; }
  .home-layout .hero-score.home-match-center { max-width: 720px; }
  .home-layout .poldarts-proof > .page-wrap {
    grid-template-columns: repeat(4,1fr);
  }
  .home-layout .proof-lead {
    grid-column: 1/-1;
    min-height: 86px;
    border-bottom: 1px solid #1d334a;
  }
  .home-layout .poldarts-story {
    grid-template-columns: 1fr;
  }
  .home-layout .story-heading { max-width: 740px; }
}

@media (max-width: 700px) {
  .home-layout .home-hero { min-height: 0; }
  .home-layout .hero-grid {
    min-height: 0;
    gap: 36px;
    padding-block: 44px 52px;
  }
  .home-layout .hero-kicker {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px 11px;
  }
  .home-layout .hero-kicker i { width: 24px; margin-top: 5px; }
  .home-layout .hero-kicker b { flex: 1 1 190px; }
  .home-layout .hero-copy h1 {
    margin-top: 22px;
    font-size: clamp(3.15rem,15.5vw,4.55rem);
    line-height: .87;
  }
  .home-layout .hero-copy > p {
    font-size: .98rem;
    line-height: 1.58;
  }
  .home-layout .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    margin-block: 27px 23px;
  }
  .home-layout .hero-actions .button { width: 100%; }
  .home-layout .trust-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
  }
  .home-layout .hero-score.home-match-center {
    max-width: none;
    margin: 0;
    border-radius: 8px;
  }
  .home-match-center-head {
    min-height: 52px;
    padding-inline: 16px;
  }
  .home-hub { padding: 24px 18px 20px; }
  .home-hub-intro h2 { font-size: 2.65rem; }
  .home-hub-links a {
    min-height: 62px;
    grid-template-columns: minmax(0,1fr) auto 20px;
    gap: 10px;
  }
  .home-layout .hero-event-promo {
    min-height: 0;
    grid-template-columns: 68px minmax(0,1fr);
    padding: 21px 17px 22px;
  }
  .home-layout .hero-event-promo-date strong { font-size: 3rem; }
  .home-layout .hero-event-promo-copy { padding: 23px 0 23px 18px; }
  .home-layout .hero-event-promo-copy h2 { font-size: 2rem; }
  .home-layout .hero-event-promo-foot {
    align-items: flex-start;
    flex-direction: column;
  }
  .home-layout .poldarts-proof > .page-wrap {
    width: 100%;
    grid-template-columns: repeat(2,1fr);
  }
  .home-layout .proof-lead {
    min-height: 92px;
    padding-left: 64px;
  }
  .home-layout .proof-number {
    min-height: 96px;
    border-bottom: 1px solid #1d334a;
  }
  .home-layout .proof-number:nth-child(odd) { border-right: 0; }
  .home-layout .poldarts-story {
    width: min(100% - 28px,1180px);
    gap: 34px;
    padding-block: 68px;
  }
  .home-layout .story-heading h2 { font-size: 3.15rem; }
  .home-layout .story-lanes {
    grid-template-columns: 1fr;
  }
  .home-layout .story-lanes > a {
    min-height: 235px;
  }
  .home-layout .section-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
  }
  .home-layout .section-title:after { display: none; }
  .home-layout .section-title h2 { font-size: 3rem; }
  .home-layout .section-title > a {
    max-width: none;
    padding-top: 8px;
    text-align: left;
  }
  .home-layout .club-cta h2 { font-size: 3.2rem; }
}

@media (max-width: 390px) {
  .home-layout .hero-copy h1 { font-size: 3rem; }
  .home-layout .trust-row { grid-template-columns: 1fr; }
  .home-match-center-head > span { letter-spacing: .08em; }
  .home-match-center-head > b { font-size: .55rem; }
  .home-hub-links a > span { font-size: .66rem; }
  .home-layout .proof-number { padding-inline: 16px; }
  .home-layout .proof-number strong { font-size: 2rem; }
}
.live-match-counter .locked-visit-row>button{margin:0;padding:0;border:0;border-right:1px solid #192c3e;background:transparent;color:inherit;font:inherit}
.live-match-counter .locked-visit-row>button.draft{background:#fff879;color:#07111f;font-weight:950}
.live-match-counter .locked-visit-row .draft-remaining{background:#fff;color:#07111f}
.live-match-counter .locked-visit-row>button:disabled{opacity:1}
.live-match-counter .locked-visit-row>button.editable{cursor:pointer}
.live-match-counter[aria-busy="true"] .locked-numpad{opacity:.82}
.locked-readonly{display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:28px;background:#08121f;text-align:center}
.locked-readonly strong{color:#16c9f4;font-size:.72rem;letter-spacing:.14em}.locked-readonly p{max-width:380px;margin:0;color:#8fa1b3;line-height:1.5}.locked-readonly button,.locked-finished button{min-height:46px;padding:0 18px;border:1px solid #2c526d;background:#102b47;color:#fff;font-weight:900}
.locked-stats-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#02070ddd;backdrop-filter:blur(8px)}
.locked-stats-modal>section{width:min(720px,100%);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #29445f;background:#081522;box-shadow:0 25px 80px #000b}
.locked-stats-close{width:100%;min-height:48px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 16px;border:0;border-bottom:1px solid #26394e;background:#07111d;color:#9fb0c0;font-weight:900}.locked-stats-close svg{width:18px}
.locked-stats-modal header,.locked-stats-modal section>div{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:8px 16px;border-bottom:1px solid #1d3145;text-align:center}
.locked-stats-modal header{min-height:70px;background:#0b1b2b}.locked-stats-modal header b:first-child,.locked-stats-modal section>div strong:first-child{text-align:left}.locked-stats-modal header b:last-child,.locked-stats-modal section>div strong:last-child{text-align:right}.locked-stats-modal header span,.locked-stats-modal section>div span{color:#71869a;font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.locked-stats-modal section>div strong{font-size:1.15rem}
@media(orientation:portrait) and (max-width:699px){.live-match-counter .locked-visits{display:block}.live-match-counter .locked-visit-row,.live-match-counter .locked-visit-row.start{height:25%;min-height:41px}.live-match-counter .locked-visits-head{display:none}.locked-stats-modal header,.locked-stats-modal section>div{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);padding-inline:10px}.locked-readonly{grid-row:5}}
@media(orientation:landscape) and (min-width:700px){
  .live-match-counter .locked-counter-head{grid-template-columns:48px minmax(0,1fr) auto auto}
  .locked-side-toggle{min-height:36px;display:block;padding:0 13px;border:1px solid #29445f;background:#10243a;color:#c9d7e4;font-size:.62rem;font-weight:900;text-transform:uppercase}
  .live-match-counter .locked-values{grid-template-rows:1fr}
  .live-match-counter .locked-values .visit{display:none}
  .live-match-counter .locked-values .one,.live-match-counter .locked-values .two{grid-row:1;border-bottom:0}
  .live-match-counter .locked-values .one,.live-match-counter .locked-values .two{justify-content:flex-end;padding-bottom:clamp(16px,3.2vh,30px)}
  .live-match-counter.keyboard-left{grid-template-columns:minmax(480px,1.18fr) minmax(350px,.82fr)}
  .live-match-counter.keyboard-left .locked-scoreboard,.live-match-counter.keyboard-left .locked-visits,.live-match-counter.keyboard-left .locked-values{grid-column:2}
  .live-match-counter.keyboard-left .locked-controls,.live-match-counter.keyboard-left .locked-readonly,.live-match-counter.keyboard-left .locked-finished{grid-column:1;border-right:1px solid #2b4056;border-left:0}
  .locked-readonly{grid-column:2;grid-row:2/5;border-left:1px solid #2b4056}
}

.home-layout section.section:has(.empty-public),.home-layout section.section:has(.ranking-list>.panel){display:none!important}.home-layout .hero-event-empty{min-height:360px;display:flex;flex-direction:column;justify-content:center;padding:34px 30px}.home-layout .hero-event-empty h2{margin:12px 0 14px;font-size:clamp(2.8rem,4vw,4.1rem);line-height:.88;text-wrap:balance}.home-layout .hero-event-empty p{max-width:430px;margin:0 0 26px;color:#8fa3b7}.home-layout .hero-event-empty .button{width:fit-content;max-width:100%;white-space:normal;text-align:center}@media(max-width:700px){.home-layout .hero-event-empty{min-height:300px;padding:28px 20px}.home-layout .hero-event-empty h2{font-size:2.75rem}}