/* The extracted logo has genuine alpha; no coloured matte or blend workaround. */
body.experience-v2 .site-brand .brand-wordmark { width:100%; max-width:100%; height:auto; margin:0; mix-blend-mode:normal; }
/* Readable labels on the light surfaces retained from the original interface. */
body.experience-v2 .player-ranking-version-card { background:#eef2ee; color:#283b35; }
body.experience-v2 .player-ranking-version-card :is(span,small) { color:#526259; font-size:12px; font-weight:500; line-height:1.6; }
body.experience-v2 .player-ranking-version-card strong { color:#253930; font-size:18px; line-height:1.45; }
body.experience-v2 :is(.panel-heading,.spending-panel-heading,.draw-console,.player-ranking-header,.expert-guide-header) .eyebrow { color:#616e68; }
body.experience-v2 :is(#playerRankingsView,#expertGuidesView,#ratingView,#entryView,#reportView,#accountView) .eyebrow { color:#616e68; }
body.experience-v2 :is(.draw-extras,.pool-details,.spend-details,.ticket-panel,.devil-panel) .eyebrow { color:#5d6b64; }
body.experience-v2 :is(.draw-extras,.pool-details) > summary small,
body.experience-v2 :is(#spendSummaryText,#spendSummaryValue,#openAdminButton) { color:#5d6b64; }
body.experience-v2 .real-entry-link { color:#fff; background:#285e7d; }
body.experience-v2 .ovr-badge:is(.ovr-122,.ovr-121,.ovr-120) { background:#dec780; color:#362c14; }
body.experience-v2 .badge-toggle strong { color:#805a16; }
body.experience-v2 .team-rating-summary :is(span,small,#ratingOverallFormula) { color:#526158; }
body.experience-v2 #spendingView :is(small,th,.spending-sort-icon) { color:#53666b; }
body.experience-v2 #spendingView :is(.spending-analysis-heading,.spending-section-heading) .eyebrow { color:#616e68; }
body.experience-v2 .spending-version-summary span,
body.experience-v2 #spendingVersionOverviewHint { color:#53666b; }
body.experience-v2 #spendingImportLabel { color:#fff; background:#285e7d; }
body.experience-v2 #spendingPrivacyHint { color:#dbe5e5; }
body.experience-v2 #messageBoardView .eyebrow { color:#616e68; }
body.experience-v2 .collectible-caption > p { color:#56614f; }
body.experience-v2 .collectible-actions { color:#59604b; }
body.experience-v2 .collection-album summary small { color:#586650; }
body.experience-v2 .collection-album-toggle { display:inline-block; transition:transform .2s; }
body.experience-v2 .collection-album[open] .collection-album-toggle { transform:rotate(45deg); }

/* Both collection banners have their own supplied photograph. */
body.experience-v2 .collection-heading.collection-media::before {
  inset:0 4% 0 auto; width:min(44%,400px); opacity:.95;
  background-image:url("./draw-simulator/fig/00backfig/editorial/messi-09.webp");
  background-size:cover; background-position:50% 48%; background-repeat:no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 16%,#000 82%,transparent);
}
body.experience-v2 .collection-pull-console { position:relative; isolation:isolate; overflow:hidden; background:#112c33; }
body.experience-v2 .collection-pull-console::before {
  content:""; position:absolute; z-index:-1; inset:0 26% 0 30%;
  background-image:linear-gradient(#112c3355,#112c3355),url("./draw-simulator/fig/00backfig/editorial/messi-10.webp");
  background-size:cover; background-position:center,50% 52%; background-repeat:no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);
}
body.experience-v2 .collection-pull-console :is(#collectionOdds,.collection-currency small,.collection-currency > span) { color:#d5e1db; }
body.experience-v2 .collection-pull-button:disabled { opacity:1; background:#44544d; border-color:#69786b; color:#dfe6d8; box-shadow:none; }

/* Sync remains visible without opening Settings, alongside the section links. */
body.experience-v2 .shell-context-bar { display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(1424px,calc(100% - 56px)); margin:auto; min-height:36px; border-top:1px solid #e4e9e2; }
body.experience-v2 .shell-context-bar .section-navigation { width:auto; min-width:0; margin:0; border:0; flex:1; }
body.experience-v2 .shell-sync { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-left:auto; padding:3px 0; min-width:0; }
body.experience-v2 .shell-sync :is(#backendStatus,#simBackendStatus) { display:inline-flex; align-items:center; gap:6px; color:#596556; background:transparent; border:0; border-radius:0; padding:3px 0; font-size:11px; font-weight:500; line-height:1.5; box-shadow:none; overflow-wrap:anywhere; }
body.experience-v2 .shell-sync :is(#backendStatus,#simBackendStatus)::before { content:""; width:5px; height:5px; flex-shrink:0; border-radius:50%; background:currentColor; }
body.experience-v2 .shell-sync :is(#backendStatus,#simBackendStatus).is-cloud { color:#286543; }
body.experience-v2 .shell-sync :is(#backendStatus,#simBackendStatus).is-local { color:#70591f; }
body.experience-v2 .shell-sync .cloud-sync-button { background:transparent; color:#285e7d; font-size:11px; padding:5px 8px; min-height:30px; border:1px solid #d5dfd6; border-radius:6px; white-space:nowrap; box-shadow:none; }
body.experience-v2 .shell-sync .cloud-sync-button:disabled { opacity:1; color:#617067; border-color:#dce2db; cursor:not-allowed; }
body.experience-v2 .shell-sync .cloud-sync-button.has-pending { color:#725518; border-color:#caba88; }
@media(max-width:700px) {
  body.experience-v2 .shell-language { flex-direction:column; gap:0; align-items:flex-start; }
  body.experience-v2 .shell-language > span { display:block; font-size:10px; line-height:13px; color:#526158; }
  body.experience-v2 .site-brand { min-height:66px; height:66px; }
  body.experience-v2 .shell-context-bar { width:calc(100% - 24px); flex-wrap:wrap; gap:0; }
  body.experience-v2 .shell-context-bar .section-navigation { flex:1 0 100%; gap:18px; }
  body.experience-v2 .shell-sync { width:100%; justify-content:flex-end; padding:3px 0 5px; }
  body.experience-v2 .collection-heading.collection-media::before { inset:0; width:auto; mask-image:none; background-size:cover,auto 120%; background-position:center,right 48%; background-image:linear-gradient(90deg,#10272bf5,#10272b33),url("./draw-simulator/fig/00backfig/editorial/messi-09.webp"); }
  body.experience-v2 .collection-pull-console::before { inset:0; mask-image:none; background-position:center,right top; background-size:cover,auto 70%; background-image:linear-gradient(180deg,#112c33a6 0%,#112c33c7 40%,#112c33 65%),url("./draw-simulator/fig/00backfig/editorial/messi-10.webp"); }
}
@media(prefers-reduced-motion:reduce) { body.experience-v2 .collection-album-toggle { transition:none; } }