/* Full labels for narrow, proportionally sized prize sectors. */
#raffle-event .rf-wheel-callouts {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  width: min(100%,384px);
  margin: 0 auto;
}
#raffle-event .rf-wheel-callouts:empty { display:none; }
#raffle-event .rf-wheel-callouts.top:not(:empty) { margin-bottom:27px; }
#raffle-event .rf-wheel-callouts.bottom:not(:empty) { margin-top:22px; }
#raffle-event .rf-wheel-callout {
  min-width:0;
  padding:8px 10px;
  border:1px solid light-dark(#dce3e7,#465562);
  border-radius:9px;
  background:light-dark(#fcfdfd,#1a2832);
  box-shadow:0 2px 6px #28384706;
}
#raffle-event .rf-callout-title {
  display:flex;
  align-items:flex-start;
  gap:6px;
  color:light-dark(#425766,#d7e4eb);
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}
#raffle-event .rf-callout-name { overflow-wrap:anywhere; }
#raffle-event .rf-callout-dot {
  flex:none;
  width:9px;
  height:9px;
  margin-top:4px;
  border:1px solid #54708230;
  border-radius:3px;
}
#raffle-event .rf-callout-amount {
  display:block;
  margin-top:3px;
  padding-left:15px;
  font-size:16px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  color:light-dark(#344d5f,#f0e5cc);
}
#raffle-event .rf-wheel-leaders {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:3;
  pointer-events:none;
  overflow:visible;
}
#raffle-event .rf-wheel-leaders polyline {
  fill:none;
  stroke:light-dark(#698698,#b4cad8);
  stroke-width:1;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:2 3;
  opacity:.7;
}
#raffle-event .rf-wheel-leaders circle {
  stroke:light-dark(#506879,#cfdee8);
  stroke-width:1;
}
#raffle-event .rf-wheel-scene.is-rolling .rf-wheel-leaders { visibility:hidden; }
@media(max-width:480px){
  #raffle-event .rf-wheel-callout { padding:7px 8px; }
  #raffle-event .rf-callout-title { font-size:11px; }
  #raffle-event .rf-callout-amount { font-size:15px; }
}