/* Everything is scoped to the wheel. Existing storefront typography and layout stay intact. */
#chaina-wheel-root {font:inherit;color:#262119;line-height:1.5;--cw-admin-offset:0px}
body.admin-bar #chaina-wheel-root {--cw-admin-offset:32px}
#chaina-wheel-root *,#chaina-wheel-root *::before,#chaina-wheel-root *::after {box-sizing:border-box}
#chaina-wheel-root [hidden] {display:none!important}
#chaina-wheel-root button,#chaina-wheel-root a {font-family:inherit;-webkit-tap-highlight-color:transparent}
#chaina-wheel-root button {cursor:pointer;letter-spacing:normal;text-transform:none}
#chaina-wheel-root button:disabled {cursor:not-allowed;opacity:.55}
#chaina-wheel-root button:focus-visible,#chaina-wheel-root a:focus-visible {outline:3px solid #288fbc;outline-offset:4px}
#chaina-wheel-root .cw-launcher {position:fixed;bottom:24px;left:24px;width:68px;height:68px;padding:0;z-index:990;border:1px solid #ffcd65;border-radius:21px;background:linear-gradient(140deg,#ffb735,#e86921);box-shadow:0 7px 27px #cb622944;color:white;touch-action:manipulation}
#chaina-wheel-root .cw-launcher svg {width:43px;height:43px;display:inline-block;vertical-align:middle;pointer-events:none;animation:cw-float 4s ease-in-out infinite}
#chaina-wheel-root .cw-launcher-spark {position:absolute;right:3px;top:1px;color:#fff2b1;font-size:22px}
#chaina-wheel-root .cw-launcher-label {position:absolute;left:75px;top:6px;padding:7px 13px;background:#fffdfa;border:1px solid #eddfc5;border-radius:12px;text-align:left;color:#433822;font-size:10px;white-space:nowrap;box-shadow:0 5px 20px #43351b12}
#chaina-wheel-root .cw-launcher-label span {display:block;font-weight:800;font-size:18px}
#chaina-wheel-root .cw-banner {position:fixed;top:var(--cw-admin-offset);left:0;right:0;z-index:9990;display:flex;align-items:center;justify-content:center;gap:18px;padding:11px 20px;background:#393e26;color:#fff7dc;font-size:12px;box-shadow:0 2px 8px #0002}
#chaina-wheel-root .cw-banner strong {color:#ffdc80}
#chaina-wheel-root .cw-banner a {border:0;border-bottom:1px solid #ddcdab;background:transparent;color:inherit;padding:2px 0;font-size:11px;text-decoration:none;white-space:nowrap}
#chaina-wheel-root .cw-clock {font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800;letter-spacing:.04em}
#chaina-wheel-root .cw-banner .cw-clock {font-size:17px}
#chaina-wheel-root .cw-dialog {position:fixed;margin:auto;padding:0;border:0;box-shadow:0 35px 130px #160e1c60;color:inherit;width:min(940px,calc(100vw - 40px));max-width:940px;max-height:calc(100dvh - 32px);border-radius:26px;background:#fff9ed;overflow:auto;overscroll-behavior:contain}
#chaina-wheel-root .cw-dialog:not([open]) {display:none}
#chaina-wheel-root .cw-dialog::backdrop {background:#211729a6;backdrop-filter:blur(7px)}
#chaina-wheel-root .cw-modal {display:grid;grid-template-columns:1.05fr 1fr;position:relative;overflow:hidden;border-radius:26px;min-height:560px}
#chaina-wheel-root .cw-close {position:absolute;top:15px;right:15px;z-index:6;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid #dccba854;border-radius:50%;background:#fff9eaad;width:34px;height:34px;padding:0;font-size:14px;line-height:1;color:#8c7755}
#chaina-wheel-root .cw-art {position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px 30px;background:radial-gradient(ellipse at 50% 53%,#ffda7460,transparent 66%),linear-gradient(155deg,#342050,#2b1541 55%,#241436);color:#ffe7a0}
#chaina-wheel-root .cw-art::before {content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 7deg at 50% 49%,transparent 0deg 12deg,#ffdc8020 12deg 13deg,transparent 13deg 30deg);opacity:.23;pointer-events:none}
#chaina-wheel-root .cw-art-kicker {font-size:16px;letter-spacing:.28em;z-index:1;color:#ffedb5}
#chaina-wheel-root .cw-art-kicker span {display:block;font-size:8px;letter-spacing:.3em;margin-top:7px;color:#d7b785}
/* One explicit size prevents Safari flex/aspect-ratio intrinsic-height stretching. */
#chaina-wheel-root .cw-stage {--cw-size:min(364px,calc(50vw - 52px));--cw-rim:15px;position:relative;width:var(--cw-size);height:var(--cw-size);min-height:var(--cw-size);max-height:var(--cw-size);margin:32px 0 21px;flex:0 0 auto;align-self:center;border-radius:50%;padding:0;background:linear-gradient(135deg,#fff4c8,#cc8138 40%,#fbd77b 70%,#a65a24);box-shadow:0 0 0 4px #492842,0 0 0 6px #dca64f,0 0 55px #ffb63750,0 25px 30px #00000042}
#chaina-wheel-root .cw-lights {position:absolute;inset:2px;border-radius:50%;background:repeating-conic-gradient(#fff5ca 0deg 1.1deg,transparent 1.1deg 15deg);mask:radial-gradient(transparent 68%,#000 68% 70%,transparent 70%);pointer-events:none;z-index:3}
#chaina-wheel-root .cw-pointer {position:absolute;z-index:5;top:-14px;left:calc(50% - 17px);width:34px;height:40px;clip-path:polygon(0 0,100% 0,90% 42%,50% 100%,10% 42%);background:linear-gradient(90deg,#ffc849,#fff7d6 45%,#d39132);filter:drop-shadow(0 3px 3px #2b172a);border-radius:5px}
#chaina-wheel-root .cw-rotor {position:absolute;inset:var(--cw-rim);width:auto;height:auto;border-radius:50%;background:conic-gradient(#fb8a30 0deg 60deg,#e74d85 60deg 120deg,#9650db 120deg 180deg,#386eca 180deg 240deg,#169184 240deg 300deg,#efd4a0 300deg 360deg);box-shadow:inset 0 0 0 3px #fff0b5b3;transition:transform 4.6s cubic-bezier(.12,.63,.1,1);will-change:transform}
#chaina-wheel-root .cw-rotor::after {position:absolute;inset:0;border-radius:50%;content:"";background:repeating-conic-gradient(transparent 0deg 59.4deg,#ffedc388 59.4deg 60deg);pointer-events:none}
#chaina-wheel-root .cw-rotor.cw-five-sectors {background:conic-gradient(#fb8a30 0deg 72deg,#e74d85 72deg 144deg,#9650db 144deg 216deg,#169184 216deg 288deg,#efd4a0 288deg 360deg)}
#chaina-wheel-root .cw-rotor.cw-five-sectors::after {background:repeating-conic-gradient(transparent 0deg 71.4deg,#ffedc388 71.4deg 72deg)}
#chaina-wheel-root .cw-label {position:absolute;top:50%;left:50%;width:94px;color:#fff8e2;text-align:center;transform:translate(-50%,-50%) rotate(var(--cw-angle)) translateY(-111px) rotate(calc(-1 * var(--cw-angle)));text-shadow:0 2px 4px #37202420}
#chaina-wheel-root .cw-label b {display:block;font-size:32px;font-weight:800;letter-spacing:-.06em;line-height:1.1}
#chaina-wheel-root .cw-label small {display:block;font-size:8px;letter-spacing:.11em;font-weight:800;margin-top:4px}
#chaina-wheel-root .cw-label-gift b {font-size:29px}
#chaina-wheel-root .cw-label-gift small {font-size:8px;letter-spacing:0}
#chaina-wheel-root .cw-label-none {color:#6f482b}
#chaina-wheel-root .cw-label-none b {font-size:21px}
#chaina-wheel-root .cw-label-none small {font-size:7px;letter-spacing:0}
#chaina-wheel-root .cw-hub {position:absolute;z-index:4;width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff8d5,#f6cc65);box-shadow:0 0 0 5px #b47a37,0 0 0 7px #ffe4a1,0 8px 15px #3a191f60;display:flex;flex-direction:column;justify-content:center;pointer-events:none}
#chaina-wheel-root .cw-hub span {font-family:Georgia,serif;color:#755022;font-size:13px;letter-spacing:.13em}
#chaina-wheel-root .cw-hub small {font-size:5px;letter-spacing:.19em;color:#9c7736;margin-top:5px}
#chaina-wheel-root .cw-star {position:absolute;z-index:2;color:#ffe5a5;pointer-events:none}
#chaina-wheel-root .cw-star-one {top:19%;left:7%;font-size:32px;transform:rotate(14deg)}
#chaina-wheel-root .cw-star-two {right:8%;top:11%;font-size:40px}
#chaina-wheel-root .cw-star-three {bottom:18%;right:7%;font-size:22px}
#chaina-wheel-root .cw-attempts {display:flex;align-items:center;gap:6px;z-index:1}
#chaina-wheel-root .cw-attempts i {width:7px;height:7px;border-radius:50%;background:#6d536f}
#chaina-wheel-root .cw-attempts i.cw-available {background:#ffe3a0;box-shadow:0 0 8px #ffdf8790}
#chaina-wheel-root .cw-attempts span {font-size:12px;margin-left:6px;color:#ecd6b1}
#chaina-wheel-root .cw-art-note {font-size:11px;letter-spacing:.025em;color:#b79abc;margin:12px 0 0;z-index:1}
#chaina-wheel-root .cw-copy {padding:68px 38px 24px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 90% 0,#ffe2a046,transparent 60%)}
#chaina-wheel-root .cw-game-tag {font-size:9px;letter-spacing:.15em;font-weight:800;color:#a57b39;display:flex;gap:7px;align-items:center;margin-bottom:15px}
#chaina-wheel-root .cw-game-tag span {width:5px;height:5px;background:#b9924c;border-radius:50%}
#chaina-wheel-root .cw-copy h2 {font-size:40px;line-height:1.1;letter-spacing:-.065em;margin:0 0 17px;font-weight:800;color:#382333}
#chaina-wheel-root .cw-copy h2 em {font-style:normal;color:#b9762c}
#chaina-wheel-root .cw-lead {font-size:14px;line-height:1.7;color:#806b58;margin:0}
#chaina-wheel-root .cw-lead strong {color:#60442b}
#chaina-wheel-root .cw-offer-terms {margin-top:14px;font-size:12px;line-height:1.6;color:#806b58}
#chaina-wheel-root .cw-offer-terms p {margin:0 0 8px}
#chaina-wheel-root .cw-offer-terms p:last-child {margin-bottom:0}
#chaina-wheel-root .cw-offer-terms strong {color:#60442b}
#chaina-wheel-root .cw-copy h2.cw-prize-number {font-size:clamp(64px,7vw,96px);line-height:1;letter-spacing:-.07em;margin:8px 0 18px;color:#8c4c12}
#chaina-wheel-root .cw-prize-name {font-size:35px;line-height:1.1;color:#6c392c;font-weight:800;letter-spacing:-.06em;margin:12px 0}
#chaina-wheel-root .cw-prize-subtitle {font-size:14px;color:#876738;margin:0 0 15px}
#chaina-wheel-root .cw-result-label {font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#996627;font-weight:800;margin:0}
#chaina-wheel-root .cw-result-label.cw-max-win-title {font-size:16px;line-height:1.45;letter-spacing:0;text-transform:none;color:#9b5a12;text-shadow:0 1px 12px #efb24955;margin:0 0 12px;font-weight:800}
#chaina-wheel-root .cw-actions {display:flex;flex-direction:column;gap:12px;margin-top:26px}
#chaina-wheel-root .cw-gold-button {width:100%;border:0;border-radius:11px;min-height:48px;padding:13px 17px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;color:#532f1b;background:linear-gradient(100deg,#efb249,#ffdc83 50%,#ecad41);box-shadow:0 5px 0 #c78529,0 9px 25px #cc933031;transition:transform .2s;text-decoration:none}
#chaina-wheel-root .cw-gold-button:hover {transform:translateY(-2px)}
#chaina-wheel-root .cw-gold-button:active {transform:translateY(2px);box-shadow:0 2px 0 #c78529}
#chaina-wheel-root .cw-gold-button span {font-size:18px}
#chaina-wheel-root .cw-retry-button {display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:13px 17px;border:1px solid #c9a56a;border-radius:11px;background:linear-gradient(100deg,#fff1cf,#fff9e9);box-shadow:0 2px 0 #dfc69b;color:#775125;font-size:14px;font-weight:800;text-align:center;text-decoration:none;transition:background .2s,box-shadow .2s}
#chaina-wheel-root .cw-retry-button:hover {background:#ffedbe;box-shadow:0 3px 0 #d1ad70}
#chaina-wheel-root .cw-retry-button:active {background:#f8e6bd;box-shadow:inset 0 1px 2px #795c2526}
#chaina-wheel-root .cw-retry-button span {font-size:18px;line-height:1}
#chaina-wheel-root .cw-hint {font-size:12px;color:#806b58;line-height:1.6;text-align:center;margin:17px 0 0}
#chaina-wheel-root .cw-error {margin:14px 0 0;padding:10px;border:1px solid #cf9580;border-radius:8px;font-size:12px;line-height:1.5;color:#8c3824;background:#fff0e9}
#chaina-wheel-root .cw-cart-notice {position:fixed;bottom:20px;right:20px;z-index:985;display:flex;align-items:center;gap:12px;max-width:min(390px,calc(100vw - 40px));padding:13px;background:#fff9eb;border:1px solid #e7d6ab;box-shadow:0 5px 25px #3327181a;border-radius:12px;color:#806135;font-size:11px}
#chaina-wheel-root .cw-cart-notice img {width:46px;height:46px;object-fit:cover;border-radius:8px;flex:none}
#chaina-wheel-root .cw-cart-notice strong {display:block;font-size:12px;color:#60442b}
#chaina-wheel-root .cw-toasts {position:fixed;top:calc(65px + var(--cw-admin-offset));right:20px;width:min(370px,calc(100vw - 32px));z-index:10001;pointer-events:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;background:transparent;overflow:visible;bottom:auto;left:auto}
#chaina-wheel-root .cw-toast {background:#fffaf0;border:1px solid #f2d08d;border-radius:15px;box-shadow:0 10px 45px #2c1d2540;padding:16px;display:flex;align-items:center;gap:13px;animation:cw-toast-in .4s both;pointer-events:auto}
#chaina-wheel-root .cw-toast-time {font-size:23px;font-weight:800;white-space:nowrap;color:#9e671b;font-variant-numeric:tabular-nums}
#chaina-wheel-root .cw-toast-title {font-size:13px;font-weight:800;color:#543a22}
#chaina-wheel-root .cw-toast p {font-size:12px;color:#806b50;line-height:1.5;margin:4px 0 0}
#chaina-wheel-root .cw-toast button {margin-left:auto;align-self:flex-start;background:none;border:0;color:#9d8c76;padding:0;font-size:16px;line-height:1}
#chaina-wheel-root .cw-toast.cw-urgent {background:#fff0e7;border-color:#de9875}
#chaina-wheel-root .cw-urgent .cw-toast-time {color:#bb5a38}
#chaina-wheel-root #cw-fireworks {position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10000;margin:0;padding:0;border:0;background:transparent;max-width:none;max-height:none}
#chaina-wheel-root #cw-fireworks::backdrop,#chaina-wheel-root .cw-toasts::backdrop {background:transparent;pointer-events:none}
#chaina-wheel-root .cw-spinning .cw-stage {box-shadow:0 0 0 4px #492842,0 0 0 6px #f8d780,0 0 80px #ffb637b0,0 25px 30px #00000042}
#chaina-wheel-root .cw-spinning .cw-lights {animation:cw-lights .4s steps(2) infinite}
@keyframes cw-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes cw-toast-in {from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes cw-lights {to{transform:rotate(7deg)}}
@media(max-width:820px) {
 #chaina-wheel-root .cw-dialog {width:min(430px,calc(100vw - 24px));border-radius:22px}
 #chaina-wheel-root .cw-modal {display:flex;flex-direction:column;border-radius:22px;min-height:0}
 #chaina-wheel-root .cw-art {padding:22px 24px 18px}
 #chaina-wheel-root .cw-art-kicker {font-size:11px;letter-spacing:.25em}
 #chaina-wheel-root .cw-art-kicker span {display:none}
 #chaina-wheel-root .cw-stage {--cw-size:min(260px,calc(100vw - 80px));--cw-rim:12px;margin:23px 0 17px}
 #chaina-wheel-root .cw-label {transform:translate(-50%,-50%) rotate(var(--cw-angle)) translateY(-77px) rotate(calc(-1 * var(--cw-angle)));width:72px}
 #chaina-wheel-root .cw-label b {font-size:25px}
 #chaina-wheel-root .cw-label small {font-size:6px}
 #chaina-wheel-root .cw-label-gift b {font-size:23px}
 #chaina-wheel-root .cw-label-none b {font-size:17px}
 #chaina-wheel-root .cw-hub {width:61px;height:61px;left:calc(50% - 30.5px);top:calc(50% - 30.5px)}
 #chaina-wheel-root .cw-hub span {font-size:10px}
 #chaina-wheel-root .cw-hub small {font-size:4px}
 #chaina-wheel-root .cw-art-note {display:none}
 #chaina-wheel-root .cw-copy {padding:25px 26px 21px}
 #chaina-wheel-root .cw-copy h2 {font-size:31px;margin-bottom:10px}
 #chaina-wheel-root .cw-lead {font-size:13px;line-height:1.65}
 #chaina-wheel-root .cw-game-tag {margin-bottom:10px;font-size:8px}
 #chaina-wheel-root .cw-actions {margin-top:17px;gap:12px}
 #chaina-wheel-root .cw-hint {margin-top:12px;font-size:11px}
 #chaina-wheel-root .cw-gold-button,#chaina-wheel-root .cw-retry-button {font-size:13px}
 #chaina-wheel-root .cw-close {background:#f4d8a929;border:1px solid #eccea53b;color:#ffe6b2}
 #chaina-wheel-root .cw-prize-subtitle {font-size:13px;margin-bottom:7px}
 #chaina-wheel-root .cw-star-one {top:27%;left:8%;font-size:26px}
 #chaina-wheel-root .cw-star-two {top:17%;right:7%;font-size:28px}
 #chaina-wheel-root .cw-star-three {bottom:13%;right:11%}
}
@media(max-width:782px) {body.admin-bar #chaina-wheel-root {--cw-admin-offset:46px}}
@media(max-width:420px) {
 #chaina-wheel-root .cw-launcher {width:58px;height:58px;bottom:16px;left:16px;border-radius:17px}
 #chaina-wheel-root .cw-launcher svg {width:38px;height:38px}
 #chaina-wheel-root .cw-launcher-label {left:65px;top:2px}
 #chaina-wheel-root .cw-banner {padding:9px 12px;font-size:10px;gap:10px}
 #chaina-wheel-root .cw-banner .cw-clock {font-size:15px}
 #chaina-wheel-root .cw-banner a {font-size:10px}
 #chaina-wheel-root .cw-stage {--cw-size:min(242px,calc(100vw - 80px))}
 #chaina-wheel-root .cw-label {transform:translate(-50%,-50%) rotate(var(--cw-angle)) translateY(-70px) rotate(calc(-1 * var(--cw-angle)))}
 #chaina-wheel-root .cw-art {padding-top:20px}
 #chaina-wheel-root .cw-copy {padding:22px}
 #chaina-wheel-root .cw-copy h2 {font-size:29px}
 #chaina-wheel-root .cw-dialog {max-height:calc(100dvh - 20px)}
 #chaina-wheel-root .cw-toasts {right:12px;top:calc(57px + var(--cw-admin-offset));width:calc(100vw - 24px)}
 #chaina-wheel-root .cw-toast {padding:12px;gap:10px}
 #chaina-wheel-root .cw-toast-time {font-size:20px}
 #chaina-wheel-root .cw-toast-title {font-size:12px}
 #chaina-wheel-root .cw-toast p {font-size:12px}
 #chaina-wheel-root .cw-cart-notice {bottom:88px;right:12px;max-width:calc(100vw - 24px)}
}
@media(prefers-reduced-motion:reduce) {
 #chaina-wheel-root *,#chaina-wheel-root *::before,#chaina-wheel-root *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
