/* WinRanker V57 — wheel label alignment + solid expanding details */

/* Keep the wheel geometry intact even after the decorative sector-lines element is added. */
.wr51-bonus-panel .wr50-wheel-label:nth-child(1){transform:translate(-50%,-50%) rotate(0deg) translateY(-151px)!important}
.wr51-bonus-panel .wr50-wheel-label:nth-child(2){transform:translate(-50%,-50%) rotate(72deg) translateY(-151px) rotate(-72deg)!important}
.wr51-bonus-panel .wr50-wheel-label:nth-child(3){transform:translate(-50%,-50%) rotate(144deg) translateY(-151px) rotate(-144deg)!important}
.wr51-bonus-panel .wr50-wheel-label:nth-child(4){transform:translate(-50%,-50%) rotate(216deg) translateY(-151px) rotate(-216deg)!important}
.wr51-bonus-panel .wr50-wheel-label:nth-child(5){transform:translate(-50%,-50%) rotate(288deg) translateY(-151px) rotate(-288deg)!important}
.wr57-replay-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#071725;border:1px solid rgba(255,255,255,.18);box-shadow:0 7px 18px rgba(0,0,0,.34);font-size:1.65rem;font-weight:900;color:#fff;line-height:1}
.wr51-bonus-panel .wr50-wheel-label small{font-size:.58rem!important;color:#effbf7!important;font-weight:750!important;white-space:nowrap!important;opacity:.96}

/* Replace floating transparent details with a solid in-card drawer. */
.wr55-card-actions{align-items:stretch}
.wr57-details-toggle{min-height:43px;border-radius:13px;border:1px solid rgba(113,158,195,.24);background:#0a1a2a;color:#dce8f1;font:inherit;font-weight:850;cursor:pointer;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:9px;transition:.2s ease}
.wr57-details-toggle:hover{border-color:rgba(121,239,205,.35);background:#0c2133}
.wr57-details-toggle .wr57-plus{color:#79efcd;font-size:1.1rem;font-weight:950;line-height:1}
.wr57-details-toggle[aria-expanded="true"]{background:#0c2133;border-color:rgba(121,239,205,.28)}
.wr57-details-drawer{display:none;margin-top:12px;padding:14px 16px 13px;border-radius:16px;background:#061522;border:1px solid rgba(121,185,255,.17);box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);position:relative;z-index:1}
.wr57-details-drawer.is-open{display:block;animation:wr57drawer .18s ease-out}
.wr57-details-drawer .wr55-detail-row{padding:9px 0;border-color:rgba(255,255,255,.06)}
.wr57-details-drawer .wr55-detail-row span{color:#91a7bb}
.wr57-details-drawer .wr55-detail-row strong{color:#f3f8fc}
.wr57-details-drawer .wr55-full-review{border-top:1px solid rgba(255,255,255,.06);margin-top:3px;padding-top:12px;color:#79efcd}
@keyframes wr57drawer{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

@media(max-width:720px){
 .wr51-bonus-panel .wr50-wheel-label:nth-child(1){transform:translate(-50%,-50%) rotate(0deg) translateY(-114px)!important}
 .wr51-bonus-panel .wr50-wheel-label:nth-child(2){transform:translate(-50%,-50%) rotate(72deg) translateY(-114px) rotate(-72deg)!important}
 .wr51-bonus-panel .wr50-wheel-label:nth-child(3){transform:translate(-50%,-50%) rotate(144deg) translateY(-114px) rotate(-144deg)!important}
 .wr51-bonus-panel .wr50-wheel-label:nth-child(4){transform:translate(-50%,-50%) rotate(216deg) translateY(-114px) rotate(-216deg)!important}
 .wr51-bonus-panel .wr50-wheel-label:nth-child(5){transform:translate(-50%,-50%) rotate(288deg) translateY(-114px) rotate(-288deg)!important}
 .wr57-replay-icon{width:32px;height:32px;border-radius:9px;font-size:1.25rem}
 .wr55-card-actions{grid-template-columns:1fr 1fr!important}
 .wr57-details-drawer{padding:12px 13px;background:#061522}
}
@media(max-width:390px){
 .wr51-bonus-panel .wr50-wheel-label:nth-child(1){transform:translate(-50%,-50%) rotate(0deg) translateY(-104px)!important}
 .wr51-bonus-panel .wr50-wheel-label:nth-child(2){transform:translate(-50%,-50%) rotate(72deg) translateY(-104px) rotate(-72deg)!important}
 .wr51-bonus-panel .wr50-wheel-label:nth-child(3){transform:translate(-50%,-50%) rotate(144deg) translateY(-104px) rotate(-144deg)!important}
 .wr51-bonus-panel .wr50-wheel-label:nth-child(4){transform:translate(-50%,-50%) rotate(216deg) translateY(-104px) rotate(-216deg)!important}
 .wr51-bonus-panel .wr50-wheel-label:nth-child(5){transform:translate(-50%,-50%) rotate(288deg) translateY(-104px) rotate(-288deg)!important}
}