/* FIX34 */
.dr-panel{margin:20px 0;padding:22px;border:1px solid rgba(244,175,70,.25);border-radius:18px;background:linear-gradient(125deg,rgba(34,28,27,.96),rgba(23,22,31,.96));color:#f7f3ed;text-align:center;max-width:100%;overflow:hidden}
.dr-heading{display:flex;text-align:left;align-items:center;justify-content:space-between;gap:12px}.dr-heading small{color:#e5b985;font-size:11px;font-weight:800;letter-spacing:.12em}.dr-heading h3{font-size:22px;margin:5px 0}.dr-heading p,.dr-note{font-size:13px;color:#c4bcb4;margin:0}.dr-xp{border:1px solid #a87936;border-radius:12px;padding:12px;font-size:16px;font-weight:900;color:#f5c46c}
.dr-wheel-wrap{position:relative;width:min(290px,78vw);aspect-ratio:1;margin:22px auto 12px}.dr-wheel{position:absolute;inset:5px;border:6px solid #dfae63;border-radius:50%;background:conic-gradient(#b97345 0 14.2857%,#634c73 14.2857% 28.5714%,#a77b2c 28.5714% 42.8571%,#4b6c69 42.8571% 57.1428%,#9a5b63 57.1428% 71.4285%,#66529a 71.4285% 85.7142%,#7b943f 85.7142% 100%);transition:transform 3s cubic-bezier(.16,.9,.19,1);box-shadow:0 0 30px #f4ad4930}.dr-wheel span{position:absolute;top:18%;left:50%;font-size:12px;font-weight:800;transform:translate(-50%,-50%) rotate(calc(var(--i)*51.42857deg)) translateY(0);transform-origin:50% 115px;white-space:nowrap;text-shadow:0 2px 4px #000}.dr-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#221d21;border:4px solid #eed0a0;display:grid;place-items:center;font-weight:900;color:#f4cf91}.dr-pointer{position:absolute;z-index:2;left:50%;top:-8px;transform:translateX(-50%);color:#ffe6ad;font-size:24px;text-shadow:0 2px #151515}
.dr-outcome{font-size:16px;font-weight:800;margin:12px 0}.dr-spin{background:#edb657;color:#282018;border:0;border-radius:12px;padding:12px 25px;font-size:14px;font-weight:800;cursor:pointer;max-width:100%}.dr-spin:disabled{opacity:.6;cursor:default}.dr-note{margin:14px auto 0;max-width:510px;line-height:1.5}
