@keyframes wof-skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.wof-skeleton__box{border-radius:var(--rounded-sm);background:linear-gradient(90deg,#ffffff0f 0%,#ffffff24 50%,#ffffff0f 100%) 0 0/200% 100%;flex-shrink:0;animation:1.5s ease-in-out infinite wof-skeleton-loading}.wof-skeleton__box--circle{border-radius:50%}.wof-skeleton__box--rounded{border-radius:var(--rounded-lg)}.wof-skeleton__card{transition:none}
.wof-page{--wof-page-bg:#001f1a;--wof-card-bg:#063d34;--wof-modal-bg:#002d24;--wof-surface:#ffffff0a;--wof-border:#ffffff1a;--wof-text:#fff;--wof-text-dim:#ffffffbf;--wof-green:#34d399;--wof-gold:#ffde9c;--html-render-response-bg:var(--wof-page-bg);background:linear-gradient(180deg, var(--wof-page-bg) 0 520px, #001b17 100%);color:var(--wof-text);z-index:0;isolation:isolate;width:100%;min-height:100%;position:relative;overflow:hidden}.wof-page:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000 0 520px,#01ad9a09 760px,#0000 1180px);position:absolute;inset:0}.wof-page:after{content:"";pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(30deg,#0000 49.6%,#aeffe914 50%,#0000 50.4%),linear-gradient(150deg,#0000 49.6%,#ffde9c0e 50%,#0000 50.4%);background-size:240px 144px;position:absolute;inset:500px 0 0;-webkit-mask-image:linear-gradient(#0000,#000 180px 70%,#0000);mask-image:linear-gradient(#0000,#000 180px 70%,#0000)}.wof-page__inner{z-index:1;flex-direction:column;gap:32px;max-width:1328px;margin:0 auto;padding:clamp(265px,24vw,385px) 16px 64px;display:flex;position:relative}.wof-hero-art{z-index:0;pointer-events:none;width:100%;height:clamp(360px,34vw,520px);position:absolute;top:-24px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0 58%,#000000eb 66%,#0000 100%);mask-image:linear-gradient(#000 0 58%,#000000eb 66%,#0000 100%)}.wof-hero-art__img{object-fit:cover;object-position:top center}.wof-hero-art__picture{display:contents}.wof-hero-art:before,.wof-hero-art:after{content:"";z-index:1;width:18%;position:absolute;top:0;bottom:0}.wof-hero-art:before{background:linear-gradient(90deg, var(--wof-page-bg), transparent);left:0}.wof-hero-art:after{background:linear-gradient(270deg, var(--wof-page-bg), transparent);right:0}@media (max-width:560px){.wof-page__inner{padding-top:clamp(300px,80vw,380px)}.wof-hero-art{height:clamp(500px,132vw,620px);-webkit-mask-image:linear-gradient(#000 0 82%,#000000eb 86%,#0000 100%);mask-image:linear-gradient(#000 0 82%,#000000eb 86%,#0000 100%)}.wof-hero-art:before{display:none}.wof-hero-art:after{-webkit-backdrop-filter:blur(12px)saturate(.82)brightness(.78);background:linear-gradient(#001f1a05,#001f1a3d 44%,#001f1a94);width:100%;display:block;inset:55% 0 0;-webkit-mask-image:linear-gradient(#0000,#000 22%,#000);mask-image:linear-gradient(#0000,#000 22%,#000)}}.wof-hero{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wof-sections{flex-direction:column;gap:32px;display:flex}.wof-section__title{color:#fff;margin:0 0 -4px;font-size:20px;font-weight:700}.wof-section__grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;gap:16px;padding:14px 4px;display:flex;overflow:auto visible}.wof-section__grid::-webkit-scrollbar{width:0;height:0;display:none}.wof-section__grid>*{scroll-snap-align:center;flex:0 0 78%;max-width:320px}@media (min-width:1024px){.wof-section__grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 4px;display:grid;overflow:visible}.wof-section__grid>*{flex:initial;max-width:none}}.wof-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;gap:16px;padding:14px 4px;scroll-padding:4px;display:flex;overflow-x:auto}.wof-carousel::-webkit-scrollbar{width:0;height:0;display:none}.wof-carousel__item{scroll-snap-align:start;flex:0 0 280px;display:flex}.wof-carousel__item>.wof-card{width:100%}@media (min-width:768px){.wof-carousel__item{flex-basis:300px}}.wof-flow{flex-direction:column;gap:64px;display:flex;position:relative}.wof-flow__ropes{pointer-events:none;z-index:1;position:absolute;inset:0}.wof-flow .wof-section{z-index:2;position:relative}.wof-flow .wof-section__grid{scroll-snap-type:none}.wof-flow .wof-section__grid>*{scroll-snap-align:none}.wof-section--apex .wof-section__grid,.wof-section--vip .wof-section__grid{grid-template-columns:minmax(0,336px);justify-content:center}@media (min-width:768px){.wof-section--apex .wof-section__grid,.wof-section--vip .wof-section__grid{grid-template-columns:minmax(0,336px)}}.wof-card{--wof-stone:52, 211, 153;background:linear-gradient(84deg, rgba(var(--wof-stone), .06) 0%, rgba(var(--wof-stone), .22) 100%), #06231d;border:1px solid rgba(var(--wof-stone), .22);color:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:16px;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:inset 0 1px #ffffff0f,0 6px 20px #0000004d}@media (min-width:768px){.wof-card{padding:24px}}.wof-card[data-wheel-role=DAILY_NEW_REG]{--wof-stone:52, 211, 153}.wof-card[data-wheel-role=DAILY_BRONZE]{--wof-stone:217, 164, 86}.wof-card[data-wheel-role=DAILY_SILVER]{--wof-stone:156, 186, 214}.wof-card[data-wheel-role=DAILY_GOLD]{--wof-stone:240, 194, 96}.wof-card[data-wheel-role=DAILY_VIP]{--wof-stone:255, 214, 130}.wof-card[data-wheel-role=DEPOSIT_ROYAL],.wof-card[data-wheel-role=WEEKLY_ROYAL]{--wof-stone:96, 150, 240}.wof-card[data-wheel-role=DEPOSIT_POWER],.wof-card[data-wheel-role=WEEKLY_POWER]{--wof-stone:45, 212, 191}.wof-card[data-wheel-role=DEPOSIT_EPIC],.wof-card[data-wheel-role=WEEKLY_EPIC]{--wof-stone:171, 150, 255}.wof-card[data-wheel-role=APEX]{--wof-stone:255, 214, 130}.wof-card.is-ready{border-color:var(--wof-green);box-shadow:0 0 0 1px #34d39959}@media (hover:hover) and (pointer:fine){.wof-card:hover{transform:translateY(-6px)}.wof-card:hover .wof-card__icon{transform:scale(1.06)}}.wof-card__icon{transition:transform .28s cubic-bezier(.22,1,.36,1)}.wof-card--vip,.wof-card--vip.is-ready{border:1.5px solid var(--wof-gold);box-shadow:0 0 0 1px #ffde9c8c,0 0 0 4px #ffde9c1f,0 0 24px #ffde9c33}.wof-card--apex,.wof-card--apex.is-ready{border:2px solid var(--wof-gold);background:linear-gradient(84deg, rgba(var(--wof-stone), .1) 0%, rgba(var(--wof-stone), .3) 100%), #0a3129;position:relative;box-shadow:0 0 0 1px #ffde9ccc,0 0 0 5px #ffde9c26,0 0 40px #ffde9c4d}.wof-card--apex:after{content:"";pointer-events:none;border:1px solid #ffde9c59;border-radius:13px;position:absolute;inset:3px}.wof-card__head{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.wof-card__icon-wrap{position:relative}.wof-card__icon{object-fit:contain;width:88px;height:88px}.wof-card__badge{text-transform:capitalize;color:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:2px;right:-10px}.wof-card__badge--daily{background:#3fbb6e}.wof-card__badge--weekly{background:#e0a13a}.wof-card__badge--apex{background:#5349fc}.wof-card__title{text-align:center;color:#fff;font-size:20px;font-weight:700;line-height:28px}.wof-card__info{width:24px;height:24px;color:var(--wof-text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;display:grid;position:absolute;top:0;right:0}.wof-card__rows{flex-direction:column;gap:4px;display:flex}.wof-card__row{background:#00000038;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;line-height:16px;display:flex}.wof-card__row>span:first-child{color:var(--wof-text-dim)}.wof-card__row b{color:#fff;font-weight:600}.wof-card__row--reward b{color:var(--wof-gold);text-transform:uppercase}.wof-card__unlock-text{color:var(--wof-text-dim);text-align:left;background:#ffffff05;border-radius:8px;margin:0;padding:12px;font-size:14px;line-height:1.5}.wof-card__action{margin-top:auto}.wof-card__spin{border-radius:8px;width:100%;height:40px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;color:#fff!important;background:#ffffff0f!important;border:1px solid #ffffff29!important}.wof-card__spin:hover{background:#ffffff1a!important;border-color:#ffffff47!important}.wof-card__spin-wrap{position:relative}.wof-card__spin{position:relative;overflow:hidden}.wof-card__spin-shine{pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;height:100%;animation:5s ease-in-out infinite wof-spin-shine;position:absolute;top:0;left:0;transform:translate(-160%)skew(-18deg)}@keyframes wof-spin-shine{0%{transform:translate(-160%)skew(-18deg)}35%,to{transform:translate(360%)skew(-18deg)}}.wof-card__spin-count{background:var(--wof-green);color:#00201a;min-width:20px;height:20px;box-shadow:0 0 0 2px var(--wof-card-bg);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:-7px;right:-7px}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.wof-card__spin-shine{display:none}}.wof-card__expiry{color:var(--wof-gold);justify-content:center;align-items:center;gap:5px;margin:8px 0 0;font-size:12px;display:flex}.wof-card__expiry b{font-variant-numeric:tabular-nums;font-weight:700}.wof-card__btn{border:1px dashed var(--wof-border);height:40px;color:var(--wof-text-dim);border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.wof-card__btn--timer{border-style:solid;flex-direction:column;gap:0}.wof-card__btn--timer b{color:#fff;font-variant-numeric:tabular-nums;font-size:15px}.wof-card__btn--action{cursor:pointer;background:0 0;width:100%;transition:background .2s,border-color .2s,color .2s}.wof-card__btn--action:hover{color:#fff;background:#ffffff0f;border-color:#ffffff47}.wof-spin-modal{color:#fff;scrollbar-width:none;-ms-overflow-style:none;width:min(560px,100vw - 32px)!important;max-width:none!important;max-height:calc(100dvh - 48px)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.wof-spin-modal::-webkit-scrollbar{width:0;height:0;display:none}.wof-spin-modal .fortune-wheel-main-container{min-height:0}.wof-spin-modal .fortune-wrapper,.wof-spin-modal .fortune-wheel-won-container{min-height:0;padding:80px 0 16px}.modal__overlay:has(+.wof-spin-modal){-webkit-backdrop-filter:blur(10px)}.wof-rb{color:#fff;scrollbar-width:none;-ms-overflow-style:none;background:#0e1a1f!important;width:min(640px,100vw - 32px)!important;max-width:none!important;max-height:calc(100dvh - 48px)!important;padding:0!important;overflow:auto!important}.wof-rb::-webkit-scrollbar{width:0;height:0;display:none}.wof-rb *{color:inherit}.wof-rb__bg{--wof-stone:52, 211, 153;background:linear-gradient(84deg, rgba(var(--wof-stone), .06) 0%, rgba(var(--wof-stone), .22) 100%);min-height:100%;padding:24px}.wof-rb__bg[data-wheel-role=DAILY_NEW_REG]{--wof-stone:52, 211, 153}.wof-rb__bg[data-wheel-role=DAILY_BRONZE]{--wof-stone:217, 164, 86}.wof-rb__bg[data-wheel-role=DAILY_SILVER]{--wof-stone:156, 186, 214}.wof-rb__bg[data-wheel-role=DAILY_GOLD]{--wof-stone:240, 194, 96}.wof-rb__bg[data-wheel-role=DAILY_VIP]{--wof-stone:255, 214, 130}.wof-rb__bg[data-wheel-role=DEPOSIT_ROYAL],.wof-rb__bg[data-wheel-role=WEEKLY_ROYAL]{--wof-stone:96, 150, 240}.wof-rb__bg[data-wheel-role=DEPOSIT_POWER],.wof-rb__bg[data-wheel-role=WEEKLY_POWER]{--wof-stone:45, 212, 191}.wof-rb__bg[data-wheel-role=DEPOSIT_EPIC],.wof-rb__bg[data-wheel-role=WEEKLY_EPIC]{--wof-stone:171, 150, 255}.wof-rb__bg[data-wheel-role=APEX]{--wof-stone:255, 214, 130}.wof-rb__hero{text-align:center;padding:8px 0 24px}.wof-rb__icon-wrap{margin-bottom:16px;display:inline-block;position:relative}.wof-rb__icon{object-fit:contain;width:104px;height:104px}.wof-rb__badge{text-transform:capitalize;color:#fff;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;position:absolute;top:8px;right:-12px}.wof-rb__badge--daily{background:#3fbb6e}.wof-rb__badge--weekly{background:#e0a13a}.wof-rb__badge--apex{background:#5349fc}.wof-rb__title{color:#fff;margin:0;font-size:28px;font-weight:700;line-height:1.2}.wof-rb__subtitle{color:#ffffff80;margin:4px 0 0;font-size:16px}.wof-rb__thead{color:#ffffff73;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.wof-rb__rows{flex-direction:column;display:flex}.wof-rb__row{border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;font-size:16px;line-height:1.3;display:flex}.wof-rb__row:nth-child(odd){background:#ffffff08}.wof-rb__prize{color:#ffffffe6}.wof-rb__reward{color:#fff;text-align:right;align-items:center;gap:8px;font-weight:600;display:inline-flex}.wof-rb__coin{flex-shrink:0;width:22px;height:22px}.fortune-label-coin{object-fit:contain;width:22px;height:22px;margin-top:2px}@media (max-width:768px){.fortune-label-coin{width:16px;height:16px}}.wof-rb__meta{flex-direction:column;gap:4px;margin-top:16px;display:flex}.wof-rb__meta-row{color:#ffffffd9;background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;font-size:16px;display:flex}.wof-rb__meta-row b{color:#fff;font-weight:600}.wof-rb__terms{margin-top:20px}.wof-rb__terms-head{cursor:pointer;color:#fff;background:0 0;border:none;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;width:100%;padding:16px;font-size:18px;font-weight:600;display:flex}.wof-rb__terms-chevron{color:#fff9;transition:transform .2s}.wof-rb__terms-chevron.is-open{transform:rotate(180deg)}.wof-rb__terms-body{color:#fff9;padding:4px 16px 16px;font-size:14px;line-height:1.6}.wof-rb__terms-body b,.wof-rb__terms-body strong,.wof-hiw,.wof-rules{color:#fff}.wof-section-title{text-align:center;color:#fff;margin:0 0 16px;font-size:22px;font-weight:700}.wof-hiw__row{flex-direction:column;align-items:stretch;gap:12px;display:flex}.wof-hiw__card{background:var(--wof-card-bg);color:#fff;border-radius:16px;flex:1;align-items:flex-start;gap:16px;padding:24px;display:flex}.wof-hiw__num{width:52px;height:52px;color:var(--wof-green);background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;place-items:center;font-size:26px;font-weight:800;display:grid}.wof-hiw__body{min-width:0}.wof-hiw__title{color:#fff;margin-bottom:6px;font-size:17px;font-weight:700}.wof-hiw__desc{color:var(--wof-text-dim);font-size:15px;line-height:1.5}.wof-hiw__sep{color:#ffffff40;flex-shrink:0;align-self:center}@media (min-width:768px){.wof-hiw__row{flex-direction:row;align-items:center;gap:8px}}.wof-rules{text-align:left;width:100%}.wof-rules .html-render-response__title{text-align:left;margin:0 0 20px;font-size:32px;line-height:1.2}.wof-html{color:#ffffffbf;font-size:16px;line-height:1.5}.wof-html>:first-child{margin-top:0}.wof-html>:last-child{margin-bottom:0}.wof-html p{color:#ffffffbf;margin:0 0 16px;line-height:24px}.wof-html strong,.wof-html b{color:#fff;font-weight:700}.wof-html em,.wof-html i,.wof-html .italic{font-style:italic}.wof-html a{color:#34d399;text-decoration:underline}.wof-html h1{color:#fff;margin:0 0 24px;font-size:2.14em;font-weight:600;line-height:1.25}.wof-html h2{color:#fff;margin:0 0 8px;font-size:1.43em;font-weight:500}.wof-html h3{color:#fff;margin:0 0 4px;font-size:1.29em;font-weight:500}.wof-html h4,.wof-html h5,.wof-html h6{color:#fff;margin:0 0 4px;font-size:1em;font-weight:500}.wof-html ol,.wof-html ul{margin:0 0 16px;padding-left:20px}.wof-html ol{list-style:decimal}.wof-html ul{list-style:outside}.wof-html li{color:#ffffffbf;margin:0 0 8px}.wof-html li::marker{color:#ffffff80}.wof-html{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.wof-html::-webkit-scrollbar{width:0;height:0;display:none}.wof-html table{border-collapse:separate;border-spacing:0;text-align:left;border:1px solid #ffffff24;border-radius:12px;width:max-content;min-width:100%;margin:0 0 16px;font-size:14px;line-height:20px;overflow:hidden}.wof-html th{text-align:center;vertical-align:middle;text-transform:uppercase;letter-spacing:.025em;color:#ffffffb3;border-bottom:1px solid #ffffff24;max-width:28rem;padding:10px 12px;font-size:12px;font-weight:600;line-height:16px}.wof-html td{text-align:center;vertical-align:middle;color:#fffc;max-width:28rem;padding:10px 12px;font-size:14px;font-weight:500;line-height:20px}.wof-html tbody tr+tr td{border-top:1px solid #ffffff24}.wof-html hr{border:none;border-top:1px solid #ffffff1f;margin:16px 0}.wof-html img{border-radius:8px;max-width:100%;height:auto}@media (min-width:768px){.wof-hero__title{font-size:40px}}
