.exact-spinner-section{
  display:flex;
  justify-content:center;
}

.exact-spinner-card{
  width:100%;
  max-width:650px;
  padding:10px 10px 35px;
  border-radius:26px;
  background:radial-gradient(circle at top,#3b2421,#140b0a 65%);
  border:1px solid rgba(255,180,80,.35);
  
}

.exact-title{
  text-align:center;
  font-size:26px;
  font-weight:800;
  color:#ff9a3c;
}

.exact-select-row{
  display:flex;
  padding: 0 15px;
  gap: 15px;
  margin-bottom: 25px;
}

.exact-select-row select{
  flex:1;
  padding:14px;
  border-radius:16px;
  background:#0e0a09;
  color:#ffcc80;
  font-size:15px;
  font-weight:600;
}
/* Spinner Box */
.exact-spinner-box{
  width:320px;
  aspect-ratio:1;
  margin:0 auto;
  position:relative;
}

/* Pointer */
.exact-pointer{
  position:absolute;
  top:-6px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:24px solid #ff9a3c;
  filter:drop-shadow(0 0 10px rgba(255,150,60,.8));
  z-index:40;
}

/* Wheel */
.exact-wheel{
  width:100%;
  height:100%;
  border-radius:50%;
  box-shadow:0 0 0 10px rgba(255,180,80,.35),
             0 0 40px rgba(255,120,40,.6),
             0 40px 90px rgba(0,0,0,.9);
}

/* Center Circle */
.exact-center{
  width:84px;
  height:84px;
  border-radius:50%;
  background:radial-gradient(circle at top,#ffc177,#ff7a2a);
  color:#fff;
  font-size:30px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  
}

/* Spin Button */
.exact-spin-btn{
  position:absolute;
  bottom:-80px;
  left:50%;
  transform:translateX(-50%);
  padding:14px 44px;
  border-radius:36px;
  border:none;
  background:linear-gradient(135deg,#ffc177,#ff7a2a);
  color:#fff;
  font-size:20px;
  font-weight:900;
  letter-spacing:1.5px;
  cursor:pointer;
  
}

.exact-spin-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
}

/* Result Boxes */
.exact-box-row{
  margin-top:100px;
  display:flex;
  justify-content:center;
  gap:10px;
}

.exact-box{
  width:52px;
  height:52px;
  border-radius:14px;
  background:radial-gradient(circle at top,#1a0f0b,#090504);
  border:1px solid rgba(255,180,80,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px;
  font-weight:900;
}

/* Mobile Responsive */
@media (max-width:380px){
  .exact-spinner-box{width:220px;}
  .exact-title{font-size:22px;}
}