.sidebar-scorecard{background:var(--brand-ink,#201d2b);color:var(--brand-paper,#fff6e3)}
.sidebar-scorecard .dock-character{width:auto;max-width:56%;height:calc(100% + 18px);max-height:none;right:0;bottom:0}
.sidebar-play-card{border-radius:var(--radius);background:var(--surface);box-shadow:2px 3px 0 #c7b3a4}
.sidebar-play-card .sidebar-scorecard{box-shadow:none;border-radius:11px 8px 0 0}
.sidebar-play-actions{padding:8px 10px 10px}
.sidebar-play-actions .button{width:100%;min-height:40px;justify-content:center;font-size:12px;padding:8px 14px}
.review-scorecard .scorecard-bottom{padding:8px 14px;min-height:60px}
.review-scorecard .scorecard-bottom .play-button{width:auto;min-height:40px;padding:8px 18px;font-size:12px;white-space:nowrap}
.review-scorecard.brand-scorecard[data-brand] .scorecard-character{bottom:60px}
.review-scorecard .scorecard-content{padding-bottom:86px}
.pick-facts .play-button{width:auto;flex:none}
.related-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:26px 6px 18px 2px}
.related-card{position:relative;min-width:0;scroll-snap-align:start;border-radius:13px 9px 14px 8px;background:var(--surface);box-shadow:2px 3px 0 #c7b3a4;display:flex;flex-direction:column}
.related-card .sidebar-scorecard{height:196px;flex:none;margin:0;border-radius:13px 9px 0 0;box-shadow:none}
.related-card .sidebar-scorecard::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--brand-ink) 0%,transparent 85%);opacity:.4;z-index:-1}
.related-card .dock-score-copy{padding:16px 17px;width:53%}
.related-card .dock-logo{display:block;width:136px;max-width:100%;height:48px;object-position:left center;margin-bottom:6px}
.related-card .dock-score{gap:6px;pointer-events:none}
.related-card .dock-score>b{font-size:39px;line-height:1.1}
.related-card .dock-score small{font-size:12px}
.related-card .dock-score>span:last-child{font-size:10px;white-space:nowrap}
.related-card .dock-score .stars,.related-card .dock-score .stars>span{width:79px;height:15px;gap:1px}
.related-card .dock-score .stars .icon{width:15px;height:15px;flex:0 0 15px}
.related-card .dock-score .stars .star-fill{width:var(--score)}
.related-card .sidebar-scorecard .dock-character{width:auto;height:calc(100% + 22px);max-width:59%;max-height:none;right:0;bottom:0}
.related-copy{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.related-copy h3{font-size:17px;line-height:1.3;margin:0 0 5px}
.related-copy p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 14px}
.related-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.related-actions .text-link{font-size:11px;min-height:44px;white-space:nowrap;gap:7px}
.related-actions .text-link>.icon{width:16px;height:16px}
.related-actions .button{font-size:12px;min-height:44px;padding:9px 14px;white-space:nowrap;gap:9px}
.related-actions .button>.icon{width:18px;height:18px}
.related-heading{margin-bottom:0}
@media(max-width:1200px){.related-track{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:900px){.related-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:600px){.related-track{grid-auto-columns:min(300px,88%);gap:14px;padding-top:26px}.related-copy{padding:12px 14px 14px}.related-actions .button{padding-inline:13px}.review-scorecard .scorecard-bottom{gap:10px;padding-inline:12px}.review-scorecard .scorecard-bottom .play-button{min-height:44px;padding-inline:17px}}
@media(max-width:360px){.related-track{grid-auto-columns:calc(100% - 20px)}.related-card .dock-score-copy{padding-inline:14px}.related-actions{gap:8px}.related-actions .button{padding-inline:12px}.related-actions .text-link{font-size:10px}}
.character-cutout{position:absolute;inset:0;pointer-events:none;z-index:0;container:portrait / size;clip-path:inset(0)}
.review-scorecard .character-cutout{bottom:60px;z-index:1}
.related-track{padding-top:36px}
.sidebar-offer[data-brand="bwin"]:after,.sidebar-offer[data-brand="pmu"]:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#101619d9,#10161950)}
@media(max-width:760px){.review-title .brand-scorecard:has(.character-cutout){margin-top:36px}.brand-scorecard:has(.character-cutout) .scorecard-content{width:50%;padding:12px 0 70px 16px}.brand-scorecard:has(.character-cutout) .scorecard-logo{width:128px;max-width:100%;height:42px}.brand-scorecard:has(.character-cutout) .scorecard-caption{margin:6px 0 8px}.brand-scorecard:has(.character-cutout) .scorecard-verdict{margin-top:7px}}

.review-scorecard.brand-scorecard:has(.character-cutout) .scorecard-content {
  max-width: 46%;
}
.review-scorecard.brand-scorecard:has(.character-cutout) .scorecard-logo {
  max-width: 100%;
}
.review-scorecard.brand-scorecard:has(.character-cutout) .scorecard-caption {
  white-space: normal;
}
@media (min-width: 761px) and (max-width: 940px) {
  .review-title .review-scorecard.brand-scorecard:has(.character-cutout) {
    min-height: 265px;
  }
  .review-scorecard.brand-scorecard:has(.character-cutout) .scorecard-content {
    padding: 12px 0 68px 16px;
  }
  .review-scorecard.brand-scorecard:has(.character-cutout) .scorecard-logo {
    height: 43px;
  }
  .review-scorecard.brand-scorecard:has(.character-cutout) .scorecard-caption {
    margin: 5px 0 8px;
  }
  .review-scorecard.brand-scorecard:has(.character-cutout) .scorecard-verdict {
    margin-top: 4px;
  }
}

.review-scorecard.brand-scorecard .character-cutout,
.sidebar-scorecard .character-cutout {
  --headroom: 80px;
  --start: 46.5%;
  --frame: 51%;
  --top-space: 0%;
  top: calc(0px - var(--headroom));
}
.sidebar-scorecard .character-cutout {
  --headroom: 32px;
  --start: 46%;
  --frame: 49%;
}
:is(.brand-scorecard,.sidebar-scorecard):is([data-brand="betnjet"],[data-brand="revery-play"]) .character-cutout { --frame: 47%; --start: 46.5%; }
.sidebar-scorecard:is([data-brand="betnjet"],[data-brand="revery-play"]) .character-cutout { --frame: 43%; --start: 47%; }
:is(.brand-scorecard,.sidebar-scorecard):is([data-brand="pmu"],[data-brand="bwin"],[data-brand="betninja"]) .character-cutout { --top-space: 11%; }
:is(.brand-scorecard,.sidebar-scorecard)[data-brand="uspin"] .character-cutout { --top-space: 19%; }
:is(.brand-scorecard,.sidebar-scorecard):is([data-brand="betsson"],[data-brand="vegasnova"]) .character-cutout { --top-space: 5%; }
.review-scorecard.brand-scorecard[data-brand] .character-cutout img.scorecard-character,
.sidebar-scorecard[data-brand] .character-cutout img.dock-character {
  position: absolute;
  left: var(--start);
  right: auto;
  top: calc(0% - var(--top-space));
  bottom: auto;
  height: calc(100% + var(--top-space));
  width: auto;
  min-width: var(--frame);
  max-width: none;
  max-height: none;
  z-index: auto;
  margin: 0;
  transform: none;
  object-fit: cover;
  object-position: left top;
}
@media (max-width: 940px) {
 .review-scorecard.brand-scorecard .character-cutout { --headroom: 38px; }
}
@container portrait (max-width: 470px) and (max-aspect-ratio: 1.65) {
  :is(.review-scorecard.brand-scorecard,.sidebar-scorecard):is([data-brand="letsjackpot"],[data-brand="spinformula"],[data-brand="acebet"],[data-brand="uspin"]) .character-cutout :is(img.scorecard-character,img.dock-character) {
    top: 0;
    left: auto;
    right: -1%;
    width: 54%;
    min-width: 0;
    height: auto;
    transform: translateY(calc(0% - var(--asset-top,0%)));
    mask-image: linear-gradient(#000 83%,transparent);
  }
}
:is(.brand-scorecard,.sidebar-scorecard)[data-brand="uspin"] { --asset-top: 16%; }