/* Ticket / time rewards. Local concept layer, independent of deployed cabinet CSS. */
.desktop-nav{gap:22px;margin-left:24px}.reward-nav-count{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;font-size:9px;border:1px solid #bda0d84d;border-radius:6px;background:#c3a5fa12;color:#d7bdf4}
.reward-invitation{position:relative;display:flex;align-items:center;gap:21px;padding:20px 24px;margin-bottom:31px;border:1px solid #b599ce59;border-radius:22px;background:radial-gradient(ellipse at 95% 30%,#b18ade20,transparent 65%),linear-gradient(125deg,#2c2036,#1c1526);box-shadow:inset 0 1px #fff1,0 12px 30px #0002;overflow:hidden}
.invitation-ticket{flex:0 0 63px;width:63px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#c8adee,#8864b4);color:#33203f;border:1px solid #e4ccfa;border-radius:10px;transform:rotate(-9deg);box-shadow:3px 4px 0 #3c294d,0 8px 20px #0004}.invitation-ticket svg{width:32px;height:32px}.invitation-ticket span{font-size:6px;letter-spacing:1px;font-weight:700}.invitation-copy{flex:1;min-width:0}.invitation-copy h2{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:5px 0 6px}.invitation-copy p{font-size:11px;color:#aa97b8;max-width:400px}.reward-kicker{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#d0b5ea}.reward-kicker svg{width:14px;height:14px}.reward-invitation>.button{font-size:10px;white-space:nowrap}
.reward-card-action{display:flex;width:100%;align-items:center;gap:9px;background:#c3a5fa0a;border:1px solid #b89acf2d;border-radius:11px;padding:11px 13px;color:#cbb0e4;font-size:10px;margin-top:19px;transition:background .25s,border-color .25s}.reward-card-action:hover{background:#c3a5fa17;border-color:#cbb0e470}.reward-card-action svg{width:15px;height:15px}.reward-card-action svg:last-child{margin-left:auto}.reward-added-label{color:var(--green);font-size:10px;margin-top:12px}
.reward-heading h1{color:#eadbf7}.reward-total-pill{display:flex;align-items:center;gap:10px;padding:12px 17px;background:#a780c710;border:1px solid #8464964d;border-radius:14px;color:#cbb2e0;font-size:12px}.reward-total-pill strong{font-size:22px;color:#f0e5f8;font-weight:500}
.reward-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;max-width:1140px;margin:0 auto}.wheel-card{position:relative;padding:27px 32px 28px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#59306b35,transparent 70%),linear-gradient(135deg,#21182b,#16101f);box-shadow:inset 0 1px #ead4fa20,0 22px 55px #0003}.reward-store-tabs{display:flex;gap:5px;border-radius:13px;background:#110c18;border:1px solid #9e7fb323;padding:5px}.reward-store-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;border-radius:9px;color:#9b85ac;padding:11px 6px;font-size:12px}.reward-store-tabs button[aria-pressed=true]{background:linear-gradient(135deg,#513960,#32263e);color:#f0e2fb;box-shadow:inset 0 1px #ffffff15,0 3px 8px #0003}.reward-store-tabs button span{font-size:9px;color:#b396c8}.wheel-intro{text-align:center;margin-top:29px}.wheel-intro .reward-kicker{justify-content:center;font-size:8px}.wheel-intro h2{font-size:25px;font-weight:500;letter-spacing:-1px;margin:12px 0 9px}.wheel-intro h2>span{color:#dfc4f6}.wheel-intro p{font-size:12px;color:#ac95bb;max-width:375px;line-height:1.8;margin:auto}.wheel-intro p strong{color:#d6c0e6;font-weight:500}
.wheel-scene{position:relative;width:min(424px,100%);margin:8px auto -4px;aspect-ratio:1;isolation:isolate}.wheel-halo{position:absolute;inset:9%;border-radius:50%;background:#b27aca21;filter:blur(35px);z-index:-1}.reward-wheel{display:block;width:100%;height:100%;stroke:none;fill:none;filter:drop-shadow(0 16px 19px #0006);overflow:visible}.reward-wheel text{font:600 20px 'Golos Text',sans-serif;stroke:none}.reward-wheel .wheel-hub-mark{font-size:58px;fill:#e7cffb;letter-spacing:-4px}.reward-wheel .wheel-hub-caption{font-size:7px;letter-spacing:2px;fill:#bb97d0}#reward-wheel-disc{transform-origin:212px 212px}.wheel-pointer{position:absolute;z-index:3;top:1.7%;left:50%;width:25px;height:33px;transform:translateX(-50%);filter:drop-shadow(0 4px 6px #0007)}.wheel-pointer:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,#ffdf9c,#bd8c51);clip-path:polygon(10% 0,90% 0,100% 23%,50% 100%,0 23%)}.wheel-pointer:after{content:'';position:absolute;top:3px;left:8px;width:9px;height:9px;background:#694829;border:1px solid #fff4;border-radius:50%}.wheel-controls{max-width:365px;margin:0 auto;text-align:center}.wheel-controls .button{min-height:48px}.wheel-controls>.text-button{margin-top:16px;font-size:11px}.reward-ticket-note{font-size:9px;color:#8f799f;line-height:1.7;margin-top:16px}.reward-chances{margin-top:24px;border-top:1px solid #a585b82b;padding-top:17px}.reward-chances summary{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;font-size:10px;color:#b69bc8;cursor:pointer}.reward-chances summary::-webkit-details-marker{display:none}.reward-chances summary svg{width:13px;height:13px}.reward-prizes{display:flex;justify-content:center;gap:9px;margin-top:15px}.reward-prizes>div{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;background:#a585b808;border:1px solid #a585b818;border-radius:10px;padding:9px 5px;min-width:0}.reward-prizes i{width:6px;height:6px;border-radius:50%;margin-bottom:3px}.reward-prizes strong{font-size:11px;font-weight:500;color:#e5d3ef;white-space:nowrap}.reward-prizes span{font-size:9px;color:#9f87af}
.reward-side{display:grid;align-content:start;gap:23px}.reward-wallet{padding:28px}.reward-wallet>.panel-label{font-size:9px;letter-spacing:1px}.reward-wallet .panel-label svg{width:16px;height:16px}.reward-wallet>h2{font-size:19px;font-weight:500;letter-spacing:-.5px;line-height:1.5;margin:14px 0 21px;max-width:300px}.reward-wallet-store{padding:19px;border:1px solid #9876ad30;border-radius:17px;background:linear-gradient(135deg,#4530523d,#2115295c)}.reward-wallet-store+.reward-wallet-store{margin-top:14px}.reward-wallet-store>div{display:flex;align-items:center;gap:9px}.reward-wallet-store>div strong{font-size:12px;font-weight:500;color:#cdb9dc}.wallet-amount{display:block;font-size:35px;letter-spacing:-1.6px;font-weight:500;line-height:1.2;margin:17px 0 8px;color:#e4c9fa;font-variant-numeric:tabular-nums}.reward-wallet-store>p{font-size:10px;color:#91799f;min-height:16px;margin-bottom:18px}.reward-wallet-store>.button{font-size:11px;justify-content:space-between;min-height:40px}.reward-rules{padding:25px 27px}.reward-rules>h3{font-size:15px;font-weight:500;margin-bottom:23px}.reward-rules>div{display:flex;gap:12px;margin-bottom:19px;align-items:flex-start}.reward-rules .step-number{flex-shrink:0}.reward-rules strong{display:block;font-size:12px;font-weight:500;color:#d8c7e3}.reward-rules p span{display:block;color:#9e85ae;font-size:11px;line-height:1.8;margin-top:5px}.reward-limit-note{display:flex;gap:9px;color:#a38caf;font-size:10px;line-height:1.8;border-top:1px solid #a585b822;padding-top:15px;margin-top:17px}.reward-limit-note svg{width:15px;height:15px;margin-top:3px}
.reward-history{max-width:1140px;margin:35px auto}.reward-history-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid #9e7fb31c;background:#9e7fb304;border-radius:14px;margin-top:10px}.reward-history-row .round-icon{width:34px;height:34px}.reward-history-row .round-icon svg{width:17px;height:17px}.reward-history-row strong{display:block;font-size:12px;font-weight:500}.reward-history-row div>span{font-size:10px;color:#8f799e}.reward-history-row>b{margin-left:auto;color:#c9a7e3;font-size:14px;font-weight:500;white-space:nowrap}.reward-demo-tools{display:flex;align-items:center;gap:25px;flex-wrap:wrap;max-width:1140px;margin:33px auto 45px;padding:22px;border:1px dashed #8e6ea144;border-radius:16px;background:#a780c705}.reward-demo-tools>div:first-child{flex:1;min-width:180px}.reward-demo-tools strong{font-size:11px;font-weight:500;color:#baa2c9}.reward-demo-tools p{font-size:10px;color:#7f6b8d;max-width:360px;margin-top:5px;line-height:1.7}.reward-demo-tools label{font-size:10px;color:#a78fb7}.reward-demo-tools label>span{display:block;margin-bottom:7px}.reward-demo-tools select,.reward-dialog select{max-width:100%;color:#d9c6e7;border:1px solid #765785;border-radius:10px;padding:10px 13px;background:#24182f;font:inherit}.reward-demo-actions{display:flex;gap:11px;flex-wrap:wrap;flex-basis:100%}.reward-demo-actions .button{font-size:10px;min-height:35px;padding:8px 13px}.reward-demo-actions .text-button{margin-left:auto;font-size:10px}
.has-result .reward-wheel{opacity:.25;filter:blur(1px)}.reward-result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.reward-result-check{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#5c3c71,#2e203a);border:1px solid #a985c3;box-shadow:0 6px 0 #1b0f26,0 13px 40px #b87bd327}.reward-result-check svg{width:28px;height:28px;color:#ecd1ff}.reward-result-overlay strong{font-size:48px;letter-spacing:-2px;font-weight:500;color:#ead4fb;text-shadow:0 0 40px #d3a9ec3d}.reward-result-overlay>span:last-child{font-size:11px;color:#baa0cd}.reward-result-overlay{animation:reward-result-in .55s cubic-bezier(.16,1,.3,1)}#reward-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}#reward-confetti i{position:absolute;left:50%;top:55%;width:6px;height:10px;opacity:0;border-radius:2px;animation:reward-confetti 1.4s var(--delay) ease-out both}
.reward-dialog{position:fixed;padding:31px;width:480px}.reward-dialog>button{position:absolute;top:17px;right:17px}.reward-dialog-content{min-width:0}.reward-dialog .reward-kicker{margin-top:17px;font-size:9px}.reward-dialog h2{font-size:25px;line-height:1.3}.reward-dialog p{font-size:12px}.reward-field-label{display:block;font-size:10px;color:#b89ccc;margin:24px 0 9px}.reward-dialog select{width:100%;font-size:11px}.reward-dialog input[type=range]{display:block;width:100%;accent-color:#c3a5fa;margin:14px 0}.reward-dialog output{display:block;text-align:center;font-size:32px;color:#e5c7fc;font-weight:500;letter-spacing:-1px;margin:20px 0}.reward-apply-summary{display:flex;gap:20px;justify-content:space-between;padding:20px 0 0}.reward-apply-summary>div>span{display:block;font-size:10px;color:#9980a9}.reward-apply-summary strong{display:block;font-size:18px;margin-top:5px;font-weight:500}.reward-dialog .reward-limit-note{font-size:10px;line-height:1.8}.reward-dialog .full-width{margin-top:23px}.reward-apply-success{text-align:center;padding-top:15px}.reward-apply-success>.round-icon{margin:auto;color:#bce4cc;border-color:#769c85;background:#8eb99b10}.reward-success-time{display:block;font-size:45px;color:#d6b6f6;letter-spacing:-2px;font-weight:500;margin-top:22px}.reward-apply-success h2{margin-top:15px}.reward-leftover{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #a585b829;border-radius:12px;padding:16px;margin-top:23px;font-size:11px;color:#9c85ac}.reward-leftover strong{font-size:17px;color:#d7c0e7;font-weight:500}
@keyframes reward-result-in{from{opacity:0;translate:0 12px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes reward-confetti{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@media(max-width:1200px){.desktop-nav{gap:17px;margin-left:10px}.header-inner{gap:20px}.reward-layout{gap:22px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.wheel-card{padding:24px}.reward-wallet{padding:23px}.reward-invitation{gap:16px;padding:18px}.invitation-copy h2{font-size:16px}.invitation-ticket{flex-basis:49px;width:49px;height:60px}.reward-invitation>.button{padding:10px 13px}}
@media(max-width:950px){.reward-layout{grid-template-columns:1fr 1fr}.wheel-card{padding:20px}.wheel-intro h2{font-size:23px}.reward-prizes{gap:5px}.reward-prizes strong{font-size:10px}.reward-wallet>h2{font-size:17px}.desktop-nav{gap:14px}.reward-nav-count{display:none}.header-inner{gap:20px}}
@media(max-width:700px){.reward-invitation{display:grid;grid-template-columns:49px minmax(0,1fr);gap:15px;margin-bottom:27px;border-radius:19px}.reward-invitation>.button{grid-column:2;width:100%;justify-content:space-between;font-size:11px}.invitation-ticket{grid-row:1/3;align-self:center;rotate:-2deg}.invitation-copy h2{font-size:16px;line-height:1.45}.invitation-copy p{font-size:10px;line-height:1.8}.reward-kicker{font-size:8px}.reward-heading{gap:10px}.reward-heading h1{font-size:31px}.reward-total-pill{padding:9px 11px;gap:6px;font-size:0}.reward-total-pill strong{font-size:18px}.reward-total-pill svg{width:17px;height:17px}.reward-layout{grid-template-columns:1fr;gap:19px}.wheel-card{padding:19px 19px 24px;border-radius:23px}.wheel-intro{margin-top:24px}.wheel-intro h2{font-size:24px}.wheel-intro p{font-size:11px}.wheel-scene{width:min(380px,100%);margin-top:12px;margin-bottom:0}.wheel-controls .button{font-size:12px}.reward-side{gap:19px}.reward-wallet{padding:24px}.reward-wallet>h2{font-size:19px;max-width:260px}.reward-wallet-store{padding:18px}.wallet-amount{font-size:32px}.reward-rules{padding:23px}.reward-history-row{gap:12px;padding:15px}.reward-history-row strong{font-size:11px}.reward-history-row>b{font-size:12px}.reward-demo-tools{padding:18px;gap:19px}.reward-demo-actions{gap:10px}.reward-demo-actions .text-button{margin:0;min-height:34px}.reward-result-overlay strong{font-size:42px}.reward-dialog{padding:25px;max-height:calc(100dvh - 32px);overflow:auto}.reward-dialog h2{font-size:23px}.mobile-nav button{gap:5px;font-size:8px}.mobile-nav button svg{width:18px;height:18px}.reward-card-action{font-size:9px}.reward-dialog input[type=range]{min-height:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
