/* The neutral HNL identity is the default; signed-in supporters get club colors. */
.brand-mark img{display:block;max-width:39px;max-height:39px;object-fit:contain}
.brand-fallback{font-size:12px;font-weight:900;letter-spacing:.08em}

.favorite-warning{position:relative;z-index:6;background:#fff4cc;color:#553d00;border-bottom:1px solid #e7c75b}
.favorite-warning-inner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}
.favorite-warning-copy,.favorite-warning-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.favorite-warning a{flex:none;color:#473100;font-weight:800;text-underline-offset:3px}

.has-club-theme{
  --club-accent:var(--club-primary);
  --blue:var(--club-accent);
  --electric:var(--club-accent);
  --red:var(--club-accent);
  --navy:color-mix(in srgb,var(--club-accent) 32%,#07101f);
  --ink:color-mix(in srgb,var(--club-accent) 18%,#091525);
  --paper:color-mix(in srgb,var(--club-accent) 4%,#f5f7fa);
  --line:color-mix(in srgb,var(--club-accent) 16%,#dce3ec);
  background-image:linear-gradient(color-mix(in srgb,var(--club-accent) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--club-accent) 4%,transparent) 1px,transparent 1px);
}
.has-club-theme[data-club="haj"],.has-club-theme[data-club="rij"]{--club-accent:var(--club-secondary)}
.has-club-theme .site-header{background:color-mix(in srgb,var(--club-accent) 34%,#07101f 66%)}
.has-club-theme .brand-mark{background:#fff;border-color:var(--club-accent);color:var(--club-accent)}
.has-club-theme .hero{background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--club-secondary) 38%,transparent),transparent 29%),linear-gradient(120deg,color-mix(in srgb,var(--club-accent) 35%,#07101f),var(--club-accent) 72%,color-mix(in srgb,var(--club-accent) 55%,#07101f))}
.has-club-theme .page-head{background:linear-gradient(120deg,color-mix(in srgb,var(--club-accent) 32%,#07101f),var(--club-accent))}
.has-club-theme .primary{background:var(--club-accent);box-shadow:0 10px 28px color-mix(in srgb,var(--club-accent) 35%,transparent)}
.has-club-theme .primary:hover{background:color-mix(in srgb,var(--club-accent) 82%,#000)}
.has-club-theme .message{border-left-color:var(--club-accent)}
.has-club-theme .mini-button{background:color-mix(in srgb,var(--club-accent) 10%,#fff);color:var(--club-accent)}
.has-club-theme .score-inputs input:focus{outline-color:color-mix(in srgb,var(--club-accent) 20%,transparent);border-color:var(--club-accent)}
.has-club-theme .admin-stats strong,.has-club-theme .score-scale>article>strong{color:var(--club-accent)}
.has-club-theme .admin-links a:hover{border-color:var(--club-accent)}
.has-club-theme .rules-note{background:color-mix(in srgb,var(--club-accent) 30%,#07101f)}

@media(max-width:760px){.favorite-warning-inner,.favorite-warning-copy{padding-top:11px;padding-bottom:11px;align-items:flex-start;flex-direction:column;gap:7px}.favorite-warning-actions{gap:14px}}

/* Dinamo keeps the original, deliberately deep-blue identity. */
.has-club-theme[data-club="din"]{--navy:#010d2b;--blue:#66abff;--electric:#2485ff;--red:#0874ee;--paper:#020f31;--ink:#f4f8ff;--muted:#a9bada;--line:rgba(137,174,226,.22);background-color:#020f31;background-image:radial-gradient(circle at 85% 4%,rgba(19,96,214,.2),transparent 26%),linear-gradient(rgba(77,139,229,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(77,139,229,.035) 1px,transparent 1px)}
.has-club-theme[data-club="din"] .site-header{background:rgba(3,27,82,.97)}
.has-club-theme[data-club="din"] .brand-mark{background:#fff;border-color:#1677ff;color:#0645ad}
.has-club-theme[data-club="din"] .hero{background:radial-gradient(circle at 78% 18%,rgba(41,137,255,.42),transparent 27%),linear-gradient(120deg,#03143d 0%,#0645ad 66%,#042b72 100%)}
.has-club-theme[data-club="din"] .page-head{background:linear-gradient(120deg,#03143d,#0645ad)}
.has-club-theme[data-club="din"] .primary{background:#0874ee;box-shadow:0 10px 28px rgba(0,82,204,.3)}
.has-club-theme[data-club="din"] .primary:hover{background:#0063d2}
.has-club-theme[data-club="din"] .rules-note{background:#031b52}
.has-club-theme[data-club="din"] .leader-table a,.has-club-theme[data-club="din"] .profile-row a,.has-club-theme[data-club="din"] .panel h2,.has-club-theme[data-club="din"] .action-grid a,.has-club-theme[data-club="din"] .admin-links a,.has-club-theme[data-club="din"] .locked-answer{color:#f4f8ff}
.has-club-theme[data-club="din"] .leader-table small,.has-club-theme[data-club="din"] .profile-row strong,.has-club-theme[data-club="din"] .bonus-copy p,.has-club-theme[data-club="din"] .bonus-copy small{color:#a9bada}
.has-club-theme[data-club="din"] .leader-table .table-head{color:#b8c9e5}.has-club-theme[data-club="din"] .eyebrow.dark,.has-club-theme[data-club="din"] .faction-score{color:#74b2ff}

/* Hajduk is intentionally not a blue skin: it is a bright white/red/blue page. */
.has-club-theme[data-club="haj"]{--navy:#174f91;--blue:#174f91;--electric:#d32030;--red:#d32030;--paper:#fff;--ink:#123e73;--muted:#55708f;--line:#dbe5f0;background:#fff;background-image:linear-gradient(rgba(23,79,145,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(211,32,48,.025) 1px,transparent 1px)}
.has-club-theme[data-club="haj"] .site-header{background:rgba(255,255,255,.98);color:#174f91;border-bottom:3px solid #d32030;box-shadow:0 8px 25px rgba(23,79,145,.09)}
.has-club-theme[data-club="haj"] .brand,.has-club-theme[data-club="haj"] .main-nav a{color:#174f91}
.has-club-theme[data-club="haj"] .brand small{color:#d32030;opacity:1}
.has-club-theme[data-club="haj"] .brand-mark{background:#fff;border-color:#d32030;box-shadow:0 0 0 2px #174f91}
.has-club-theme[data-club="haj"] .main-nav a:hover{color:#d32030}
.has-club-theme[data-club="haj"] .user-pill{color:#fff;background:#174f91}
.has-club-theme[data-club="haj"] .nav-toggle{color:#174f91}
.has-club-theme[data-club="haj"] .hero,.has-club-theme[data-club="haj"] .page-head{color:#174f91;background:radial-gradient(circle at 82% 16%,rgba(211,32,48,.09),transparent 25%),linear-gradient(125deg,#fff 0%,#fff 58%,#edf4fb 100%);border-bottom:1px solid #dbe5f0}
.has-club-theme[data-club="haj"] .hero:after,.has-club-theme[data-club="haj"] .page-head:after{opacity:.045;background:conic-gradient(from 90deg at 1px 1px,#174f91 90deg,transparent 0) 0 0/34px 34px}
.has-club-theme[data-club="haj"] .hero h1 em,.has-club-theme[data-club="haj"] .page-head h1{color:#d32030;text-shadow:none}
.has-club-theme[data-club="haj"] .hero p,.has-club-theme[data-club="haj"] .page-head p{color:#55708f}
.has-club-theme[data-club="haj"] .eyebrow,.has-club-theme[data-club="haj"] .card-label{color:#d32030}
.has-club-theme[data-club="haj"] .match-card{color:#174f91;background:#fff;border:2px solid #174f91;box-shadow:12px 12px 0 rgba(211,32,48,.12)}
.has-club-theme[data-club="haj"] .round-head{border-bottom-color:#dbe5f0}
.has-club-theme[data-club="haj"] .round-head span,.has-club-theme[data-club="haj"] .muted{color:#55708f}
.has-club-theme[data-club="haj"] .fixture b{color:#fff;background:#d32030}
.has-club-theme[data-club="haj"] .primary{color:#fff;background:#d32030;box-shadow:0 10px 24px rgba(211,32,48,.2)}
.has-club-theme[data-club="haj"] .primary:hover{background:#b81826}
.has-club-theme[data-club="haj"] .ghost{color:#174f91;border-color:#174f91}
.has-club-theme[data-club="haj"] .panel,.has-club-theme[data-club="haj"] .stats,.has-club-theme[data-club="haj"] .round-list,.has-club-theme[data-club="haj"] .leader-table,.has-club-theme[data-club="haj"] .form-card,.has-club-theme[data-club="haj"] .prediction-card,.has-club-theme[data-club="haj"] .bonus-card{box-shadow:0 12px 35px rgba(23,79,145,.07)}
.has-club-theme[data-club="haj"] .action-grid span,.has-club-theme[data-club="haj"] .score-scale>article>strong{color:#d32030}
.has-club-theme[data-club="haj"] .rules-note{background:#174f91}
.has-club-theme[data-club="haj"] footer{color:#174f91;background:#fff;border-top:3px solid #d32030}
@media(max-width:760px){.has-club-theme[data-club="haj"] .main-nav{background:#fff;border-bottom:3px solid #d32030}}

/* Shared readable matrices. Their colors stay stable across every club theme. */
.preseason-overview{padding-bottom:80px}.matrix-heading{margin-bottom:18px}.matrix-heading h2{margin:5px 0}.matrix-heading p{margin:0;color:var(--muted)}
.overview-matrix-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.overview-matrix{width:100%;min-width:820px;border-collapse:collapse;color:#102846}
.overview-matrix th,.overview-matrix td{padding:12px 14px;border-right:1px solid #d6e1ee;border-bottom:1px solid #d6e1ee;text-align:center;vertical-align:middle}
.overview-matrix thead th{background:#0b326b;color:#fff;font-size:10px;white-space:nowrap}
.overview-matrix tbody th{position:sticky;left:0;z-index:2;background:#f0f5fb;text-align:left;white-space:nowrap}.overview-matrix tbody th a{color:#123e73;text-decoration:none}
.overview-matrix tbody td{background:#fff}.overview-matrix td strong,.overview-matrix td small{display:block}.overview-matrix td strong{font-size:12px}.overview-matrix td small{margin-top:3px;color:#55708f;font-size:9px}
.matrix-hidden,.matrix-empty{color:#6d7f94;font-size:11px}.survivor-status-success{color:#14733b!important}.survivor-status-fail{color:#b31f2d!important}.survivor-status-pending{color:#8a6500!important}
.survivor-explainer{margin:0 0 22px;padding:17px 19px;background:color-mix(in srgb,var(--blue) 10%,transparent);border-left:4px solid var(--electric);border-radius:0 12px 12px 0}.survivor-explainer h3{margin:0 0 8px}.survivor-explainer p{margin:7px 0;color:var(--muted);font-size:12px;line-height:1.65}.survivor-legend{display:flex;gap:15px;flex-wrap:wrap;margin:-10px 0 12px;color:var(--muted);font-size:10px}.survivor-legend span{display:flex;align-items:center;gap:5px}.survivor-legend b{width:9px;height:9px;border-radius:50%}.legend-live{background:#27a15c}.legend-out{background:#cf3542}.legend-new{background:#8a98aa}

/* Reset the old dark card rules for Hajduk's white identity. */
.has-club-theme[data-club="haj"] .stats,.has-club-theme[data-club="haj"] .panel,.has-club-theme[data-club="haj"] .round-list,.has-club-theme[data-club="haj"] .leader-table,.has-club-theme[data-club="haj"] .form-card,.has-club-theme[data-club="haj"] .prediction-card,.has-club-theme[data-club="haj"] .score-scale,.has-club-theme[data-club="haj"] .bonus-card,.has-club-theme[data-club="haj"] .admin-stats,.has-club-theme[data-club="haj"] .admin-links a,.has-club-theme[data-club="haj"] .empty-state,.has-club-theme[data-club="haj"] .profile-stats article,.has-club-theme[data-club="haj"] .award-grid article,.has-club-theme[data-club="haj"] .reveal-card{background:#fff;color:#123e73;border-color:#dbe5f0}
.has-club-theme[data-club="haj"] .panel h2,.has-club-theme[data-club="haj"] .results-panel,.has-club-theme[data-club="haj"] .action-grid a,.has-club-theme[data-club="haj"] .leader-table a,.has-club-theme[data-club="haj"] .locked-answer{color:#123e73}
.has-club-theme[data-club="haj"] .leader-table .table-head{background:#174f91;color:#fff}.has-club-theme[data-club="haj"] .leader-table>div:not(.table-head):hover{background:#f5f9fd}
.has-club-theme[data-club="haj"] .leader-table small{color:#d32030}.has-club-theme[data-club="haj"] .action-grid a:hover{background:#f7fafd}
.has-club-theme[data-club="haj"] .bonus-card.locked{background:#f5f8fc}.has-club-theme[data-club="haj"] .bonus-points{background:#edf3fa;color:#d32030}
.has-club-theme[data-club="haj"] .form-card input,.has-club-theme[data-club="haj"] .score-inputs input,.has-club-theme[data-club="haj"] .bonus-answer select,.has-club-theme[data-club="haj"] .game-grid select{background:#fff;color:#123e73;border-color:#9eb6d0}
.has-club-theme[data-club="haj"] .club-card{background:#fff;color:#123e73;border-color:#dbe5f0;box-shadow:0 10px 28px rgba(23,79,145,.06)}
.has-club-theme[data-club="haj"] .club-card span,.has-club-theme[data-club="haj"] .club-card small{color:#55708f}.has-club-theme[data-club="haj"] .club-card>b{color:#d32030}
.has-club-theme[data-club="haj"] .club-hero{color:#174f91;background:radial-gradient(circle at 80% 20%,rgba(211,32,48,.1),transparent 30%),linear-gradient(120deg,#fff,#edf4fb)}.has-club-theme[data-club="haj"] .club-hero p{color:#55708f}
.has-club-theme[data-club="haj"] .rules-bonus-grid article,.has-club-theme[data-club="haj"] .rules-bonus-notes article{background:#fff;color:#123e73;border-color:#dbe5f0}.has-club-theme[data-club="haj"] .rules-total{background:#174f91}.has-club-theme[data-club="haj"] .rules-bonus-number{background:#edf3fa;color:#d32030}.has-club-theme[data-club="haj"] .rules-bonus-points strong{color:#d32030}

/* Dinamo / Zagreb: asphalt black, electric blue and sharper city geometry. */
.has-club-theme[data-club="din"]{--navy:#050505;--paper:#080a0e;--ink:#f7f9ff;--muted:#a8b2c4;--line:rgba(52,126,255,.28);background-color:#080a0e;background-image:linear-gradient(115deg,transparent 0 74%,rgba(17,92,224,.06) 74% 75%,transparent 75%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:180px 180px,32px 32px,32px 32px}
.has-club-theme[data-club="din"] .site-header{background:rgba(3,3,4,.97);border-bottom:3px solid #1267e8;box-shadow:0 12px 35px rgba(0,0,0,.55)}
.has-club-theme[data-club="din"] .brand-mark{background:#fff;border:0;box-shadow:0 0 0 3px #1267e8,7px 7px 0 #000}
.has-club-theme[data-club="din"] .brand strong{font-size:17px;letter-spacing:.025em}.has-club-theme[data-club="din"] .brand small{color:#7eb3ff;letter-spacing:.04em}
.has-club-theme[data-club="din"] .main-nav a{color:#d9e3f5}.has-club-theme[data-club="din"] .main-nav a:hover{color:#fff;text-shadow:0 0 14px #1677ff}
.has-club-theme[data-club="din"] .hero{background:linear-gradient(105deg,rgba(0,0,0,.96) 0 47%,rgba(0,37,98,.94) 72%,rgba(0,80,190,.9)),repeating-linear-gradient(135deg,transparent 0 22px,rgba(255,255,255,.04) 22px 24px);border-bottom:5px solid #1267e8}
.has-club-theme[data-club="din"] .hero:before{content:"ZAGREB";position:absolute;right:-18px;bottom:-36px;color:rgba(255,255,255,.045);font-size:clamp(90px,18vw,240px);font-weight:900;letter-spacing:-.08em;line-height:.8;pointer-events:none}
.has-club-theme[data-club="din"] .hero-grid:after{content:"";position:absolute;right:-25px;top:50%;width:min(38vw,430px);aspect-ratio:1;background:url("../images/dinamo-official-bulldog.png") center/contain no-repeat;opacity:.22;transform:translateY(-50%);filter:drop-shadow(12px 16px 0 rgba(0,0,0,.42));pointer-events:none;z-index:-1}
.has-club-theme[data-club="din"] .hero h1{max-width:760px}.has-club-theme[data-club="din"] .hero h1 em{color:#4f9cff;text-shadow:4px 4px 0 #001b48,0 0 34px rgba(26,112,255,.5)}
.has-club-theme[data-club="din"] .page-head{background:linear-gradient(112deg,#030303 0 58%,#06275d 58% 82%,#0750b8 82%);border-bottom:4px solid #1267e8}
.has-club-theme[data-club="din"] .page-head:after{opacity:.1;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.08) 18px 20px)}
.has-club-theme[data-club="din"] .stats,.has-club-theme[data-club="din"] .panel,.has-club-theme[data-club="din"] .round-list,.has-club-theme[data-club="din"] .leader-table,.has-club-theme[data-club="din"] .form-card,.has-club-theme[data-club="din"] .prediction-card,.has-club-theme[data-club="din"] .score-scale,.has-club-theme[data-club="din"] .bonus-card,.has-club-theme[data-club="din"] .profile-stats article,.has-club-theme[data-club="din"] .award-grid article,.has-club-theme[data-club="din"] .reveal-card{background:linear-gradient(145deg,#11151c,#090b10);border-color:rgba(50,125,255,.3);border-radius:8px;box-shadow:8px 8px 0 rgba(0,0,0,.38),inset 3px 0 #1267e8}
.has-club-theme[data-club="din"] .match-card{background:rgba(3,7,14,.8);border:1px solid #277deb;border-radius:8px;box-shadow:12px 12px 0 rgba(0,0,0,.42)}
.has-club-theme[data-club="din"] .primary{background:#1267e8;border-radius:3px;letter-spacing:.02em;box-shadow:5px 5px 0 #001b44}.has-club-theme[data-club="din"] .primary:hover{background:#3b8cff;transform:translate(-1px,-1px);box-shadow:7px 7px 0 #00142f}
.has-club-theme[data-club="din"] .ghost{border-radius:3px;border-color:#4c94ff}.has-club-theme[data-club="din"] .user-pill{border-radius:3px;background:#1267e8;color:#fff}
.has-club-theme[data-club="din"] .leader-table .table-head{background:#020814;color:#9fc5ff;border-left:4px solid #1267e8}.has-club-theme[data-club="din"] .leader-table>div:not(.table-head):hover{background:#101e35}
.has-club-theme[data-club="din"] .bonus-points,.has-club-theme[data-club="din"] .rules-bonus-number{background:#061a3b;color:#72acff;border-radius:3px}.has-club-theme[data-club="din"] .bonus-card.locked{background:#090c12}
.has-club-theme[data-club="din"] .club-card{background:linear-gradient(145deg,#11151c,#080a0e);border-color:rgba(50,125,255,.3);border-radius:5px}.has-club-theme[data-club="din"] .club-card:hover{box-shadow:7px 7px 0 #001d4c}
.has-club-theme[data-club="din"] footer{background:#020203;color:#8c9bb3;border-top:4px solid #1267e8}
@media(max-width:760px){.has-club-theme[data-club="din"] .main-nav{background:#050505;border-bottom:3px solid #1267e8}.has-club-theme[data-club="din"] .hero:before{font-size:100px;bottom:-14px}.has-club-theme[data-club="din"] .hero-grid:after{right:-45px;top:34%;width:260px;opacity:.12}}