/* Bonus wheel in the shared UpMiner yellow palette. */
#giveawayDialog{border-color:#62551e;background:radial-gradient(ellipse at 21% 48%,#ffdb001a,transparent 48%),#15161a;color:#f0f1f5}
#giveawayDialog .bonus-wheel{border-color:#897322;background:repeating-conic-gradient(from calc(var(--sector-angle,60deg) / 2),#39331b 0deg,#242319 calc(var(--sector-angle,60deg) - 1deg),#8c7728 var(--sector-angle,60deg));box-shadow:inset 0 0 0 3px #d0ac32,inset 0 0 45px #111006,0 18px 0 #11120e,0 22px 48px #0007}
#giveawayDialog .bonus-wheel::before{border-color:#ffdb0059}
#giveawayDialog .bonus-slot{border-color:#867329;background:radial-gradient(ellipse at 50% 72%,#ffdb0026,#191a1f 65%);box-shadow:inset 0 0 0 3px #12130e,inset 0 0 20px #0008,0 4px 0 #1c1b10}
#giveawayDialog .bonus-slot b{color:#f2edda}
#giveawayDialog .bonus-slot.is-active,#giveawayDialog .bonus-slot.is-winner{border-color:#ffdb00;box-shadow:0 0 26px #ffdb0066,inset 0 0 25px #ffdb002b}
#giveawayDialog .bonus-hub{border-color:#a28b2c;background:radial-gradient(circle at 50% 20%,#42391c,#1c1d20 80%);box-shadow:0 0 0 5px #252316,0 6px 15px #0008,inset 0 2px 5px #ffdb0038}
#giveawayDialog .bonus-hub>span{color:#d5c985}
#giveawayDialog .bonus-hub h3{color:#ffdb00}
#giveawayDialog .bonus-spin{border-color:#ffdb00;background:#ffdb00;color:#17180d}
#giveawayDialog .bonus-spin:hover:not(:disabled){background:#ffe641}
#giveawayDialog .bonus-skip{color:#bdbbaa}
#giveawayDialog .bonus-skip input{accent-color:#ffdb00}
#giveawayDialog .bonus-pointer{background:linear-gradient(#fff2a3,#ffdb00)}
#giveawayDialog .bonus-status,#giveawayDialog .bonus-legend-row>span,#giveawayDialog .bonus-reward strong{color:#ffdb00}
#giveawayDialog .bonus-details{background:#222328;border-color:#514b2d}
#giveawayDialog .bonus-legend-row p,#giveawayDialog .bonus-reward p,#giveawayDialog .bonus-footnote,#giveawayDialog .bonus-history-heading>span{color:#a5a6ae}
#giveawayDialog .bonus-history{border-color:#514b2d}
#giveawayDialog .bonus-empty{border-color:#62551e;color:#a5a6ae}
#giveawayDialog .bonus-percent-tag{border-color:#ffe641;background:#ffdb00;color:#17180d}
/* Keep instructions separate from the wheel. */
#giveawayDialog{width:min(760px,calc(100% - 24px));padding:20px 28px}
#giveawayDialog .bonus-stage{max-width:500px}
#giveawayDialog .bonus-intro h2 em,#giveawayDialog .bonus-eyebrow{color:#ffdb00}
#giveawayDialog .bonus-status{min-height:0;margin:8px 0 0}
#giveawayDialog .bonus-status:empty{display:none}
.bonus-wheel-footer{display:flex;justify-content:flex-end;margin-top:26px}
.bonus-help-button{padding:10px 15px;border:1px solid #8a7625;border-radius:9px;background:#ffdb0012;color:#ffdb00;font:700 12px Inter,system-ui,sans-serif;cursor:pointer}
.bonus-help-button:hover{background:#ffdb0026}
.bonus-help-button:focus-visible{outline:2px solid #ffdb00;outline-offset:3px}
#bonusHelpDialog{box-sizing:border-box;width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border-color:#62551e;background:#191a1f;color:#f0f1f5;scrollbar-width:thin}
#bonusHelpTitle{font-size:22px;margin:0}
#bonusHelpDialog .bonus-details{margin:20px 0;background:#222328;border-color:#514b2d}
#bonusHelpDialog .bonus-eyebrow,#bonusHelpDialog .bonus-legend-row>span{color:#ffdb00}
.bonus-saved-rewards{margin:20px 0;color:#c9cbd3}
.bonus-saved-rewards>summary{cursor:pointer;font-size:13px}
.bonus-reward-icon{position:relative;display:grid;place-items:center;flex-shrink:0}
.bonus-slot .bonus-reward-icon{width:65%;height:60%}
.bonus-slot .bonus-reward-icon>img{width:100%;height:100%;object-fit:contain}
.bonus-legend-row>.bonus-reward-icon{width:42px;height:42px}
.bonus-legend-row .bonus-reward-icon>img{width:100%;height:100%;object-fit:contain}
.bonus-mystery-mark{position:absolute;top:-3px;right:-5px;display:grid;place-items:center;width:24px;height:28px;border:1px solid #ffdb00;border-radius:7px;background:#191a1feF;color:#ffdb00;font:bold 23px/1 Arial,sans-serif;box-shadow:0 2px 6px #0008}
@media(max-width:600px){#giveawayDialog{padding:16px 12px}.bonus-mystery-mark{width:18px;height:22px;font-size:18px;right:-4px}#bonusHelpDialog{padding:18px 12px}#bonusHelpDialog .bonus-details{padding:14px}.bonus-wheel-footer{margin-top:24px}}

/* Keep every dimension tied to the wheel, rather than the browser width. */
#giveawayDialog{padding:24px 30px;background:radial-gradient(ellipse at 50% 45%,#ffdb0009,transparent 65%),#15161a}
#giveawayDialog .bonus-intro{margin:12px 0 24px}
#giveawayDialog .bonus-intro h2{font-size:32px;line-height:1.2;margin:10px 0}
#giveawayDialog .bonus-intro p{max-width:530px;margin:auto;line-height:1.65}
#giveawayDialog .bonus-layout{display:block}
#giveawayDialog .bonus-stage{container-type:inline-size;width:100%;max-width:520px;margin:0 auto}
#giveawayDialog .bonus-wheel{--radius:33cqw;width:100%;max-width:none;margin:12px auto 0;border:6px solid #8e7726;background:repeating-conic-gradient(from calc(var(--sector-angle,72deg) / 2),#302b19 0deg,#1d1e1c calc(var(--sector-angle,72deg) - .5deg),#746124 var(--sector-angle,72deg));box-shadow:inset 0 0 0 2px #e0bc3e,0 12px 32px #0005}
#giveawayDialog .bonus-wheel::before{inset:10px;border:1px solid #ffdb0029}
#giveawayDialog .bonus-slot{width:26%;border:2px solid #8b762b;background:radial-gradient(circle at 50% 28%,#333023,#17181c 75%);box-shadow:0 5px 12px #0005,inset 0 0 0 3px #ffffff04}
#giveawayDialog .bonus-slot-content{padding:9%;gap:5%;justify-content:center}
#giveawayDialog .bonus-slot .bonus-reward-icon{width:56%;height:51%;flex-shrink:0}
#giveawayDialog .bonus-slot b{font-size:clamp(8px,2.1cqw,11px);line-height:1.3;font-weight:650;max-width:100%;min-height:2.6em;display:flex;align-items:center;justify-content:center;text-wrap:balance;color:#efebdb}
#giveawayDialog .bonus-hub{width:34%;border:3px solid #b49a36;padding:8px 5px;background:radial-gradient(circle at 50% 15%,#3a3420,#1b1c20 78%);box-shadow:0 0 0 6px #191a1c,0 7px 20px #0006}
#giveawayDialog .bonus-hub>span{display:block;font-size:clamp(6px,1.4cqw,8px);letter-spacing:2px;color:#d4c78d}
#giveawayDialog .bonus-hub h3{font-size:clamp(13px,3.8cqw,20px);line-height:1.15;letter-spacing:.2px;margin:7px 0 9px;font-weight:800}
#giveawayDialog .bonus-spin{width:94%;min-height:34px;padding:7px 4px;font-size:clamp(8px,1.9cqw,10px);line-height:1.25;border-radius:7px;box-shadow:none}
#giveawayDialog .bonus-skip{font-size:clamp(7px,1.65cqw,9px);margin-top:8px;gap:4px;white-space:nowrap}
#giveawayDialog .bonus-skip input{width:11px;height:11px}
#giveawayDialog .bonus-pointer{top:-13px;width:24px;height:28px;z-index:3}
#giveawayDialog .bonus-mystery-mark{width:clamp(15px,4cqw,21px);height:clamp(18px,4.6cqw,25px);font-size:clamp(15px,3.8cqw,20px);top:-2px;right:-5px;border-radius:6px}
#giveawayDialog .bonus-slot.is-winner{border-color:#ffe453;box-shadow:0 0 24px #ffdb0059,inset 0 0 20px #ffdb001a}
@media(max-width:600px){
 #giveawayDialog{padding:18px 14px}
 #giveawayDialog .bonus-intro{margin:18px 0 22px}
 #giveawayDialog .bonus-intro h2{font-size:26px}
 #giveawayDialog .bonus-topbar>span{font-size:9px;letter-spacing:1px}
 #giveawayDialog .bonus-topbar i{margin:0 6px}
 #giveawayDialog .bonus-wheel{border-width:4px}
 #giveawayDialog .bonus-hub{padding:5px 2px;border-width:2px;box-shadow:0 0 0 4px #191a1c,0 5px 12px #0006}
 #giveawayDialog .bonus-hub h3{margin:4px 0 6px}
 #giveawayDialog .bonus-spin{min-height:28px;padding:5px 3px}
 #giveawayDialog .bonus-skip{margin-top:5px}
}

/* Use the home page's background layers and animation definitions. */
#giveawayDialog{position:relative;isolation:isolate;background:#15161a;overflow-x:hidden}
#giveawayDialog::before,#giveawayDialog::after{position:absolute;border-radius:inherit}
#giveawayDialog>.ambient-scene{position:absolute;border-radius:inherit}
#giveawayDialog>:not(.ambient-scene){position:relative;z-index:1}