.punishment-wheel-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(119,83,154,.18)!important;background:linear-gradient(135deg,#fff4f7,#f1edff)!important;color:#76539c!important;font-weight:800!important}.punishment-wheel-trigger span{font-size:15px}.pg-wheel-trigger{width:100%;padding:12px;margin-top:8px;border-radius:14px}
.punishment-wheel-sheet{background:linear-gradient(180deg,#fffafb,#f6f0f5)}.punishment-wheel-body{max-height:92vh;overflow:auto;padding:10px 18px 24px}.punishment-wheel-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.punishment-wheel-head small{color:#d45e86;font-size:8px;font-weight:900;letter-spacing:1.3px}.punishment-wheel-head h2{margin:3px 0;font-size:19px}.punishment-wheel-head p{margin:0;color:var(--muted);font-size:9px}.punishment-wheel-head>button{width:32px;height:32px;border:0;border-radius:50%;background:#f3eaee;color:#725d66;font-size:18px}
.punishment-wheel-stage{position:relative;width:min(82vw,350px);aspect-ratio:1;margin:22px auto 13px;filter:drop-shadow(0 15px 25px rgba(73,48,66,.16))}.punishment-wheel-disc{width:100%;height:100%;will-change:transform}.punishment-wheel-disc canvas{display:block;width:100%;height:100%}.punishment-wheel-pointer{position:absolute;z-index:4;top:-8px;left:50%;width:0;height:0;transform:translateX(-50%);border-right:15px solid transparent;border-left:15px solid transparent;border-top:0;border-bottom:34px solid #4c3741;filter:drop-shadow(0 4px 3px rgba(50,30,40,.25))}.punishment-wheel-pointer:after{position:absolute;top:-1px;left:-5px;width:10px;height:10px;border-radius:50%;background:#fff;content:""}
.punishment-wheel-start{position:absolute;z-index:3;top:50%;left:50%;display:flex;width:78px;height:78px;transform:translate(-50%,-50%);flex-direction:column;align-items:center;justify-content:center;border:7px solid rgba(255,255,255,.88);border-radius:50%;background:linear-gradient(145deg,#5b414d,#34282e);box-shadow:0 6px 16px rgba(62,38,49,.32);color:#fff}.punishment-wheel-start span{font-size:14px;font-weight:900}.punishment-wheel-start small{margin-top:1px;font-size:6px;letter-spacing:1px;opacity:.66}.punishment-wheel-start.spinning{animation:wheel-heartbeat .75s ease-in-out infinite alternate}@keyframes wheel-heartbeat{to{transform:translate(-50%,-50%) scale(1.06)}}.punishment-wheel-note{text-align:center;color:var(--muted);font-size:8px}
.punishment-result-dialog{width:min(82vw,330px);padding:0;border:0;border-radius:24px;background:transparent;box-shadow:0 22px 60px rgba(43,27,35,.25)}.punishment-result-dialog::backdrop{background:rgba(42,29,35,.48);backdrop-filter:blur(4px)}.punishment-result-body{position:relative;padding:25px 20px 20px;border-radius:24px;background:linear-gradient(160deg,#fffafb,#f7edf4);text-align:center}.punishment-result-body>button:first-child{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:#f0e7eb;color:#806873}.punishment-result-body>span{display:grid;width:48px;height:48px;place-items:center;margin:0 auto 9px;border-radius:50%;background:linear-gradient(135deg,#f3799c,#8466c8);box-shadow:0 9px 20px rgba(187,88,131,.22);color:#fff;font-size:22px}.punishment-result-body small{color:#d15d82;font-size:8px;font-weight:900;letter-spacing:1px}.punishment-result-body h3{margin:8px 0 6px;color:#423239;font-size:18px;line-height:1.45}.punishment-result-body p{margin:0 0 15px;color:var(--muted);font-size:9px}.punishment-result-body .primary{width:100%;padding:11px;border:0;border-radius:13px;background:linear-gradient(135deg,#e96c91,#8061bd);color:#fff;font-weight:800}
@media(max-width:380px){.punishment-wheel-stage{width:min(84vw,320px)}.punishment-wheel-start{width:70px;height:70px}.punishment-result-body h3{font-size:16px}}