.af-screen{background:#19182c;min-height:100dvh;padding-bottom:30px;color:#d9d3ed}.af-header{position:sticky;top:26px;z-index:8;height:46px;display:flex;align-items:center;justify-content:center;background:#232142;color:#fff;padding:0 12px;border-bottom:1px solid #373154}.af-header h1{font-size:16px;font-weight:400;margin:0;max-width:65%;text-align:center}.af-header>button{position:absolute;left:12px;border:0;background:none;color:#eee;font-size:29px;padding:0}.af-header>button.af-record-link{left:auto;right:10px;font-size:10px;max-width:120px}.af-header:has(.af-record-link) h1{font-size:13px;margin-right:80px}.af-disclosure{font-size:9px;line-height:1.5;color:#c4b5e2;text-align:center;padding:8px 10px;margin:0;background:#252141}.af-content{padding:12px}.af-panel,.af-task,.af-invite-tier{background:#262347;border-radius:10px;margin:0 0 12px;padding:12px;overflow:hidden}.af-panel h2{font-size:13px;margin:0 0 8px;font-weight:500}.af-copy{font-size:11px;line-height:1.7;color:#c3b8d6}.af-screen button{cursor:pointer}.af-screen button:disabled{cursor:default;opacity:.65}.af-screen button:focus-visible,.af-screen input:focus-visible{outline:2px solid #bfa1ff;outline-offset:3px}.af-wide,.af-gradient,.af-outline{display:block;box-sizing:border-box;width:100%;border:0;border-radius:24px;padding:10px 14px;font-size:12px;text-align:center}.af-wide{background:#c9c5d8;color:#27203a}.af-wide:not(:disabled){background:#a790ff;color:#211c3d}.af-gradient{background:linear-gradient(100deg,#ff927e,#b664df,#4ab8fc);color:#30203f}.af-outline{background:none;border:1px solid #8c77c1;color:#b59dff;padding:7px 10px}.af-text-button{background:none;border:0;color:#baa0ec;text-decoration:underline;font-size:10px;display:block;margin:15px auto 2px;padding:4px}.af-task{padding:0 11px 13px}.af-task-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #373159;font-size:12px}.af-task-top>b{border-radius:0 0 20px 0;padding:8px 14px;min-width:135px;color:#fff;font-size:15px}.af-task-top .weekly{background:#ff545d}.af-task-top .daily{background:#12b774}.af-task-top>span{font-size:11px;padding:0 0 0 7px;text-align:right}.af-task h2{font-size:14px;font-weight:400;margin:15px 0 10px}.af-task-progress{display:flex;justify-content:space-between;font-size:12px;margin:6px 0}.af-task-progress b{font-weight:400;color:#ff636b}.af-task-description,.af-strip{font-size:11px;line-height:1.5;padding:9px;background:#403770;border-radius:5px;color:#d4c9eb}.af-task-reward{display:flex;justify-content:space-between;padding:0 0 12px;margin:12px 0 10px;border-bottom:1px solid #453d5d;font-size:13px}.af-task-reward strong{color:#ffb062;font-weight:400}.af-task .af-outline{font-size:11px;font-weight:600}.af-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.af-two>button{border:0;border-radius:4px;padding:12px 6px;background:#272347;color:#d9ceed;font-size:16px}.af-two>button>span{display:block;margin-top:7px;font-size:10px}.af-promo{padding:17px 14px;min-height:135px;background-position:center;background-size:cover;color:white;box-sizing:border-box}.af-promo h2{font-size:20px;margin:0 0 14px}.af-promo p{font-size:11px;width:55%;line-height:1.5}.af-promo small{font-size:10px}.af-promo>b{display:block;font-size:13px;margin-top:5px}.af-invite-promo{background-color:#fa9b53;background-image:linear-gradient(90deg,#f28e40,transparent),url('assets/activity/invitation_bg-DCcmIb1D.png')}.af-sample-controls{margin-top:12px;padding:11px}.af-sample-controls label{font-size:11px;display:block;margin-bottom:8px}.af-sample-controls>div{display:flex;gap:8px}.af-sample-controls input,.af-panel form input{display:block;background:#1b192e;color:#eee;border:1px solid #594774;border-radius:6px;min-width:0;width:100%;padding:10px;font-size:12px}.af-sample-controls button{border:0;border-radius:6px;background:#9273dd;color:white;padding:7px 14px;font-size:11px}.af-sample-controls p,.af-sample-controls small{font-size:9px;line-height:1.5;color:#b6a7cb}.af-table{width:100%;border-collapse:collapse;text-align:center;font-size:11px;color:#d1c9e4}.af-table th{background:#43386d;font-weight:400;padding:12px 4px}.af-table td{background:#2c264a;padding:10px 4px}.af-table tbody tr:nth-child(even) td{background:#3b3264}.af-invite-tier{padding:0 10px 12px}.af-invite-tier header{display:flex;justify-content:space-between;align-items:center;margin:0 -10px;padding-right:10px;font-size:12px}.af-invite-tier header>b{background:#13b677;padding:8px 12px;color:#fff;border-radius:0 0 20px 0;min-width:105px;font-weight:400}.af-invite-tier header>strong{font-size:12px;color:#ffba70}.af-invite-tier dl{font-size:11px;margin:11px 0 18px}.af-invite-tier dl>div{display:flex;justify-content:space-between;padding:5px 7px;background:#413870;margin:5px 0}.af-invite-tier dd{margin:0;color:#b797ff}.af-invite-progress{display:flex;justify-content:space-around;text-align:center;padding:0 5px 11px}.af-invite-progress b{color:#ff6676;font-size:15px;font-weight:400}.af-invite-progress small{display:block;font-size:10px;margin-top:7px}.af-invite-tier .af-wide{padding:7px;font-size:11px}.af-tabs{display:flex;gap:7px;overflow:auto;margin:0 0 12px;padding-bottom:3px;scrollbar-width:thin}.af-tabs>button{flex:none;min-width:74px;padding:8px 10px;background:#262344;color:#a599c3;font-size:11px;border:0;border-radius:5px}.af-tabs button.active{background:linear-gradient(105deg,#ff967e,#a76fe9,#4db6ff);color:#272038}.af-tabs button>span{display:block;font-size:19px;margin-bottom:4px}.af-live-count{display:inline-block;font-size:9px;border:1px solid #56507a;color:#aaa0cb;padding:3px 6px;border-radius:4px}.af-rebate-value{display:block;font-size:22px;margin:13px 0}.af-rebate-totals>div{font-size:11px;background:#40366c;padding:10px;color:#bcb0d8}.af-rebate-totals strong{display:block;color:#ffc36d;margin-top:7px}.af-section-title{font-size:14px;margin:15px 0 13px}.af-jackpot-promo{background-image:url('assets/activity/superJackpot-BqZw7ipY.png')}.af-jackpot-promo p{font-size:11px;width:50%}.af-jackpot-links{margin-top:12px}.af-jackpot-links>button{font-size:11px;padding:11px 5px}.af-jackpot-empty{padding:35px 10px 8px;text-align:center;background:#252145;margin:12px 0 15px;min-height:205px}.af-jackpot-empty img{display:block;width:130px;height:135px;object-fit:contain;margin:0 auto 12px;opacity:.7}.af-jackpot-empty p{font-size:10px;color:#a49cbd}.af-attendance-hero{background:#fb4145;position:relative;padding:21px 15px 10px;min-height:245px;overflow:hidden;color:#fff}.af-attendance-hero>div:first-child{position:relative;z-index:1;max-width:58%}.af-attendance-hero h2{font-size:21px;font-weight:400;margin:0 0 4px;white-space:nowrap}.af-attendance-hero p{font-size:12px;line-height:1.5;margin:4px 0 15px}.af-attendance-hero p>b{font-size:22px}.af-attendance-ribbon{background:white;color:#f65b63;padding:7px;font-size:12px;margin:15px 0 7px;clip-path:polygon(0 0,100% 0,91% 50%,100% 100%,0 100%)}.af-attendance-ribbon strong{font-size:25px}.af-attendance-hero>img{position:absolute;right:0;bottom:53px;width:49%;height:auto}.af-attendance-actions{display:flex;justify-content:space-between;gap:30px;position:relative;z-index:2}.af-attendance-actions button{border:0;color:#fff;border-radius:24px;background:linear-gradient(#ffc54e,#ff8243);padding:8px 14px;font-size:12px;flex:1}.af-attendance-button{padding:70px 45px}.af-attendance-button .af-gradient{font-size:20px;padding:10px}.af-history-row{display:flex;align-items:center;justify-content:space-between;padding:14px;background:#282344;border-bottom:1px solid #493960;font-size:13px}.af-history-row small{display:block;color:#b6a8cb;font-size:10px;margin-top:6px}.af-history-row>strong{color:#cba9ff;font-size:15px}.af-empty{text-align:center;color:#a397bf;font-size:12px;padding:50px 10px}.af-empty img{width:170px;height:145px;object-fit:contain;opacity:.5}.af-black{background:#000;min-height:100dvh}.af-black .af-header{background:#000}.af-black .af-disclosure{background:#100f17}.af-gift-screen{text-align:center;color:#fff;padding:55px 28px 35px}.af-gift-screen h2{color:#f3df78;font-size:19px;margin-bottom:65px}.af-gift-boxes{display:grid;grid-template-columns:1fr 1fr;gap:45px 35px}.af-gift-boxes button{background:none;border:0;padding:0}.af-gift-boxes img{width:96px;height:96px;object-fit:contain;display:block;margin:auto}.af-gift-screen p{font-size:12px;margin-top:32px}.af-gift-screen small{font-size:9px;color:#b2a89f}.af-wheel-screen{background:#e43e38 url('assets/activity/turntable_bg-9YolNODo.png') center/cover;text-align:center;padding:12px 15px 25px;min-height:calc(100dvh - 105px);color:#ffe793}.af-wheel-caption{font-size:11px;color:#ffe0b2;margin:4px}.af-wheel-amount{display:block;font-size:31px;line-height:1.4}.af-cashout{border:1px solid #fff49b;background:linear-gradient(#ffd36d,#ee8927);color:#fff;border-radius:20px;padding:7px 25px;font-size:13px;margin:5px 0 15px;font-weight:600}.af-wheel-stage{position:relative;width:min(330px,100%);aspect-ratio:1;margin:0 auto}.af-wheel-disk{position:absolute;inset:0;transition:transform 1.8s cubic-bezier(.18,.72,.2,1)}.af-wheel-disk>img{width:100%;height:100%;object-fit:contain;display:block}.af-wheel-labels{position:absolute;inset:0}.af-wheel-labels>span{position:absolute;left:calc(50% - 26px);top:calc(50% - 23px);width:52px;height:46px;transform:rotate(calc(var(--i)*45deg + 22.5deg)) translateY(-103px) rotate(calc(var(--i)*-45deg - 22.5deg));font-size:18px;font-weight:700;color:#ad6032;display:grid;place-content:center}.af-wheel-labels small{font-size:8px;font-weight:400}.af-wheel-pointer{position:absolute;z-index:3;top:-12px;left:calc(50% - 12px);font-size:30px;color:#ffcb55;text-shadow:0 2px #b74c1a}.af-spin-button{position:absolute;inset:38%;border:3px solid #fff8ad;border-radius:50%;background:linear-gradient(#ff9b5f,#f1493a);color:#fff}.af-spin-button b{display:block;font-size:27px}.af-spin-button small{display:block;font-size:8px}.af-wheel-status{font-size:11px;line-height:1.7;min-height:35px;color:#fff6c6;margin:18px 0}.af-wheel-invite{border:1px solid #ffdd80;border-radius:23px;background:linear-gradient(#ffce56,#f79632);color:#fff;padding:12px 20px;font-size:13px}.af-wheel-link{display:inline-block;background:none;border:0;color:#fff1cf;text-decoration:underline;font-size:12px;margin:25px 15px 0}.af-panel form label{font-size:12px;display:block;margin:12px 0}.af-panel form .af-gradient{margin-top:18px}.af-gift-redeem-art img{display:block;width:100%;max-height:185px;object-fit:cover;border-radius:9px;margin-bottom:12px}.af-activity .af-disclosure{margin:0 12px;background:none;font-size:9px;padding:2px 0 8px}.af-activity-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 10px;padding:0 12px 20px}.af-activity-icons>button{background:none;border:0;padding:0;color:#ddd7ef;font-size:10px;line-height:1.4}.af-activity-icons img{width:43px;height:43px;object-fit:contain;display:block;margin:0 auto 6px}.af-activity-icons span{display:block;max-width:70px;margin:auto}.af-card-art{height:105px;overflow:hidden}.af-card-art>img{display:block;width:100%;height:100%;object-fit:cover}.af-calendar-art{background:linear-gradient(120deg,#fa5660,#ffd472);display:grid;place-items:center}.af-calendar-art>img{width:90%;height:100%;object-fit:contain}.af-brand-banner{width:calc(100% - 24px);min-height:155px;border:0;border-radius:8px;margin:0 12px 12px;padding:16px;background:radial-gradient(ellipse at right,#6948b1,transparent),linear-gradient(120deg,#171741,#243974);display:flex;align-items:center;justify-content:space-between;color:white;text-align:left;overflow:hidden}.af-brand-banner>div{position:relative;z-index:1}.af-brand-banner b{font-size:22px;color:#8ed0ff;text-shadow:0 2px #5245a8}.af-brand-banner strong{display:block;font-size:17px;line-height:1.4;margin-top:6px}.af-brand-banner small{font-size:8px;color:#d9ccff;display:block;margin-top:7px;max-width:190px}.af-brand-banner>img{width:100px;height:120px;object-fit:contain;margin-left:-15px}.af-brand-banner-alt{background:linear-gradient(120deg,#7c334d,#332463)}
@media(max-width:350px){.af-attendance-actions{gap:8px}.af-attendance-actions button{font-size:10px;padding:8px}.af-attendance-hero h2{font-size:18px}.af-wheel-labels>span{transform:rotate(calc(var(--i)*45deg + 22.5deg)) translateY(-88px) rotate(calc(var(--i)*-45deg - 22.5deg))}.af-task-top>b{min-width:110px;font-size:13px}.af-task-description{font-size:10px}.af-brand-banner strong{font-size:14px}.af-brand-banner>img{width:80px}.af-header h1{font-size:14px}}
@media(prefers-reduced-motion:reduce){.af-wheel-disk{transition:none}}
