.welcome-dialog{position:fixed;inset:0;width:min(520px,calc(100% - 24px));max-width:520px;max-height:94dvh;margin:auto;padding:44px 24px 24px;border:1px solid #b8b2ff70;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,#3b2d72,#181c39 72%);color:white;overflow:auto;box-shadow:0 24px 100px #08062280;text-align:center;font-family:inherit}
.welcome-dialog::backdrop{background:#0b122ac9;backdrop-filter:blur(7px)}
.welcome-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:1px solid #ffffff45;border-radius:50%;background:#ffffff14;color:white;font-size:18px;line-height:1;z-index:5}
.welcome-close:disabled{opacity:.8}.welcome-eyebrow{color:#e9ddff;font-size:13px;font-weight:500;letter-spacing:.03em;margin:0 18px 9px}.welcome-dialog h2{font-size:clamp(22px,5vw,30px);line-height:1.2;font-weight:750;color:#ffe995;margin:0 0 10px;overflow-wrap:anywhere}.welcome-subtitle{font-size:14px;line-height:1.6;color:#e0def2;margin:0 auto 16px;max-width:390px;overflow-wrap:anywhere}
.welcome-wheel-wrap{position:relative;width:min(100%,400px);aspect-ratio:1;margin:10px auto 18px;border:2px solid #c5c1ff;border-radius:50%;background:linear-gradient(145deg,#b6b4ff,#7775e4);box-shadow:0 0 35px #9184ed44,inset 0 0 20px #ffffff60}
.welcome-disc{position:absolute;inset:8%;border:4px solid #fff4bd;border-radius:50%;background:conic-gradient(#ffbf52 0deg 45deg,#fff2bf 45deg 90deg,#ffbf52 90deg 135deg,#fff2bf 135deg 180deg,#ffbf52 180deg 225deg,#fff2bf 225deg 270deg,#ffbf52 270deg 315deg,#fff2bf 315deg 360deg);transition:transform 3.2s cubic-bezier(.15,.7,.12,1);box-shadow:0 0 0 2px #ffffff50;overflow:hidden}
.welcome-segment{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;transform-origin:50% 50%;padding-top:5%;gap:5px}.welcome-segment b{font-size:clamp(12px,3.4vw,17px);color:#b66b15;font-weight:800}.welcome-segment-coin{display:grid;place-items:center;width:25px;height:25px;border:1px solid #fff8d5;border-radius:50%;background:#c18b28;color:#fff5c8;box-shadow:0 0 0 2px #d5a347;font:700 20px Georgia,serif}
.welcome-pointer{position:absolute;z-index:3;left:50%;top:27%;transform:translateX(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:31px solid #fff4a8;filter:drop-shadow(0 -2px 1px #7159d5)}
.welcome-spin{position:absolute;z-index:4;inset:34%;border-radius:50%;border:5px solid #f8ecb0;outline:3px solid #9480fa;background:radial-gradient(circle at 40% 20%,#9a7dff,#6437eb 58%,#3b1aad);color:white;box-shadow:0 5px 12px #24186a66,inset 0 0 0 2px #c9b8ff;display:flex;align-items:center;justify-content:center;flex-direction:column}.welcome-spin strong{font-size:clamp(21px,6vw,34px);font-weight:850;letter-spacing:-.06em;text-shadow:0 2px #3c2594}.welcome-spin small{font-size:10px;letter-spacing:.18em;color:#ece5ff}.welcome-spin:disabled{opacity:1;cursor:wait}.welcome-lights{position:absolute;inset:0}.welcome-lights i{position:absolute;inset:0}.welcome-lights i:before{content:'';position:absolute;left:calc(50% - 4px);top:3%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 9px 3px #fff9}.welcome-lights i:nth-child(even):before{opacity:.45}
.welcome-terms{font-size:12px;color:#c9c7e3;line-height:1.7;margin:0}.welcome-result{padding:6px 4px 10px}.welcome-result-coin{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 18px;border-radius:50%;border:3px solid #ffe7a0;background:linear-gradient(135deg,#ffe599,#be8528);box-shadow:0 0 40px #e7af3730;font:700 52px Georgia,serif;color:#8a590e}.welcome-result>p{font-size:17px;margin:8px 0;color:#e7e5f8}.welcome-result h2{font-size:42px;color:#6cf0af;margin:12px 0}.welcome-result .welcome-result-copy{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.welcome-result .welcome-result-terms{font-size:12px;color:#c1bed8;line-height:1.6;margin:16px 0 22px}.welcome-claim{width:100%;min-height:48px;border:1px solid #ad97ff;border-radius:999px;background:linear-gradient(110deg,#8b60ff,#6543e8);padding:12px 20px;color:white;font-size:15px;font-weight:650;overflow-wrap:anywhere}.welcome-error{font-size:13px;margin-top:14px;color:#ffd0c8}.welcome-launcher{position:fixed;bottom:100px;left:max(12px,env(safe-area-inset-left));z-index:25;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px;border-radius:18px;border:1px solid #ba9aff;background:linear-gradient(140deg,#7451df,#342765);box-shadow:0 5px 20px #39247d38;color:white}.welcome-launcher>span{font:700 24px Georgia,serif;color:#ffdf8b}.welcome-launcher strong{font-size:13px}.welcome-launcher small{font-size:7px;letter-spacing:.08em}
@media(max-width:380px){.welcome-dialog{padding:42px 14px 18px}.welcome-subtitle{font-size:12px}.welcome-segment-coin{width:19px;height:19px;font-size:16px}.welcome-segment{gap:3px}.welcome-spin{border-width:3px}}
@media(prefers-reduced-motion:reduce){.welcome-disc{transition:none}}

/* Shared wheel skin. The welcome dialog is deliberately more compact. */
.welcome-dialog{width:min(390px,calc(100% - 28px));padding:38px 18px 18px;border-radius:24px;max-height:92dvh}
.welcome-dialog h2{font-size:23px}.welcome-dialog .welcome-eyebrow{font-size:11px;margin-bottom:7px}.welcome-dialog .welcome-subtitle{font-size:12px;line-height:1.45;margin-bottom:10px}.welcome-dialog .welcome-wheel-wrap{max-width:290px;margin:8px auto 12px}.welcome-dialog .welcome-result h2{font-size:32px}.welcome-dialog .welcome-result-coin{width:60px;height:60px;font-size:38px;margin-bottom:12px}.welcome-dialog .welcome-result-copy{font-size:13px}.welcome-dialog .welcome-result-terms{font-size:11px;margin:12px 0 16px}.welcome-dialog .welcome-terms{font-size:10px}.welcome-dialog .welcome-claim{min-height:42px;font-size:13px}
.welcome-segment b{max-width:20%;white-space:normal;overflow-wrap:anywhere;font-size:clamp(11px,3vw,15px);line-height:1.12;text-align:center}.welcome-segment b.long-prize{font-size:clamp(9px,2.5vw,12px)}.welcome-dialog .welcome-segment b{font-size:12px}.welcome-dialog .welcome-segment b.long-prize{font-size:10px}.welcome-segment{padding-top:5%;gap:4px}.welcome-dialog .welcome-segment-coin{width:21px;height:21px;font-size:16px}.welcome-pointer{top:27%}.welcome-disc{transition:transform 3.2s cubic-bezier(.15,.7,.12,1)}
.welcome-odds{color:#ddd7f4;font-size:10px;margin:5px 0 10px}.welcome-odds summary{cursor:pointer}.welcome-odds div{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.welcome-odds p{margin:0;font-size:10px;color:#eee8ff}
#wheel-page .wheel-showcase{max-width:650px;margin:0 auto 24px;padding:26px 24px;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,#3b2d72,#181c39 72%);border:1px solid #b8b2ff70;color:white}#wheel-page .wheel-heading{padding:0;margin-bottom:20px}#wheel-page .wheel-heading h1{color:#ffe995;font-size:30px}#wheel-page .wheel-heading p{color:#e0def2}#wheel-page .wheel-eyebrow{color:#cfc2f4}#member-wheel{max-width:400px}#wheel-page .wheel-controls{color:#e7e5f8}#wheel-page .wheel-spin-button{background:linear-gradient(110deg,#8b60ff,#6543e8);border:1px solid #ad97ff;color:white}#wheel-page .wheel-result h2{color:#ffe995}#wheel-page .wheel-result p{color:#e0def2}
@media(max-width:380px){.welcome-dialog{padding:36px 12px 16px}.welcome-dialog .welcome-wheel-wrap{max-width:255px}.welcome-dialog h2{font-size:21px}.welcome-dialog .welcome-segment b{font-size:10px}.welcome-dialog .welcome-segment b.long-prize{font-size:9px}.welcome-dialog .welcome-spin strong{font-size:23px}#wheel-page .wheel-showcase{padding:22px 12px}.welcome-segment b{font-size:12px}.welcome-segment b.long-prize{font-size:10px}}
@media(prefers-reduced-motion:reduce){.welcome-disc{transition:none}}
.welcome-lights,.welcome-pointer,.welcome-disc{pointer-events:none}
#wheel-page .wheel-controls>strong{color:#e7e5f8}
#wheel-page .wheel-spin-button{background:linear-gradient(110deg,#8b60ff,#6543e8)!important;color:white!important;border:1px solid #ad97ff;border-radius:999px}

@media(prefers-reduced-motion:no-preference){.welcome-dialog .welcome-disc{transition-duration:5s}}
