.chance-wheel-container{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0 auto;display:grid;grid-template-rows:auto auto;gap:12px;-webkit-user-select:none;user-select:none}.wheel-stage{position:relative;display:flex;justify-content:center;align-items:center}.wheel-pointer{position:absolute;top:-12px;z-index:4;width:28px;height:28px;display:flex;justify-content:center;align-items:center}.wheel-pointer svg{fill:#222}.wheel{border-radius:50%;position:relative;z-index:2;box-shadow:0 6px 20px #0000002e,inset 0 -4px 10px #0000000f;background:transparent}.wheel-ring{fill:transparent;stroke:#eee;stroke-width:6}.wheel-center{fill:#222;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.slice{stroke:#0000000f;stroke-width:.5}.slice-0{fill:#ffb4a2}.slice-1{fill:#ffd166}.slice-2{fill:#06d6a0}.slice-3{fill:#4cc9f0}.slice-4{fill:#a0cdfe}.slice-5{fill:#cdb4db}.slice-label{font-size:14px;fill:#111;font-weight:600;pointer-events:none}.wheel-controls{display:flex;gap:12px;align-items:center;justify-content:space-between}.spin-button{appearance:none;border:none;background:linear-gradient(180deg,#ff6b6b,#ee5253);color:#fff;padding:10px 18px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #00000026;transition:transform .12s ease,box-shadow .12s ease}.spin-button:active{transform:translateY(1px)}.spin-button[disabled]{opacity:.6;cursor:default;transform:none;box-shadow:none}.result{text-align:right;font-size:14px;color:#111;min-width:160px}.result-text strong{margin-right:6px}.result-index{opacity:.6;font-size:13px;margin-left:6px}@media (max-width: 420px){.slice-label{font-size:12px}.spin-button{padding:8px 12px;font-size:14px}}