/* Prediction3 · Sirius Roman match order · all-device presentation. */
body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order{
  display:grid;
  position:absolute!important;
  top:16px;
  right:18px;
  z-index:6!important;
  width:30px;
  height:30px;
  place-items:center;
  border:1px solid rgba(255,224,141,.78);
  border-radius:50%;
  background:rgba(12,16,13,.72);
  color:#ffe4a0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:12px;
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  text-shadow:0 1px 8px rgba(0,0,0,.92),0 0 8px rgba(242,207,114,.2);
  box-shadow:inset 0 0 12px rgba(242,207,114,.05),0 0 14px rgba(242,207,114,.07);
  pointer-events:none;
}

/* Gold order rail: visually ties the Roman badge to the fixture header. */
body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order::before{
  content:"";
  position:absolute;
  top:50%;
  right:calc(100% + 8px);
  width:52px;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(242,207,114,0),rgba(242,207,114,.34) 34%,rgba(255,224,141,.88));
  box-shadow:0 0 8px rgba(242,207,114,.24);
}
body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order::after{
  content:"";
  position:absolute;
  top:50%;
  right:calc(100% + 58px);
  width:4px;
  height:4px;
  border-radius:50%;
  transform:translate(50%,-50%);
  background:#ffe4a0;
  box-shadow:0 0 8px rgba(242,207,114,.5);
}

/* Tablet */
@media(max-width:1060px){
  body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order{
    top:14px;
    right:14px;
    width:30px;
    height:30px;
    font-size:12px;
  }
  body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order::before{width:44px}
  body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order::after{right:calc(100% + 50px)}
}

/* Mobile */
@media(max-width:680px){
  body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order{
    top:12px;
    right:12px;
    width:32px;
    height:32px;
    font-size:13px;
  }
  body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order::before{
    right:calc(100% + 6px);
    width:34px;
  }
  body[data-page="prediction3"] #predictionList .p3-sirius-card .p3-sirius-order::after{
    right:calc(100% + 38px);
  }
}
