:root{--xc-bg: rgb(26, 22, 46);--xc-card-bg: rgb(26, 22, 46);--xc-card-image-bg: rgb(16, 14, 30);--xc-text-primary: #ece8f8;--xc-text-secondary: #ece8f8;--xc-text-muted: #8780a8;--xc-text-light-muted: #9c94b6;--xc-accent: #9d86fd;--xc-border: rgba(62, 55, 100, .6);--xc-wallet-bg: rgba(26, 22, 46, .6);--xc-bottom-bar-bg: rgba(26, 22, 46, .82);--xc-tab-active-bg: rgba(157, 134, 253, .15);--app-safe-top: var(--app-status-bar-height, env(safe-area-inset-top, 0px));--xc-tier-ss: conic-gradient(from 96deg, rgb(216, 200, 255), rgb(255, 200, 232), rgb(181, 240, 255), rgb(255, 240, 200), rgb(255, 200, 216), rgb(216, 200, 255));--xc-rarity-r: conic-gradient(from 135deg, rgb(226, 232, 240), rgb(255, 255, 255), rgb(203, 213, 225), rgb(100, 116, 139), rgb(203, 213, 225), rgb(255, 255, 255), rgb(226, 232, 240));--xc-rarity-sr: conic-gradient(from 135deg, rgb(196, 181, 253), rgb(255, 255, 255), rgb(167, 139, 250), rgb(109, 40, 217), rgb(167, 139, 250), rgb(255, 255, 255), rgb(196, 181, 253));--xc-rarity-ssr: conic-gradient(from 135deg, rgb(253, 224, 71), rgb(255, 255, 255), rgb(251, 146, 60), rgb(190, 24, 93), rgb(251, 146, 60), rgb(255, 255, 255), rgb(253, 224, 71));--xc-rarity-ur: conic-gradient(from 96deg, rgb(254, 215, 170), rgb(253, 186, 116), rgb(251, 191, 36), rgb(239, 68, 68), rgb(251, 191, 36), rgb(253, 186, 116), rgb(254, 215, 170))}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100dvh;background-color:var(--xc-bg);color:var(--xc-text-secondary);font-family:Noto Sans SC,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.animate-bounce{animation:bounce 1.2s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.xc-spin{animation:spin .9s linear infinite}@keyframes xc-pulse{0%,to{opacity:.35}50%{opacity:.65}}@keyframes xc-shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}.xc-choice-skeleton{border-radius:14px;padding:12px 10px;background:linear-gradient(90deg,#534c8524,#9d86fd38,#534c8524);background-size:320px 100%;background-repeat:no-repeat;animation:xc-shimmer 1.4s ease-in-out infinite}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tier-ss-grad{background:var(--xc-tier-ss);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.rarity-r-grad,.rarity-sr-grad,.rarity-ssr-grad,.rarity-ur-grad{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.rarity-r-grad{background-image:var(--xc-rarity-r)}.rarity-sr-grad{background-image:var(--xc-rarity-sr)}.rarity-ssr-grad{background-image:var(--xc-rarity-ssr)}.rarity-ur-grad{background-image:var(--xc-rarity-ur)}.card-border-r,.card-border-sr,.card-border-ssr,.card-border-ur{border:2px solid transparent}.card-border-r{background:linear-gradient(var(--xc-card-bg),var(--xc-card-bg)) padding-box,var(--xc-rarity-r) border-box}.card-border-sr{background:linear-gradient(var(--xc-card-bg),var(--xc-card-bg)) padding-box,var(--xc-rarity-sr) border-box}.card-border-ssr{background:linear-gradient(var(--xc-card-bg),var(--xc-card-bg)) padding-box,var(--xc-rarity-ssr) border-box}.card-border-ur{background:linear-gradient(var(--xc-card-bg),var(--xc-card-bg)) padding-box,var(--xc-rarity-ur) border-box}*,*:before,*:after{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar,*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-corner,*::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important;background:transparent!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}html,body{overscroll-behavior:none}.level-card{user-select:none;--tier-primary-rgb: 205, 127, 50;--tier-glow-alpha: .35;box-shadow:0 1px 2px #0000000a,0 8px 20px -10px rgba(var(--tier-primary-rgb),var(--tier-glow-alpha));transition:box-shadow .15s,border-color .15s}@media (hover: hover){.level-card:hover{--tier-glow-alpha: .45;box-shadow:0 1px 2px #0000000a,0 10px 24px -10px rgba(var(--tier-primary-rgb),var(--tier-glow-alpha))}}.level-card__shine{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(120deg,#0000 40%,#ffffff14,#0000 60%);transform:translate(-100%);animation:levelCardShine 5s ease-in-out 0s infinite;will-change:transform}@keyframes levelCardShine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.level-badge{position:relative;overflow:hidden}.level-badge:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);transform:translate(-100%);animation:levelBadgeShimmer 3s ease-in-out 0s infinite;will-change:transform}@keyframes levelBadgeShimmer{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.level-progress-fill{position:relative}@media (prefers-reduced-motion: reduce){.level-card__shine,.level-badge:after{animation:none}.level-card__shine{transform:none}}.level-info-hint:hover{color:var(--xc-text-light-muted, #9c94b6)!important}.level-info-hint:active{opacity:.7}.tab-trigger.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--app-text, #ece8f8)}.tab-trigger:hover{color:#ece8f8}.membership-icon-btn:hover{background:#9d86fd14}.quick-link-item:hover{background:#9d86fd0f}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details[open] .faq-arrow{transform:rotate(90deg)}.dot-btn:hover{opacity:.55!important}.membership-swiper{width:100%;padding:0;overflow:visible!important}.membership-swiper-container{overflow-x:hidden!important;overflow-y:visible!important}.membership-swiper .swiper-slide{width:70%!important;height:auto;transition:transform .45s cubic-bezier(.25,.1,.25,1),opacity .45s ease;transform:scale(.88);opacity:.35;display:flex;align-items:center;justify-content:center;overflow:visible!important}.membership-swiper .swiper-slide-active{transform:scale(1)!important;opacity:1!important;z-index:2}.membership-swiper .swiper-slide-shadow-left,.membership-swiper .swiper-slide-shadow-right{display:none!important}.membership-swiper .membership-card{opacity:.35;transform:scale(.88)}.membership-swiper .membership-card.active{opacity:1!important;transform:scale(1)!important;border-color:#9d86fdcc!important;box-shadow:0 0 0 1px #9d86fd66,0 0 50px #9d86fd66,0 0 100px #9d86fd33,0 16px 48px #00000080!important;z-index:2}.membership-swiper .membership-card.active:after{content:"";background:linear-gradient(90deg,transparent 0%,#9d86fd 25%,#9d86fd 75%,transparent 100%);height:3px;position:absolute;top:-2px;left:5%;right:5%;border-radius:0 0 3px 3px;box-shadow:0 0 20px #9d86fd,0 0 40px #9d86fdb3;pointer-events:none}.membership-swiper .membership-card.active:before{content:"";position:absolute;inset:-40px;background:radial-gradient(ellipse at center,rgba(157,134,253,.4) 0%,rgba(157,134,253,.15) 35%,transparent 70%);z-index:-1;opacity:1;pointer-events:none;border-radius:40px}.membership-swiper .membership-card.locked{cursor:not-allowed}.membership-swiper .membership-card.locked.active:after{background:linear-gradient(90deg,transparent 0%,rgba(156,148,182,.5) 25%,rgba(156,148,182,.5) 75%,transparent 100%);box-shadow:0 0 20px #9c94b680}.membership-swiper-pagination{display:flex!important;justify-content:center;align-items:center;gap:6px;padding:0 0 16px}.membership-swiper-pagination .swiper-pagination-bullet{background:#9c94b6!important;opacity:.3!important;cursor:pointer!important;border:0;border-radius:3px!important;width:6px!important;height:6px!important;padding:0;margin:0!important;transition:width .25s,opacity .25s,background .25s;display:block}.membership-swiper-pagination .swiper-pagination-bullet:hover{opacity:.55!important}.membership-swiper-pagination .swiper-pagination-bullet-active{background:#9d86fd!important;opacity:1!important;border-radius:3px!important;width:18px!important}.carousel-nav-btn:hover{background:#9d86fd40!important;border-color:#9d86fd80!important;opacity:1!important}.carousel-nav-btn:active{transform:translateY(-50%) scale(.95)!important}.carousel-nav-btn.swiper-button-disabled{opacity:.3!important;cursor:not-allowed}@keyframes swipeHintFade{0%,to{opacity:0}20%,80%{opacity:.6}}.swipe-hint-anim{animation:swipeHintFade 3s ease-in-out}.pack-card{-webkit-tap-highlight-color:transparent}.pack-card:active{transform:scale(.96)}@media (hover: hover){.pack-card:not(.pack-card--locked):hover{transform:translateY(-3px);border-color:#9d86fd66!important;box-shadow:0 8px 28px #9d86fd1f,0 2px 8px #00000059}}@media (hover: hover){.pack-card--bonus:not(.pack-card--locked):hover{border-color:#f7931e8c!important;box-shadow:0 8px 28px #f7931e1f,0 2px 8px #00000059}}@media (hover: hover){.pack-card:not(.pack-card--locked):hover .pack-card__price-btn{background:linear-gradient(135deg,#9d86fd2e,#9d86fd14)}}.pack-card--locked{cursor:not-allowed}.pack-card--locked .pack-card__credits-section,.pack-card--locked .pack-card__bonus-highlight,.pack-card--locked .pack-card__price{opacity:.55;filter:grayscale(.4)}@media (hover: hover){.pack-card--locked:hover{transform:none!important;border-color:#3e376499!important;box-shadow:none!important}}.pay-method:hover{background:#1a162e99!important;border-color:#9d86fd66!important}.pay-method:active{transform:scale(.985)}.pay-alt-toggle:hover{color:#ece8f8!important}.pay-alt-option:hover{color:#ece8f8;background:#ffffff0d}.xc-avatar-hover{opacity:0;transition:opacity .18s ease}button:hover>.xc-avatar-hover,button:focus-visible>.xc-avatar-hover{opacity:1}button:focus-visible{outline:2px solid rgba(157,134,253,.55);outline-offset:2px}@keyframes xcSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes xcToastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.xc-quote{color:#f7a854;font-style:normal}.xc-input-textarea .mantine-Input-input,.xc-input-textarea textarea{box-sizing:border-box!important;max-height:none!important;vertical-align:middle!important;resize:none!important;outline:none!important;text-align:left!important}.xc-input-shell>.xc-input-textarea{flex:1 1 0%;width:100%;min-width:0}.xc-input-textarea .mantine-Input-input::placeholder,.xc-input-textarea textarea::placeholder{text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;opacity:.6;transition:opacity .15s ease}.xc-input-textarea .mantine-Input-input:focus::placeholder,.xc-input-textarea textarea:focus::placeholder{opacity:0}.xc-input-clear:hover{background:#9d86fd!important;color:#fff!important}@media (max-width: 480px){.xc-input-textarea .mantine-Input-input,.xc-input-textarea textarea{font-size:14px!important;line-height:1.4!important;padding:10px 12px!important;overflow-x:hidden!important}}
