.wheelwrap {
  position: relative;
  flex: none;
  width: 260px;
  height: 260px;
  width: min(260px, 78vw, 38vh);
  height: min(260px, 78vw, 38vh);
  margin: 26px auto 0;
}
.wheelwrap .wptr {
  filter: drop-shadow(0 0 8px rgba(224, 36, 58, 0.9)) drop-shadow(0 3px 0 #000);
}
.legend .rar {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 9px;
  letter-spacing: 0.04em;
}
.legend {
  gap: 8px !important;
}
.otop.tight {
  padding-bottom: 0;
}
.result.big {
  background: rgba(20, 12, 24, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
  padding: 16px;
}
.result.big b {
  font-size: 32px;
}
.result.big .muted {
  color: rgba(255, 255, 255, 0.75);
}
.btn.wbtn {
  min-height: 54px;
  min-width: 220px;
  font-size: 17px;
  margin-top: 14px;
}
.wheelwrap > svg {
  width: 100%;
  height: 100%;
  display: block;
}
#wheelG {
  will-change: transform;
}
.legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 14px 16px 0;
  line-height: 1.6;
}
.result {
  margin: 14px 20px 0;
  border-radius: 22px;
  padding: 14px 16px;
  text-align: center;
  animation: pop2 0.35s cubic-bezier(0.3, 1.5, 0.5, 1);
}
.result b {
  font-family: var(--f-display);
  font-size: 26px;
  display: block;
  line-height: 1.05;
}