@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Cinzel+Decorative:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.ftu-overlay{z-index:9999;-webkit-overflow-scrolling:touch;background:#000000eb;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}.ftu-modal{flex-direction:column;width:100%;max-width:420px;min-height:100dvh;display:flex}@keyframes ftu-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ftu-exit{0%{opacity:1}to{opacity:0;transform:scale(1.03)}}.ftu-modal--enter{animation:.38s cubic-bezier(.22,1,.36,1) forwards ftu-enter}.ftu-modal--exit{animation:.3s ease-in forwards ftu-exit}.ftu-screen{background:#07030d;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.ftu-screen--light{background:linear-gradient(175deg,#120a00 0%,#07030d 45%)}.ftu-screen--dark{background:linear-gradient(175deg,#06001a 0%,#030008 45%)}@keyframes ftu-bought-flash{0%{filter:brightness()}35%{filter:brightness(2.4)saturate(1.5)}to{filter:brightness()}}.ftu-screen--bought{animation:.7s forwards ftu-bought-flash}.ftu-beam{pointer-events:none;z-index:0;position:absolute;inset:0}.ftu-motes{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}@keyframes ftu-mote-rise{0%{opacity:0;transform:translateY(0)scale(1)}15%{opacity:1}85%{opacity:.5}to{opacity:0;transform:translateY(-100vh)scale(.3)}}.ftu-mote{background:var(--mote-color);width:4px;height:4px;box-shadow:0 0 7px 2px var(--mote-color);opacity:0;border-radius:50%;animation:linear infinite ftu-mote-rise;position:absolute;bottom:35%}.ftu-x{z-index:10;color:#ffffffa6;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:flex;position:absolute;top:16px;right:16px}.ftu-x:hover{color:#fff;background:#c83232bf;border-color:#c83232e6}.ftu-hero-stage{z-index:2;flex-shrink:0;width:100%;height:55vh;min-height:300px;max-height:420px;position:relative;overflow:hidden}.ftu-hero-art{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.ftu-hero-vignette{pointer-events:none;background:linear-gradient(#00000014 0%,#0000 25%,#07030d4d 55%,#07030de0 78%,#07030d 100%);position:absolute;inset:0}.ftu-screen--light .ftu-hero-vignette{background:linear-gradient(#00000014 0%,#0000 25%,#0c060059 55%,#0c0600e6 78%,#0a0500 100%)}.ftu-screen--dark .ftu-hero-vignette{background:linear-gradient(#00000014 0%,#0000 25%,#04001266 55%,#040012eb 78%,#040012 100%)}.ftu-nameplate{z-index:3;flex-direction:column;align-items:center;gap:5px;padding:0 20px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.ftu-top-banner{z-index:5;text-align:center;letter-spacing:.35em;text-transform:uppercase;color:#f90;pointer-events:none;background:linear-gradient(#000000b8 0%,#0000 100%);padding:10px 20px;font-size:10px;font-weight:900;position:absolute;top:0;left:0;right:0}.ftu-rarity{letter-spacing:.35em;text-transform:uppercase;font-size:10px;font-weight:900}.ftu-stars{gap:3px;display:flex}.ftu-star{font-size:16px;line-height:1}.ftu-star--off{color:#2a2218}.ftu-star--on{color:#f5c000;filter:none!important}.ftu-hero-name{letter-spacing:.05em;color:#fff9e8;text-shadow:0 0 28px var(--glow), 0 2px 6px #000000e6;text-align:center;margin:0;font-family:Cinzel,Trajan Pro,Times New Roman,serif;font-size:26px;font-weight:900;line-height:1.1}.ftu-hero-role{letter-spacing:.2em;color:#8a7850;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.ftu-sheet{z-index:4;flex-direction:column;align-items:stretch;gap:12px;padding:8px 20px 32px;display:flex;position:relative}.ftu-screen--light .ftu-sheet{background:linear-gradient(#0a0500 0%,#080300 100%)}.ftu-screen--dark .ftu-sheet{background:linear-gradient(#040012 0%,#020009 100%)}.ftu-lore{color:#5a4a30;text-align:center;margin:0 4px;font-size:12px;font-style:italic;line-height:1.6}.ftu-reward-strip{flex-direction:column;gap:8px;display:flex}.ftu-reward--hero{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex-direction:row;align-items:center;gap:14px;padding:10px 14px;display:flex}.ftu-reward--hero .ftu-reward-icon-wrap{flex-shrink:0;width:48px;height:48px}.ftu-reward--hero .ftu-reward-qty{font-size:16px}.ftu-reward--hero .ftu-reward-label{color:#c8b070;text-align:left;font-size:13px;font-weight:700}.ftu-reward--hero .ftu-reward-sub{color:#5a4a30;letter-spacing:.08em;font-size:10px}.ftu-reward-row{gap:8px;display:flex}.ftu-reward{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:10px 6px 8px;transition:border-color .2s;display:flex}.ftu-reward:hover{border-color:#ffffff29}.ftu-reward-icon-wrap{justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ftu-reward-icon-wrap img{object-fit:contain;width:100%;height:100%}.ftu-reward-qty{color:inherit;font-family:Cinzel,serif;font-size:14px;font-weight:800;line-height:1}.ftu-reward-label{color:#6a5840;text-align:center;letter-spacing:.03em;font-size:9px;line-height:1.3}.ftu-duplicate-notice{background:#64b4ff0f;border:1px solid #64b4ff33;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.ftu-duplicate-icon{flex-shrink:0;font-size:18px;line-height:1.3}.ftu-duplicate-text{flex-direction:column;gap:3px;display:flex}.ftu-duplicate-title{color:#90c8ff;letter-spacing:.04em;font-size:11px;font-weight:700}.ftu-duplicate-sub{color:#6a7a90;font-size:10px;line-height:1.5}.ftu-duplicate-hint{color:#4a4030;letter-spacing:.04em;margin:6px 0 0;font-size:9px;font-style:italic;line-height:1.4}.ftu-starter-bundle{background:linear-gradient(135deg,#ffd84d12,#ffffff08);border:1px solid #ffd84d33;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ftu-starter-heading{flex-direction:column;gap:3px;display:flex}.ftu-starter-title{letter-spacing:.08em;color:#ffd84d;text-transform:uppercase;font-family:Cinzel,serif;font-size:13px;font-weight:900}.ftu-starter-tagline{color:#7a6040;letter-spacing:.06em;font-size:10px;font-style:italic}.ftu-starter-bullets{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ftu-starter-bullet{color:#b09870;letter-spacing:.02em;align-items:center;gap:8px;font-size:12px;display:flex}.ftu-bullet-dot{opacity:.85;flex-shrink:0;font-size:7px}.ftu-preascend-callout{background:linear-gradient(135deg,#9b30ff1a,#ff99000f);border:1px solid #f5c00040;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}.ftu-preascend-stars{flex-shrink:0;gap:3px;display:flex}.ftu-preascend-text{flex-direction:column;gap:3px;display:flex}.ftu-preascend-title{color:#f5c000;letter-spacing:.02em;font-family:Cinzel,serif;font-size:13px;font-weight:800}.ftu-preascend-sub{color:#6a5840;letter-spacing:.02em;font-size:10px;line-height:1.4}.ftu-rule{background:linear-gradient(90deg, transparent, var(--rule-color,#c9a227) 40%, var(--rule-color,#c9a227) 60%, transparent);opacity:.3;height:1px}.ftu-cta{cursor:pointer;width:100%;box-shadow:0 0 0 1.5px var(--cta-accent), 0 8px 32px #000000b3, inset 0 1px 0 #ffffff1a;background:linear-gradient(160deg,#4a2e00 0%,#1e1000 100%);border:none;border-radius:14px;justify-content:center;align-items:center;padding:16px 20px;transition:transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.ftu-cta:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.ftu-cta:hover:not(:disabled){box-shadow:0 0 0 1.5px var(--cta-accent), 0 10px 36px #0009, 0 0 28px var(--cta-glow), inset 0 1px 0 #ffffff24;transform:translateY(-2px)}.ftu-cta:active:not(:disabled){transform:translateY(0)}.ftu-cta:disabled{cursor:default}.ftu-cta--done{background:linear-gradient(160deg,#173012,#0a1a08)!important;box-shadow:0 0 0 1.5px #3a9048,0 0 20px #3cc85026!important}@keyframes ftu-pulse{0%,to{opacity:1}50%{opacity:.55}}.ftu-cta--loading .ftu-cta-pulse{animation:.85s infinite ftu-pulse}.ftu-cta-inner{letter-spacing:.07em;color:var(--cta-accent,gold);align-items:center;gap:10px;font-family:Cinzel,Georgia,serif;font-weight:900;display:flex}.ftu-cta--done .ftu-cta-inner{color:#5ce874;letter-spacing:.2em;font-size:15px}.ftu-cta-price{color:#fff8d0;font-size:26px}.ftu-cta-ton{font-size:22px}.ftu-ton-img{object-fit:contain;width:26px;height:26px}.ftu-ton-fallback{color:#4a9eff;font-size:20px}.ftu-disclaimer{color:#332820;text-align:center;letter-spacing:.12em;text-transform:uppercase;margin-top:-4px;font-size:9px}@media (prefers-reduced-motion:reduce){.ftu-mote{opacity:0;animation:none}.ftu-modal--enter,.ftu-modal--exit,.ftu-screen--bought{animation:none}}*{box-sizing:border-box}*,button,a,[role=button]{-webkit-tap-highlight-color:transparent}button,a,[role=button]{-webkit-touch-callout:none}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#fff;background:#000;font-family:Inter,Arial,sans-serif;overflow:hidden}.loading-screen{background:#07030f;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loading-art{background-color:#0000;background-image:url(/images/mythoria-loading.png);background-position:top;background-repeat:no-repeat;background-size:contain;animation:9s ease-in-out infinite artBreathe;position:absolute;inset:0}@keyframes artBreathe{0%,to{filter:brightness(.94)saturate(1.04)}50%{filter:brightness(1.02)saturate(1.12)}}.loading-art:before{content:"";background:radial-gradient(at 25% 62%,#c882142e 0%,#0000 48%),radial-gradient(at 75% 58%,#6e1edc38 0%,#0000 48%),radial-gradient(at 50% 100%,#5a14b459 0%,#0000 55%);position:absolute;inset:0}.loading-art:after{content:"";background:linear-gradient(#0000 35%,#07030f73 52%,#07030fd1 68%,#07030ff7 80%,#07030f 100%);position:absolute;inset:0}.loading-overlay{z-index:10;padding:0 36px calc(44px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.loading-overlay:before,.loading-overlay:after{display:none!important}.loading-text{letter-spacing:7px;color:#d2aaff8c;text-shadow:0 1px 8px #000000f2;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:400}.loading-bar-track{background:#ffffff0f;border-radius:99px;width:100%;height:2px;margin-bottom:10px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,#c878ffcc,#ffbe3ce6,#c878ffcc) 0 0/200% 100%;border-radius:99px;height:100%;transition:width .12s;animation:2s linear infinite barShimmer;box-shadow:0 0 8px #b450ff99}@keyframes barShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-number{letter-spacing:3px;color:#d2aaff6b;text-shadow:0 1px 6px #000000f2;margin:0 0 32px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:400}.enter-button-clean{cursor:pointer;opacity:0;width:min(72vw,280px);margin:0;padding:0;animation:.55s forwards enterReveal,3s ease-in-out .55s infinite enterPulse;display:block;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}.enter-button-clean:before,.enter-button-clean:after{display:none!important}.enter-button-clean img{filter:drop-shadow(0 0 14px #aa50ffa6)drop-shadow(0 0 28px #ffb92d38)drop-shadow(0 4px 12px #000000f2);width:100%;display:block}@keyframes enterReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes enterPulse{0%,to{filter:drop-shadow(0 0 12px #a046ff8c)drop-shadow(0 4px 12px #000000f2);transform:scale(1)}50%{filter:drop-shadow(0 0 24px #b95affd9)drop-shadow(0 0 14px #ffc33759)drop-shadow(0 4px 12px #000000f2);transform:scale(1.025)}}.loading-exit{animation:.6s forwards loadingFadeOut}@keyframes loadingFadeOut{to{opacity:0;transform:scale(1.02)}}.game-shell{color:#fff;background:#020206;min-height:100vh;font-family:Inter,Arial,sans-serif;overflow:hidden}.mythoria-home-screen{background:#020206;width:100vw;height:100vh;padding:0;position:relative}.home-bg{filter:saturate(1.08)contrast(1.05);z-index:0;background-image:linear-gradient(#00000014,#00000057 62%,#000000d1),url(/images/mythoria-home-bg.png);background-position:50% 100px;background-repeat:no-repeat;background-size:70%;position:absolute;inset:0}.mythoria-home-screen:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 0% 52%,#0000006b 100%),linear-gradient(90deg,#0000008c,#0000 16% 84%,#0000008c);position:absolute;inset:0}.home-top,.home-main,.bottom-nav{z-index:2;position:relative}.home-top{grid-template-columns:155px 1fr;align-items:start;gap:8px;height:72px;padding:8px 10px 0;display:grid}.player-card{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#0a0b11eb,#06060ae0);border:1px solid #dca54673;grid-template-columns:54px 1fr;gap:8px;height:64px;padding:6px;display:grid;box-shadow:0 0 18px #00000073,inset 0 0 18px #9650ff0f}.player-avatar{background:radial-gradient(circle at 50% 35%,#9646fff2,#140922f2 45%,#000000e6 100%);border:1px solid #ecb54eb3;position:relative;box-shadow:inset 0 0 16px #b955ff73}.player-avatar:before{content:"♛";color:#e9d8ff;text-shadow:0 0 10px #8e39ff;place-items:center;font-size:25px;display:grid;position:absolute;inset:0}.player-avatar span{color:#fff1c2;background:#08080d;border:1px solid #e3b65e;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:grid;position:absolute;bottom:-8px;right:-8px}.player-info strong{color:#fff4d0;text-shadow:0 1px 2px #000;font-size:17px;line-height:1;display:block}.xp-track{background:#000000d1;border:1px solid #ffd26e40;border-radius:99px;height:5px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#ffd15c,#fff0a8);width:45%;height:100%}.power-row{color:#ffd36c;align-items:center;gap:5px;margin-top:3px;font-size:12px;display:flex}.resource-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.resource-pill{background:linear-gradient(#120e1cf5,#05050afa);border:1px solid #ffce704d;border-radius:999px;align-items:center;gap:6px;min-width:0;height:24px;padding:0 6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #ffffff08,0 0 12px #00000080}.resource-pill span{filter:drop-shadow(0 0 6px #b45aff59);align-items:center;font-size:14px;display:flex}.resource-pill b{color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000000f2;flex:1;min-width:0;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;overflow:hidden}.resource-pill button{color:#2a1400;cursor:pointer;background:radial-gradient(circle at 40% 30%,#ffe9ad,#d89d2c 60%,#5a3206);border:1px solid #ffe1a073;border-radius:50%;place-items:center;width:15px;height:15px;padding:0;font-size:10px;font-weight:900;line-height:1;display:grid;box-shadow:0 0 8px #ffd06433}.home-main{position:absolute;inset:76px 8px 90px;overflow:hidden}.side-menu{flex-direction:column;gap:8px;width:78px;display:flex;position:absolute;top:10px}.left-menu{left:0}.right-menu{right:0}.side-menu button{color:#fff0c5;text-shadow:0 2px 3px #000;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#0b0d13f0,#040508e6);border:1px solid #e0aa467a;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:73px;padding:6px 4px;font-family:Georgia,serif;font-size:10px;font-weight:800;display:flex;position:relative;box-shadow:inset 0 0 15px #8c46ff0f,0 0 14px #00000052}.side-menu button span{font-size:28px;line-height:1}.side-menu i,.mode-card i,.bottom-nav i{background:#d91010;border:1px solid #ffb36b;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #ff1e1eb3}.center-stage{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:50px 86px 148px}.logo-area{text-align:center;width:100%;margin-bottom:14px}.logo-area h1{letter-spacing:-2px;color:#f5d28a;text-shadow:0 3px #5d2607,0 0 20px #ffda8147,0 8px 22px #000c;margin:0;font-size:clamp(44px,12vw,118px);line-height:.82}.logo-area p{color:#f4d38d;letter-spacing:6px;text-shadow:0 2px 5px #000;margin:7px 0 0;font-size:clamp(9px,2.4vw,18px)}.chapter-panel{pointer-events:auto;grid-template-columns:1fr 150px;gap:10px;width:min(72vw,520px);height:54px;display:grid}.chapter-panel>div,.chapter-panel button,.afk-card,.bottom-nav{background:linear-gradient(#0d0c11f0,#030408f0);border:1px solid #e1aa498c;box-shadow:inset 0 0 18px #9146ff14,0 0 18px #0000006b}.chapter-panel>div{clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);grid-template-rows:18px 18px;grid-template-columns:34px 1fr;align-items:center;padding:9px 14px;display:grid}.chapter-panel>div span{color:#ffe091;grid-row:1/3;font-size:25px}.chapter-panel strong{color:#f4d16f;font-size:15px}.chapter-panel p{color:#fff5d8;margin:0;font-size:14px}.chapter-panel button{color:#fff4cf;cursor:pointer;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);font-family:Georgia,serif;font-size:14px;font-weight:900}.chapter-panel button small{color:#ffce5f;font-size:13px;display:block}.afk-card{width:236px;padding:9px;position:absolute;bottom:152px;right:86px}.afk-card h3{color:#f4d16f;text-align:center;letter-spacing:1px;margin:0 0 8px;font-size:15px}.afk-grid{color:#fff4d3;grid-template-columns:1fr 1fr;gap:6px;font-size:11px;display:grid}.afk-card button{color:#fff4ce;background:linear-gradient(#5f350e,#1a0d03);border:1px solid #ffd575cc;width:100%;height:31px;margin-top:9px;font-family:Georgia,serif;font-weight:900}.mode-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid;position:absolute;bottom:115px;left:0;right:0}.mode-card{color:#fff3d4;text-align:center;cursor:pointer;isolation:isolate;background:#080910 50%/cover no-repeat;border:1px solid #dfa8458f;flex-direction:column;justify-content:flex-end;height:100px;padding:0 8px 13px;font-family:Georgia,serif;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -55px 50px #000000bd,0 0 15px #0006}.mode-card:before{content:"";z-index:0;background:linear-gradient(#00000003 0%,#0000002e 45%,#0000008c 100%);position:absolute;inset:0}.mode-card strong{color:#fff0c4;text-shadow:0 2px 6px #000000f2;font-size:20px;line-height:1}.mode-card span{color:#e6d4b1;text-shadow:0 2px 5px #000000f2;margin-top:4px;font-size:13px}.mode-card small{color:#d9d9d9;margin-bottom:7px;font-size:10px}.mode-card.locked{filter:grayscale();opacity:.76}.bottom-nav{z-index:3;grid-template-columns:repeat(6,1fr);height:56px;display:grid;position:absolute;bottom:8px;left:8px;right:8px}.bottom-nav button{color:#e7d4ae;cursor:pointer;background:0 0;border:none;border-right:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:Georgia,serif;font-size:12px;font-weight:900;display:flex;position:relative}.bottom-nav button span{font-size:22px;line-height:1}.bottom-nav button.active{color:#fff;background:linear-gradient(#1d5c8f8c,#051320cc)}.bottom-nav .summon-orb span{background:radial-gradient(circle,#1d8dff,#0b1730 65%);border:1px solid #ffcd5ecc;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 20px #5aa5ff73}@media (width<=700px){.home-top{grid-template-rows:39px 39px;grid-template-columns:1fr 108px;gap:5px;height:86px;padding:6px 7px 0}.player-card{grid-row:1/3;grid-template-columns:58px 1fr;height:76px}.resource-row{grid-area:1/2/3;grid-template-columns:1fr;gap:4px}.resource-pill{border-radius:7px;height:17px;padding:0 2px 0 5px}.home-main{inset:90px 7px 62px}.side-menu{gap:6px;width:62px;top:0}.side-menu button{height:58px;font-size:8px}.side-menu button span{font-size:21px}.center-stage{inset:0 68px 172px}.logo-area{margin-bottom:10px}.logo-area h1{font-size:clamp(34px,13vw,70px)}.logo-area p{letter-spacing:3px;font-size:7px}.chapter-panel{grid-template-columns:1fr 105px;width:min(70vw,330px);height:45px}.chapter-panel>div{grid-template-columns:24px 1fr;padding:6px 9px}.chapter-panel strong,.chapter-panel button{font-size:11px}.chapter-panel p,.chapter-panel button small{font-size:10px}.afk-card{display:none}.mode-grid{left:28px!important;right:28px!important;bottom:calc(72px + env(safe-area-inset-bottom) + 18px)!important;z-index:5!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;display:grid!important;position:fixed!important}.mode-card{background-position:50%;background-size:cover;height:92px;padding:0 6px 8px}.mode-card strong,.mode-card span{z-index:2;position:relative}.mode-card.guild{display:none}.bottom-nav{grid-template-columns:repeat(5,1fr);height:52px;bottom:0;left:0;right:0}.bottom-nav button{font-size:9px}.bottom-nav button span{font-size:18px}.bottom-nav .summon-orb span{width:40px;height:40px}}.player-card,.resource-pill,.side-action,.chapter-card,.mode-card,.bottom-nav,.nav-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#120c18e0,#020208eb);border:1px solid #ffcf6559;box-shadow:0 0 18px #000000a6,inset 0 0 18px #ffffff09}.side-action,.mode-card,.nav-item{transition:transform .18s,box-shadow .18s,border-color .18s}.side-action:active,.mode-card:active,.nav-item:active{transform:scale(.96)}.nav-item.active{background:radial-gradient(circle at top,#35a8ff59,#0000 55%),linear-gradient(#08233af2,#030812f2);border-color:#5bc3ffcc;box-shadow:0 0 18px #3eb2ff99,inset 0 0 18px #ffffff14}.center-crystal{animation:2.4s ease-in-out infinite crystalPulse;transform:translateY(-10px);box-shadow:0 0 24px #6fc6ffe6,0 0 42px #774dff8c,inset 0 0 18px #ffffff26}@keyframes crystalPulse{0%{transform:translateY(-10px)scale(1)}50%{transform:translateY(-14px)scale(1.06)}to{transform:translateY(-10px)scale(1)}}.red-dot{box-shadow:0 0 8px #ff2f2fe6,0 0 14px #ff2f2f73}.center-crystal{background:radial-gradient(circle at 45% 35%,#8ff2ff,#2b7cff 35%,#1a0b3d 70%);border:1px solid #ffd66fd9;border-radius:50%;place-items:center;width:58px;height:58px;margin-top:-18px;display:grid;position:relative}.center-crystal:before{content:"";border:1px solid #ffd66f59;border-radius:50%;position:absolute;inset:-8px;box-shadow:0 0 22px #51aaffcc}.center-crystal:after{content:"✦";color:#fff;text-shadow:0 0 12px #ffffffe6;font-size:28px}.side-menu button{cursor:pointer;isolation:isolate;background:radial-gradient(circle at top,#7837ff38,#0000 48%),linear-gradient(#16121cf5,#040408f5);border:1px solid #ffd37473;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden;box-shadow:0 0 12px #000000bf,inset 0 0 14px #ffffff09}.side-menu button:before{content:"";z-index:-1;opacity:.75;background:linear-gradient(135deg,#ffdc8229,#0000 32%,#7837ff29);position:absolute;inset:1px}.side-menu button:after{content:"";background:linear-gradient(90deg,#0000,#ffda80bf,#0000);height:1px;position:absolute;bottom:5px;left:12%;right:12%}.side-menu button:active{border-color:#ffe7a2e6;transform:scale(.94);box-shadow:0 0 18px #a44eff99,inset 0 0 18px #ffffff12}.side-menu button span{filter:drop-shadow(0 0 7px #a055ff8c)drop-shadow(0 2px 3px #000000e6)}.side-menu button:hover{border-color:#ffe496bf}.side-menu i{animation:1.8s ease-in-out infinite notificationPulse}@keyframes notificationPulse{0%{transform:scale(1);box-shadow:0 0 6px #ff2d2db3}50%{transform:scale(1.2);box-shadow:0 0 12px #ff2d2d}to{transform:scale(1);box-shadow:0 0 6px #ff2d2db3}}.side-menu button img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.side-menu button{background:0 0;border:none;padding:0;overflow:hidden}.mode-card{background:#050508!important;padding:0!important}.mode-card:before{display:none!important}.mode-card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mode-card-label{z-index:2;background:linear-gradient(#0000,#000000d1);width:100%;margin-top:auto;padding:18px 6px 8px;position:relative}.mode-card strong,.mode-card span{z-index:3;text-shadow:0 2px 6px #000;position:relative}.mode-card{justify-content:flex-end}.mode-card-label{z-index:3;text-align:center;background:linear-gradient(#0000,#000000d1);width:100%;margin-top:auto;padding:28px 6px 8px;position:relative}.mode-card strong{letter-spacing:.5px;margin-bottom:3px;font-size:17px;line-height:1;display:block}.mode-card span{opacity:.92;font-size:11px;display:block}.player-card{background:linear-gradient(#0a0a10f0,#020206f5);border:1px solid #ffd06e42;border-radius:16px;align-items:center;gap:10px;width:300px;height:74px;padding:8px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 18px #0000008c,inset 0 0 12px #ffffff08}.player-avatar{background:#140a23eb;border:1px solid #ffd67859;border-radius:14px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.player-avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-fallback{place-items:center;width:100%;height:100%;font-size:22px;display:grid}.player-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.player-info strong{color:#fff2cd;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;line-height:1;display:block;overflow:hidden}.player-info p{color:#ffcf68;margin:0;font-size:12px;font-weight:700}.xp-row{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.xp-track{background:#000000d1;border:1px solid #ffd26e40;border-radius:999px;height:5px;margin:0;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#ffd15c,#fff0a8);height:100%}.xp-row span{color:#fff2c7;white-space:nowrap;font-size:9px}.power-display{color:#f5d28b;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.power-display b{color:#fff}.player-card{border-radius:14px!important;grid-template-columns:46px 1fr!important;align-items:center!important;gap:8px!important;width:220px!important;height:56px!important;padding:6px 8px!important;display:grid!important}.player-avatar:before{display:none!important}.player-info{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:5px!important;min-width:0!important;display:flex!important}.player-info strong{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:150px!important;font-size:14px!important;line-height:1!important;overflow:hidden!important}.player-info p,.xp-row,.xp-track,.xp-fill{display:none!important}.power-display{color:#ffd978;text-shadow:0 1px 2px #000000f2;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.power-display span{color:#ffcf63;filter:drop-shadow(0 0 6px #ffd06447)drop-shadow(0 1px 2px #000000f2);font-size:12px}.power-display b{color:#fff!important;font-size:12px!important}.player-card{grid-template-columns:40px 1fr!important;gap:7px!important;width:190px!important;height:50px!important;padding:5px 7px!important}.player-info{gap:4px!important}.player-info strong{font-size:13px!important}.power-display,.power-display b{font-size:10px!important}.player-card{background:linear-gradient(#08080ef5,#020206fa)!important;border:1px solid #ffd37852!important;box-shadow:0 0 18px #000000b8,inset 0 0 12px #9146ff0d!important}.player-info strong{color:#fff4d2!important;letter-spacing:.2px!important;text-shadow:0 1px 2px #000000f2,0 0 8px #ffdc7814!important;font-weight:800!important}.power-display{color:#ffd978!important;letter-spacing:.2px!important;text-shadow:0 1px 2px #000000f2!important;font-weight:700!important}.power-display b{color:#fff!important;text-shadow:0 1px 3px #000000f2,0 0 10px #ffffff14!important;font-weight:900!important}.player-avatar{border:1px solid #ffd7786b!important;box-shadow:0 0 12px #8c46ff2e,inset 0 0 10px #ffffff0a!important}.player-card{align-items:center!important;gap:8px!important;width:200px!important;height:52px!important;padding:6px 8px!important;display:flex!important}.player-avatar{border-radius:10px!important;width:38px!important;height:38px!important}.player-info{align-items:flex-start!important;gap:4px!important}.player-info strong{font-size:14px!important;font-weight:900!important}.power-display{align-items:center!important;gap:5px!important;display:flex!important}.power-display span{font-size:14px!important}.power-display b{font-size:13px!important;font-weight:900!important}.player-card{border-radius:14px!important;overflow:visible!important}.player-card:before{content:"";pointer-events:none;border:1px solid #ffcf656b;border-radius:14px;position:absolute;inset:0}.player-info strong,.power-display,.power-display b{font-family:Inter,Arial,sans-serif!important}.player-info strong{color:#fff!important;font-size:14px!important;font-weight:800!important}.power-display b{color:#fff!important;font-size:13px!important;font-weight:800!important}.afk-card{display:none!important}.bottom-nav{grid-template-columns:repeat(5,1fr)!important}.afk-nav span{background:radial-gradient(circle at 40% 30%,#fff0a8,#d89b25 42%,#392006 75%);border:1px solid #ffda78d9;border-radius:50%;place-items:center;width:38px;height:38px;margin-top:-8px;display:grid;box-shadow:0 0 18px #ffc74a8c,inset 0 0 10px #ffffff38}.afk-nav p{color:#ffd978;margin-top:-2px}.bottom-nav{background:linear-gradient(#0c0a12f5,#040408fa);border-top:1px solid #ffd27840;grid-template-columns:repeat(5,1fr);height:64px;display:grid}.bottom-nav .nav-item{background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.bottom-nav .nav-item img{object-fit:contain;pointer-events:none;width:24px;height:24px}.bottom-nav .nav-item p{color:#f5ddb0;margin:0;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.bottom-nav .nav-item img{object-fit:contain;width:34px!important;height:34px!important}.bottom-nav .nav-item p{margin-top:1px!important;font-size:10px!important}.bottom-nav{height:68px!important}.afk-nav img{width:38px!important;height:38px!important}.resource-row{width:140px!important}.resource-pill{justify-content:flex-start!important;align-items:center!important;gap:6px!important;width:132px!important;height:20px!important;padding:0 6px!important;display:flex!important;overflow:hidden!important}.resource-pill span{justify-content:center!important;align-items:center!important;width:14px!important;min-width:14px!important;font-size:12px!important;line-height:1!important;display:flex!important}.resource-icon{object-fit:contain;flex-shrink:0;display:block;width:14px!important;height:14px!important}.resource-pill b{text-align:center!important;flex:1!important;margin:0!important;font-size:10px!important;line-height:1!important;display:block!important}.resource-pill button{width:14px!important;min-width:14px!important;height:14px!important;font-size:10px!important;line-height:1!important}.resource-row{margin-left:-30px!important}.heroes-screen{color:#fff;background:#050509;width:100vw;height:100vh;font-family:Inter,Arial,sans-serif;position:relative;overflow:hidden}.heroes-bg{z-index:0;filter:saturate(1.08)contrast(1.04);background-color:#0000;background-image:linear-gradient(#00000047,#000000eb),url(/images/heroes-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.heroes-screen>:not(.heroes-bg){z-index:2;position:relative}.heroes-top{justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.heroes-top h1{color:#f5ddb0;letter-spacing:1px;margin:0;font-size:28px;font-weight:900}.heroes-back{color:#ffd978;background:#05050aeb;border:1px solid #ffcf6566;border-radius:12px;width:42px;height:42px;font-size:22px}.heroes-resources{transform-origin:100%;transform:scale(.92)}.heroes-main{flex-direction:column;padding:0 10px 90px;display:flex}.hero-side-tabs{flex-direction:column;gap:10px;display:flex;position:absolute;top:90px;left:10px}.hero-side-tabs button{color:#f5ddb0;background:linear-gradient(#120e1cf5,#05050afa);border:1px solid #ffcf654d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:70px;height:74px;display:flex}.hero-side-tabs button.active{border-color:#ffcf65b3;box-shadow:0 0 16px #ffbf4938}.hero-side-tabs button span{font-size:24px}.hero-side-tabs button p{margin:0;font-size:14px;font-weight:700}.hero-showcase{text-align:center;padding-top:10px}.hero-element-pill{color:#ff7446;font-size:16px;font-weight:900}.hero-showcase h2{color:#fff4d2;margin:6px 0;font-size:48px;font-weight:900}.hero-stars{color:#ffc94d;margin-top:4px;font-size:24px}.hero-role-pill{color:#dfe8ff;background:#040408b8;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;font-weight:800;display:inline-flex}.hero-character-card{margin-top:18px}.hero-character-placeholder{filter:drop-shadow(0 0 28px #ff782838)drop-shadow(0 0 40px #0000008c);background-image:url(/images/embercub.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:260px;height:260px;margin:0 auto}.hero-power-box{background:#05050ae0;border:1px solid #ffcf6559;border-radius:14px;width:150px;margin:-10px auto 0;padding:10px}.hero-power-box strong{color:#ffd978;margin-top:4px;font-size:32px;display:block}.hero-power-box p{color:#f5ddb0;margin:4px 0 0}.hero-stats-panel{background:#05050ae6;border:1px solid #ffcf653d;border-radius:16px;margin-top:20px;padding:16px}.hero-level-box strong{color:#fff4d2;margin-top:6px;font-size:36px;display:block}.hero-level-track{background:#ffffff14;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.hero-level-track span{background:linear-gradient(90deg,#fc5,#ff8a00);width:0%;height:100%;display:block}.hero-attributes{margin-top:20px}.hero-attributes h3{color:#f5ddb0;margin-bottom:12px}.hero-attributes p,.hero-info-lines p{color:#fff4d2;justify-content:space-between;margin:10px 0;font-weight:800;display:flex}.hero-action-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}.hero-action-row button{color:#fff4d2;border:1px solid #ffcf6557;border-radius:12px;height:52px;font-size:15px;font-weight:900}.level-up{background:linear-gradient(#2354ff,#112060)}.skills{background:linear-gradient(#7f2cff,#32114e)}.ascend{background:linear-gradient(#c48612,#5a3500)}.gear{background:linear-gradient(#6a4c2b,#2f1b0a)}.hero-roster-panel{margin-top:22px}.hero-roster-header{justify-content:space-between;align-items:center;display:flex}.hero-roster-header h3{color:#f5ddb0}.hero-roster-header button{color:#f5ddb0;background:#05050ae6;border:1px solid #ffcf6547;border-radius:10px;height:34px;padding:0 12px}.hero-filter-row{gap:8px;margin-top:12px;padding-bottom:4px;display:flex;overflow-x:auto}.hero-filter-row button{color:#f5ddb0;white-space:nowrap;background:#05050ae0;border:1px solid #ffffff14;border-radius:999px;height:34px;padding:0 12px}.hero-filter-row button.active{border-color:#ffcf6599;box-shadow:0 0 12px #ffbf4938}.hero-roster-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.hero-roster-card{aspect-ratio:.78;color:#fff;background:linear-gradient(#181220f5,#08080cfa);border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:hidden}.hero-roster-card.active{border-color:#ffcf65b3;box-shadow:0 0 18px #ffbf493d}.role-icon{background:#05050aeb;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:8px;left:8px}.hero-roster-card small{color:#fff4d2;font-weight:800;position:absolute;top:8px;right:8px}.hero-roster-art{place-items:center;height:72%;font-size:70px;display:grid}.hero-roster-card strong{text-align:center;margin-top:2px;font-size:14px;display:block}.hero-roster-card p{text-align:center;color:#ffc94d;margin:2px 0 0}.hero-count{color:#c5b89a;margin-top:12px}.modal-overlay{z-index:99999;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.first-topup-modal{width:100vw;height:100vh;position:relative}.first-topup-image{object-fit:contain;width:100%;height:100%;display:block}.modal-close{cursor:pointer;z-index:10;background:0 0;border:none;width:90px;height:90px;position:absolute;top:4%;right:2%}.first-topup-buy-hitbox{cursor:pointer;z-index:20;background:0 0;border:none;width:200px;height:50px;position:absolute;bottom:6%;left:70%;transform:translate(-50%)}.campaign-screen{background:#050509;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.campaign-map-img{object-fit:contain;width:100%;height:auto;max-height:100vh;display:block}.campaign-side-tab{z-index:20;background:#05050ae6;border:1px solid #ffcf6559;border-radius:14px;flex-direction:column;gap:5px;width:118px;padding:10px;display:flex;position:absolute;top:12px;left:10px}.campaign-side-tab button{width:34px;height:34px}@media (width<=700px){.bottom-nav{z-index:9999!important;height:72px!important;padding-bottom:env(safe-area-inset-bottom)!important;background:linear-gradient(#0c0a12fa,#040408)!important;border-top:1px solid #ffd27847!important;grid-template-columns:repeat(5,1fr)!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.bottom-nav .nav-item{background:0 0!important;border:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:0!important;height:100%!important;display:flex!important}.bottom-nav .nav-item img{object-fit:contain!important;width:30px!important;height:30px!important}.bottom-nav .nav-item p{color:#f5ddb0!important;margin:0!important;font-family:Inter,Arial,sans-serif!important;font-size:9px!important;font-weight:800!important;line-height:1!important;display:block!important}}.bottom-nav button:nth-child(2) img{object-fit:contain!important;width:33px!important;height:33px!important;transform:scale(1.25)!important}.cmp-screen{color:#fff4d2;background:#060309;flex-direction:column;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.cmp-bg{z-index:1;pointer-events:none;background:linear-gradient(#0603092e 0%,#06030938 35%,#0603096b 70%,#0603098f 100%);transition:background .5s;position:fixed;inset:0}.cmp-header{z-index:10;border-bottom:1px solid #ffcf651a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:relative}.cmp-back-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex}.cmp-back-btn img{object-fit:contain;width:32px;height:32px}.cmp-back-btn:active img{transform:scale(.88)}.cmp-header-center{flex-direction:column;align-items:center;gap:1px;display:flex}.cmp-header-title{letter-spacing:.04em;color:#fff4d2;font-size:18px;font-weight:900}.cmp-header-world{letter-spacing:.02em;text-shadow:0 0 18px;font-size:18px;font-weight:900;transition:color .4s}.cmp-header-sub{color:#fff4d26b;letter-spacing:.04em;font-size:11px}.cmp-world-tabs{z-index:10;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff0d;flex-shrink:0;gap:0;padding:8px 12px 0;display:flex;position:relative;overflow-x:auto}.cmp-world-tabs::-webkit-scrollbar{display:none}.cmp-world-tab{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:6px 12px 8px;transition:border-color .18s,opacity .18s;display:flex}.cmp-world-tab--active{border-bottom-color:var(--accent,#ff6820)}.cmp-world-tab--locked{opacity:.3;cursor:default}.cmp-world-tab-icon{font-size:18px;line-height:1}.cmp-world-tab-name{letter-spacing:.06em;text-transform:uppercase;color:#fff4d28c;font-size:9px;font-weight:800}.cmp-world-tab--active .cmp-world-tab-name{color:var(--accent,#ff6820)}.cmp-scroll{z-index:10;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;flex:1;position:relative;overflow-y:auto}.cmp-scroll::-webkit-scrollbar{display:none}.cmp-home-scroll{flex-direction:column;gap:14px;padding:14px 14px 100px;display:flex}.cmp-world-card{background:linear-gradient(135deg,#140c24eb 0%,#0a0614f5 100%);border:1px solid #ffcf652e;border-radius:18px;padding:0 0 4px;overflow:hidden;box-shadow:0 4px 24px #00000073}.cmp-world-card--locked{opacity:.55;background:#0a0810b3;border-color:#ffffff0f;align-items:center;gap:12px;padding:14px 16px;display:flex}.cmp-world-card--locked .cmp-world-card-icon{font-size:28px}.cmp-world-card--locked .cmp-world-card-name{color:#fff4d299;font-size:14px;font-weight:700}.cmp-world-card--locked .cmp-world-card-lock-msg{color:#fff4d259;margin-top:2px;font-size:11px}.cmp-world-card-lock-badge{margin-left:auto;font-size:20px}.cmp-world-card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.cmp-world-card-icon{flex-shrink:0;font-size:26px;line-height:1}.cmp-world-card-name{letter-spacing:.02em;font-size:16px;font-weight:900}.cmp-world-card-prog{color:#fff4d273;margin-top:1px;font-size:11px}.cmp-world-continue-btn{background:linear-gradient(135deg, var(--accent,#ff6820), var(--accent,#ff6820)88);color:#fff;letter-spacing:.04em;cursor:pointer;height:34px;box-shadow:0 2px 10px var(--glow,#ff682059);border:none;border-radius:10px;flex-shrink:0;margin-left:auto;padding:0 14px;font-size:12px;font-weight:900;transition:filter .15s}.cmp-world-continue-btn:active{filter:brightness(1.15)}.cmp-world-complete-tag{color:#4ade80;background:#4ade801a;border:1px solid #4ade8040;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:800}.cmp-world-prog-bar-wrap{padding:0 16px 10px}.cmp-world-prog-bar{background:#ffffff0f;border-radius:999px;height:3px;overflow:hidden}.cmp-world-prog-fill{border-radius:999px;height:100%;transition:width .4s}.cmp-chapter-card{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;margin:0 12px 10px;padding:14px 14px 12px;transition:border-color .2s}.cmp-chapter-card--locked{opacity:.6;background:#ffffff04;border-color:#ffffff0a}.cmp-chapter-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cmp-chapter-meta{flex-direction:column;gap:1px;display:flex}.cmp-chapter-label{color:#fff4d2;letter-spacing:.02em;font-size:13px;font-weight:800}.cmp-chapter-stages{color:#fff4d26b;letter-spacing:.04em;font-size:10px}.cmp-chapter-count{color:var(--accent,#ff6820);font-size:12px;font-weight:800}.cmp-chapter-lock-icon{opacity:.5;font-size:16px}.cmp-chapter-prog-bar{background:#ffffff12;border-radius:999px;height:4px;margin-bottom:10px;overflow:hidden}.cmp-chapter-enter-btn{color:#fff4d2;letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #ffcf6538;border-radius:10px;width:100%;height:36px;font-size:12px;font-weight:800;transition:background .15s,border-color .15s}.cmp-chapter-enter-btn:active{background:#ffffff14;border-color:#ffcf6573}.cmp-chapter-locked-msg{color:#fff4d259;margin-top:6px;font-size:11px}.cmp-chapter-bg-img{z-index:0;filter:brightness(.9)saturate(1.08);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:fixed;inset:0}.cmp-chapter-bg-img:after{content:"";background:linear-gradient(#06030938 0%,#0603091a 25%,#06030942 65%,#0603096b 100%);position:absolute;inset:0}.cmp-chapter-prog-header{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000047;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:10px;padding:6px 16px 7px;display:flex;position:relative}.cmp-chapter-prog-track{background:#ffffff14;border-radius:999px;flex:1;height:5px;overflow:hidden}.cmp-chapter-prog-fill{border-radius:999px;height:100%;transition:width .4s}.cmp-chapter-prog-count{color:#fff4d280;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:800}.cmp-chapter-boss-banner{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000052;border-bottom:1px solid #ffcf651a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex;position:relative}.cmp-chapter-boss-label{letter-spacing:.08em;text-transform:uppercase;color:#ffcf6599;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:800}.cmp-chapter-boss-chips{flex-wrap:wrap;gap:5px;display:flex}.cmp-scroll{padding:10px 14px 120px}.cmp-stage-list{flex-direction:column;gap:10px;display:flex}.cmp-mini-chips{flex-wrap:wrap;gap:4px;display:flex}.cmp-mini-chip{background:#ffffff0d;border:1px solid #ffcf651f;border-radius:6px;align-items:center;gap:3px;padding:2px 6px 2px 4px;display:inline-flex}.cmp-mini-chip-img{object-fit:contain;width:13px;height:13px}.cmp-mini-chip-label{color:#fff4d2c7;white-space:nowrap;font-size:10px;font-weight:700}.cmp-rewards-label{letter-spacing:.08em;text-transform:uppercase;color:#fff4d261;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.cmp-stage-card{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#120a20e0,#080410f0);border:1px solid #ffffff12;border-radius:12px;padding:9px 12px 8px;transition:border-color .18s}.cmp-stage-card:active{filter:brightness(.88)}.cmp-stage-card--cleared{background:linear-gradient(135deg,#120a1ea6,#08040eb8);border-color:#ffcf651a}.cmp-stage-card--locked{opacity:.48;cursor:default}.cmp-stage-card-top{align-items:center;gap:9px;margin-bottom:6px;display:flex}.cmp-stage-card-num-wrap{background:#ffffff0f;border:1px solid #ffcf6529;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cmp-stage-card-num{color:#fff4d2;font-size:11px;font-weight:900}.cmp-stage-card-info{flex:1;min-width:0}.cmp-stage-card-name{color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.cmp-stage-card--cleared .cmp-stage-card-name{color:#fff4d27a}.cmp-stage-card-cleared{letter-spacing:.05em;color:#4ade80;margin-top:1px;font-size:9px;font-weight:800;display:block}.cmp-stage-card-btn{background:linear-gradient(135deg, var(--accent,#ff6820), #5a1602);color:#fff;letter-spacing:.06em;cursor:pointer;height:26px;box-shadow:0 1px 6px var(--glow,#ff682038);border:none;border-radius:7px;flex-shrink:0;padding:0 10px;font-size:9px;font-weight:900;transition:filter .12s}.cmp-stage-card-btn:active{filter:brightness(1.15)}.cmp-stage-card-btn--replay{color:#fff4d2a6;box-shadow:none;background:#ffffff0d;border:1px solid #ffcf652e}.cmp-stage-card-lock{opacity:.35;flex-shrink:0;font-size:14px}.cmp-boss-card{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(160deg,#371206d1 0%,#100603f7 55%);border:1px solid #ffcf6573;border-radius:16px;padding:16px 14px 14px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 0 24px #ff682024,0 0 1px #ffcf6580,inset 0 1px #ffcf6524}.cmp-boss-card:active{filter:brightness(.88)}.cmp-boss-card--cleared{background:linear-gradient(160deg,#180a04bf,#0a0402f2);border-color:#ffcf6533;box-shadow:0 0 1px #ffcf6533}.cmp-boss-card--locked{opacity:.42;cursor:default}.cmp-boss-shimmer{background:linear-gradient(90deg,#0000 0%,#ffcf658c 25%,#fff0a0 50%,#ffcf658c 75%,#0000 100%);border-radius:16px 16px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.cmp-boss-header{margin-bottom:10px}.cmp-boss-crown-row{align-items:center;gap:7px;margin-bottom:6px;display:flex}.cmp-boss-crown{filter:drop-shadow(0 0 6px #ffc83cb3);font-size:18px;line-height:1}.cmp-boss-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#ffcf65b3;flex:1;font-size:10px;font-weight:800}.cmp-boss-cleared-badge{color:#4ade80;background:#4ade801a;border:1px solid #4ade8038;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800}.cmp-boss-title{color:#fff4d2;letter-spacing:.01em;text-shadow:0 0 24px #ff961e47;font-size:20px;font-weight:900;line-height:1.15}.cmp-boss-card--cleared .cmp-boss-title{color:#fff4d273}.cmp-boss-divider{background:linear-gradient(90deg,#0000,#ffcf6540,#0000);height:1px;margin:10px 0}.cmp-boss-rewards{margin-bottom:12px}.cmp-boss-btn{background:linear-gradient(135deg, var(--accent,#ff6820) 0%, #7a2800 100%);color:#fff4d2;letter-spacing:.07em;cursor:pointer;width:100%;height:44px;box-shadow:0 0 18px var(--glow,#ff682052), inset 0 1px 0 #ffdc782e;border:1px solid #ffb43c8c;border-radius:12px;font-size:14px;font-weight:900;transition:filter .15s}.cmp-boss-btn:active{filter:brightness(1.15)}.cmp-boss-btn--replay{color:#fff4d28c;box-shadow:none;background:#ffffff0a;border:1px solid #ffcf652e}.cmp-stage-locked-msg{color:#fff4d24d;align-items:center;gap:6px;margin-top:2px;font-size:10px;display:flex}.cmp-stage-locked-icon{font-size:12px}.cmp-sheet-overlay{z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#000000a6;justify-content:center;align-items:flex-end;animation:.18s cmp-fade-in;display:flex;position:fixed;inset:0}@keyframes cmp-fade-in{0%{opacity:0}to{opacity:1}}.cmp-sheet{background:linear-gradient(#120a1efc,#07040efc);border:1px solid #ffcf6540;border-bottom:none;border-radius:22px 22px 0 0;width:100%;max-width:480px;animation:.2s cmp-sheet-up;overflow:hidden}@keyframes cmp-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cmp-sheet-top{background:linear-gradient(#ffcf650d 0%,#0000);border-bottom:1px solid #ffcf651a;padding:18px 48px 14px 18px;position:relative}.cmp-sheet-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#ff9632b3;margin-bottom:4px;font-size:10px;font-weight:800}.cmp-sheet-title{color:#fff4d2;font-size:20px;font-weight:900}.cmp-sheet-close{color:#f0d9a08c;cursor:pointer;background:#050309e6;border:1px solid #ffcf652e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex;position:absolute;top:14px;right:14px}.cmp-sheet-body{flex-direction:column;gap:12px;padding:14px 18px 20px;display:flex}.cmp-sheet-section-label{letter-spacing:.1em;text-transform:uppercase;color:#fff4d266;font-size:10px;font-weight:800}.cmp-sheet-chips{flex-wrap:wrap;gap:6px;display:flex}.cmp-sheet-note{color:#fff4d24d;margin:0;font-size:10px}.cmp-sheet-actions{flex-direction:column;gap:8px;display:flex}.cmp-sheet-battle-btn{background:linear-gradient(180deg, var(--accent,#ff6820), #5a1602);color:#fff4d2;letter-spacing:.06em;cursor:pointer;width:100%;height:48px;box-shadow:0 0 18px var(--glow,#ff682038);border:1px solid #ffa03c73;border-radius:12px;font-size:15px;font-weight:900;transition:filter .15s}.cmp-sheet-battle-btn:active{filter:brightness(1.15)}.cmp-sheet-claim-btn{color:#ffd978;cursor:pointer;background:#050309e6;border:1px solid #ffcf6547;border-radius:10px;width:100%;height:40px;font-size:13px;font-weight:800}.cmp-sheet-claim-btn:active{border-color:#ffcf6599}.cmp-chip{background:#ffffff0d;border:1px solid #ffcf6524;border-radius:8px;align-items:center;gap:5px;padding:4px 9px 4px 5px;display:flex}.cmp-chip-img{object-fit:contain;width:18px;height:18px}.cmp-chip-label{color:#fff4d2d9;white-space:nowrap;font-size:11px;font-weight:700}.cmp-toast{z-index:60;background:#000000a6;justify-content:center;align-items:center;animation:.18s cmp-fade-in;display:flex;position:fixed;inset:0}.cmp-toast-box{text-align:center;background:linear-gradient(135deg,#160e28fc,#080510fc);border:1px solid #ffcf6561;border-radius:18px;width:88%;max-width:300px;padding:24px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) cmp-pop;box-shadow:0 0 40px #000c,0 0 22px #ffc83c1a}@keyframes cmp-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.cmp-toast-title{color:#f0d97a;text-shadow:0 0 16px #f0c83c66;margin-bottom:14px;font-size:16px;font-weight:900}.cmp-toast-chips{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:16px;display:flex}.cmp-toast-hint{color:#fff4d259;font-size:11px}.cmp-chapter-bg-img{z-index:0!important}.cmp-bg{z-index:1!important}.cmp-header,.cmp-world-tabs,.cmp-chapter-prog-header,.cmp-chapter-boss-banner,.cmp-scroll{z-index:10;position:relative}.bt-screen{color:#fff4d2;background:#060309;flex-direction:column;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.bt-bg-img{z-index:0;filter:brightness(.82)saturate(1.12);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:fixed;inset:0}.bt-bg-overlay{z-index:1;pointer-events:none;background:radial-gradient(at 50% 44%,#ffb43c14,#0000 44%),linear-gradient(#06030929 0%,#0603092e 42%,#060309b3 100%);position:fixed;inset:0}.bt-header{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000038;border-bottom:1px solid #ffcf651f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 8px;display:flex;position:relative}.bt-back,.bt-header-spacer{width:40px;height:40px}.bt-back{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.bt-back img{object-fit:contain;width:30px;height:30px}.bt-back:active img{transform:scale(.88)}.bt-title-wrap{text-align:center;min-width:0}.bt-title{letter-spacing:.09em;text-transform:uppercase;background:linear-gradient(#fff 0%,#ffe98a 40%,#f0a730 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px var(--glow,#ff68208c));-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:1000}.bt-subtitle{color:#fff4d28c;white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:2px;font-size:10px;overflow:hidden}.bt-arena-wrap{z-index:10;min-height:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;position:relative}.bt-warning{z-index:30;color:#fecaca;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7f1d1d6b;border:1px solid #f8717147;border-radius:12px;padding:10px;font-size:12px;position:absolute;top:58px;left:12px;right:12px}.bt-battlefield{border:2px solid var(--accent,#ff6820);min-height:0;box-shadow:0 0 0 1px #0009, inset 0 0 40px #0000002e, inset 0 -60px 90px #00000047, inset 0 60px 90px #0003, 0 0 28px var(--glow,#ff682038), 0 12px 40px #00000059;isolation:isolate;background:radial-gradient(at 50% 48%,#ffd2640a,#0000 57%),linear-gradient(#00000005,#00000038);border-radius:20px;flex:1;position:relative;overflow:hidden}.bt-battlefield:before{content:"";z-index:3;background:linear-gradient(90deg, transparent 0%, var(--accent,#ff6820) 20%, #ffcf6580 50%, var(--accent,#ff6820) 80%, transparent 100%);opacity:.18;pointer-events:none;height:1px;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.bt-battlefield:after{content:"";z-index:2;background:radial-gradient(circle, var(--glow,#ff68201a) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bt-battlefield--shake{will-change:transform;animation:.18s linear bt-screen-shake}@keyframes bt-screen-shake{0%{transform:translate(0)}25%{transform:translate(1.5px,-1px)}50%{transform:translate(-1.5px,1.5px)}75%{transform:translate(1px,1px)}to{transform:translate(0)}}.bt-screen:not(.bt-screen--arena) .bt-battlefield{border-color:#0000;box-shadow:0 0 0 1px #0009,inset 0 0 40px #0000002e,inset 0 -60px 90px #00000047,inset 0 60px 90px #0003,0 12px 40px #00000059}.bt-top-hud{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.bt-top-hud>div{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000085;border-radius:11px;min-width:0;max-width:38%;padding:6px 10px 7px;box-shadow:0 2px 12px #0006,inset 0 1px #ffffff0f}.bt-top-hud>div:first-child{border:1px solid #4ade8047}.bt-top-hud>div:first-child span{color:#86efaca6}.bt-top-hud>div:first-child strong{color:#86efac}.bt-top-hud>div:last-child{text-align:right;border:1px solid #f8717147}.bt-top-hud>div:last-child span{color:#fca5a5a6}.bt-top-hud>div:last-child strong{color:#fca5a5}.bt-top-hud span{text-transform:uppercase;letter-spacing:.1em;font-size:7px;font-weight:900;display:block}.bt-top-hud strong{white-space:nowrap;margin-top:1px;font-size:12px;font-weight:1000;display:block}.bt-top-hud-vs{letter-spacing:.12em;color:#fff4d280;text-shadow:0 0 8px var(--glow,#ff682099);flex-shrink:0;align-self:center;padding:4px 6px;font-size:9px;font-weight:1000}.bt-header-timer{background:#ffcf651a;border:1px solid #ffcf6547;border-radius:999px;align-items:center;gap:5px;margin-top:4px;padding:2px 11px;display:inline-flex}.bt-header-timer-label{letter-spacing:.08em;text-transform:uppercase;color:#fff4d280;font-size:8px;font-weight:900}.bt-header-timer-value{color:#fde68a;text-shadow:0 0 8px #fde68a66;font-size:13px;font-weight:1000;line-height:1.1}.bt-header-timer--urgent{background:#f871711a;border-color:#f8717180}.bt-header-timer--urgent .bt-header-timer-value{color:#fca5a5;text-shadow:0 0 10px #f871718c;animation:.6s ease-in-out infinite bt-header-timer-pulse}@keyframes bt-header-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.bt-side-label{z-index:12;text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#fff4d285;opacity:.62;text-shadow:0 2px 8px #000000e6;pointer-events:none;width:max-content;max-width:180px;font-size:9px;font-weight:1000;transition:opacity .22s;position:absolute;left:50%;transform:translate(-50%)}.bt-side-label--enemy{top:104px}.bt-side-label--player{bottom:118px}.bt-screen--running .bt-side-label,.bt-screen--paused .bt-side-label,.bt-screen--victory .bt-side-label,.bt-screen--defeat .bt-side-label{opacity:0;pointer-events:none}.bt-vs-mark{z-index:2;letter-spacing:.12em;color:#fff4d257;opacity:.38;text-shadow:0 2px 12px #000000bf;pointer-events:none;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:1000;display:flex;position:absolute;top:48.5%;left:50%;transform:translate(-50%,-50%)}.bt-vs-mark strong{text-align:center;color:#fff4d266;min-width:72px;font-size:11px}.bt-impact-fx{z-index:4;pointer-events:none;border-radius:50%;width:120px;height:120px;animation:.56s forwards bt-impact-burst;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.bt-impact-fx--damage{background:radial-gradient(circle,#ff782852,#ff3c141a 38%,#0000 72%);box-shadow:0 0 40px #ff5a1e47}.bt-impact-fx--heal{background:radial-gradient(circle,#4ade8047,#4ade8014 38%,#0000 72%);box-shadow:0 0 40px #4ade803d}@keyframes bt-impact-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}.bt-field-unit{z-index:5;will-change:transform, filter;width:31%;min-width:88px;max-width:138px;height:145px;transition:transform .26s cubic-bezier(.2,.9,.25,1.2),filter .18s,opacity .55s;position:absolute;transform:translate(-50%,-50%)}.bt-field-unit--enemy.bt-field-unit--back-left{z-index:6;top:24%;left:25%}.bt-field-unit--enemy.bt-field-unit--back-right{z-index:6;top:24%;left:75%}.bt-field-unit--player.bt-field-unit--front{z-index:8;top:66%;left:50%}.bt-field-unit--player.bt-field-unit--back-left{z-index:9;top:82%;left:25%}.bt-field-unit--player.bt-field-unit--back-right{z-index:9;top:82%;left:75%}.bt-field-unit--dead{opacity:.28;filter:grayscale(.95)brightness(.7);transition:opacity .65s,filter .65s}.bt-field-unit--targeted .bt-sprite-wrap:before{opacity:1;transform:translate(-50%,-50%)scale(1)}.bt-field-unit--attacking.bt-field-unit--player{z-index:25;transform:translate(-50%,-74%)scale(1.1)}.bt-field-unit--attacking.bt-field-unit--enemy{z-index:25;transform:translate(-50%,-28%)scale(1.1)}.bt-field-unit--hit .bt-sprite{animation:.34s bt-hit-flash}@keyframes bt-hit-flash{0%{filter:brightness(2.2)drop-shadow(0 0 13px #ff2828e6);transform:translate(-3px)}35%{filter:brightness(.65)drop-shadow(0 0 10px #ff00009e);transform:translate(3px)}70%{transform:translate(-1px)}to{filter:none;transform:translate(0)}}.bt-unit-hud{z-index:18;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.bt-unit-name{color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 1px 4px #000000e6;background:#0000008f;border:1px solid #ffffff12;border-radius:999px;max-width:100%;margin-bottom:0;padding:1px 6px 2px;font-size:9px;font-weight:900;display:inline-block;overflow:hidden}.bt-field-unit--boss .bt-unit-name{color:#ffe58a;text-shadow:0 1px 6px #000000e6,0 0 10px #ffc83c61;background:#000000a6;border-color:#ffcf3c38;font-size:10px}.bt-hp-track{background:#0000009e;border:1px solid #ffffff24;border-radius:999px;width:58px;height:4px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 1px 7px #000000bf}.bt-hp-fill{background:linear-gradient(90deg,#22c55e,#86efac);border-radius:999px;height:100%;transition:width .42s,background .28s;position:relative}.bt-hp-fill:after{content:"";pointer-events:none;background:#ffffff47;border-radius:999px 999px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.bt-field-unit--enemy .bt-hp-fill{background:linear-gradient(90deg,#ef4444,#f97316)}.bt-hp-track--infinite{background:#0000009e}.bt-hp-infinite-fill{background:linear-gradient(90deg,#c084fc33 0%,#c084fcf2 50%,#c084fc33 100%) 0 0/200% 100%;animation:1.7s linear infinite bt-hp-infinite-shimmer;position:absolute;inset:0}@keyframes bt-hp-infinite-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bt-hp-track--infinite:after{content:"∞";z-index:1;color:#ffffffe6;text-shadow:0 0 3px #000000d9;pointer-events:none;justify-content:center;align-items:center;font-size:8px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.bt-energy-track{background:#000000a6;border:1px solid #ffdc782e;border-radius:999px;width:40px;height:3px;margin:3px auto 0;overflow:hidden}.bt-energy-fill{background:linear-gradient(90deg,#5eead4,#facc15);border-radius:999px;height:100%;transition:width .3s}.bt-status-row{pointer-events:none;justify-content:center;gap:2px;margin-top:2px;font-size:9px;display:flex}.bt-sprite-wrap{pointer-events:none;justify-content:center;align-items:flex-end;width:100%;height:126px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bt-sprite-wrap:before{content:"";z-index:0;opacity:0;background:radial-gradient(circle,#ffcf6538,#0000 62%);border-radius:50%;width:78%;height:78%;transition:opacity .18s,transform .18s;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)scale(.75)}.bt-sprite-wrap:after{content:"";filter:blur(3px);z-index:0;background:#00000073;border-radius:50%;width:78%;height:12px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.bt-sprite{z-index:2;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 10px #000000a6);max-width:118%;max-height:136px;position:relative}.bt-field-unit--enemy .bt-sprite{max-width:124%;transform:scaleX(-1)}.bt-unit-aura{z-index:1;background:radial-gradient(ellipse, var(--glow,#ff682073), transparent 68%);border-radius:50%;width:80%;height:24px;animation:.5s infinite alternate bt-aura-pulse;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@keyframes bt-aura-pulse{0%{opacity:.5;transform:translate(-50%)scale(.84)}to{opacity:1;transform:translate(-50%)scale(1.16)}}.bt-floating-fx{z-index:30;pointer-events:none;will-change:transform, opacity;flex-direction:column;align-items:center;gap:0;font-size:22px;font-weight:1000;line-height:1;animation:.95s forwards bt-float-fx;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.bt-floating-fx--damage{color:#fecaca;text-shadow:0 2px #000000b8,0 0 14px #ff000080}.bt-floating-fx--heal{color:#86efac;text-shadow:0 2px #000000b8,0 0 14px #4ade808c}.bt-floating-fx--crit{color:#fde68a;text-shadow:0 2px #000c,0 0 18px #ffc83cb8;font-size:26px}.bt-floating-fx--adv{color:#ffedd5}.bt-floating-fx--resist{color:#bfdbfe;font-size:18px}.bt-floating-fx--status{color:#fff4d2;letter-spacing:.02em;text-shadow:0 2px #000000c7,0 0 12px #ffdc7880;font-size:14px}.bt-floating-label{letter-spacing:.12em;color:#fbbf24;margin-bottom:1px;font-size:10px}@keyframes bt-float-fx{0%{opacity:0;transform:translate(-50%,10px)scale(.78)}18%{opacity:1;transform:translate(-50%,-10px)scale(1.18)}to{opacity:0;transform:translate(-50%,-56px)scale(.95)}}.bt-log-panel{z-index:18;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000007a;border:1px solid #ffffff12;border-radius:13px;min-height:58px;padding:7px 9px;position:absolute;bottom:12px;left:12px;right:12px}.bt-log-title{letter-spacing:.11em;text-transform:uppercase;color:#fff4d266;margin-bottom:3px;font-size:8px;font-weight:1000}.bt-log-lines{flex-direction:column;gap:1px;display:flex}.bt-log-line{color:#fff4d29e;white-space:nowrap;text-overflow:ellipsis;font-size:9px;line-height:1.22;overflow:hidden}.bt-log-line--player{color:#bfdbfe}.bt-log-line--enemy{color:#fecaca}.bt-log-line--ko{color:#f0d97a}.bt-log-line--round{color:#fff4d261;font-weight:900}.bt-log-line--skill{color:#fde68a;text-shadow:0 0 8px #fbbf2473;font-weight:1000}.bt-controls{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:62px;margin-top:6px;display:flex}.bt-control-status{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:#fff4d26b;width:100%;margin-bottom:-2px;font-size:9px;font-weight:1000}.bt-main-btn{background:linear-gradient(160deg, var(--accent,#ff6820) 0%, #c44f08 55%, #6d2102 100%);color:#fff4d2;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;width:100%;min-height:54px;box-shadow:0 0 28px var(--glow,#ff68206b), 0 4px 16px #0006, inset 0 1px 0 #ffe68c40, inset 0 -1px 0 #00000040;border:1px solid #ffb43ca6;border-radius:16px;font-size:15px;font-weight:1000;animation:2.4s ease-in-out infinite bt-btn-pulse}@keyframes bt-btn-pulse{0%,to{box-shadow:0 0 28px var(--glow,#ff68206b), 0 4px 16px #0006, inset 0 1px 0 #ffe68c40}50%{box-shadow:0 0 44px var(--glow,#ff6820a6), 0 4px 20px #00000073, inset 0 1px 0 #ffe68c40}}.bt-main-btn--small{flex:1;width:auto;min-height:46px;font-size:13px;animation:none}.bt-main-btn--victory{margin-top:8px;animation:none}.bt-main-btn:active{filter:brightness(1.16);animation:none;transform:scale(.985)}.bt-control-pill{color:#fff4d2bd;letter-spacing:.07em;cursor:pointer;background:#0000007a;border:1px solid #ffcf6533;border-radius:999px;min-width:52px;height:36px;padding:0 10px;font-size:9px;font-weight:1000;box-shadow:inset 0 1px #ffffff0d}.bt-control-pill:disabled{cursor:default;opacity:.65}.bt-control-pill--active{color:#fff4d2;background:#ffcf6524;border-color:#ffcf6580;box-shadow:inset 0 1px #ffffff14,0 0 8px #ffcf6526}.bt-control-pill--quit{color:#fca5a5;background:#7f1d1d47;border-color:#f8717152}.bt-control-pill--quit:hover{background:#7f1d1d70}.bt-result-overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bt-result-card{text-align:center;background:linear-gradient(160deg,#160e28f7,#07040efc);border:1px solid #ffcf6547;border-radius:24px;width:100%;max-width:330px;padding:26px 22px 22px;animation:.24s cubic-bezier(.2,.9,.25,1.2) bt-result-pop;box-shadow:0 20px 70px #000000b3,0 0 40px #ffc83c1f}@keyframes bt-result-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.bt-result-title{text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:32px;font-weight:1000;line-height:1.2}.bt-result-overlay--victory .bt-result-title{color:#86efac;text-shadow:0 0 24px #4ade8073}.bt-result-overlay--defeat .bt-result-title{color:#fca5a5;text-shadow:0 0 24px #f8717173}.bt-result-sub{color:#fff4d2cc;margin-bottom:8px;font-size:13px;font-weight:700}.bt-result-firstclear{letter-spacing:.08em;color:#fde68a;background:#ffcf3c21;border:1px solid #ffcf3c4d;border-radius:999px;margin-bottom:14px;padding:3px 14px;font-size:11px;font-weight:900;display:inline-block}.bt-result-overlay--worldboss .bt-result-title{color:#fde68a;text-shadow:0 0 24px #fde68a80}.bt-result-overlay--celestial .bt-result-title{background:linear-gradient(#fff 0%,#f0e6c8 45%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bt-result-overlay--celestial .bt-result-card{border-color:#a78bfa66;box-shadow:0 0 40px #a78bfa26}.bt-result-damage{margin:6px 0 16px}.bt-result-damage-label{letter-spacing:.1em;text-transform:uppercase;color:#fff4d273;margin-bottom:3px;font-size:10px;font-weight:800}.bt-result-damage-value{color:#fde68a;text-shadow:0 0 18px #fde68a80;font-size:30px;font-weight:900}.bt-result-rewards{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:4px;display:flex}.bt-reward-chip{background:#ffffff12;border:1px solid #ffcf6533;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;display:flex}.bt-reward-icon{font-size:14px;line-height:1}.bt-reward-label{color:#fff4d2;white-space:nowrap;font-size:11px;font-weight:700}.bt-result-copy{color:#fff4d285;margin-bottom:16px;font-size:12px;line-height:1.4}.bt-result-defeat-btns{align-items:center;gap:10px;display:flex}.bt-pill-exit{color:#fff4d2b8;letter-spacing:.06em;cursor:pointer;background:#00000070;border:1px solid #ffcf6538;border-radius:13px;flex-shrink:0;height:46px;padding:0 18px;font-size:12px;font-weight:900}.bt-pill-exit:active{opacity:.75}@media (height<=760px){.bt-header{padding:8px 12px 6px}.bt-back,.bt-header-spacer{width:36px;height:36px}.bt-title{font-size:15px}.bt-subtitle{font-size:9px}.bt-top-hud{top:8px}.bt-side-label--enemy{top:64px}.bt-side-label--player{bottom:104px}.bt-field-unit{width:30%;min-width:82px;max-width:124px;height:128px}.bt-sprite-wrap{height:112px}.bt-sprite{max-width:116%;max-height:122px}.bt-field-unit--enemy .bt-sprite{max-width:122%}.bt-hp-track{width:54px}.bt-unit-hud{top:-42px}.bt-controls{min-height:56px}.bt-main-btn{min-height:50px;font-size:14px}}@media (height<=690px){.bt-arena-wrap{padding:6px 10px calc(8px + env(safe-area-inset-bottom))}.bt-side-label--enemy{top:56px}.bt-side-label--player{bottom:92px}.bt-field-unit{width:29%;min-width:76px;height:112px}.bt-sprite-wrap{height:98px}.bt-sprite{max-height:108px}.bt-hp-track{width:50px}.bt-unit-hud{top:-40px}.bt-unit-name{padding:1px 5px;font-size:8px}.bt-control-status{display:none}.bt-controls{min-height:44px}.bt-main-btn{letter-spacing:.09em;min-height:46px;font-size:13px}.bt-log-panel{display:none}.bt-ultimate-banner{width:min(90%,330px);padding:8px 12px 9px}.bt-ultimate-skill{font-size:15px}}.bt-ultimate-fx{z-index:42;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bt-ultimate-flash{opacity:0;animation:.9s forwards bt-ultimate-flash;position:absolute;inset:0}.bt-ultimate-ring{opacity:0;border:2px solid #ffffff7a;border-radius:50%;width:86px;height:86px;animation:.86s forwards bt-ultimate-ring;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 34px #ffffff52}.bt-ultimate-banner{text-align:center;opacity:0;background:linear-gradient(#000000d1,#0000008f);border:1px solid #ffeba057;border-radius:18px;width:min(88%,360px);padding:10px 14px 11px;animation:.92s cubic-bezier(.2,.9,.25,1.2) forwards bt-ultimate-banner;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)scale(.94);box-shadow:0 0 24px #000000b3,inset 0 1px #ffffff14}.bt-ultimate-hero{letter-spacing:.18em;text-transform:uppercase;color:#fff4d2c7;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:1000;display:flex}.bt-ultimate-hero span{font-size:15px}.bt-ultimate-skill{letter-spacing:.08em;text-transform:uppercase;color:#fff4d2;text-shadow:0 2px #000c,0 0 18px;margin-top:3px;font-size:18px;font-weight:1000;line-height:1.05}.bt-ultimate-fx--fire .bt-ultimate-flash{background:radial-gradient(circle,#ffd25a94,#ff591440 34%,#0000 68%)}.bt-ultimate-fx--fire .bt-ultimate-banner{border-color:#ffa03c8c;box-shadow:0 0 34px #ff5a146b,inset 0 1px #ffffff14}.bt-ultimate-fx--fire .bt-ultimate-skill{color:#fed7aa}.bt-ultimate-fx--water .bt-ultimate-flash{background:radial-gradient(circle,#7dd3fc85,#0ea5e938 34%,#0000 68%)}.bt-ultimate-fx--water .bt-ultimate-banner{border-color:#7dd3fc8c;box-shadow:0 0 34px #38bdf861,inset 0 1px #ffffff14}.bt-ultimate-fx--water .bt-ultimate-skill{color:#bae6fd}.bt-ultimate-fx--grass .bt-ultimate-flash{background:radial-gradient(circle,#86efac7a,#22c55e33 34%,#0000 68%)}.bt-ultimate-fx--grass .bt-ultimate-banner{border-color:#86efac80;box-shadow:0 0 34px #22c55e57,inset 0 1px #ffffff14}.bt-ultimate-fx--grass .bt-ultimate-skill{color:#bbf7d0}.bt-ultimate-fx--light .bt-ultimate-flash{background:radial-gradient(circle,#ffffe6a8,#facc1542 35%,#0000 70%)}.bt-ultimate-fx--light .bt-ultimate-banner{border-color:#fde68a9e;box-shadow:0 0 38px #facc1570,inset 0 1px #ffffff1f}.bt-ultimate-fx--light .bt-ultimate-skill{color:#fef3c7}.bt-ultimate-fx--dark .bt-ultimate-flash{background:radial-gradient(circle,#d8b4fe6b,#581c8752 36%,#0000 70%)}.bt-ultimate-fx--dark .bt-ultimate-banner{border-color:#d8b4fe85;box-shadow:0 0 38px #9333ea6b,inset 0 1px #ffffff14}.bt-ultimate-fx--dark .bt-ultimate-skill{color:#e9d5ff}.bt-ultimate-fx--air .bt-ultimate-flash,.bt-ultimate-fx--ancient .bt-ultimate-flash{background:radial-gradient(circle,#e0f2fe85,#ffa03c38 34%,#0000 70%)}.bt-ultimate-fx--air .bt-ultimate-banner,.bt-ultimate-fx--ancient .bt-ultimate-banner{border-color:#ffb45a94;box-shadow:0 0 38px #ff8c1a6b,inset 0 1px #ffffff1a}.bt-ultimate-fx--air .bt-ultimate-skill,.bt-ultimate-fx--ancient .bt-ultimate-skill{color:#ffedd5}@keyframes bt-ultimate-flash{0%{opacity:0;transform:scale(.9)}18%{opacity:1;transform:scale(1)}55%{opacity:.46}to{opacity:0;transform:scale(1.1)}}@keyframes bt-ultimate-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.22)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}@keyframes bt-ultimate-banner{0%{opacity:0;filter:blur(4px);transform:translate(-50%,-50%)scale(.84)}18%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1.02)}72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.98)}}.bt-field-unit--enemy.bt-field-unit--front{z-index:7;top:33%;left:50%}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss{z-index:11;filter:drop-shadow(0 0 24px #ff781ea6);width:58%;min-width:190px;max-width:280px;height:250px;top:35%;left:50%}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-sprite-wrap{width:100%;height:235px;bottom:0}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-sprite{transform-origin:bottom;width:auto;max-width:190%;height:auto;max-height:235px;transform:scaleX(-1)scale(1.15)}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-unit-hud{width:160px;top:-44px}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-unit-name{max-width:150px}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-hp-track{width:74px}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-energy-track{width:60px}@media (height<=760px){.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss{width:56%;min-width:175px;max-width:250px;height:220px;top:35%}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-sprite-wrap{height:210px}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-sprite{max-width:185%;max-height:210px;transform:scaleX(-1)scale(1.08)}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-unit-hud{top:-40px}}@media (height<=690px){.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss{width:54%;min-width:160px;max-width:230px;height:200px;top:35%}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-sprite-wrap{height:190px}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-sprite{max-width:180%;max-height:190px;transform:scaleX(-1)scale(1)}.bt-field-unit--enemy.bt-field-unit--front.bt-field-unit--boss .bt-unit-hud{top:-36px}}.bt-screen--arena .bt-bg-img{filter:brightness()saturate(1.05)}.bt-screen--arena .bt-bg-overlay{background:linear-gradient(#0603090a 0%,#0603090f 42%,#0603094d 100%)}.bt-screen--arena .bt-battlefield{box-shadow:none;background:0 0;border:none}.bt-screen--arena .bt-battlefield:before,.bt-screen--arena .bt-battlefield:after{display:none}.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--front{top:55%;left:50%}.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--back-left{top:51%;left:27%}.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--back-right{top:51%;left:73%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--front{top:80%;left:50%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--back-left{top:91%;left:27%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--back-right{top:91%;left:73%}.bt-screen--arena .bt-field-unit{width:29%;max-width:128px;height:138px}.bt-screen--arena .bt-sprite-wrap{height:122px}.bt-screen--arena .bt-sprite{max-height:120px}@media (height<=760px){.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--front{top:54%}.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--back-left{top:50%;left:28%}.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--back-right{top:50%;left:72%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--front{top:79%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--back-left{top:89%;left:28%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--back-right{top:89%;left:72%}.bt-screen--arena .bt-field-unit{width:27%;max-width:112px;height:122px}.bt-screen--arena .bt-sprite-wrap{height:108px}.bt-screen--arena .bt-sprite{max-height:106px}}@media (height<=690px){.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--front{top:53%}.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--back-left{top:49%;left:29%}.bt-screen--arena .bt-field-unit--enemy.bt-field-unit--back-right{top:49%;left:71%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--front{top:77%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--back-left{top:87%;left:29%}.bt-screen--arena .bt-field-unit--player.bt-field-unit--back-right{top:87%;left:71%}.bt-screen--arena .bt-field-unit{width:25%;max-width:100px;height:110px}.bt-screen--arena .bt-sprite-wrap{height:96px}.bt-screen--arena .bt-sprite{max-height:94px}}.bt-screen--arena .bt-unit-hud{top:-36px}@media (height<=760px){.bt-screen--arena .bt-unit-hud{top:-32px}}@media (height<=690px){.bt-screen--arena .bt-unit-hud{top:-28px}}.hg-screen{color:#fff;background:#08060f;flex-direction:column;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.hg-bg{z-index:0;background:radial-gradient(at 15% 15%,#7832c81f 0%,#0000 50%),radial-gradient(at 85% 75%,#c8641414 0%,#0000 50%),linear-gradient(#100c1a 0%,#08060f 100%);position:absolute;inset:0}.hg-screen>*{z-index:2;position:relative}.hg-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px 6px;display:flex}.hg-title{flex-direction:column;align-items:center;gap:1px;display:flex}.hg-title-text{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(#fff8e0 0%,#ffd060 45%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #ffb42840);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.hg-title-count{display:none}.hg-filter-bar{scrollbar-width:none;flex-shrink:0;align-items:center;gap:5px;padding:0 10px 8px;display:flex;overflow-x:auto}.hg-filter-bar::-webkit-scrollbar{display:none}.hg-role-btn{color:#fff4d280;letter-spacing:.4px;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:99px;flex-shrink:0;align-items:center;gap:3px;height:24px;padding:0 9px;font-size:9px;font-weight:800;transition:all .12s;display:flex}.hg-role-btn--active{color:#fff4d2;background:#ffcf651f;border-color:#ffcf658c}.hg-role-btn-icon{object-fit:contain;flex-shrink:0;width:14px;height:14px;display:block}.hg-rarity-btn{color:#fff4d280;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;flex-shrink:0;align-items:center;gap:4px;height:24px;margin-left:auto;padding:0 9px;font-size:9px;font-weight:800;display:flex}.hg-rarity-btn--active{color:#ffd978;background:#ffcf6514;border-color:#ffcf6580}.hg-pill-row{scrollbar-width:none;flex-shrink:0;gap:5px;padding:0 10px 6px;display:flex;overflow-x:auto}.hg-pill-row::-webkit-scrollbar{display:none}.hg-pill{color:#fff4d280;white-space:nowrap;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:99px;flex-shrink:0;height:22px;padding:0 9px;font-size:9px;font-weight:700}.hg-pill--active{color:#fff4d2;background:#ffcf651a;border-color:#ffcf6599}.hg-grid-wrap{padding:0 10px calc(14px + env(safe-area-inset-bottom));scrollbar-width:none;flex:1;overflow-y:auto}.hg-grid-wrap::-webkit-scrollbar{display:none}.hg-grid{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.hg-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0e0a18;border:1px solid #ffffff1a;border-radius:9px;flex-direction:column;padding:0;transition:transform .12s;display:flex;overflow:hidden}.hg-card:active{transform:scale(.91)}.hg-card[data-rarity=common]{border-color:#a0a0a040}.hg-card[data-rarity=rare]{border-color:#4db8ff;box-shadow:0 0 0 1px #4db8ff26,0 2px 12px #4db8ff40}.hg-card[data-rarity=epic]{border-color:#c084fc;box-shadow:0 0 0 1px #c084fc26,0 2px 12px #c084fc47}.hg-card[data-rarity=legendary]{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf2433,0 2px 14px #fbbf2459}.hg-card[data-rarity=mythic]{border-color:#f84040;box-shadow:0 0 0 1px #f840402e,0 2px 14px #f8404059}.hg-card[data-rarity=ancient]{border-color:#ff8c1af2;animation:2s ease-in-out infinite ancient-pulse;box-shadow:0 0 6px 2px #ff8c1a99,0 0 14px 4px #ffc8504d,inset 0 0 8px #ffa02826}@keyframes ancient-pulse{0%,to{border-color:#ff8c1ae6;box-shadow:0 0 6px 2px #ff8c1a99,0 0 14px 4px #ffc8504d,inset 0 0 8px #ffa02826}50%{border-color:#ffc850;box-shadow:0 0 10px 4px #ffa028e6,0 0 24px 8px #ffc85080,inset 0 0 12px #ffb43c40}}.hg-card-art-area{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.hg-card-art-bg{opacity:.28;position:absolute;inset:0}.hg-card-top{z-index:3;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:3px;left:3px;right:3px}.hg-card-role-badge{background:#000c;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:2px;display:flex;overflow:hidden;box-shadow:0 1px 4px #000c}.hg-role-icon-img{object-fit:contain;filter:drop-shadow(0 1px 2px #000000e6);width:100%;height:100%;display:block}.hg-card-level{color:#fff4d2;background:#000000b8;border:1px solid #ffffff1a;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:800;line-height:1.5}.hg-card-art{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:relative}.hg-card-bottom{background:#06040cf7;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;padding:3px 3px 5px;display:flex}.hg-card-name{color:#fff;text-align:center;text-shadow:0 1px 3px #000,0 0 6px #000;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:0 2px;font-size:10px;font-weight:800;line-height:1.2;overflow:hidden}.hg-card-stars{justify-content:center;gap:1px;min-height:10px;display:flex}.hg-empty{text-align:center;color:#fff4d24d;grid-column:1/-1;padding:40px 20px;font-size:12px;font-weight:700}.hg-back{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:0;line-height:0;display:flex;overflow:hidden}.hg-back img{object-fit:contain;flex-shrink:0;width:38px;height:38px;display:block}.hg-back:active img{transform:scale(.9)}.hp-screen{color:#fff;background:#050509;flex-direction:column;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.hp-bg{z-index:0;filter:brightness(.75)saturate(1.1);background-image:url(/images/heroes-bg.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hp-bg-fade{z-index:1;pointer-events:none;background:linear-gradient(#0505098c 0%,#05050914 18%,#0000 35% 52%,#05050973 68%,#050509f0 82%,#050509 100%);position:absolute;inset:0}.hp-screen>:not(.hp-bg):not(.hp-bg-fade){z-index:2;position:relative}.hp-topbar{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px 0;display:flex}.hp-back{color:#ffd978;cursor:pointer;background:linear-gradient(#160e08f7,#060301fc);border:1px solid #ffcf6573;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:4px;font-size:16px;font-weight:900;display:flex;position:relative;box-shadow:0 0 10px #0009,inset 0 0 8px #ffb4280f}.hp-back:before{content:"";border-top:1.5px solid #ffcf65cc;border-left:1.5px solid #ffcf65cc;width:8px;height:8px;position:absolute;top:-1px;left:-1px}.hp-back:after{content:"";border-bottom:1.5px solid #ffcf65cc;border-right:1.5px solid #ffcf65cc;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.hp-hero-identity{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.hp-element-row{justify-content:center;align-items:center;gap:8px;margin-bottom:0;display:flex}.hp-hero-name{letter-spacing:.5px;background:linear-gradient(#fff 0%,#fff4d2 50%,#ffd060 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #ffb42833);-webkit-background-clip:text;background-clip:text;margin-bottom:2px;font-size:26px;font-weight:900;line-height:1.05}.hp-stars-row{justify-content:center;gap:3px;margin-top:3px;display:flex}.hp-element-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.hp-element-badge{letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 4px #000000e6;font-size:11px;font-weight:800}.hp-rarity-pill{letter-spacing:.5px;text-transform:uppercase;border:1px solid;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:800;line-height:1.4}.hp-hero-name{color:#fff4d2;letter-spacing:-.4px;text-shadow:0 2px 10px #000000f2;margin-bottom:2px;font-size:26px;font-weight:900;line-height:1.05}.hp-role-badge{color:#f0d9a0a6;font-size:11px;font-weight:700}.hp-resources{display:none}.hp-stars-row{gap:3px;margin-top:4px;display:flex}.hp-star{line-height:1;transition:color .2s}.hp-hero-art[data-rarity=common],.hp-hero-art[data-rarity=rare]{filter:drop-shadow(0 8px 20px #000000f2)}.hp-hero-art[data-rarity=epic]{filter:drop-shadow(0 0 18px #c084fc59)drop-shadow(0 8px 20px #000000f2)}.hp-hero-art[data-rarity=legendary]{filter:drop-shadow(0 0 24px #fbbf248c)drop-shadow(0 0 44px #fbbf2433)drop-shadow(0 8px 20px #000000f2)}.hp-hero-art[data-rarity=mythic]{filter:drop-shadow(0 0 28px #f8503ca6)drop-shadow(0 0 52px #dc28144d)drop-shadow(0 8px 20px #000000f2)}.hp-hero-art[data-rarity=ancient]{filter:drop-shadow(0 0 26px #ff8c1aa6)drop-shadow(0 0 48px #ff640a4d)drop-shadow(0 8px 20px #000000f2)}.hp-power-strip{background:linear-gradient(#0a0712f5,#04030afa);border:1px solid #ffcf6533;border-radius:13px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin:0 12px 10px;padding:10px 20px;display:flex;box-shadow:inset 0 0 14px #ffb4280a}.hp-power-block{flex-direction:column;align-items:center;gap:3px;display:flex}.hp-action-btn{color:#f0d9a0;cursor:pointer;background:linear-gradient(#0e0a16f7,#05040afc);border:1px solid #ffcf6538;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:58px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.hp-action-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffdc820f 0%,#0000 50%);position:absolute;inset:0}.hp-action-btn--active{border-color:var(--accent,#ff9628cc);box-shadow:0 0 14px #ff821433,inset 0 0 12px #ff640a0f}.hp-action-icon{object-fit:contain;width:28px;height:28px;display:block}.hp-action-icon-emoji{font-size:20px;line-height:1}.hp-action-label{letter-spacing:.3px;color:#f0d9a0d9;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1}.hp-subpanel-wrap{z-index:50;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#0a0712fc,#04030a);border-top:1px solid #ffcf6552;border-radius:20px 20px 0 0;flex-direction:column;max-height:62vh;animation:.22s panelUp;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 32px #000c}.hp-subpanel{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.hp-subpanel::-webkit-scrollbar{display:none}@keyframes panelUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hp-subpanel-close{color:#f0d9a0b3;cursor:pointer;background:#05040ae6;border:1px solid #ffcf6547;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex;position:absolute;top:14px;right:14px}.hp-subpanel-title{color:#fff4d2;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:900}.hp-skill-row{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.hp-skill-num{color:#ffc94d;background:#05040aeb;border:1px solid #ffcf6559;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:flex}.hp-skill-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.hp-skill-name{color:#fff4d2;font-size:13px;font-weight:800}.hp-skill-type{letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:800}.hp-skill-desc{color:#fff4d28c;font-size:11px;line-height:1.5}.hp-ascend-current-block{background:#05040ab3;border:1px solid #ffffff0f;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:8px 14px;display:flex}.hp-ascend-tier-label{text-align:center;font-size:13px;font-weight:800}.hp-ascend-body{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.hp-ascend-cost-row{color:#fff4d2a6;background:#05040ab3;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.hp-ascend-note{color:#fff4d261;text-align:center;font-size:10px}.hp-ascend-tier-preview{text-align:center;background:#05040ab3;border:1px solid #ffffff0f;border-radius:12px;padding:12px}.hp-ascend-preview-stars{justify-content:center;gap:4px;display:flex}.hp-ascend-btn{color:#fff4d2;cursor:pointer;letter-spacing:.5px;background:#05040ae6;border-style:solid;border-width:1px;border-radius:12px;width:100%;height:42px;font-size:13px;font-weight:900;transition:box-shadow .15s}.hp-ascend-btn--star:active,.hp-ascend-btn--tier:active{filter:brightness(1.2)}.hp-ascend-btn--awaken{letter-spacing:.1em;text-transform:uppercase}.hp-ascend-btn--awaken:active{filter:brightness(1.18);transform:scale(.98)}.hp-ascend-max{text-align:center;color:#fbbf24;padding:16px 0;font-size:13px;font-weight:800}.hp-ascend-rarity-note{color:#fff4d266;background:#05040a99;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:7px;margin-top:12px;padding:10px 12px;font-size:11px;display:flex}.hp-gear-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hp-gear-slot{aspect-ratio:1;background:#05040ae0;border:1px solid #ffcf6538;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.hp-gear-slot-icon{color:#ffcf654d;font-size:24px}.hp-gear-slot-label{color:#fff4d259;letter-spacing:.5px;font-size:9px;font-weight:700}.hp-levelup-info{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.hp-levelup-lv{color:#fff4d2;font-size:18px;font-weight:900}.hp-levelup-xp{color:#fff4d273;font-size:11px;font-weight:700}.hp-xp-track{background:#ffffff12;border-radius:99px;height:6px;margin-bottom:16px;position:relative;overflow:hidden}.hp-xp-fill{background:linear-gradient(90deg,#ffc94d,#ff8a00);border-radius:99px;height:100%;transition:width .3s}.hp-potion-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.hp-potion-btn{color:#ffc94d;cursor:pointer;background:#05040aeb;border:1px solid #ffcf6561;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:flex}.hp-potion-display{color:#fff4d2;background:#05040ae0;border:1px solid #ffcf6533;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px;font-size:13px;font-weight:800;display:flex}.hp-potion-sub{color:#ffcf658c;font-size:10px;font-weight:700}.hp-levelup-confirm{color:#fff4d2;cursor:pointer;background:linear-gradient(#2354ff,#112060);border:1px solid #648cff99;border-radius:12px;width:100%;height:44px;font-size:14px;font-weight:900}.hp-levelup-confirm:disabled{opacity:.35;pointer-events:none}.hp-roster{padding:8px 12px calc(12px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:8px;display:flex;overflow-x:auto}.hp-roster::-webkit-scrollbar{display:none}.hp-roster-card{cursor:pointer;background:linear-gradient(#0e0a16f5,#05040afa);border:1px solid #ffcf6533;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:68px;padding:6px 4px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.hp-roster-card--active{border-color:var(--card-colour,#ffcf65d9);box-shadow:0 0 0 1px var(--card-colour,#ffcf654d), 0 0 16px #ffb43233}.hp-roster-card--locked{filter:grayscale(.8)brightness(.55);pointer-events:none}.hp-roster-art{object-fit:contain;width:52px;height:52px;display:block}.hp-roster-lock{background:#0000008c;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.hp-roster-name{color:#fff4d2bf;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;font-weight:800;overflow:hidden}.hp-roster-stars{justify-content:center;gap:1px;display:flex}.hp-power-divider,.hp-coin-balance{display:none}.hp-art-zone{pointer-events:none;flex:1;justify-content:center;align-items:center;min-height:0;padding-bottom:0;display:flex}.hp-hero-art{object-fit:contain;width:auto;max-width:72%;max-height:100%;margin-bottom:0;animation:4s ease-in-out infinite heroFloat;display:block}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hp-back{color:#ffd978;cursor:pointer;background:#06040aeb;border:1px solid #ffcf6580;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:4px;font-size:15px;font-weight:900;display:flex;position:relative}.hp-power-label{color:#fff4d266;letter-spacing:2px;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1}.hp-power-val{color:#ffd978;text-shadow:0 0 14px #ffc83c59;letter-spacing:-.5px;font-size:24px;font-weight:900;line-height:1}.hp-back{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:4px;padding:0;display:flex}.hp-back:before,.hp-back:after{display:none}.hp-back img{object-fit:contain;filter:drop-shadow(0 2px 6px #000c);width:100%;height:100%;display:block}.hp-back:active img{transform:scale(.9)}.hp-info-strip{background:linear-gradient(#0a0712f5,#04030afa);border:1px solid #ffcf6533;border-radius:13px;flex-direction:column;flex-shrink:0;gap:7px;margin:0 12px 10px;padding:10px 14px;display:flex}.hp-level-row{justify-content:space-between;align-items:baseline;display:flex}.hp-level-label{color:#fff4d28c;font-size:12px;font-weight:700}.hp-level-label strong{color:#fff4d2;font-size:15px;font-weight:900}.hp-xp-text{color:#fff4d261;font-size:10px;font-weight:700}.hp-xp-bar-track{background:#ffffff12;border-radius:99px;height:5px;overflow:hidden}.hp-xp-bar-fill{background:linear-gradient(90deg,#ffc94d,#ff8a00);border-radius:99px;height:100%;transition:width .4s}.hp-strip-bottom{justify-content:center;align-items:center;gap:16px;display:flex}.hp-strip-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.hp-strip-label{color:#fff4d266;letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:700}.hp-strip-val{color:#fff4d2;font-size:18px;font-weight:900;line-height:1}.hp-strip-val--power{color:#ffd978;text-shadow:0 0 12px #ffc83c4d}.hp-strip-divider{background:#ffcf6526;width:1px;height:28px}.hp-actions{flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 12px 10px;display:grid}.hp-stats-grid{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.hp-stat-row{background:#05040ab3;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.hp-stat-left{align-items:center;gap:8px;display:flex}.hp-stat-icon{font-size:16px;line-height:1}.hp-stat-label{color:#fff4d299;letter-spacing:.5px;font-size:12px;font-weight:800}.hp-stat-value{letter-spacing:-.3px;font-size:16px;font-weight:900}.hp-stats-note{color:#fff4d24d;text-align:center;font-size:10px;font-weight:600}.hp-stats-meta{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:10px;padding:4px 2px 10px;display:flex}.hp-ascend-shards-row{background:#0000004d;border:1px solid #ffffff0f;border-radius:10px;flex-direction:row;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;display:flex}.hp-ascend-shard-item{align-items:center;gap:8px;font-family:Inter,Arial,sans-serif;font-size:12px;display:flex}.hp-ascend-shard-icon{flex-shrink:0;font-size:14px}.hp-ascend-shard-label{color:#fff4d280;flex:1;font-weight:600}.hp-ascend-shard-val{font-weight:800}.hp-ascend-insufficient{text-align:center;color:#f87171;margin-top:6px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.hp-ascend-cost-big{text-align:left;background:#0000004d;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;display:flex}.hp-ascend-cost-label{color:#fff4d266;letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.hp-ascend-cost-value{flex-shrink:0;font-family:Inter,Arial,sans-serif;font-size:26px;font-weight:900;line-height:1}.hp-ascend-cost-balance{color:#fff4d266;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600}.hp-ascend-cost-balance span{font-weight:800}.hp-gear-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.hp-gear-slot{aspect-ratio:1;cursor:pointer;background:#0000004d;border:1.5px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;transition:all .15s;display:flex;position:relative;overflow:hidden}.hp-gear-slot:active{transform:scale(.94)}.hp-gear-slot-img{object-fit:contain;width:60%;height:60%}.hp-gear-slot-empty{color:#fff3;font-size:22px;line-height:1}.hp-gear-slot-label{letter-spacing:.5px;color:#fff4d280;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.hp-gear-select-overlay{z-index:100;background:#000000bf;align-items:flex-end;display:flex;position:fixed;inset:0}.hp-gear-select-modal{width:100%;max-height:70vh;padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#130920,#07050f);border-top:1px solid #ffcf6533;border-radius:20px 20px 0 0;flex-direction:column;gap:10px;animation:.25s slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hp-gear-select-title{color:#fff4d2;letter-spacing:1px;text-align:center;font-size:16px;font-weight:800}.hp-gear-select-list{scrollbar-width:none;flex-direction:column;gap:8px;max-height:50vh;display:flex;overflow-y:auto}.hp-gear-select-list::-webkit-scrollbar{display:none}.hp-gear-select-item{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.hp-gear-select-item:active{opacity:.7}.hp-gear-select-img{object-fit:contain;flex-shrink:0;width:44px;height:44px}.hp-gear-select-info{flex:1}.hp-gear-select-equipped{color:#4ade80;letter-spacing:.5px;font-size:9px;font-weight:800}.hp-gear-select-unequip{color:#fca5a5;cursor:pointer;text-align:center;background:#f871711a;border:1px solid #f8717166;border-radius:10px;padding:10px;font-size:12px;font-weight:700}.hp-gear-select-empty{text-align:center;color:#fff4d259;padding:20px;font-family:Inter,Arial,sans-serif;font-size:12px}.hp-potion-selectors{flex-direction:column;gap:8px;margin:10px 0;display:flex}.hp-potion-selector{background:#00000040;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.hp-potion-img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.hp-potion-info{flex:1}.hp-potion-stepper{align-items:center;gap:8px;display:flex}.hp-potion-count{color:#fff4d2;text-align:center;min-width:24px;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:900}.hp-xp-fill-preview{background:#4ade8080;border-radius:99px;height:100%;transition:width .3s;position:absolute;top:0}.hp-levelup-preview{color:#fff4d299;text-align:center;margin-top:-4px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700}.hp-levelup-up{color:#4ade80;font-weight:800}.hp-levelup-total{text-align:center;color:#4ade80;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:800}.fm-screen{color:#fff;background:#08060f;flex-direction:column;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.fm-bg{z-index:0;background:radial-gradient(at 20% 10%,#8c3cdc21 0%,#0000 55%),radial-gradient(at 80% 80%,#ffa01e14 0%,#0000 50%),radial-gradient(#641eb40f 0%,#0000 70%),linear-gradient(#100c1a 0%,#08060f 100%);position:absolute;inset:0}.fm-screen>*{z-index:2;position:relative}.fm-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.fm-back{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.fm-back img{object-fit:contain;width:38px;height:38px;display:block}.fm-back:active img{transform:scale(.88)}.fm-title-block{flex-direction:column;align-items:center;gap:2px;display:flex}.fm-title-text{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(#fff8e0 0%,#ffd060 45%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #ffb42840);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900}.fm-subtitle{letter-spacing:1.5px;text-transform:uppercase;color:#ffdc8c73;font-size:9px;font-weight:600}.fm-power-bar{background:linear-gradient(135deg,#ffb41e1a 0%,#ffcf3c0f 100%);border:1px solid #ffcf3c52;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin:0 12px 10px;padding:10px 18px;display:flex;box-shadow:0 2px 16px #ffb41e1a,inset 0 1px #ffdc6414}.fm-power-icon{filter:drop-shadow(0 0 6px #ffb42899);font-size:16px;line-height:1}.fm-power-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffdc8299;font-size:10px;font-weight:800}.fm-power-value{letter-spacing:0;background:linear-gradient(#fff 0%,#ffe98a 30%,#f0a730 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #ffb4288c);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;line-height:1}.fm-body{padding:0 12px calc(20px + env(safe-area-inset-bottom));scrollbar-width:none;flex:1;overflow-y:auto}.fm-body::-webkit-scrollbar{display:none}.fm-arena{flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;padding:10px 0 14px;display:flex;position:relative}.fm-arena:before{display:none}.fm-arena-label{letter-spacing:2px;text-transform:uppercase;color:#ffcf654d;align-self:flex-start;margin-bottom:-6px;padding-left:4px;font-size:8px;font-weight:800}.fm-row{justify-content:center;gap:8px;width:100%;display:flex}.fm-row-label{text-align:center;letter-spacing:3px;text-transform:uppercase;color:#ffcf6547;align-items:center;gap:10px;width:100%;margin-bottom:-2px;padding:0 4px;font-size:8px;font-weight:900;display:flex}.fm-row-label:before,.fm-row-label:after{content:"";background:linear-gradient(90deg,#0000,#ffcf6526,#0000);flex:1;height:1px}.fm-slot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff08;border:1.5px dashed #ffcf6538;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:calc(50% - 5px);max-width:90px;min-height:70px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.fm-slot:active{transform:scale(.96)}.fm-slot[role=button]{cursor:pointer}.fm-slot[role=button]:active{transform:scale(.96)}.fm-slot--front{width:calc(50% - 5px);max-width:110px}.fm-slot--filled{background:#ffcf650a;border-style:solid;border-color:#ffcf6559}.fm-slot--filled:hover{border-color:#ffcf6599}.fm-slot[data-rarity=rare]{border-color:#4db8ff73}.fm-slot[data-rarity=epic]{border-color:#c084fc80}.fm-slot[data-rarity=legendary]{border-color:#fbbf2499}.fm-slot[data-rarity=mythic]{border-color:#f8404099}.fm-slot[data-rarity=ancient]{border-color:#ff8c1ad9;animation:2s ease-in-out infinite ancient-pulse;box-shadow:0 0 8px 2px #ff8c1a4d,inset 0 0 10px #ff8c1a0f}.fm-slot-empty{flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.fm-slot-plus{color:#ffcf6559;border:1.5px dashed #ffcf654d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:300;display:flex}.fm-slot-label{letter-spacing:.8px;text-transform:uppercase;color:#fff4d24d;text-align:center;font-size:9px;font-weight:700}.fm-slot-pos{letter-spacing:.5px;color:#ffcf6540;text-transform:uppercase;font-size:8px;font-weight:600}.fm-slot-hero{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.fm-slot-art-wrap{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.fm-slot-art-bg{opacity:.25;position:absolute;inset:0}.fm-slot-art{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:relative}.fm-slot-role-badge{z-index:3;background:#000c;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:1px;display:flex;position:absolute;top:3px;left:3px}.fm-slot-role-badge img{object-fit:contain;width:100%;height:100%;display:block}.fm-slot-remove{z-index:4;color:#fff;cursor:pointer;background:#f84040d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:9px;font-weight:900;line-height:1;display:flex;position:absolute;top:3px;right:3px}.fm-slot-remove:active{transform:scale(.85)}.fm-slot-info{background:#06040cf5;flex-direction:column;align-items:center;gap:0;width:100%;padding:3px 4px 5px;display:flex}.fm-slot-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000;width:100%;margin-bottom:1px;padding:0 2px;font-size:9px;font-weight:800;overflow:hidden}.fm-slot-power{color:#ffcf65cc;letter-spacing:.3px;font-size:8px;font-weight:700}.fm-slot-pos-tag{display:none}.fm-uses{background:linear-gradient(135deg,#ffcf650a 0%,#ffffff05 100%);border:1px solid #ffcf6524;border-radius:14px;margin-bottom:14px;padding:14px 16px 12px;box-shadow:inset 0 1px #ffdc640f}.fm-uses-title{letter-spacing:2.5px;text-transform:uppercase;color:#ffcf6573;align-items:center;gap:8px;margin-bottom:12px;font-size:8px;font-weight:900;display:flex}.fm-uses-title:before,.fm-uses-title:after{content:"";background:linear-gradient(90deg,#0000,#ffcf6533,#0000);flex:1;height:1px}.fm-uses-list{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.fm-uses-item{background:#ffcf650f;border:1px solid #ffcf6533;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;display:flex}.fm-uses-icon{font-size:11px;line-height:1}.fm-uses-name{color:#fff4d2cc;letter-spacing:.3px;font-size:10px;font-weight:800}.fm-uses-note{color:#fff4d247;text-align:center;letter-spacing:.1px;font-size:9px;font-weight:500;line-height:1.5}.fm-hint{text-align:center;color:#fff4d233;letter-spacing:.2px;padding:8px 0 4px;font-size:10px;font-weight:500;line-height:1.5}.fm-roster-overlay{z-index:100;background:#04020af0;flex-direction:column;animation:.18s fm-overlay-in;display:flex;position:fixed;inset:0}@keyframes fm-overlay-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fm-roster-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 8px;display:flex}.fm-roster-title{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(#fff8e0 0%,#ffd060 50%,#c87820 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:900}.fm-roster-close{color:#fff4d2b3;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.fm-roster-close:active{transform:scale(.9)}.fm-roster-hint{color:#fff4d247;text-align:center;flex-shrink:0;padding:0 12px 8px;font-size:10px}.fm-roster-grid-wrap{scrollbar-width:none;flex:1;padding:0 10px 20px;overflow-y:auto}.fm-roster-grid-wrap::-webkit-scrollbar{display:none}.fm-roster-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.fm-roster-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0e0a18;border:1px solid #ffffff1a;border-radius:9px;flex-direction:column;transition:transform .1s;display:flex;position:relative;overflow:hidden}.fm-roster-card:active{transform:scale(.9)}.fm-roster-card--selected{box-shadow:0 0 10px 2px #ffcf6540;border-color:#ffcf65a6!important}.fm-roster-card--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.fm-roster-card[data-rarity=rare]{border-color:#4db8ff73}.fm-roster-card[data-rarity=epic]{border-color:#c084fc80}.fm-roster-card[data-rarity=legendary]{border-color:#fbbf248c}.fm-roster-card[data-rarity=mythic]{border-color:#f840408c}.fm-roster-card[data-rarity=ancient]{border-color:#ff8c1acc}.fm-roster-art-area{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.fm-roster-art-bg{opacity:.25;position:absolute;inset:0}.fm-roster-art{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:relative}.fm-roster-role-badge{z-index:3;background:#000c;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:2px;display:flex;position:absolute;top:3px;left:3px}.fm-roster-role-badge img{object-fit:contain;width:100%;height:100%}.fm-roster-selected-tick{z-index:4;color:#3a2000;background:#ffcf65e6;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:900;display:flex;position:absolute;top:3px;right:3px}.fm-roster-card-bottom{background:#06040cf7;flex-direction:column;align-items:center;gap:1px;padding:3px 3px 5px;display:flex}.fm-roster-card-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:0 2px;font-size:9px;font-weight:800;overflow:hidden}.fm-roster-card-power{color:#ffcf65bf;font-size:8px;font-weight:700}.fm-roster-empty{text-align:center;color:#fff4d24d;grid-column:1/-1;padding:40px 20px;font-size:12px;font-weight:700}.fm-roster-tabs{scrollbar-width:none;flex-shrink:0;gap:6px;padding:0 12px 10px;display:flex;overflow-x:auto}.fm-roster-tabs::-webkit-scrollbar{display:none}.fm-roster-tab{color:#fff4d273;letter-spacing:.3px;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:99px;flex-shrink:0;height:26px;padding:0 11px;font-size:10px;font-weight:800;transition:all .12s}.fm-roster-tab:active{transform:scale(.93)}.fm-roster-tab--active{color:#fff4d2;background:#ffcf651a;border-color:#ffcf658c}.inv-screen{color:#fff;padding:12px 14px calc(28px + env(safe-area-inset-bottom));scrollbar-width:none;background:#07050f;font-family:Cinzel,serif;position:fixed;inset:0;overflow-y:auto}.inv-screen::-webkit-scrollbar{display:none}.inv-bg{z-index:0;pointer-events:none;background:radial-gradient(at 20% 0,#fbbf241a 0%,#0000 45%),radial-gradient(at 80% 20%,#c084fc1a 0%,#0000 45%),radial-gradient(at 50% 100%,#38bdf80f 0%,#0000 50%),linear-gradient(#110920 0%,#07050f 60%);position:fixed;inset:0}.inv-screen>:not(.inv-bg){z-index:1;position:relative}.inv-header{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-bottom:18px;display:grid}.inv-back{cursor:pointer;background:0 0;border:0;width:38px;height:38px;padding:0}.inv-back img{object-fit:contain;width:38px;height:38px;display:block}.inv-header h1{letter-spacing:2px;background:linear-gradient(#fff8e0 0%,#ffd060 45%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #ffb42833);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:22px;font-weight:700}.inv-header p{color:#fff4d266;letter-spacing:.3px;margin:3px 0 0;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600}.inv-coins{color:#fff4d2bf;background:#00000073;border:1px solid #fbbf244d;border-radius:999px;padding:7px 12px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;box-shadow:0 0 12px #fbbf2414}.inv-coins span{color:#ffd060}.inv-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.inv-tabs button{color:#fff4d266;letter-spacing:.8px;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;height:40px;font-family:Cinzel,serif;font-size:11px;font-weight:800;transition:all .15s}.inv-tabs button.active{color:#fff4d2;background:#fbbf241f;border-color:#fbbf248c;box-shadow:0 0 18px #fbbf241f,inset 0 1px #ffdc641a}.inv-controls{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.inv-slot-scroll{scrollbar-width:none;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.inv-slot-scroll::-webkit-scrollbar{display:none}.inv-slot-scroll button{color:#fff4d273;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:999px;flex:none;height:30px;padding:0 12px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;transition:all .12s}.inv-slot-scroll button.active{color:#fff4d2;background:#fbbf241f;border-color:#fbbf2499;box-shadow:0 0 10px #fbbf241a}.inv-sort-row{gap:7px;display:flex}.inv-sort-btn{color:#fff4d273;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:999px;height:30px;padding:0 12px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;transition:all .12s}.inv-sort-btn.active{color:#fff4d2;background:#c084fc1f;border-color:#c084fc8c}.inv-controls select{color:#fff4d2;background:#00000059;border:1px solid #ffffff1a;border-radius:10px;height:36px;padding:0 12px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700}.inv-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.inv-gear-card{aspect-ratio:1;border:1.5px solid var(--rarity);background:radial-gradient(circle at 50% 40%, var(--glow) 0%, transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--rarity) 22%, #18102a), #08060f 100%);box-shadow:0 0 10px var(--glow), inset 0 0 16px #ffffff0a;cursor:pointer;border-radius:14px;transition:transform .12s;position:relative;overflow:hidden}.inv-gear-card:active{transform:scale(.93)}.inv-gear-card:before{content:"";pointer-events:none;z-index:3;border:1px solid #ffffff12;border-radius:13px;position:absolute;inset:1px}.inv-gear-card[data-rarity=ancient]{animation:2s ease-in-out infinite ancientCardPulse}@keyframes ancientCardPulse{0%,to{border-color:#ff8c1ae6;box-shadow:0 0 10px #ff7b0080}50%{border-color:#ffc850;box-shadow:0 0 22px #ff7b00,0 0 40px #ffc85066}}.inv-gear-card-top{z-index:4;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:4px;left:4px;right:4px}.inv-gear-rarity{text-transform:uppercase;letter-spacing:.3px;color:var(--rarity);text-shadow:0 0 6px var(--rarity), 0 1px 3px #000000e6;text-overflow:ellipsis;white-space:nowrap;max-width:75%;font-family:Inter,Arial,sans-serif;font-size:6px;font-weight:900;line-height:1;overflow:hidden}.inv-lock-btn{cursor:pointer;z-index:5;background:#000000a6;border:1px solid #ffffff2e;border-radius:5px;flex-shrink:0;place-items:center;width:16px;height:16px;padding:0;font-size:8px;line-height:1;transition:all .12s;display:grid}.inv-lock-btn.locked{border-color:#fbbf2499;box-shadow:0 0 8px #fbbf2440}.inv-gear-icon{z-index:1;justify-content:center;align-items:center;padding:14px 6px 16px;display:flex;position:absolute;inset:0}.inv-gear-icon img{object-fit:contain;filter:drop-shadow(0 2px 8px #000c);width:100%;height:100%;display:block}.inv-gear-card h3{color:#fff4d2e6;text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;z-index:4;background:linear-gradient(#0000 0%,#000000b3 100%);margin:0;padding:8px 4px 4px;font-family:Inter,Arial,sans-serif;font-size:6.5px;font-weight:700;line-height:1;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.inv-empty,.inv-coming-soon{text-align:center;color:#fff4d266;background:#0003;border:1px dashed #ffffff1f;border-radius:16px;grid-column:1/-1;padding:32px 16px;font-family:Inter,Arial,sans-serif;font-weight:700}.inv-coming-soon h2{color:#fff4d2;margin:0 0 6px;font-family:Cinzel,serif;font-size:16px}.inv-coming-soon p{margin:0;font-size:12px}.inv-detail-overlay{background:#000000b8;place-items:center;width:100vw;height:100dvh;padding:18px;display:grid;z-index:99999!important;position:fixed!important;inset:0!important}.inv-detail-modal{width:calc(100vw - 36px);max-width:420px;max-height:88dvh;box-shadow:0 18px 60px #000000d9, 0 0 40px var(--glow);color:#fff4d2;background:linear-gradient(#1a1030 0%,#100820 40%,#07050f 100%);border:1px solid #ffffff1a;border-radius:28px;padding:28px 20px 36px;overflow-y:auto;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.inv-detail-modal:before{content:"";background:#fff3;border-radius:2px;width:40px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.inv-detail-modal:after{content:"";background:linear-gradient(90deg, transparent, var(--rarity), transparent);border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:15%;right:15%}.inv-detail-close{color:#fff4d280;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:30px;height:30px;font-size:16px;transition:all .12s;display:grid;position:absolute;top:16px;right:16px}.inv-detail-close:hover{color:#fff4d2;background:#ffffff1f}.inv-detail-rarity{text-transform:uppercase;letter-spacing:3px;color:var(--rarity);text-shadow:0 0 12px var(--rarity);text-align:center;margin-bottom:16px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:900}.inv-detail-hero{border-bottom:1px solid #ffffff12;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.inv-detail-icon{border:1.5px solid var(--rarity);background:radial-gradient(circle at 50% 40%, var(--glow), transparent 70%), #00000080;width:72px;height:72px;box-shadow:0 0 24px var(--glow), inset 0 0 12px #ffffff0a;border-radius:20px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.inv-detail-icon img{object-fit:contain;filter:drop-shadow(0 2px 8px #0009);width:80%;height:80%}.inv-detail-modal h2{color:#fff4d2;letter-spacing:.5px;margin:0;font-family:Cinzel,serif;font-size:22px;font-weight:700;line-height:1.2}.inv-detail-main-stat{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;font-family:Inter,Arial,sans-serif;display:flex;box-shadow:inset 0 1px #ffffff0d}.inv-detail-main-stat span{color:#fff4d273;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:800}.inv-detail-main-stat strong{color:var(--rarity);text-shadow:0 0 12px var(--rarity);font-size:22px;font-weight:900}.inv-detail-owned{text-align:center;color:#ff7b00;background:#ff7b001a;border:1px solid #ff7b004d;border-radius:8px;margin-bottom:8px;padding:5px 12px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800}.inv-detail-substats{flex-direction:column;gap:4px;margin-bottom:20px;display:flex}.inv-detail-substats div{color:#fff4d280;background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 14px;font-family:Inter,Arial,sans-serif;font-size:12px;display:flex}.inv-detail-substats strong{color:#c084fc;font-weight:800}.inv-detail-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.inv-detail-actions button{color:#fff4d2;cursor:pointer;letter-spacing:.3px;background:#ffcf6514;border:1px solid #ffcf654d;border-radius:14px;height:50px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:900;transition:all .12s}.inv-detail-actions button:active{transform:scale(.97)}.inv-detail-actions button.lock-active{background:#fbbf2426;border-color:#fbbf2499;box-shadow:0 0 14px #fbbf241f}.inv-detail-actions button.danger{color:#fca5a5;background:#f8717114;border-color:#f8717159}.inv-detail-actions button:disabled{opacity:.25;cursor:not-allowed}.inv-mat-list{flex-direction:column;gap:8px;display:flex}.inv-mat-card{border:1px solid color-mix(in srgb, var(--col) 30%, transparent);box-shadow:0 0 10px color-mix(in srgb, var(--glow) 30%, transparent);background:#0000004d;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.inv-mat-icon{filter:drop-shadow(0 0 6px var(--glow));flex-shrink:0;font-size:28px}.inv-mat-info{flex:1}.inv-mat-name{color:#fff4d2;letter-spacing:.3px;font-size:13px;font-weight:700}.inv-mat-desc{color:#fff4d266;margin-top:2px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600}.inv-mat-amount{flex-shrink:0;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900}.inv-mat-empty{text-align:center;color:#fff4d266;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:700;display:flex}.inv-mat-empty-icon{opacity:.4;font-size:40px}.inv-mat-empty-sub{max-width:240px;font-size:11px;font-weight:600;line-height:1.5}.qst-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.qst-bg{z-index:0;pointer-events:none;filter:brightness(.38)saturate(1.3);background-image:url(/images/heroes-bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.qst-bg:before{content:"";background:radial-gradient(85% 50% at 50% 0,#6d28d98c 0%,#0000 58%),radial-gradient(65% 40% at 12% 20%,#b453096b 0%,#0000 52%),radial-gradient(60% 35% at 88% 18%,#5b21b661 0%,#0000 50%),radial-gradient(90% 55% at 50% 110%,#050a1ee6 0%,#0000 62%),linear-gradient(#0804144d 0%,#06040ebf 50%,#04020af7 100%);position:absolute;inset:0}.qst-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 7% 5%,#fff4d2f2 0%,#0000 100%),radial-gradient(1px 1px at 21% 3%,#fff4d2a6 0%,#0000 100%),radial-gradient(2px 2px at 36% 7%,#ffdc64e6 0%,#0000 100%),radial-gradient(1px 1px at 52% 2%,#fff4d28c 0%,#0000 100%),radial-gradient(1.5px 1.5px at 66% 9%,#fff4d2bf 0%,#0000 100%),radial-gradient(1px 1px at 78% 4%,#ffc850cc 0%,#0000 100%),radial-gradient(2px 2px at 93% 11%,#fff4d2d9 0%,#0000 100%),radial-gradient(1px 1px at 13% 17%,#fff4d273 0%,#0000 100%),radial-gradient(1px 1px at 44% 13%,#fff4d261 0%,#0000 100%),radial-gradient(1.5px 1.5px at 71% 19%,#ffdc6499 0%,#0000 100%),radial-gradient(1px 1px at 29% 23%,#fff4d252 0%,#0000 100%),radial-gradient(1px 1px at 84% 25%,#fff4d26b 0%,#0000 100%),radial-gradient(1px 1px at 4% 30%,#fff4d247 0%,#0000 100%),radial-gradient(1.5px 1.5px at 58% 27%,#fff4d27a 0%,#0000 100%);animation:5s ease-in-out infinite alternate starsTwinkle;position:absolute;inset:0}@keyframes starsTwinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}.qst-orb{pointer-events:none;z-index:0;filter:blur(90px);border-radius:50%;position:fixed}.qst-orb--gold{opacity:.32;background:radial-gradient(circle at 40% 35%,#d97706,#92400e 55%,#0000);width:360px;height:360px;animation:10s ease-in-out infinite alternate orbFloat;top:-80px;left:-70px}.qst-orb--purple{opacity:.26;background:radial-gradient(circle at 55% 45%,#7c3aed,#4c1d95 55%,#0000);width:300px;height:300px;animation:13s ease-in-out infinite alternate-reverse orbFloat;bottom:20px;right:-70px}.qst-orb--blue{opacity:.16;background:radial-gradient(circle,#1d4ed8,#1e3a8a 55%,#0000);width:240px;height:240px;animation:16s ease-in-out infinite alternate orbFloat;top:38%;left:45%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(20px,16px)scale(1.07)}}.qst-vignette{z-index:0;pointer-events:none;background:radial-gradient(88% 78% at 50% 38%,#0000 32%,#020108b8 100%);position:fixed;inset:0}.qst-screen>:not(.qst-bg):not(.qst-orb):not(.qst-vignette){z-index:1;position:relative}.qst-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.qst-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;place-items:center;width:42px;height:42px;padding:0;font-size:24px;display:grid}.qst-back img{object-fit:contain;width:38px;height:38px;display:block}.qst-heading{letter-spacing:3px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px #ffbe2880);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:24px;font-weight:700}.qst-tabs{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:7px;padding:14px 16px 0;display:grid}.qst-tab{color:#fff4d259;letter-spacing:1.2px;cursor:pointer;background:#00000059;border:1px solid #ffffff14;border-radius:13px;height:44px;font-family:Cinzel,serif;font-size:11px;font-weight:700;transition:all .18s;position:relative}.qst-tab--active{color:#fff4d2;background:linear-gradient(#fbbf242e,#fbbf240f);border-color:#fbbf248c;box-shadow:0 0 22px #fbbf2426,inset 0 1px #ffe6782e}.qst-tab--active:after{content:"";background:linear-gradient(90deg,#0000,#ffd060 40% 60%,#0000);border-radius:1px 1px 0 0;height:2px;position:absolute;bottom:0;left:18%;right:18%}.qst-scroll{scrollbar-width:none;flex:1;padding-bottom:32px;overflow-y:auto}.qst-scroll::-webkit-scrollbar{display:none}.qst-content-inner{flex-direction:column;gap:8px;padding:12px 16px 0;display:flex}.qst-timer-bar{background:#0006;border:1px solid #fbbf2438;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;box-shadow:inset 0 1px #ffe67814}.qst-timer-bar--purple{border-color:#c084fc38;box-shadow:inset 0 1px #d2a0ff14}.qst-timer-bar-label{letter-spacing:.3px;color:#fff4d28c;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700}.qst-timer-bar-value{letter-spacing:2px;color:#fcd34d;text-shadow:0 0 14px #fcd34da6;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:900}.qst-timer-bar--purple .qst-timer-bar-value{color:#d8b4fe;text-shadow:0 0 14px #c084fc8c}.qst-special-notice{letter-spacing:1.5px;text-transform:uppercase;color:#fff4d259;background:#0000004d;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;display:flex}.qst-special-star{color:#fbbf24;opacity:.65;font-size:13px}.qst-list{flex-direction:column;gap:6px;display:flex}.qst-row{background:linear-gradient(145deg,#ffffff0e 0%,#00000073 100%);border:1px solid #ffffff17;border-radius:14px;grid-template-columns:44px 1fr 60px;align-items:center;gap:10px;padding:10px 12px 10px 10px;transition:border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 14px #0006,inset 0 1px #ffffff12}.qst-row:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.qst-row:after{content:"";background:#38bdf866;border-radius:0 2px 2px 0;width:3px;position:absolute;top:12%;bottom:12%;left:0;box-shadow:0 0 8px #38bdf84d}.qst-row--ready{background:radial-gradient(at 0%,#fbbf241f,#0000 55%),linear-gradient(145deg,#fbbf2417,#0000006b);border-color:#fbbf2461;box-shadow:0 0 20px #fbbf241f,0 2px 14px #00000059,inset 0 1px #ffe16e24}.qst-row--ready:after{background:#fbbf24a6;box-shadow:0 0 10px #fbbf2473}.qst-row--claimed{opacity:.35;filter:saturate(.4)}.qst-row-icon-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.qst-row-icon{filter:drop-shadow(0 2px 6px #00000080);font-size:22px;line-height:1}.qst-row-icon-img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000080);width:38px;height:38px}.qst-row-cat{text-transform:uppercase;letter-spacing:.4px;color:#fff4d240;text-align:center;font-family:Inter,Arial,sans-serif;font-size:6.5px;font-weight:900}.qst-row-body{flex-direction:column;gap:5px;min-width:0;display:flex}.qst-row-title{color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;text-align:left;margin:0;font-family:Inter,Arial,sans-serif;font-size:12.5px;font-weight:700;line-height:1.25;overflow:hidden}.qst-row-desc{color:#fff4d261;margin:0;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600}.qst-row-bottom{flex-direction:column;gap:5px;display:flex}.qst-row-rewards{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.qst-chip{background:#00000073;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:3px 7px;display:flex;position:relative}.qst-chip--gems{background:linear-gradient(135deg,#173e948c,#11307866);border-color:#3b82f659;box-shadow:0 0 8px #2563eb1f,inset 0 1px #60a5fa26}.qst-chip--scroll{background:linear-gradient(135deg,#7835098c,#5c280866);border-color:#b4530961;box-shadow:0 0 8px #b453091f,inset 0 1px #d977062e}.qst-chip--spxp{background:linear-gradient(135deg,#3658088c,#28440666);border-color:#65a30d59;box-shadow:0 0 8px #65a30d1a,inset 0 1px #84cc1626}.qst-chip--chest{background:linear-gradient(135deg,#4c1d958c,#3b167466);border-color:#7c3aed61;box-shadow:0 0 8px #6d28d91f,inset 0 1px #8b5cf62e}.qst-chip-img{object-fit:contain;flex-shrink:0;width:13px;height:13px}.qst-chip-emoji{flex-shrink:0;font-size:12px;line-height:1}.qst-chip-text{white-space:nowrap;letter-spacing:.1px;font-family:Inter,Arial,sans-serif;font-size:10.5px;font-weight:900}.qst-chip--gems .qst-chip-text{color:#7eb8f7}.qst-chip--scroll .qst-chip-text{color:#dba566}.qst-chip--spxp .qst-chip-text{color:#8dc54b}.qst-chip--chest .qst-chip-text{color:#a78bfa}.qst-chip:not(.qst-chip--gems):not(.qst-chip--scroll):not(.qst-chip--spxp):not(.qst-chip--chest) .qst-chip-text{color:#ffe4a0}.qst-compact-rewards{align-items:center;gap:10px;display:flex}.qst-compact-chip{align-items:center;gap:5px;display:flex}.qst-compact-img{object-fit:contain;width:20px;height:20px}.qst-compact-emoji{font-size:13px;line-height:1}.qst-compact-val{color:#f5f5f5;font-family:Arial,sans-serif;font-size:15px;font-weight:700}.qst-chest-btn{color:#c4b5fd;cursor:pointer;background:linear-gradient(135deg,#4c1d9566,#3b167440);border:1px solid #7c3aed66;border-radius:9px;align-self:flex-start;align-items:center;gap:6px;width:auto;padding:5px 10px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;transition:all .14s;display:inline-flex;box-shadow:0 0 10px #6d28d91f,inset 0 1px #8b5cf626}.qst-chest-btn:active{transform:scale(.96)}.qst-popup-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qst-popup{text-align:center;background:linear-gradient(160deg,#1a0f35,#0f0820);border:1px solid #7c3aed73;border-radius:22px;width:100%;max-width:300px;padding:22px 18px 20px;animation:.2s popupIn;box-shadow:0 0 40px #6d28d940,inset 0 1px #a78bfa26}@keyframes popupIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.qst-popup-chest-img-wrap{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.qst-popup-chest-img{object-fit:contain;filter:drop-shadow(0 0 16px #fbbf2473);width:90px;height:90px}.qst-popup-chest-fallback{filter:drop-shadow(0 0 12px #fbbf2466);font-size:60px;line-height:1}.qst-popup-title{letter-spacing:.5px;margin-bottom:4px;font-family:Cinzel,serif;font-size:17px;font-weight:700}.qst-popup-sub{text-transform:uppercase;letter-spacing:2px;color:#fff4d24d;margin-bottom:14px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900}.qst-popup-slots{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.qst-popup-slot:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 3px);margin:0 auto}.qst-popup-slot{color:#fff4d2b3;background:#ffffff0d;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 10px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;display:flex}.qst-popup-slot-img{object-fit:contain;width:32px;height:32px}.qst-popup-note{color:#fbbf2480;letter-spacing:.5px;margin-bottom:16px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.qst-popup-close{color:#fff4d28c;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:100%;height:42px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:800;transition:all .12s}.qst-popup-close:active{background:#ffffff1a}.qst-progress-row{align-items:center;gap:7px;display:flex}.qst-bar{background:#ffffff14;border:1px solid #ffffff0d;border-radius:4px;flex:1;height:7px;overflow:hidden}.qst-bar-fill{background:linear-gradient(90deg,#1e40af,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .5s;box-shadow:0 0 10px #60a5fa8c}.qst-row--ready .qst-bar-fill{background:linear-gradient(90deg,#92400e,#d97706,#fcd34d);box-shadow:0 0 10px #fcd34d99}.qst-bar-label{color:#fff4d28c;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900}.qst-row-cta{justify-content:flex-end;align-items:center;display:flex}.qst-btn{letter-spacing:.4px;cursor:pointer;border:none;border-radius:10px;place-items:center;min-width:60px;height:34px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900;transition:all .14s;display:grid}.qst-btn--go{color:#dbeafe;background:linear-gradient(160deg,#1e3a8a,#1d4ed8,#3b82f6);border:1px solid #60a5fa73;box-shadow:0 3px 12px #1d4ed866,inset 0 1px #93c5fd38}.qst-btn--go:active{transform:scale(.94)}.qst-btn--go-inactive{opacity:.45;cursor:default}.qst-btn--claim{color:#1c0900;background:linear-gradient(160deg,#78350f,#b45309,#f59e0b,#fde68a);border:1px solid #fbbf2499;box-shadow:0 3px 16px #d9770673,0 6px 28px #fbbf242e,inset 0 1px #fff5a066}.qst-btn--claim:active{transform:scale(.94)}.qst-btn--done{color:#fff4d247;cursor:default;letter-spacing:.8px;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff12;font-size:10px}.qst-completion-chest{opacity:.6;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 4px;padding:12px 14px;display:flex}.qst-completion-chest--ready{opacity:1;background:linear-gradient(135deg,#fbbf241f,#b4530914);border-color:#fbbf248c;animation:2s ease-in-out infinite chest-pulse;box-shadow:0 0 20px #fbbf241f}@keyframes chest-pulse{0%,to{box-shadow:0 0 20px #fbbf241f}50%{box-shadow:0 0 30px #fbbf2440}}.qst-completion-chest-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.qst-completion-chest-icon{filter:drop-shadow(0 0 8px #fbbf2466);flex-shrink:0;font-size:28px}.qst-completion-chest-title{color:#fff4d2b3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800}.qst-completion-chest-rewards{flex-wrap:wrap;gap:6px;display:flex}.qst-completion-chip{color:#fff4d2cc;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;display:flex}.qst-completion-chip-img{object-fit:contain;width:13px;height:13px}.qst-completion-chest-cta{flex-shrink:0}.qst-completion-lock{color:#fff4d259;background:#0000004d;border:1px solid #ffffff14;border-radius:8px;padding:5px 10px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800}.frd-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.frd-bg{z-index:0;pointer-events:none;filter:brightness(.16)saturate();background-image:url(/images/heroes-bg.png);background-position:top;background-size:cover;position:fixed;inset:0}.frd-bg:before{content:"";background:radial-gradient(90% 55% at 50% 0,#6d28d98c 0%,#0000 55%),radial-gradient(70% 45% at 0 40%,#4c1d9559 0%,#0000 50%),radial-gradient(70% 45% at 100% 40%,#b453094d 0%,#0000 50%),radial-gradient(90% 55% at 50% 110%,#03010cfc 0%,#0000 60%),linear-gradient(#05020e80 0%,#04020cd9 55%,#03010a 100%);position:absolute;inset:0}.frd-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 12% 6%,#fff4d2cc 0%,#0000 100%),radial-gradient(2px 2px at 42% 8%,#ffdc64bf 0%,#0000 100%),radial-gradient(1px 1px at 71% 5%,#fff4d28c 0%,#0000 100%),radial-gradient(2px 2px at 88% 12%,#fff4d2b3 0%,#0000 100%),radial-gradient(1px 1px at 28% 4%,#fff4d280 0%,#0000 100%);animation:5s ease-in-out infinite alternate frdStar;position:absolute;inset:0}@keyframes frdStar{0%{opacity:.4}50%{opacity:1}to{opacity:.5}}.frd-orb{pointer-events:none;z-index:0;filter:blur(100px);border-radius:50%;position:fixed}.frd-orb--purple{opacity:.3;background:radial-gradient(circle,#6d28d9,#4c1d95 55%,#0000);width:380px;height:380px;animation:12s ease-in-out infinite alternate frdOrb;top:-100px;right:-80px}.frd-orb--gold{opacity:.22;background:radial-gradient(circle,#d97706,#92400e 55%,#0000);width:300px;height:300px;animation:15s ease-in-out infinite alternate-reverse frdOrb;bottom:0;left:-80px}@keyframes frdOrb{0%{transform:translate(0)}to{transform:translate(16px,12px)}}.frd-vignette{z-index:0;pointer-events:none;background:radial-gradient(85% 75% at 50% 35%,#0000 28%,#020108cc 100%);position:fixed;inset:0}.frd-screen>:not(.frd-bg):not(.frd-orb):not(.frd-vignette){z-index:1;position:relative}.frd-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 16px 0;display:flex}.frd-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.frd-back img{object-fit:contain;width:38px;height:38px;display:block}.frd-header-center{text-align:center;flex:1}.frd-title{letter-spacing:3px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #ffbe2880);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:24px;font-weight:700}.frd-subtitle{text-transform:uppercase;letter-spacing:2px;color:#fff4d259;margin-top:7px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.frd-scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:12px;padding:14px 16px 28px;display:flex;overflow-y:auto}.frd-scroll::-webkit-scrollbar{display:none}.frd-invite-card{background:radial-gradient(100% 60% at 50% 0,#6d28d947,#0000 65%),linear-gradient(160deg,#8b5cf624,#0009);border:1px solid #8b5cf680;border-radius:20px;padding:20px 18px;position:relative;box-shadow:0 0 40px #6d28d938,0 0 14px #8b5cf61a,inset 0 1px #c4b5fd26}.frd-invite-shimmer-top{pointer-events:none;background:linear-gradient(90deg,#0000,#c4b5fd59,#0000);height:1px;position:absolute;top:0;left:8%;right:8%}.frd-invite-shimmer-bot{pointer-events:none;background:linear-gradient(90deg,#0000,#8b5cf633,#0000);height:1px;position:absolute;bottom:0;left:15%;right:15%}.frd-invite-icon{text-align:center;margin-bottom:4px;font-size:28px}.frd-invite-title-text{letter-spacing:2px;text-align:center;background:linear-gradient(#fff8e0 0%,#ffd060 50%,#c87820 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-family:Cinzel Decorative,Cinzel,serif;font-size:17px;font-weight:700}.frd-invite-desc{color:#c4b5fd99;text-align:center;margin-bottom:18px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.55}.frd-btn-invite{color:#ffd060;letter-spacing:1px;cursor:pointer;background:linear-gradient(#fbbf244d 0%,#a050003d 100%);border:1px solid #fbbf24a6;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-bottom:10px;font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 0 24px #fbbf2438,0 2px 10px #00000073,inset 0 1px #ffeb8233}.frd-btn-invite:active{opacity:.85;transform:scale(.98)}.frd-btn-copy{color:#fff4d28c;letter-spacing:.6px;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:100%;height:42px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700;transition:opacity .15s,transform .1s,border-color .2s,color .2s;display:flex}.frd-btn-copy:active{opacity:.8;transform:scale(.98)}.frd-btn-copy--done{color:#86efacd9!important;border-color:#86efac73!important}.frd-stats-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.frd-stat-card{text-align:center;background:linear-gradient(160deg,#ffffff0f,#00000073);border:1px solid #ffffff14;border-radius:14px;padding:14px 8px 12px}.frd-stat-val{background:linear-gradient(#fff8e0 0%,#ffd060 60%,#c87820 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:20px;font-weight:700;line-height:1.1}.frd-stat-label{text-transform:uppercase;letter-spacing:1.5px;color:#fff4d24d;margin-top:5px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.frd-progress-card{background:linear-gradient(160deg,#ffffff0f,#00000073);border:1px solid #ffffff14;border-radius:16px;padding:14px 16px}.frd-progress-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.frd-progress-label{letter-spacing:1px;color:#fff4d273;text-transform:uppercase;font-family:Cinzel,serif;font-size:10px;font-weight:700}.frd-progress-target{color:#fff4d266;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800}.frd-progress-bar-track{background:#ffffff14;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.frd-progress-bar-fill{background:linear-gradient(90deg,#8b5cf6b3,#c4b5fde6);border-radius:3px;height:100%;transition:width .4s;box-shadow:0 0 8px #8b5cf680}.frd-progress-reward{align-items:center;gap:8px;display:flex}.frd-progress-reward-img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000080);width:28px;height:28px}.frd-progress-reward-name{color:#fff4d2a6;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800}.frd-code-row{justify-content:center;align-items:center;gap:10px;display:flex}.frd-code-label{text-transform:uppercase;letter-spacing:2px;color:#fff4d238;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.frd-code-val{color:#c4b5fd61;letter-spacing:1.5px;font-family:Cinzel,serif;font-size:10px;font-weight:700}.frd-section-head{align-items:center;gap:8px;display:flex}.frd-section-line{background:linear-gradient(90deg,#0000,#ffd75038,#0000);flex:1;height:1px}.frd-section-gem{background:#ffd75080;flex-shrink:0;width:5px;height:5px;transform:rotate(45deg);box-shadow:0 0 5px #ffd75059}.frd-section-title{letter-spacing:3px;text-transform:uppercase;color:#ffd750a6;white-space:nowrap;font-family:Cinzel,serif;font-size:9px;font-weight:700}.frd-milestones{flex-direction:column;gap:6px;display:flex}.frd-milestone{background:linear-gradient(135deg,#ffffff0d,#0006);border:1px solid #ffffff12;border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:11px 14px;display:grid}.frd-milestone--claimed{background:linear-gradient(135deg,#86efac12,#00000080);border-color:#86efac33}.frd-milestone-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.frd-milestone-img{object-fit:contain;filter:drop-shadow(0 2px 8px #0000008c);width:40px;height:40px}.frd-milestone-emoji{font-size:28px;line-height:1}.frd-milestone-info{flex-direction:column;gap:2px;display:flex}.frd-milestone-name{color:#fff4d2cc;letter-spacing:.5px;font-family:Cinzel,serif;font-size:11px;font-weight:700}.frd-milestone-req{color:#fff4d24d;text-transform:uppercase;letter-spacing:.8px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.frd-milestone-badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:4px 9px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800}.frd-milestone-badge--locked{color:#fff4d247;background:#ffffff0f;border:1px solid #ffffff14}.frd-milestone-badge--claimed{color:#86efacbf;background:#86efac1f;border:1px solid #86efac40}.frd-milestone-badge--claim{color:#ffd060;cursor:pointer;background:linear-gradient(#fbbf244d,#a050003d);border:1px solid #fbbf248c;transition:opacity .15s,transform .1s;box-shadow:0 0 10px #fbbf242e}.frd-milestone-badge--claim:active{opacity:.8;transform:scale(.95)}.frd-milestone--ready{background:linear-gradient(135deg,#fbbf2414,#00000073);border-color:#fbbf2447;box-shadow:0 0 14px #fbbf2414}.frd-milestone--flash{animation:.6s frdFlash}@keyframes frdFlash{0%{background:linear-gradient(135deg,#fbbf2440,#0000004d)}60%{background:linear-gradient(135deg,#86efac2e,#0006)}to{background:linear-gradient(135deg,#86efac12,#00000080)}}.frd-progress-card--complete{background:linear-gradient(135deg,#86efac14,#00000073);border:1px solid #86efac38;border-radius:16px;justify-content:center;align-items:center;padding:16px;display:flex}.frd-progress-complete-text{letter-spacing:1px;color:#86efacb3;font-family:Cinzel,serif;font-size:11px;font-weight:700}.frd-milestone--gem .frd-milestone-name{color:#93c5fdd9}.frd-milestone--scroll .frd-milestone-name{color:#c4b5fdd9}.frd-milestone--epic .frd-milestone-name{color:#d8b4fed9}.frd-milestone--legendary .frd-milestone-name{background:linear-gradient(90deg,#ffd060,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.frd-milestone--mythic .frd-milestone-name{background:linear-gradient(90deg,#f0abfc,#c084fc,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.frd-list{flex-direction:column;gap:6px;display:flex}.frd-empty{text-align:center;background:linear-gradient(160deg,#ffffff0a,#0006);border:1px solid #ffffff12;border-radius:16px;padding:24px 16px}.frd-empty-icon{opacity:.35;margin-bottom:8px;font-size:32px}.frd-empty-text{color:#fff4d247;text-transform:uppercase;letter-spacing:1.5px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.frd-friend-card{background:linear-gradient(135deg,#ffffff0f,#00000073);border:1px solid #ffffff14;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.frd-friend-avatar{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid;overflow:hidden}.frd-friend-avatar img{object-fit:cover;width:100%;height:100%}.frd-friend-info{flex-direction:column;gap:3px;display:flex}.frd-friend-name{color:#fff4d2d9;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800}.frd-friend-power{color:#fff4d259;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.frd-friend-status{align-items:center;gap:4px;margin-top:2px;display:flex}.frd-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.frd-status-dot--online{background:#4ade80;box-shadow:0 0 5px #4ade8099}.frd-status-dot--offline{background:#fff3}.frd-status-text{text-transform:uppercase;letter-spacing:1px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.frd-status-text--online{color:#4ade80bf}.frd-status-text--offline{color:#fff4d240}.frd-view-btn{letter-spacing:.8px;text-transform:uppercase;color:#c4b5fdb3;cursor:pointer;white-space:nowrap;background:#8b5cf61f;border:1px solid #8b5cf666;border-radius:8px;height:30px;padding:0 10px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;transition:opacity .15s}.frd-view-btn:active{opacity:.7}.frd-coming-soon{background:linear-gradient(160deg,#ffffff0a,#00000073);border:1px solid #ffffff12;border-radius:16px;padding:16px 16px 14px}.frd-cs-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.frd-cs-title{letter-spacing:1.5px;color:#fff4d273;font-family:Cinzel,serif;font-size:11px;font-weight:700}.frd-cs-badge{letter-spacing:1px;text-transform:uppercase;color:#c4b5fd99;background:#8b5cf62e;border:1px solid #8b5cf640;border-radius:6px;padding:3px 8px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800}.frd-cs-items{flex-direction:column;gap:6px;display:flex}.frd-cs-item{align-items:center;gap:10px;display:flex}.frd-cs-dot{background:#ffd75059;border-radius:50%;flex-shrink:0;width:4px;height:4px}.frd-cs-text{color:#fff4d240;letter-spacing:.5px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.sdg-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.sdg-bg{z-index:0;pointer-events:none;filter:brightness(.18)saturate(.8);background-image:url(/images/heroes-bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.sdg-bg:before{content:"";background:radial-gradient(85% 50% at 50% 0,#501ea099 0%,#0000 58%),radial-gradient(65% 40% at 12% 20%,#8c3c0573 0%,#0000 52%),radial-gradient(60% 35% at 88% 18%,#3c14826b 0%,#0000 50%),radial-gradient(90% 55% at 50% 110%,#03010cfa 0%,#0000 62%),linear-gradient(#05020eb3 0%,#04020ce0 50%,#03010afc 100%);position:absolute;inset:0}.sdg-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 7% 5%,#fff4d2e6 0%,#0000 100%),radial-gradient(2px 2px at 36% 7%,#ffdc64d9 0%,#0000 100%),radial-gradient(1px 1px at 66% 9%,#fff4d2b3 0%,#0000 100%),radial-gradient(2px 2px at 93% 11%,#fff4d2cc 0%,#0000 100%),radial-gradient(1px 1px at 21% 3%,#fff4d299 0%,#0000 100%),radial-gradient(1.5px 1.5px at 71% 19%,#ffdc648c 0%,#0000 100%),radial-gradient(1px 1px at 44% 13%,#fff4d259 0%,#0000 100%);animation:5s ease-in-out infinite alternate sdgTwinkle;position:absolute;inset:0}@keyframes sdgTwinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}.sdg-orb{pointer-events:none;z-index:0;filter:blur(90px);border-radius:50%;position:fixed}.sdg-orb--gold{opacity:.32;background:radial-gradient(circle at 40% 35%,#d97706,#92400e 55%,#0000);width:360px;height:360px;animation:10s ease-in-out infinite alternate sdgOrb;top:-80px;left:-70px}.sdg-orb--purple{opacity:.26;background:radial-gradient(circle at 55% 45%,#7c3aed,#4c1d95 55%,#0000);width:300px;height:300px;animation:13s ease-in-out infinite alternate-reverse sdgOrb;bottom:20px;right:-70px}@keyframes sdgOrb{0%{transform:translate(0)scale(1)}to{transform:translate(20px,16px)scale(1.07)}}.sdg-vignette{z-index:0;pointer-events:none;background:radial-gradient(88% 78% at 50% 38%,#0000 32%,#020108b8 100%);position:fixed;inset:0}.sdg-screen>:not(.sdg-bg):not(.sdg-orb):not(.sdg-vignette){z-index:1;position:relative}.sdg-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.sdg-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;place-items:center;width:42px;height:42px;padding:0;font-size:24px;display:grid}.sdg-back img{object-fit:contain;width:38px;height:38px;display:block}.sdg-header-center{text-align:center}.sdg-header-eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:#fff4d259;margin-bottom:2px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900}.sdg-heading{letter-spacing:2px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #ffbe2880);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:22px;font-weight:700}.sdg-streak{background:#00000061;border:1px solid #fbbf2438;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;margin:12px 16px 0;padding:8px 16px;display:flex}.sdg-streak-label{text-transform:uppercase;letter-spacing:1.5px;color:#fff4d266;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.sdg-streak-value{letter-spacing:1px;color:#fcd34d;text-shadow:0 0 12px #fcd34d8c;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:900}.sdg-scroll{flex-direction:column;flex:1;padding:14px 16px 12px;display:flex;overflow:hidden}.sdg-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0;display:grid}.sdg-card:last-child{grid-column:1/-1}.sdg-card{background:linear-gradient(160deg,#ffffff24 0%,#1e0f32d9 100%);border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:12px 8px 10px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff24}.sdg-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.sdg-card--current{background:radial-gradient(90% 60% at 50% 0,#fbbf2459,#0000 65%),linear-gradient(160deg,#fbbf2438,#783c0a66,#140a23d9);border-color:#fbbf24cc;box-shadow:0 0 0 1px #fbbf2433,0 0 28px #fbbf2459,0 4px 16px #00000080,inset 0 1px #fff08c59}.sdg-card--claimed{opacity:.7;filter:saturate(.55)}.sdg-card--locked{opacity:.75;filter:saturate(.3)brightness(.8)}.sdg-card--special{background:radial-gradient(85% 55% at 50% 0,#c084fc4d,#0000 60%),linear-gradient(160deg,#c084fc2e,#501e8c59,#0f081ed9);border-color:#c084fca6;box-shadow:0 0 28px #c084fc40,0 4px 16px #00000080,inset 0 1px #dcb4ff40}.sdg-card-shimmer{pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffdcb414 50%,#0000 65%);animation:4s ease-in-out infinite sdgShimmer;position:absolute;inset:0}@keyframes sdgShimmer{0%,to{opacity:0;transform:translate(-100%)}40%,60%{opacity:1;transform:translate(200%)}}.sdg-card-day{text-transform:uppercase;letter-spacing:1.5px;color:#fff4d299;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900}.sdg-card--special .sdg-card-day{color:#dcb4ffcc}.sdg-card--current .sdg-card-day{color:#ffdc50f2}.sdg-card-icon{z-index:1;filter:drop-shadow(0 2px 8px #00000080);place-items:center;width:40px;height:40px;display:grid;position:relative}.sdg-card-icon-emoji{font-size:28px;line-height:1}.sdg-card-icon-img{object-fit:contain;width:34px;height:34px}.sdg-card--special .sdg-card-icon{width:56px;height:56px}.sdg-card--special .sdg-card-icon-emoji{font-size:36px}.sdg-card--special .sdg-card-icon-img{width:46px;height:46px}.sdg-card-label{color:var(--col,#fff4d2);text-align:center;text-shadow:0 0 12px var(--glow,transparent);font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:900;line-height:1.2}.sdg-card--special .sdg-card-label{font-size:13px}.sdg-card-status{text-transform:uppercase;letter-spacing:.8px;border-radius:6px;padding:2px 7px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900}.sdg-claimed-overlay{z-index:2;background:#05030f8c;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sdg-claimed-check{color:#1a0800;width:36px;height:36px;text-shadow:none;background:linear-gradient(160deg,#f59e0b,#d97706);border:2px solid #ffe164b3;border-radius:50%;justify-content:center;align-items:center;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900;display:flex;box-shadow:0 0 16px #fbbf2480,0 0 32px #fbbf2433,inset 0 1px #fff8b480}.sdg-card-status--claimed{color:#fff4d259;background:#ffffff12;border:1px solid #ffffff14}.sdg-card-status--current{color:#fcd34d;background:linear-gradient(135deg,#fbbf2438,#fbbf241a);border:1px solid #fbbf2473;box-shadow:0 0 8px #fbbf2433}.sdg-card-status--locked{color:#fff4d238;background:#00000040;border:1px solid #ffffff0f}.sdg-totals{background:radial-gradient(at 50% 0,#fbbf2424,#0000 65%),linear-gradient(160deg,#fbbf2414,#0000006b);border:1px solid #fbbf2447;border-radius:16px;margin-bottom:12px;padding:14px 16px;box-shadow:inset 0 1px #ffe16e1f}.sdg-totals-label{text-transform:uppercase;letter-spacing:2px;color:#fff4d261;margin-bottom:10px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900}.sdg-totals-row{flex-wrap:wrap;gap:6px;display:flex}.sdg-totals-chip{color:#ffe4a0;background:#0006;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;display:flex}.sdg-totals-chip span:first-child{font-size:13px}.sdg-totals-chip img{object-fit:contain;width:13px;height:13px}.sdg-loop-note{text-align:center;letter-spacing:1.5px;color:#fff4d240;padding:4px 0 6px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.sdg-footer{padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#04020af2 40%);flex-shrink:0}.sdg-claim-btn{letter-spacing:1px;cursor:pointer;color:#1a0800;background:linear-gradient(160deg,#92400e,#b45309,#d97706,#f59e0b,#fbbf24);border:1px solid #fbbf24b3;border-radius:16px;width:100%;height:52px;font-family:Cinzel,serif;font-size:14px;font-weight:700;transition:transform .14s,filter .14s;box-shadow:0 0 0 1px #fbbf241f,0 4px 20px #d9770680,0 8px 36px #fbbf242e,inset 0 1px #fff8b480,inset 0 -1px #78320a59}.sdg-claim-btn:active{filter:brightness(1.08);transform:scale(.97)}.sdg-claim-btn--done{color:#fff4d266;box-shadow:none;cursor:default;background:#ffffff0f;border:1px solid #ffffff1a;animation:none}.sdg-card--tappable{cursor:pointer}.sdg-card-tap-hint{letter-spacing:.5px;color:#fff4d24d;margin-top:-2px;font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:700}.sdg-popup-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.15s sdgFadeIn;display:flex;position:fixed;inset:0}@keyframes sdgFadeIn{0%{opacity:0}to{opacity:1}}.sdg-popup{border:1px solid #ffffff26;border-top-color:var(--col,#ffffff4d);width:100%;max-width:300px;box-shadow:0 0 40px #0009, 0 0 20px color-mix(in srgb, var(--col,#fff) 20%, transparent);text-align:center;background:linear-gradient(160deg,#1a1030,#0f0820);border-radius:22px;padding:22px 18px 20px;animation:.2s sdgPopIn}@keyframes sdgPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sdg-popup-chest-wrap{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.sdg-popup-chest-img{object-fit:contain;width:90px;height:90px;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--col,gold) 60%, transparent))}.sdg-popup-title{letter-spacing:.5px;margin-bottom:4px;font-family:Cinzel,serif;font-size:17px;font-weight:700}.sdg-popup-sub{text-transform:uppercase;letter-spacing:2px;color:#fff4d24d;margin-bottom:14px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900}.sdg-popup-slots{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.sdg-popup-slot{color:#fff4d2b3;background:#ffffff0d;border:1px solid #ffffff17;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 10px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;display:flex}.sdg-popup-slot:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 3px);margin:0 auto}.sdg-popup-slot-img{object-fit:contain;width:32px;height:32px}.sdg-popup-note{color:var(--col,#fff4d273);opacity:.7;letter-spacing:.5px;margin-bottom:16px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.sdg-popup-close{color:#fff4d28c;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:100%;height:42px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:800;transition:all .12s}.sdg-popup-close:active{background:#ffffff1a}.sp-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.sp-bg{z-index:0;pointer-events:none;filter:brightness(.18)saturate(.9);background-image:url(/images/heroes-bg.png);background-position:top;background-size:cover;position:fixed;inset:0}.sp-bg:before{content:"";background:radial-gradient(85% 50% at 50% 0,#501ea0a6 0%,#0000 58%),radial-gradient(65% 40% at 10% 20%,#8c3c0573 0%,#0000 52%),radial-gradient(90% 55% at 50% 110%,#03010cfa 0%,#0000 62%),linear-gradient(#05020e8c 0%,#04020cd9 50%,#03010afc 100%);position:absolute;inset:0}.sp-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 8% 5%,#fff4d2d9 0%,#0000 100%),radial-gradient(2px 2px at 37% 7%,#ffdc64cc 0%,#0000 100%),radial-gradient(1px 1px at 67% 9%,#fff4d2a6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 91% 11%,#fff4d2bf 0%,#0000 100%);animation:5s ease-in-out infinite alternate spTwinkle;position:absolute;inset:0}@keyframes spTwinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}.sp-orb{pointer-events:none;z-index:0;filter:blur(90px);border-radius:50%;position:fixed}.sp-orb--gold{opacity:.28;background:radial-gradient(circle at 40% 35%,#d97706,#92400e 55%,#0000);width:320px;height:320px;animation:10s ease-in-out infinite alternate spOrb;top:-80px;left:-60px}.sp-orb--purple{opacity:.22;background:radial-gradient(circle at 55% 45%,#7c3aed,#4c1d95 55%,#0000);width:260px;height:260px;animation:13s ease-in-out infinite alternate-reverse spOrb;bottom:20px;right:-60px}@keyframes spOrb{0%{transform:translate(0)}to{transform:translate(18px,14px)}}.sp-vignette{z-index:0;pointer-events:none;background:radial-gradient(88% 78% at 50% 38%,#0000 32%,#020108b3 100%);position:fixed;inset:0}.sp-screen>:not(.sp-bg):not(.sp-orb):not(.sp-vignette){z-index:1;position:relative}.sp-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.sp-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;font-size:22px;display:grid}.sp-back img{object-fit:contain;width:36px;height:36px;display:block}.sp-header-center{text-align:center}.sp-eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:#fff4d259;margin-bottom:1px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900}.sp-title{letter-spacing:2px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #ffbe2873);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:20px;font-weight:700}.sp-header-right{justify-content:flex-end;min-width:60px;display:flex}.sp-days{color:#fff4d273;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;padding:4px 8px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800}.sp-progress-wrap{flex-shrink:0;margin:10px 16px 0}.sp-progress-top{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.sp-lv-label{color:#fff4d280;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.sp-lv-label strong{color:#fcd34d;font-size:14px}.sp-xp-label{color:#fff4d261;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800}.sp-xp-track{background:#ffffff14;border:1px solid #ffffff0f;border-radius:4px;height:8px;position:relative;overflow:visible}.sp-xp-fill{background:linear-gradient(90deg,#92400e,#d97706,#fbbf24,#fde68a);border-radius:4px;height:100%;transition:width .5s;box-shadow:0 0 10px #fbbf248c}.sp-xp-dot{pointer-events:none;background:#fde68a;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 3px #fbbf24cc}.sp-track-headers{flex-shrink:0;grid-template-columns:1fr 44px 1fr;align-items:center;gap:6px;padding:10px 16px 6px;display:grid}.sp-track-hdr{align-items:center;min-width:0;display:flex}.sp-track-hdr--free{justify-content:flex-start}.sp-track-hdr--prem{justify-content:flex-end}.sp-track-free-label{letter-spacing:1px;color:#fff4d273;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900}.sp-track-owned{letter-spacing:1px;color:#fbbf24;text-shadow:0 0 8px #fbbf2480;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900}.sp-buy-btn{letter-spacing:.5px;color:#f5f3ff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4c1d95,#6d28d9,#7c3aed,#a78bfa);border:1px solid #a78bfa99;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-family:Cinzel,serif;font-size:11px;font-weight:700;transition:all .14s;display:flex;box-shadow:0 0 16px #6d28d959,0 2px 12px #0006,inset 0 1px #dcc8ff40}.sp-buy-btn:active{transform:scale(.96)}.sp-buy-icon{color:#fde68a;text-shadow:0 0 8px #fbbf24cc;font-size:13px}.sp-list-wrap{scrollbar-width:none;flex:1;padding:0 16px 16px;overflow-y:auto}.sp-list-wrap::-webkit-scrollbar{display:none}.sp-list{flex-direction:column;gap:3px;display:flex}.sp-row{grid-template-columns:1fr 44px 1fr;align-items:center;gap:6px;min-width:0;padding:3px 0;display:grid}.sp-row--current{background:#fbbf240f;border-radius:12px;outline:1px solid #fbbf2433}.sp-row--last{background:linear-gradient(135deg,#fbbf241a,#b4530914);border-radius:14px;outline:1px solid #fbbf244d;margin:2px 0;box-shadow:0 0 20px #fbbf241a}.sp-row-side{align-items:center;min-width:0;display:flex}.sp-row-side--free{justify-content:flex-start}.sp-row-side--prem{justify-content:flex-end}.sp-row-spine{flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;display:flex}.sp-row-node{color:#fff4d266;z-index:1;background:#ffffff0a;border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900;display:grid;position:relative;box-shadow:0 0 6px #ffffff0a}.sp-row-node:before{content:"";background:#ffffff14;width:2px;height:9px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.sp-list>.sp-row:first-child .sp-row-node:before{display:none}.sp-row-node--past{color:#fbbf24a6;background:#fbbf2414;border-color:#fbbf2461;box-shadow:0 0 8px #fbbf241f}.sp-row-node--current{color:#fcd34d;background:linear-gradient(160deg,#fbbf2440,#b4500540);border-color:#fbbf24d9;font-size:12px;box-shadow:0 0 16px #fbbf2473,inset 0 1px #fff08c40}.sp-row-node--last{color:#fde68a;background:linear-gradient(160deg,#fbbf244d,#c864054d);border-color:#fbbf24;font-size:10px;font-weight:900;box-shadow:0 0 20px #fbbf248c,inset 0 1px #fff08c59}.sp-pill{border:1px solid var(--pill-border,#ffffff1a);background:var(--pill-bg,#ffffff0a);color:var(--pill-text,#fff4d273);box-shadow:var(--pill-shadow,none);border-radius:10px;align-items:center;gap:5px;width:100%;min-width:0;min-height:38px;padding:6px 8px;font-family:Inter,Arial,sans-serif;transition:all .15s;display:flex;overflow:hidden}.sp-pill--claimable{padding-right:4px}.sp-pill--empty{color:#ffffff1f;box-shadow:none;background:0 0;border-color:#ffffff0d;justify-content:center;font-size:14px}.sp-pill--claimed{opacity:.38;filter:saturate(.3)}.sp-pill-done{flex-shrink:0;font-size:13px}.sp-pill--locked{opacity:.32;filter:saturate(.2)}.sp-prem-lock{opacity:.6;flex-shrink:0;font-size:9px}.sp-pill-icon{flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.sp-pill-icon img{object-fit:contain;width:18px;height:18px}.sp-pill-icon span{font-size:14px;line-height:1}.sp-pill-label{white-space:nowrap;text-overflow:ellipsis;color:inherit;flex:1;font-size:10px;font-weight:800;overflow:hidden}.sp-pill--claimed .sp-pill-label{font-size:9px}.sp-pill-claim-btn{cursor:pointer;color:#1a0800;letter-spacing:.3px;background:linear-gradient(135deg,#78350f,#b45309,#f59e0b);border:none;border-radius:7px;flex-shrink:0;height:24px;padding:0 8px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900;transition:all .12s;box-shadow:0 2px 8px #d9770666}.sp-pill-claim-btn:active{transform:scale(.94)}.shop-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.shop-bg{z-index:0;pointer-events:none;filter:brightness(.18)saturate(.9);background-image:url(/images/heroes-bg.png);background-position:top;background-size:cover;position:fixed;inset:0}.shop-bg:before{content:"";background:radial-gradient(85% 50% at 50% 0,#b4530973 0%,#0000 58%),radial-gradient(65% 40% at 10% 20%,#78320559 0%,#0000 52%),radial-gradient(90% 55% at 50% 110%,#03010cfa 0%,#0000 62%),linear-gradient(#05020e8c 0%,#04020cd9 50%,#03010afc 100%);position:absolute;inset:0}.shop-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 8% 5%,#fff4d2d9 0%,#0000 100%),radial-gradient(2px 2px at 37% 7%,#ffdc64cc 0%,#0000 100%),radial-gradient(1px 1px at 67% 9%,#fff4d2a6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 91% 11%,#fff4d2bf 0%,#0000 100%);animation:5s ease-in-out infinite alternate shopTwinkle;position:absolute;inset:0}@keyframes shopTwinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.6}}.shop-orb{pointer-events:none;z-index:0;filter:blur(90px);border-radius:50%;position:fixed}.shop-orb--gold{opacity:.32;background:radial-gradient(circle at 40% 35%,#d97706,#92400e 55%,#0000);width:320px;height:320px;animation:10s ease-in-out infinite alternate shopOrb;top:-80px;left:-60px}.shop-orb--purple{opacity:.2;background:radial-gradient(circle at 55% 45%,#7c3aed,#4c1d95 55%,#0000);width:260px;height:260px;animation:13s ease-in-out infinite alternate-reverse shopOrb;bottom:20px;right:-60px}@keyframes shopOrb{0%{transform:translate(0)}to{transform:translate(18px,14px)}}.shop-vignette{z-index:0;pointer-events:none;background:radial-gradient(88% 78% at 50% 38%,#0000 32%,#020108b3 100%);position:fixed;inset:0}.shop-screen>:not(.shop-bg):not(.shop-orb):not(.shop-vignette){z-index:1;position:relative}.shop-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.shop-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;font-size:22px;display:grid}.shop-back img{object-fit:contain;width:36px;height:36px;display:block}.shop-heading{letter-spacing:2px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #ffbe2873);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:22px;font-weight:700}.shop-header-gold{color:#fcd34d;background:#0006;border:1px solid #fbbf244d;border-radius:10px;align-items:center;gap:5px;padding:5px 10px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;display:flex}.shop-tabs{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 16px 0;display:grid}.shop-tab{color:#fff4d259;letter-spacing:.8px;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;height:40px;font-family:Cinzel,serif;font-size:10px;font-weight:700;transition:all .15s}.shop-tab--active{color:#fff4d2;background:linear-gradient(#fbbf2429,#fbbf240f);border-color:#fbbf2480;box-shadow:0 0 18px #fbbf241f,inset 0 1px #ffdc6424}.shop-scroll{scrollbar-width:none;flex:1;overflow-y:auto}.shop-scroll::-webkit-scrollbar{display:none}.shop-content{flex-direction:column;gap:12px;padding:14px 16px 24px;display:flex}.shop-timer-bar{background:#00000061;border:1px solid #fbbf2438;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.shop-timer-label{text-transform:uppercase;letter-spacing:1.5px;color:#fff4d266;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.shop-timer-value{letter-spacing:2px;color:#fcd34d;text-shadow:0 0 12px #fcd34d8c;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:900}.shop-section-title{text-transform:uppercase;letter-spacing:2px;color:#fff4d259;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:900}.shop-daily-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shop-daily-card{text-align:center;background:linear-gradient(160deg,#ffffff14,#00000085);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:14px 12px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 16px #00000073,inset 0 1px #ffffff14}.shop-daily-card--featured{background:linear-gradient(160deg,#6366f124,#00000085);border-color:#818cf866;grid-column:1/-1;box-shadow:0 0 18px #6366f124,0 2px 16px #00000073,inset 0 1px #a5b4fc1a}.shop-daily-card--featured .shop-daily-icon{width:72px;height:72px}.shop-daily-card--featured .shop-daily-icon span{font-size:44px}.shop-daily-card--maxed{opacity:.42;filter:saturate(.3)}.shop-daily-name{color:#fff4d2;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;line-height:1.2}.shop-daily-icon{filter:drop-shadow(0 2px 10px #0009);place-items:center;width:60px;height:60px;display:grid}.shop-daily-icon img{object-fit:contain;width:56px;height:56px}.shop-daily-icon span{font-size:38px;line-height:1}.shop-daily-desc{color:#fff4d266;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:600;line-height:1.3}.shop-daily-remaining{font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800}.shop-limit-maxed{color:#f87171}.shop-limit-left{color:#fff4d266}.shop-daily-btn{cursor:pointer;color:#fff4d2;background:linear-gradient(135deg,#78350f,#b45309,#d97706);border:none;border-radius:9px;justify-content:center;align-items:center;gap:4px;width:100%;height:32px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900;transition:all .12s;display:flex;box-shadow:0 2px 10px #b4530966}.shop-daily-btn:active{transform:scale(.96)}.shop-daily-btn--maxed{color:#fff4d24d;cursor:default;box-shadow:none;background:#ffffff12}.shop-daily-btn--broke{opacity:.5}.shop-premium-list{flex-direction:column;gap:12px;display:flex}.shop-pack{background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--pglow),transparent 60%),linear-gradient(160deg,#ffffff14,#0000008c);border:1px solid var(--pcol);box-shadow:0 0 24px var(--pglow),0 4px 20px #00000080,inset 0 1px 0 #ffffff1f;border-radius:20px;padding:18px 16px;position:relative;overflow:hidden}.shop-pack:before{content:"";background:linear-gradient(110deg,#0000 40%,#ffffff0a 50%,#0000 60%);animation:5s ease-in-out infinite packSheen;position:absolute;inset:0}@keyframes packSheen{0%,to{opacity:0;transform:translate(-100%)}40%,60%{opacity:1;transform:translate(200%)}}.shop-pack-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.shop-pack-gem{object-fit:contain;width:38px;height:38px;filter:drop-shadow(0 0 10px var(--pcol));flex-shrink:0}.shop-pack-name{color:var(--pcol);text-shadow:0 0 12px var(--pglow);letter-spacing:.5px;font-family:Cinzel,serif;font-size:16px;font-weight:700}.shop-pack-price{color:#fff4d2b3;margin-top:3px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:900}.shop-pack-divider{background:linear-gradient(90deg,transparent,var(--pcol),transparent);opacity:.35;height:1px;margin-bottom:12px}.shop-pack-contents{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.shop-pack-item{color:#fff4d2cc;align-items:center;gap:10px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700;display:flex}.shop-pack-item-icon{flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.shop-pack-item-icon img{object-fit:contain;width:20px;height:20px}.shop-pack-item-icon span{font-size:16px;line-height:1}.shop-pack-btn{cursor:pointer;letter-spacing:.5px;border:1.5px solid var(--pcol);width:100%;height:44px;color:var(--pcol);box-shadow:0 0 12px var(--pglow),inset 0 1px 0 #ffffff14;background:linear-gradient(160deg,#0006,#0003);border-radius:13px;font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:all .14s}.shop-pack-btn:active{transform:scale(.97)}.shop-gem-note{color:#fff4d261;text-align:center;margin:0;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.5}.shop-gem-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shop-gem-card{text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.shop-gem-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.shop-gem-card:active{transform:scale(.97)}.shop-gem-card--blue{background:linear-gradient(160deg,#1e3a8a4d,#0009);border:1px solid #60a5fa59;box-shadow:0 0 18px #2563eb24,0 4px 18px #0000008c,inset 0 1px #93c5fd1a}.shop-gem-card--purple{background:linear-gradient(160deg,#4c1d954d,#0009);border:1px solid #a78bfa73;box-shadow:0 0 22px #6d28d933,0 4px 18px #0000008c,inset 0 1px #c4b5fd1f}.shop-gem-card--gold{background:linear-gradient(160deg,#78350e4d,#0009);border:1px solid #fbbf248c;box-shadow:0 0 26px #fbbf2438,0 4px 18px #0000008c,inset 0 1px #ffdc6426}.shop-gem-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-self:flex-end;margin-bottom:-4px;padding:2px 7px;font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:900}.shop-gem-card--purple .shop-gem-badge{color:#e9d5ff;background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 0 8px #6d28d980}.shop-gem-card--gold .shop-gem-badge{color:#fde68a;background:linear-gradient(135deg,#92400e,#d97706);box-shadow:0 0 8px #d9770680}.shop-gem-icon{object-fit:contain;filter:drop-shadow(0 0 14px #60a5fa99);width:56px;height:56px;margin-top:4px}.shop-gem-card--purple .shop-gem-icon{filter:drop-shadow(0 0 14px #a78bfab3)}.shop-gem-card--gold .shop-gem-icon{filter:drop-shadow(0 0 16px #fbbf24bf)}.shop-gem-amount{letter-spacing:.3px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:900}.shop-gem-card--blue .shop-gem-amount{color:#93c5fd}.shop-gem-card--purple .shop-gem-amount{color:#d8b4fe}.shop-gem-card--gold .shop-gem-amount{color:#fcd34d}.shop-gem-bonus{letter-spacing:.3px;border-radius:7px;padding:3px 9px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:900}.shop-gem-card--blue .shop-gem-bonus{color:#dbeafe;background:#2563eb4d;border:1px solid #60a5fa73;box-shadow:0 0 10px #3b82f640}.shop-gem-card--purple .shop-gem-bonus{color:#c4b5fd;background:#6d28d94d;border:1px solid #8b5cf666}.shop-gem-card--gold .shop-gem-bonus{color:#fde68a;background:#b453094d;border:1px solid #fbbf2466}.shop-gem-btn{cursor:pointer;border-radius:11px;width:100%;height:38px;margin-top:auto;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:900;transition:all .12s}.shop-gem-card--blue .shop-gem-btn{color:#dbeafe;background:linear-gradient(160deg,#1e3a8a,#1d4ed8,#3b82f6);border:1px solid #60a5fa80;box-shadow:0 3px 12px #1d4ed866,inset 0 1px #93c5fd38}.shop-gem-card--purple .shop-gem-btn{color:#f3e8ff;background:linear-gradient(160deg,#4c1d95,#6d28d9,#7c3aed);border:1px solid #8b5cf68c;box-shadow:0 3px 12px #6d28d966,inset 0 1px #c4b5fd33}.shop-gem-card--gold .shop-gem-btn{color:#fde68a;background:linear-gradient(160deg,#78350f,#b45309,#d97706);border:1px solid #fbbf248c;box-shadow:0 3px 12px #b4530973,inset 0 1px #ffdc6438}.shop-gem-btn:active{transform:scale(.96)}.shop-pack--afk{background:radial-gradient(80% 50% at 50% 0,#22c55e38,#0000 60%),linear-gradient(160deg,#ffffff14,#0000008c)}.shop-pack--afk .shop-pack-name{color:#4ade80;text-shadow:0 0 12px #22c55e73}.shop-pack-tag{letter-spacing:.7px;color:#bbf7d0;background:#22c55e2e;border:1px solid #22c55e73;border-radius:999px;margin-top:5px;padding:3px 8px;font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:900;display:inline-block;box-shadow:0 0 10px #22c55e33}.shop-pack--afk .shop-pack-tag{z-index:3;margin-top:0;position:absolute;top:16px;right:16px}.afk-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.afk-bg{z-index:0;pointer-events:none;filter:brightness(.22)saturate(1.15);background-image:url(/images/heroes-bg.png);background-position:top;background-size:cover;position:fixed;inset:0}.afk-bg:before{content:"";background:radial-gradient(80% 45% at 50% 4%,#fbbf2442 0%,#0000 56%),radial-gradient(70% 42% at 16% 28%,#b4530957 0%,#0000 60%),radial-gradient(72% 48% at 86% 34%,#7c3aed3d 0%,#0000 62%),radial-gradient(90% 60% at 50% 112%,#03010cfc 0%,#0000 62%),linear-gradient(#07030f61 0%,#04020cd6 55%,#03010a 100%);position:absolute;inset:0}.afk-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 8% 5%,#fff4d2e6 0%,#0000 100%),radial-gradient(2px 2px at 37% 7%,#ffdc64d9 0%,#0000 100%),radial-gradient(1px 1px at 67% 9%,#fff4d2a6 0%,#0000 100%),radial-gradient(2px 2px at 91% 11%,#fff4d2cc 0%,#0000 100%),radial-gradient(1px 1px at 19% 18%,#ffdc6473 0%,#0000 100%),radial-gradient(1.5px 1.5px at 78% 26%,#fff4d273 0%,#0000 100%);animation:4.5s ease-in-out infinite alternate afkStar;position:absolute;inset:0}@keyframes afkStar{0%{opacity:.4}50%{opacity:1}to{opacity:.58}}.afk-orb{pointer-events:none;z-index:0;filter:blur(100px);border-radius:50%;position:fixed}.afk-orb--gold{opacity:.34;background:radial-gradient(circle at 40% 35%,#f59e0b,#92400e 55%,#0000);width:430px;height:430px;animation:11s ease-in-out infinite alternate afkOrb;top:-110px;left:-90px}.afk-orb--purple{opacity:.24;background:radial-gradient(circle at 55% 45%,#7c3aed,#4c1d95 55%,#0000);width:320px;height:320px;animation:14s ease-in-out infinite alternate-reverse afkOrb;bottom:-20px;right:-90px}@keyframes afkOrb{0%{transform:translate(0)}to{transform:translate(18px,14px)}}.afk-vignette{z-index:0;pointer-events:none;background:radial-gradient(85% 75% at 50% 35%,#0000 26%,#020108cc 100%);position:fixed;inset:0}.afk-screen>:not(.afk-bg):not(.afk-orb):not(.afk-vignette){z-index:1;position:relative}.afk-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.afk-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.afk-back img{object-fit:contain;width:38px;height:38px;display:block}.afk-heading{letter-spacing:2px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #ffbe2899);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:21px;font-weight:700}.afk-scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:12px;padding:12px 16px 28px;display:flex;overflow-y:auto}.afk-scroll::-webkit-scrollbar{display:none}.afk-main-card{background:radial-gradient(92% 35% at 50% 14%,#fbbf2438,#0000 64%),radial-gradient(70% 42%,#7c3aed29,#0000 68%),linear-gradient(160deg,#ffffff1a,#000000b8);border:1px solid #fbbf2494;border-radius:28px;flex-direction:column;gap:13px;padding:14px 14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 44px #fbbf242e,0 8px 34px #000000bd,inset 0 1px #fff0aa38,inset 0 0 40px #fbbf240d}.afk-main-card:before{content:"";background:linear-gradient(90deg,#0000,#fff0aae6,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.afk-main-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff12,#0000 35%,#fbbf240d),radial-gradient(1.5px 1.5px at 18% 24%,#ffe896bf,#0000),radial-gradient(1.5px 1.5px at 78% 30%,#ffe8968c,#0000),radial-gradient(1px 1px at 64% 58%,#ffe8966b,#0000);border-radius:27px;position:absolute;inset:1px}.afk-main-card--cap{border-color:#f871718c;box-shadow:0 0 36px #f8717133,0 8px 34px #000000bd,inset 0 1px #ffc8c826}.afk-pills{z-index:2;grid-template-columns:1fr 1fr 1fr;gap:7px;display:grid;position:relative}.afk-pill{background:linear-gradient(#ffffff13,#0000008c);border:1px solid #ffffff1a;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;display:flex;box-shadow:inset 0 1px #ffffff0f}.afk-pill span{text-transform:uppercase;letter-spacing:1.2px;color:#fff4d25c;font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:900}.afk-pill strong{color:#fcd34d;text-shadow:0 0 12px #fcd34d8c;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:900}.afk-pill--status strong{color:#4ade80;text-shadow:0 0 12px #4ade80a6;font-size:12px}.afk-pill--full strong{color:#f87171;text-shadow:0 0 12px #f87171b3}.afk-altar{border-radius:22px;justify-content:center;align-items:center;height:150px;margin:-6px 0 -8px;display:flex;position:relative;overflow:visible}.afk-altar-rays{opacity:.65;background:conic-gradient(#0000 0deg,#ffd66429 16deg,#0000 32deg 60deg,#7c3aed1a 76deg,#0000 92deg);width:330px;height:330px;animation:18s linear infinite afkRays;display:none;position:absolute}@keyframes afkRays{to{transform:rotate(360deg)}}.afk-glow{background:radial-gradient(circle,#ffe27875 0%,#d9770638 38%,#7c3aed1f 58%,#0000 73%);border-radius:50%;width:180px;height:180px;animation:3s ease-in-out infinite alternate afkGlow;position:absolute}.afk-glow--cap{background:radial-gradient(circle,#f8717161 0%,#d9770638 42%,#0000 74%)}@keyframes afkGlow{0%{opacity:.58;transform:scale(.88)}to{opacity:1;transform:scale(1.16)}}.afk-platform{filter:blur(7px);background:radial-gradient(#ffe2785c,#b453091f 48%,#0000 74%);border-radius:50%;width:245px;height:72px;position:absolute;bottom:34px}.afk-altar:after{content:"";pointer-events:none;background:radial-gradient(2px 2px at 18% 28%,#ffeca0e6,#0000),radial-gradient(2px 2px at 76% 22%,#ffeca0bf,#0000),radial-gradient(1.5px 1.5px at 84% 66%,#ffeca0cc,#0000),radial-gradient(1.5px 1.5px at 32% 72%,#ffeca0a6,#0000);animation:2.8s ease-in-out infinite alternate afkSparkle;position:absolute;inset:16px}@keyframes afkSparkle{0%{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}.afk-chest-img{object-fit:contain;z-index:5;filter:drop-shadow(0 0 28px #fbbf24bf);width:135px;height:135px;animation:3.6s ease-in-out infinite alternate afkFloat;position:relative}.afk-chest-fb{z-index:2;filter:drop-shadow(0 0 32px #fbbf24bd);font-size:122px;line-height:1;animation:3.6s ease-in-out infinite alternate afkFloat;position:relative}@keyframes afkFloat{0%{transform:translateY(4px)scale(1)}to{transform:translateY(-11px)scale(1.035)}}.afk-reward-tray{z-index:2;background:linear-gradient(#00000059,#0000008c);border:1px solid #ffffff17;border-radius:20px;padding:13px;position:relative;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0000004d}.afk-divider{align-items:center;gap:10px;margin-bottom:10px;display:flex}.afk-divider-line{background:linear-gradient(90deg,#0000,#fbbf2480,#0000);flex:1;height:1px}.afk-divider-text{text-transform:uppercase;letter-spacing:2.5px;color:#fbbf24e0;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:900}.afk-rewards{flex-direction:column;gap:6px;margin-bottom:11px;display:flex}.afk-row{background:linear-gradient(135deg,#ffffff16,#0000007a);border:1px solid #ffffff21;border-radius:14px;align-items:center;gap:12px;padding:9px 12px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 3px 12px #00000040}.afk-row--empty{background:#00000038;border-style:dashed;border-color:#ffffff17;justify-content:center}.afk-row--empty .afk-row-label{color:#fff4d252;font-size:11px;font-style:italic}.afk-row-icon{background:#00000057;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.afk-row-icon img{object-fit:contain;filter:drop-shadow(0 0 8px #fbbf2440);width:26px;height:26px}.afk-row-icon span{font-size:20px;line-height:1}.afk-row-label{color:#fff4d2eb;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:800}.afk-btn{cursor:pointer;letter-spacing:1.8px;text-transform:uppercase;color:#1a0800;background:linear-gradient(#ffe18a 0%,#f59e0b 42%,#b45309 100%);border:1px solid #ffe696d9;border-radius:18px;width:100%;height:56px;font-family:Cinzel,serif;font-size:15px;font-weight:800;transition:transform .14s,filter .14s;box-shadow:0 0 22px #fbbf2473,0 8px 28px #d9770673,inset 0 1px #ffffdcbf,inset 0 -2px #5c280859}.afk-btn:active{filter:brightness(1.08);transform:scale(.965)}.afk-info{background:linear-gradient(145deg,#ffffff12,#00000085);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 2px 14px #00000073}.afk-info-title{text-transform:uppercase;letter-spacing:2px;color:#fff4d259;text-align:center;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:900}.afk-info-row{color:#fff4d28c;background:#00000052;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700;display:flex}.afk-info-gold{color:#fcd34d;font-size:13px;font-weight:900}.afk-info-purple{color:#c084fc;font-size:13px;font-weight:900}.afk-info-note{color:#fff4d24d;text-align:center;margin:0;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600;line-height:1.6}.afk-overlay{z-index:100;background:#000000e0;justify-content:center;align-items:flex-end;animation:.18s afkFade;display:flex;position:fixed;inset:0}@keyframes afkFade{0%{opacity:0}to{opacity:1}}.afk-popup{background:radial-gradient(90% 35% at 50% 0,#fbbf2424,#0000 62%),linear-gradient(#1e1035,#0f0820);border-top:1px solid #fbbf2480;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;border-radius:26px 26px 0 0;flex-direction:column;gap:12px;width:100%;max-width:460px;padding:18px 18px 32px;animation:.28s cubic-bezier(.22,1,.36,1) afkSlide;display:flex;box-shadow:0 -6px 60px #000000d9}@keyframes afkSlide{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.afk-popup-handle{background:#ffffff38;border-radius:2px;width:44px;height:4px;margin:0 auto}.afk-popup-title{text-align:center;background:linear-gradient(#fff8e0,#ffd060 50%,#c87820);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,Cinzel,serif;font-size:18px;font-weight:700}.afk-popup-diamond{text-align:center;color:#fbbf2473;letter-spacing:5px;margin:-4px 0;font-size:11px}.afk-popup-rows{flex-direction:column;gap:6px;display:flex}.afk-chest-stage .afk-chest-fb{z-index:5!important;font-size:100px!important;display:block!important;position:relative!important}.afk-main-card{gap:10px!important;padding:14px!important}.afk-chest-stage{justify-content:center!important;align-items:center!important;height:155px!important;min-height:155px!important;margin:-2px 0 -4px!important;display:flex!important;position:relative!important;overflow:visible!important}.afk-chest-stage:after{content:"";filter:blur(7px);z-index:1;background:radial-gradient(#fbbf247a,#b4530929 52%,#0000 76%);border-radius:50%;width:185px;height:34px;position:absolute;bottom:20px}.afk-chest-stage .afk-glow{z-index:1!important;background:radial-gradient(circle,#ffdc647a,#d9770638 42%,#7c3aed1a 60%,#0000 74%)!important;border-radius:50%!important;width:200px!important;height:200px!important;position:absolute!important}.afk-chest-stage .afk-chest-img{object-fit:contain!important;z-index:5!important;filter:drop-shadow(0 10px 22px #000000bf)drop-shadow(0 0 30px #fbbf24bf)!important;width:150px!important;height:150px!important;display:block!important;position:relative!important}.afk-reward-tray{margin-top:0!important;padding:12px!important}.afk-divider{margin-bottom:9px!important}.afk-rewards{scrollbar-width:none;max-height:205px;padding-right:2px;overflow-y:auto}.afk-rewards::-webkit-scrollbar{display:none}.afk-row{min-height:52px}.afk-main-card{gap:10px!important;padding-bottom:14px!important;overflow:visible!important}.afk-reward-tray{max-height:none!important;margin:0!important;padding:12px!important;overflow:visible!important}.afk-rewards{max-height:128px!important;margin-bottom:0!important;padding-right:2px!important;overflow-y:auto!important}.afk-main-collect-btn{z-index:20!important;flex-shrink:0!important;height:54px!important;margin-top:0!important;display:block!important;position:relative!important}.afk-chest-stage{height:130px!important;min-height:130px!important;margin:-4px 0 -6px!important}.afk-chest-stage .afk-chest-img{width:125px!important;height:125px!important}.afk-chest-stage .afk-glow{width:170px!important;height:170px!important}.afk-info{margin-top:10px!important}.set-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.set-bg{z-index:0;pointer-events:none;filter:brightness(.16)saturate();background-image:url(/images/heroes-bg.png);background-position:top;background-size:cover;position:fixed;inset:0}.set-bg:before{content:"";background:radial-gradient(90% 55% at 50% 0,#6d28d98c 0%,#0000 55%),radial-gradient(70% 45% at 0 40%,#4c1d9559 0%,#0000 50%),radial-gradient(70% 45% at 100% 40%,#b453094d 0%,#0000 50%),radial-gradient(90% 55% at 50% 110%,#03010cfc 0%,#0000 60%),linear-gradient(#05020e80 0%,#04020cd9 55%,#03010a 100%);position:absolute;inset:0}.set-orb{pointer-events:none;z-index:0;filter:blur(100px);border-radius:50%;position:fixed}.set-orb--purple{opacity:.3;background:radial-gradient(circle,#6d28d9,#4c1d95 55%,#0000);width:380px;height:380px;top:-100px;right:-80px}.set-orb--gold{opacity:.22;background:radial-gradient(circle,#d97706,#92400e 55%,#0000);width:300px;height:300px;bottom:0;left:-80px}.set-vignette{z-index:0;pointer-events:none;background:radial-gradient(85% 75% at 50% 35%,#0000 28%,#020108cc 100%);position:fixed;inset:0}.set-screen>:not(.set-bg):not(.set-orb):not(.set-vignette){z-index:1;position:relative}.set-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 16px 0;display:flex}.set-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.set-back img{object-fit:contain;width:38px;height:38px;display:block}.set-header-center{text-align:center;flex:1}.set-title{letter-spacing:3px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #ffbe2880);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:24px;font-weight:700}.set-scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:18px;padding:18px 16px 28px;display:flex;overflow-y:auto}.set-scroll::-webkit-scrollbar{display:none}.set-section-title{letter-spacing:2.5px;text-transform:uppercase;color:#ffd750b8;margin-bottom:8px;padding-left:2px;font-family:Cinzel,serif;font-size:11px;font-weight:700}.set-card{background:linear-gradient(160deg,#ffffff0f,#0000008c);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000073,inset 0 1px #ffffff12}.set-note{color:#fff4d261;margin:8px 4px 0;font-family:Inter,Arial,sans-serif;font-size:10px;line-height:1.5}.set-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.set-row:last-child{border-bottom:none}.set-row-label{color:#fff4d2;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:700}.set-row-value{color:#fff4d28c;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700}.set-toggle{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:14px;flex-shrink:0;justify-content:flex-start;align-items:center;width:44px;height:26px;padding:2px;transition:background .15s,border-color .15s;display:flex}.set-toggle--on{background:linear-gradient(135deg,#8b5cf68c,#6d28d973);border-color:#8b5cf6a6;justify-content:flex-end;box-shadow:0 0 14px #6d28d959}.set-toggle-knob{background:linear-gradient(#fff8e0,#ffd060);border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 1px 3px #00000080}.set-link-row{cursor:pointer;color:#fff4d2;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:700;display:flex}.set-link-row:last-child{border-bottom:none}.set-link-chevron{color:#fff4d259;font-size:16px}.set-redeem-card{gap:8px;padding:12px;display:flex}.set-redeem-input{color:#fff4d2;letter-spacing:1px;text-transform:uppercase;background:#00000059;border:1px solid #ffffff24;border-radius:11px;flex:1;min-width:0;height:40px;padding:0 14px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:700}.set-redeem-input::placeholder{color:#fff4d24d;text-transform:none;letter-spacing:normal;font-weight:600}.set-redeem-input:focus{border-color:#8b5cf68c;outline:none;box-shadow:0 0 0 2px #8b5cf633}.set-redeem-btn{color:#fff4d2;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#fbbf244d,#b453094d);border:1px solid #fbbf24bf;border-radius:11px;flex-shrink:0;height:40px;padding:0 18px;font-family:Cinzel,serif;font-size:12px;font-weight:700}.set-redeem-btn:disabled{opacity:.35;cursor:default}.set-feedback{margin:8px 4px 0;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700}.set-feedback--ok{color:#86efac}.set-feedback--err{color:#fca5a5}.tut-backdrop{z-index:9040;pointer-events:auto;background:#0000008c;position:fixed;inset:0}.tut-root{z-index:9100;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}.tut-root--top{top:14px;transform:none}.tut-bubble{pointer-events:auto;background:linear-gradient(160deg,#140c22fc,#080510fc);border:1px solid #ebb34ca6;border-radius:16px;width:100%;max-width:380px;padding:14px 16px 16px;box-shadow:0 8px 32px #000000b3,0 0 28px #8b5cf640,inset 0 1px #ffffff12}.tut-completion{letter-spacing:1px;text-transform:uppercase;color:#86efac;margin-bottom:6px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800}.tut-bubble-text{color:#fff4d2;margin:0 0 12px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.55}.tut-bubble-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.tut-next-btn{color:#fff4d2;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:linear-gradient(#fbbf2452,#b4530952);border:1px solid #fbbf24cc;border-radius:10px;padding:8px 20px;font-family:Cinzel,serif;font-size:12px;font-weight:700}.tut-hint{letter-spacing:.3px;color:#c4b5fdd9;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.tutorial-highlight{outline-offset:3px;border-radius:10px;outline:2px solid #fbbf24;animation:1.2s ease-in-out infinite tut-pulse;position:relative;z-index:9050!important;box-shadow:0 0 22px 6px #fbbf24a6!important}@keyframes tut-pulse{0%,to{outline-color:#fbbf24}50%{outline-color:#fbbf2466}}.mb-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.mb-bg{z-index:0;pointer-events:none;background-color:#09040f;background-image:linear-gradient(#08041280 0%,#080412bf 40%,#080412f0 70%,#080412fc 100%),url(/ui/mailbox-bg.png);background-position:top;background-repeat:no-repeat;background-size:contain;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.mb-orb{pointer-events:none;filter:blur(72px);opacity:.14;z-index:0;border-radius:50%;position:fixed}.mb-orb--gold{background:#fcd34d;width:260px;height:260px;top:-80px;right:-60px}.mb-orb--purple{background:#8b5cf6;width:220px;height:220px;bottom:60px;left:-60px}.mb-vignette{z-index:0;pointer-events:none;background:radial-gradient(85% 75% at 50% 35%,#0000 28%,#020108bf 100%);position:fixed;inset:0}.mb-header{z-index:2;border-bottom:1px solid #ebb34c2e;flex-shrink:0;align-items:center;gap:12px;padding:14px 16px 13px;display:flex;position:relative}.mb-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.mb-back img{object-fit:contain;width:38px;height:38px;display:block}.mb-header-center{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.mb-title{letter-spacing:2px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:18px;font-weight:700}.mb-header-count{letter-spacing:1.5px;text-transform:uppercase;color:#fbbf2499;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800}.mb-claim-all-btn{color:#fff4d2;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:linear-gradient(#fbbf2442,#b4530942);border:1px solid #fbbf24b3;border-radius:10px;flex-shrink:0;padding:9px 16px;font-family:Cinzel,serif;font-size:11px;font-weight:700}.mb-claim-all-btn:disabled{opacity:.28;cursor:default}.mb-scroll{z-index:1;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding:14px 14px 28px;display:flex;position:relative;overflow-y:auto}.mb-card{background:linear-gradient(160deg,#ffffff12,#000000ad);border:1px solid #ebb34c47;border-radius:14px;position:relative}.mb-card--unclaimed{border-color:#ebb34c8c;box-shadow:0 4px 20px #00000080,0 0 16px #ebb34c14}.mb-card--new{border-color:#fbbf24bf;box-shadow:0 4px 20px #00000080,0 0 22px #fbbf2424}.mb-card--claimed{border-color:#ffffff1f;box-shadow:0 2px 10px #00000059}.mb-claimed-overlay{z-index:3;pointer-events:none;background:#040209eb;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:0}.mb-claimed-check{background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ffd06059);-webkit-background-clip:text;background-clip:text;font-size:30px;line-height:1}.mb-claimed-word{letter-spacing:4px;text-transform:uppercase;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #ffd06040);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:14px;font-weight:700}.mb-new-badge{letter-spacing:1.5px;text-transform:uppercase;color:#fff4d2;pointer-events:none;z-index:1;background:#fbbf2447;border:1px solid #fbbf248c;border-radius:6px;padding:2px 7px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900;position:absolute;top:10px;right:12px}.mb-card-banner{object-fit:cover;border-bottom:1px solid #ebb34c29;border-top-left-radius:13px;border-top-right-radius:13px;width:100%;height:110px;display:block}.mb-card-body-wrap{padding:14px 16px 18px}.mb-card-title{letter-spacing:.4px;color:#fff4d2;margin:0 0 8px;padding-right:48px;font-family:Cinzel,serif;font-size:14px;font-weight:700;line-height:1.3}.mb-card--claimed .mb-card-title{padding-right:0}.mb-card-body{color:#fff4d29e;margin:0 0 12px;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.65}.mb-card-rewards{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.mb-reward-chip{background:#ffffff12;border:1px solid #ffffff1c;border-radius:20px;align-items:center;gap:5px;padding:5px 10px 5px 7px;display:flex}.mb-reward-icon{object-fit:contain;flex-shrink:0;width:18px;height:18px}.mb-reward-emoji{font-size:14px;line-height:1}.mb-reward-label{color:#fff4d2;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.mb-expiry{letter-spacing:.5px;color:#c4b5fd8c;margin-bottom:8px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700;display:block}.mb-expiry--gone{color:#f87171a6}.mb-claim-btn{color:#fff8e0;letter-spacing:.5px;cursor:pointer;text-align:center;background:linear-gradient(#fbbf2452,#b4530952);border:1px solid #fbbf24cc;border-radius:10px;width:100%;margin-top:12px;padding:11px 20px;font-family:Cinzel,serif;font-size:12px;font-weight:700;display:block}.mb-claim-btn:disabled{opacity:.3;cursor:default}.mb-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:56px 32px;display:flex}.mb-empty-icon{opacity:.45;font-size:48px}.mb-empty-title{letter-spacing:1px;color:#fff4d280;margin:0;font-family:Cinzel,serif;font-size:14px;font-weight:700}.mb-empty-text{color:#fff4d247;text-align:center;margin:0;font-family:Inter,Arial,sans-serif;font-size:12px}.home-mailbox-strip{z-index:8;color:#fff4d2;letter-spacing:1px;cursor:pointer;background:linear-gradient(#221436eb,#0c0716eb);border:1px solid #ebb34cbf;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:138px;height:36px;padding:0 16px;font-family:Cinzel,serif;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #ebb34c24,inset 0 0 10px #ffffff0a}.home-mailbox-strip:active{transform:translate(-50%)scale(.98)}.home-mailbox-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.home-mailbox-icon{object-fit:contain;filter:drop-shadow(0 0 6px #fbbf2459);width:22px;height:22px}.home-mailbox-fallback{font-size:18px;line-height:1;display:none}.home-mailbox-label{text-shadow:0 0 8px #fbbf244d;line-height:1}.home-mailbox-badge{color:#fff;text-align:center;pointer-events:none;background:#ef4444;border:2px solid #07050f;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:900;line-height:14px;animation:2s ease-in-out infinite mb-badge-pulse;position:absolute;top:-6px;right:-6px}.mb-nav-badge{color:#fff;text-align:center;pointer-events:none;z-index:2;background:#ef4444;border:1.5px solid #07050f;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800;line-height:13px;animation:2s ease-in-out infinite mb-badge-pulse;position:absolute;top:-4px;right:-4px}@keyframes mb-badge-pulse{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 5px #ef444400}}.rnk-screen{color:#fff4d2;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.rnk-bg{z-index:0;pointer-events:none;filter:brightness(.16)saturate();background-image:url(/images/heroes-bg.png);background-position:top;background-size:cover;position:fixed;inset:0}.rnk-bg:before{content:"";background:radial-gradient(90% 55% at 50% 0,#6d28d98c 0%,#0000 55%),radial-gradient(70% 45% at 0 40%,#4c1d9559 0%,#0000 50%),radial-gradient(70% 45% at 100% 40%,#b453094d 0%,#0000 50%),radial-gradient(90% 55% at 50% 110%,#03010cfc 0%,#0000 60%),linear-gradient(#05020e80 0%,#04020cd9 55%,#03010a 100%);position:absolute;inset:0}.rnk-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 8% 5%,#fff4d2d9 0%,#0000 100%),radial-gradient(2px 2px at 37% 7%,#ffdc64cc 0%,#0000 100%),radial-gradient(1px 1px at 67% 9%,#fff4d299 0%,#0000 100%),radial-gradient(2px 2px at 91% 11%,#fff4d2bf 0%,#0000 100%),radial-gradient(1px 1px at 22% 3%,#fff4d28c 0%,#0000 100%),radial-gradient(1px 1px at 55% 4%,#ffdc6473 0%,#0000 100%);animation:5s ease-in-out infinite alternate rnkStar;position:absolute;inset:0}@keyframes rnkStar{0%{opacity:.4}50%{opacity:1}to{opacity:.5}}.rnk-orb{pointer-events:none;z-index:0;filter:blur(100px);border-radius:50%;position:fixed}.rnk-orb--purple{opacity:.3;background:radial-gradient(circle,#6d28d9,#4c1d95 55%,#0000);width:380px;height:380px;animation:12s ease-in-out infinite alternate rnkOrb;top:-100px;right:-80px}.rnk-orb--gold{opacity:.22;background:radial-gradient(circle,#d97706,#92400e 55%,#0000);width:300px;height:300px;animation:15s ease-in-out infinite alternate-reverse rnkOrb;bottom:0;left:-80px}@keyframes rnkOrb{0%{transform:translate(0)}to{transform:translate(16px,12px)}}.rnk-vignette{z-index:0;pointer-events:none;background:radial-gradient(85% 75% at 50% 35%,#0000 28%,#020108cc 100%);position:fixed;inset:0}.rnk-screen>:not(.rnk-bg):not(.rnk-orb):not(.rnk-vignette){z-index:1;position:relative}.rnk-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 16px 0;display:flex}.rnk-back{cursor:pointer;color:#fff4d2;background:0 0;border:0;flex-shrink:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.rnk-back img{object-fit:contain;width:38px;height:38px;display:block}.rnk-header-center{text-align:center;flex:1}.rnk-title{letter-spacing:3px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #ffbe2880);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:24px;font-weight:700}.rnk-subtitle{text-transform:uppercase;letter-spacing:2px;color:#fff4d259;margin-top:7px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700}.rnk-tabs{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:6px;padding:16px 16px 0;display:grid}.rnk-tab{color:#fff4d259;letter-spacing:.8px;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;height:38px;font-family:Cinzel,serif;font-size:10px;font-weight:700;transition:all .15s}.rnk-tab--active{color:#fff4d2;background:linear-gradient(#8b5cf638,#6d28d91a);border-color:#8b5cf68c;box-shadow:0 0 18px #6d28d926,inset 0 1px #c4b5fd26}.rnk-scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;padding:14px 16px 24px;display:flex;overflow-y:auto}.rnk-scroll::-webkit-scrollbar{display:none}.rnk-podium{grid-template-columns:1fr 1fr 1fr;align-items:flex-end;gap:6px;display:grid}.rnk-podium-slot--1{order:2;transform:translateY(-14px)}.rnk-podium-slot--2{order:1}.rnk-podium-slot--3{order:3}.rnk-top-card{text-align:center;background:linear-gradient(160deg,#ffffff14,#0000008c);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;align-items:center;gap:8px;min-height:170px;padding:12px 8px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000008c,inset 0 1px #ffffff14}.rnk-top-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.rnk-top-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;bottom:0;left:20%;right:20%}.rnk-top-card--gold{background:radial-gradient(90% 50% at 50% 0,#fbbf244d,#0000 60%),linear-gradient(160deg,#fbbf2426,#0000008c);border-color:#fbbf24bf;min-height:182px;box-shadow:0 0 52px #fbbf2452,0 0 18px #fbbf2429,0 6px 24px #0009,inset 0 1px #ffeb8240}.rnk-top-card--silver{background:radial-gradient(90% 50% at 50% 0,#cbd5e12e,#0000 60%),linear-gradient(160deg,#cbd5e114,#0000008c);border-color:#cbd5e180;box-shadow:0 0 30px #cbd5e12e,0 0 12px #cbd5e11a,0 6px 24px #0009,inset 0 1px #e2e8f02e}.rnk-top-card--bronze{background:radial-gradient(90% 50% at 50% 0,#cd7f322e,#0000 60%),linear-gradient(160deg,#cd7f3214,#0000008c);border-color:#cd7f3280;box-shadow:0 0 30px #cd7f3233,0 0 12px #cd7f321a,0 6px 24px #0009,inset 0 1px #e1a0502e}.rnk-top-badge-wrap{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.rnk-top-badge-img{object-fit:contain;filter:drop-shadow(0 2px 8px #0009);z-index:1;width:52px;height:52px;position:relative}.rnk-top-card--gold .rnk-top-badge-img{filter:drop-shadow(0 0 14px #fbbf248c)drop-shadow(0 2px 10px #000c);width:64px;height:64px}.rnk-top-card--silver .rnk-top-badge-img{filter:drop-shadow(0 0 8px #cbd5e159)drop-shadow(0 2px 8px #0009)}.rnk-top-card--bronze .rnk-top-badge-img{filter:drop-shadow(0 0 8px #cd7f3259)drop-shadow(0 2px 8px #0009)}.rnk-top-crest{pointer-events:none;background:radial-gradient(60% 60%,#fbbf241a 0%,#0000 70%);border:1px solid #fbbf241f;border-radius:50%;width:80px;height:80px;position:absolute;box-shadow:0 0 20px #fbbf241a}.rnk-top-crest:before{content:"";border:1px solid #fbbf2414;border-radius:50%;position:absolute;inset:7px}.rnk-top-corner{opacity:.35;width:10px;height:10px;position:absolute}.rnk-top-corner--tl{border-top:1px solid;border-left:1px solid;top:8px;left:8px}.rnk-top-corner--tr{border-top:1px solid;border-right:1px solid;top:8px;right:8px}.rnk-top-card--gold .rnk-top-corner{opacity:.55;border-color:#fbbf24b3}.rnk-top-card--silver .rnk-top-corner{border-color:#cbd5e199}.rnk-top-card--bronze .rnk-top-corner{border-color:#cd7f3299}.rnk-top-avatar{place-items:center;width:46px;height:46px;display:grid;position:relative}.rnk-top-card--gold .rnk-top-avatar{width:52px;height:52px}.rnk-avatar-ring{border:2px solid #ffffff26;border-radius:50%;position:absolute;inset:0}.rnk-top-card--gold .rnk-avatar-ring{border-color:#fbbf248c;box-shadow:0 0 14px #fbbf244d}.rnk-top-card--silver .rnk-avatar-ring{border-color:#cbd5e173;box-shadow:0 0 10px #cbd5e133}.rnk-top-card--bronze .rnk-avatar-ring{border-color:#cd7f3273;box-shadow:0 0 10px #cd7f3233}.rnk-avatar-inner{background:#ffffff0f;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.rnk-top-card--gold .rnk-avatar-inner{width:44px;height:44px}.rnk-avatar-icon{opacity:.28;font-size:16px}.rnk-top-card--gold .rnk-avatar-icon{font-size:20px}.rnk-top-player{flex-direction:column;align-items:center;gap:3px;width:100%;padding:0 4px;display:flex}.rnk-top-player-name{background:linear-gradient(90deg,#0000,#ffffff12,#0000);border-radius:4px;width:70%;height:8px}.rnk-top-card--gold .rnk-top-player-name{background:linear-gradient(90deg,#0000,#fbbf241f,#0000)}.rnk-top-card--silver .rnk-top-player-name{background:linear-gradient(90deg,#0000,#cbd5e11a,#0000)}.rnk-top-card--bronze .rnk-top-player-name{background:linear-gradient(90deg,#0000,#cd7f321a,#0000)}.rnk-top-player-stat{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);border-radius:3px;width:45%;height:6px}.rnk-top-card--gold .rnk-top-player-stat{background:linear-gradient(90deg,#0000,#fbbf2414,#0000)}.rnk-top-card--silver .rnk-top-player-stat{background:linear-gradient(90deg,#0000,#cbd5e10f,#0000)}.rnk-top-card--bronze .rnk-top-player-stat{background:linear-gradient(90deg,#0000,#cd7f320f,#0000)}.rnk-hof-divider{align-items:center;gap:8px;padding:4px 0 2px;display:flex}.rnk-hof-line{background:linear-gradient(90deg,#0000,#ffd75059,#0000);flex:1;height:1px}.rnk-hof-gem{background:#ffd7508c;flex-shrink:0;width:5px;height:5px;transform:rotate(45deg);box-shadow:0 0 6px #ffd75066}.rnk-hof-label{letter-spacing:3.5px;text-transform:uppercase;color:#ffd750b8;white-space:nowrap;font-family:Cinzel,serif;font-size:9px;font-weight:700}.rnk-list{flex-direction:column;gap:4px;display:flex}.rnk-row{background:linear-gradient(135deg,#ffffff0d,#0006);border:1px solid #ffffff12;border-radius:12px;grid-template-columns:36px 28px;align-items:center;gap:10px;padding:9px 14px;display:grid}.rnk-row-num{color:#fff4d24d;text-align:right;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900}.rnk-row-avatar{opacity:.28;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.rnk-my-rank{background:linear-gradient(#0000,#04020a 40%);padding-top:16px;position:sticky;bottom:0}.rnk-my-rank-label{text-transform:uppercase;letter-spacing:2px;color:#c4b5fd66;text-align:center;margin-bottom:8px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:900}.rnk-my-rank-card{background:linear-gradient(135deg,#8b5cf638,#6d28d91a);border:1px solid #8b5cf68c;border-radius:16px;grid-template-columns:auto 34px 1fr;align-items:center;gap:12px;padding:14px 18px;display:grid;box-shadow:0 0 32px #6d28d942,0 0 12px #8b5cf61f,inset 0 1px #c4b5fd24}.rnk-my-rank-num{color:#c4b5fdcc;min-width:64px;font-family:Cinzel,serif;font-size:16px;font-weight:700}.rnk-my-rank-avatar{background:#8b5cf62e;border:1px solid #8b5cf666;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.rnk-my-rank-info{flex-direction:column;gap:3px;display:flex}.rnk-my-rank-name{color:#c4b5fda6;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:800;line-height:1}.rnk-my-rank-sub{letter-spacing:1.5px;text-transform:uppercase;color:#c4b5fd47;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.rnk-placeholder{text-align:center;background:linear-gradient(135deg,#8b5cf629,#6d28d914);border:1px solid #8b5cf673;border-radius:18px;margin-top:32px;padding:36px 24px;box-shadow:0 0 32px #6d28d938,inset 0 1px #c4b5fd1f}.rnk-placeholder-icon{filter:drop-shadow(0 0 14px #fbbf2473);margin-bottom:14px;font-size:40px}.rnk-placeholder-title{letter-spacing:1px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-family:Cinzel,serif;font-size:16px;font-weight:700}.rnk-placeholder-text{color:#fff4d2b3;margin:0 0 12px;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.6}.rnk-placeholder-sub{color:#c4b5fd80;margin:0;font-family:Inter,Arial,sans-serif;font-size:11px;line-height:1.5}.events-page{color:#e8d9b0;background:#0d0b14;flex-direction:column;height:100dvh;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.events-header{z-index:10;background:#0d0b14f7;border-bottom:1px solid #c9a84c47;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.events-back{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.back-btn-img{object-fit:contain;width:36px;height:36px}.events-title{letter-spacing:2.5px;text-transform:uppercase;color:#f0d080;font-size:17px;font-weight:700}.events-header-spacer{width:32px}.events-scroll{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:36px;overflow-y:auto}.events-section-label{letter-spacing:3px;color:#c9a84c;text-transform:uppercase;align-items:center;gap:8px;padding:16px 14px 9px;font-size:9px;display:flex}.label-line{background:#c9a84c47;flex:1;height:1px}.live-dot{background:#f44;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:3px;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.featured-card{cursor:pointer;background:#13101e;border:1px solid #c9a84c73;border-radius:14px;margin:0 14px 14px;overflow:hidden}.featured-art{background:radial-gradient(ellipse at 40% 55%, var(--boss-glow,#c8402080) 0%, #0d0b14 75%);justify-content:center;align-items:center;width:100%;height:190px;display:flex;position:relative;overflow:hidden}.boss-artwork{object-fit:cover;object-position:center top;z-index:1;width:100%;height:100%;position:absolute;inset:0}.boss-art-gradient{z-index:2;background:linear-gradient(#0d0b1426 0%,#0d0b140d 40%,#0d0b14bf 80%,#0d0b14 100%);position:absolute;inset:0}.boss-particles{z-index:3;pointer-events:none;position:absolute;inset:0}.boss-particle{border-radius:50%;animation:3s ease-in-out infinite alternate float-particle;position:absolute}@keyframes float-particle{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:.2;transform:translateY(-12px)scale(.6)}}.featured-badge{z-index:4;letter-spacing:1.8px;color:#f0d080;text-transform:uppercase;background:#0d0b14d1;border:1px solid #c9a84c73;border-radius:20px;padding:4px 11px;font-size:9px;font-weight:600;position:absolute;top:10px;left:10px}.featured-timer{z-index:4;color:#f0d080;background:#0d0b14d1;border:1px solid #c9a84c59;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:10px;display:flex;position:absolute;top:10px;right:10px}.featured-body{background:linear-gradient(135deg,#1a1530 0%,#180f0f 100%);padding:14px 14px 16px}.featured-event-name{letter-spacing:.8px;color:#f0d080;margin-bottom:3px;font-size:18px;font-weight:700}.featured-event-sub{letter-spacing:1.2px;color:#c8b9a099;text-transform:uppercase;margin-bottom:5px;font-size:11px}.featured-lore{color:#c8b9a073;margin-bottom:12px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-style:italic;line-height:1.5}.featured-chips{flex-wrap:wrap;gap:6px;margin-bottom:13px;display:flex}.chip{border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;display:flex}.chip-gold{color:#c9a84c;background:#c9a84c1f;border:1px solid #c9a84c59}.chip-purple{color:#a855f7;background:#7b3fc426;border:1px solid #a855f74d}.chip-icon{object-fit:contain;width:14px;height:14px}.enter-btn{letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-family:Cinzel,serif;font-size:12px;font-weight:700;display:flex}.enter-btn:disabled{opacity:.4;cursor:not-allowed}.full-btn{width:calc(100% - 28px);margin:12px 14px}.enter-btn-fire{color:#ffd0a0;background:linear-gradient(135deg,#aa2800e6,#641400f5);border:1px solid #ff641e80}.enter-btn-purple{color:#d0a8ff;background:linear-gradient(135deg,#501e96e0,#320f64f5);border:1px solid #a855f780}.enter-btn-arena{color:#f0d080;background:linear-gradient(135deg,#644600e6,#462d00f5);border:1px solid #c9a84c99}.lb-peek{background:#ffffff05;border:1px solid #c9a84c47;border-radius:12px;margin:0 14px 14px;padding:12px}.reward-tabs{gap:6px;margin-bottom:12px;display:flex}.reward-tab{color:#c8b9a073;letter-spacing:1.2px;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #c9a84c33;border-radius:7px;flex:1;padding:7px 0;font-family:Cinzel,serif;font-size:10px;font-weight:600;transition:all .18s}.reward-tab-active{color:#f0d080;background:#c9a84c1f;border-color:#c9a84c8c}.reward-tab-note{color:#c8b9a080;margin-bottom:10px;font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.5}.lb-reward-row{border-bottom:1px solid #c9a84c12;align-items:flex-start;gap:10px;padding:7px 0;display:flex}.lb-reward-row:last-child{border-bottom:none}.lb-reward-bracket{color:#f0d080;flex-shrink:0;width:72px;padding-top:2px;font-size:12px;font-weight:700}.milestone-dmg{color:#c9a84c}.reward-icon-row{flex-wrap:wrap;gap:5px;display:flex}.reward-icon-chip{background:#c9a84c1a;border:1px solid #c9a84c47;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:flex}.reward-icon-img{object-fit:contain;flex-shrink:0;width:16px;height:16px}.reward-icon-label{color:#c9a84c;letter-spacing:.3px;white-space:nowrap;font-size:10px}.event-card{cursor:pointer;background:#13101e;border:1px solid #c9a84c47;border-radius:12px;margin:0 14px 10px;display:flex;overflow:hidden}.event-card-art{flex-shrink:0;justify-content:center;align-items:center;width:90px;min-height:110px;font-size:34px;display:flex;position:relative;overflow:hidden}.event-card-art-img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.event-card-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 55%,#13101ed9 100%);position:absolute;inset:0}.art-summon{background:#0a0518}.art-growth{background:#050e08}.art-arena{background:#0e0a00}.art-coming-soon{opacity:.55;background:#0a0818;flex-direction:column;gap:4px}.coming-soon-ribbon{z-index:3;letter-spacing:2px;color:#b4a0dcbf;text-align:center;text-transform:uppercase;background:#281e3ce6;border-top:1px solid #9678c84d;padding:3px 0;font-size:7px;position:absolute;bottom:0;left:0;right:0}.art-upcoming{filter:grayscale(.5)brightness(.7)}.art-dot{z-index:2;background:#3dff88;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:7px;box-shadow:0 0 5px #3dff88}.event-card-body{border-left:1px solid #c9a84c26;flex:1;padding:11px 12px}.event-card-tag{letter-spacing:2px;text-transform:uppercase;color:#c8b9a080;margin-bottom:3px;font-size:8px}.event-card-name{color:#f0d080;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:600}.event-card-desc{color:#c8b9a099;margin-bottom:9px;font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.5}.event-card-footer{justify-content:space-between;align-items:center;display:flex}.timer-small{color:#c9a84c;align-items:center;gap:3px;font-size:9px;display:flex}.enter-btn-sm{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:5px 12px;font-family:Cinzel,serif;font-size:9px;font-weight:700}.enter-btn-sm-purple{color:#d0a8ff;background:#46148ca6;border:1px solid #a855f773}.enter-btn-sm-gold{color:#f0d080;background:#5a3c00a6;border:1px solid #c9a84c73}.event-card-locked{cursor:not-allowed;opacity:.52;filter:grayscale(.3);pointer-events:none}.event-card-name-locked{color:#f0d08073}.event-card-desc-locked{color:#c8b9a059;font-style:italic}.enter-btn-sm-locked{color:#b4a0dc66;cursor:not-allowed;background:#281e3c80;border:1px solid #7864a04d}.events-footer-ornament{text-align:center;color:#c9a84c4d;letter-spacing:6px;padding:12px 0 5px;font-size:13px}.events-footer-note{text-align:center;letter-spacing:1.5px;text-transform:uppercase;color:#c8b9a059;padding-bottom:8px;font-family:Inter,system-ui,sans-serif;font-size:9px}.detail-back{color:#c9a84cbf;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:13px 14px 4px;font-family:Cinzel,serif;font-size:11px;display:block}.detail-back:hover{color:#f0d080}.boss-detail-banner{background:radial-gradient(ellipse at 50% 40%, var(--boss-glow,#c8402073) 0%, #0d0b14 75%);align-items:flex-end;width:100%;height:240px;display:flex;position:relative;overflow:hidden}.boss-artwork-detail{object-position:center 15%}.boss-art-gradient-detail{background:linear-gradient(#0d0b140d 0%,#0d0b1400 25%,#0d0b1480 60%,#0d0b14eb 85%,#0d0b14 100%)}.boss-detail-overlay{z-index:5;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px 16px 16px;display:flex;position:absolute;inset:0}.boss-detail-overlay-top{justify-content:center;width:100%;display:flex}.boss-detail-overlay-bottom{flex-direction:column;display:flex}.boss-element-badge{letter-spacing:1.5px;text-transform:uppercase;color:#f0d080d9;background:#0d0b14bf;border:1px solid #c9a84c59;border-radius:20px;align-items:center;gap:5px;margin-bottom:8px;padding:4px 12px;font-size:10px;display:inline-flex}.detail-boss-name{letter-spacing:.5px;color:#f0d080;text-shadow:0 2px 12px #000000e6,0 0 30px #0009;margin-bottom:4px;font-size:20px;font-weight:700;line-height:1.25}.detail-boss-lore{color:#dcc8a5a6;text-shadow:0 1px 6px #000000e6;margin-bottom:8px;font-family:Inter,system-ui,sans-serif;font-size:12px;font-style:italic;line-height:1.5}.detail-timer-row{color:#c9a84c;align-items:center;gap:5px;font-size:11px;display:flex}.detail-timer-text{letter-spacing:.5px}.detail-stats-row{border:1px solid #c9a84c38;border-radius:10px;margin:14px 14px 0;display:flex;overflow:hidden}.detail-stat{text-align:center;border-right:1px solid #c9a84c2e;flex:1;padding:11px 6px}.detail-stat:last-child{border-right:none}.detail-stat-val{color:#f0d080;margin-bottom:3px;font-size:16px;font-weight:700}.stat-empty{color:#c8b9a04d;font-size:22px}.detail-stat-label{letter-spacing:1.5px;text-transform:uppercase;color:#c8b9a073;font-size:8px}.boss-lb-table{background:#ffffff05;border:1px solid #c9a84c38;border-radius:10px;margin:0 14px 4px;overflow:hidden}.lb-row{border-bottom:1px solid #c9a84c12;align-items:center;gap:8px;padding:8px 12px;font-family:Inter,system-ui,sans-serif;display:flex}.lb-row:last-child{border-bottom:none}.lb-pos{flex-shrink:0;width:26px;font-size:14px}.lb-pos-1{color:gold}.lb-pos-2{color:silver}.lb-pos-3{color:#cd7f32}.lb-name{color:#d0c0a0;flex:1;font-size:12px}.lb-dmg{color:#c9a84c;font-size:11px}.lb-empty-state{text-align:center;background:#ffffff05;border:1px solid #c9a84c2e;border-radius:10px;margin:0 14px 4px;padding:24px 16px}.lb-empty-icon{opacity:.5;margin-bottom:10px;font-size:32px}.lb-empty-text{color:#c8b9a099;margin-bottom:4px;font-size:13px}.lb-empty-sub{color:#c8b9a066;font-family:Inter,system-ui,sans-serif;font-size:11px}.detail-section-title{letter-spacing:3px;text-transform:uppercase;color:#c9a84c;border-top:1px solid #c9a84c1a;margin-top:6px;padding:18px 14px 7px;font-size:9px}.section-note{color:#c8b9a080;margin:0;padding:0 14px 8px;font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.5}.detail-rules{text-align:left;padding:0 14px 4px}.rule-item{color:#c8b9a0bf;text-align:left;border-bottom:1px solid #c9a84c12;align-items:flex-start;gap:9px;padding:8px 0;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.55;display:flex}.rule-item:last-child{border-bottom:none}.rule-dot{background:#c9a84c80;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:5px}.rule-item-highlight{color:#f0d080bf}.rule-item-muted{color:#c8b9a059;font-style:italic}.rule-dot-gold{background:#c9a84c}.reward-row{border-bottom:1px solid #c9a84c12;align-items:flex-start;gap:10px;padding:8px 14px;display:flex}.reward-row:last-child{border-bottom:none}.reward-bracket{color:#f0d080;flex-shrink:0;width:72px;padding-top:3px;font-size:11px;font-weight:700}.reward-dmg-label{color:#c9a84c;flex-shrink:0;width:52px;padding-top:3px;font-size:11px;font-weight:700}.rotation-grid{flex-wrap:wrap;gap:7px;padding:4px 14px 18px;display:flex}.rotation-chip{background:#ffffff06;border:1px solid #c9a84c2e;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:48px;padding:8px 10px;display:flex}.rotation-emoji{font-size:20px}.rotation-label{letter-spacing:1px;text-transform:uppercase;color:#c8b9a073;font-size:9px}.rotation-active{border-color:var(--boss-color,#c9a84c);background:#c9a84c14}.rotation-active .rotation-label{color:#f0d080}.detail-hero{text-align:center;flex-direction:column;align-items:center;width:100%;padding:28px 16px 22px;display:flex}.detail-hero-summon{background:radial-gradient(at 50% 60%,#6428c859 0%,#0d0b14 70%)}.detail-hero-growth{background:radial-gradient(at 50% 60%,#14783c4d 0%,#0d0b14 70%)}.detail-hero-arena{background:radial-gradient(at 50% 60%,#a0780052 0%,#0d0b14 70%)}.detail-hero-art{margin-bottom:14px}.summon-orb,.growth-orb,.arena-orb{border:2px solid #c9a84c61;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:48px;display:flex}.summon-orb{background:radial-gradient(circle,#6428c84d,#0a051ed9)}.growth-orb{background:radial-gradient(circle,#14783c4d,#05140ad9)}.arena-orb{background:radial-gradient(circle,#a078004d,#1e1400d9)}.detail-boss-sub{letter-spacing:1.5px;text-transform:uppercase;color:#c8b9a080;margin-bottom:8px;font-size:10px}.growth-progress-wrap{background:#ffffff05;border:1px solid #c9a84c33;border-radius:10px;margin:6px 14px 14px;padding:12px}.growth-progress-header{justify-content:space-between;margin-bottom:12px;display:flex}.growth-pts-label{color:#c8b9a073;letter-spacing:1px;text-transform:uppercase;font-size:10px}.growth-pts-val{color:#f0d080;font-size:13px;font-weight:700}.growth-bar-track{background:#ffffff0f;border-radius:4px;height:8px;margin-bottom:22px;position:relative}.growth-bar-fill{background:linear-gradient(90deg,#5020a0,#a855f7);border-radius:4px;height:100%;transition:width .4s}.growth-milestone-tick{background:#c9a84c73;width:2px;height:14px;position:absolute;top:-3px;transform:translate(-50%)}.growth-milestone-labels{height:14px;position:relative}.growth-milestone-labels span{color:#c9a84c8c;font-size:8px;position:absolute;transform:translate(-50%)}.milestone-row{opacity:.5;border-bottom:1px solid #c9a84c12;align-items:center;gap:10px;padding:9px 14px;display:flex}.milestone-row:last-child{border-bottom:none}.milestone-done,.milestone-claim{opacity:1}.milestone-pts{color:#c9a84c;flex-shrink:0;width:60px;font-size:11px;font-weight:700}.milestone-reward{color:#c8b9a0b8;flex:1;font-family:Inter,system-ui,sans-serif;font-size:10px;line-height:1.4}.milestone-status{flex-shrink:0}.ms-claimed{color:#3cc850cc;letter-spacing:.5px;font-size:10px}.ms-locked{font-size:12px}.ms-claim-btn{color:#80e060;letter-spacing:1px;cursor:pointer;background:#64a84c2e;border:1px solid #64c85066;border-radius:6px;padding:4px 10px;font-family:Cinzel,serif;font-size:9px;font-weight:700}.featured-pills{flex-wrap:wrap;gap:6px;margin-bottom:13px;display:flex}.info-pill{color:#c9a84c;letter-spacing:.5px;white-space:nowrap;background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:20px;padding:5px 12px;font-size:10px}.event-card-upcoming{opacity:.65;cursor:default;pointer-events:none}.art-upcoming{opacity:.5}.upcoming-tag{color:#c8b9a059!important}.upcoming-name{color:#f0d08073}.upcoming-desc{color:#c8b9a059}.upcoming-timer{color:#c9a84c80!important}.enter-btn-sm-upcoming{color:#c9a84c59;cursor:not-allowed;letter-spacing:1.2px;text-transform:uppercase;background:#28231480;border:1px solid #c9a84c33;border-radius:6px;padding:5px 12px;font-family:Cinzel,serif;font-size:9px;font-weight:600}.boss-progress-list{background:#ffffff05;border:1px solid #c9a84c38;border-radius:10px;margin:0 14px 6px;overflow:hidden}.boss-progress-row{border-bottom:1px solid #c9a84c12;flex-direction:column;gap:6px;padding:9px 14px;display:flex}.boss-progress-row:last-child{border-bottom:none}.bp-row-main{align-items:center;gap:10px;display:flex}.bp-rewards{flex-wrap:wrap;gap:4px;padding-left:30px;display:flex}.boss-progress-row.bp-done{background:#3cc8500a}.boss-progress-row.bp-claimable{background:#c9a84c0f;animation:2s ease-in-out infinite claimable-pulse}@keyframes claimable-pulse{0%,to{background:#c9a84c0f}50%{background:#c9a84c1f}}.bp-icon{color:#c8b9a040;text-align:center;flex-shrink:0;width:20px;font-size:14px}.bp-icon-done{color:#3ddb60}.bp-icon-ready{color:#f0d080;font-weight:700}.bp-label{color:#c8b9a073;flex:1;font-family:Inter,system-ui,sans-serif;font-size:12px}.boss-progress-row.bp-done .bp-label{color:#c8b9a0cc}.boss-progress-row.bp-claimable .bp-label{color:#f0d080;font-weight:500}.bp-action{flex-shrink:0}.bp-claimed-badge{letter-spacing:1.5px;text-transform:uppercase;color:#3cc850a6;font-family:Inter,system-ui,sans-serif;font-size:9px}.bp-claim-btn{color:#f0d080;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#b48c14cc,#785a00e6);border:1px solid #c9a84c99;border-radius:6px;padding:5px 14px;font-family:Cinzel,serif;font-size:9px;font-weight:700}.bp-claim-btn:hover{background:linear-gradient(135deg,#c9a84ccc,#966e00e6)}.evt-reward-chip{background:#ffffff0a;border:1px solid #c9a84c29;border-radius:999px;align-items:center;gap:3px;padding:2px 7px 2px 4px;display:inline-flex}.evt-reward-chip img{object-fit:contain;flex-shrink:0;width:12px;height:12px}.evt-reward-chip-fallback{flex-shrink:0;font-size:10px;line-height:1}.evt-reward-chip-label{color:#c8b9a0a6;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:600}.evt-reward-chip--sm{padding:2px 6px 2px 3px}.evt-claim-toast-chips .evt-reward-chip{padding:3px 9px 3px 5px}.evt-claim-toast-chips .evt-reward-chip img{width:14px;height:14px}.evt-claim-toast-chips .evt-reward-chip-fallback{font-size:12px}.evt-claim-toast-chips .evt-reward-chip-label{font-size:10.5px}.evt-claim-toast{z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.18s evt-toast-fade;display:flex;position:fixed;inset:0}@keyframes evt-toast-fade{0%{opacity:0}to{opacity:1}}.evt-claim-toast-box{text-align:center;background:linear-gradient(135deg,#1a1208fa,#0d0b14fc);border:1px solid #c9a84c66;border-radius:16px;width:88%;max-width:300px;padding:26px 24px;animation:.22s cubic-bezier(.34,1.56,.64,1) evt-toast-pop;box-shadow:0 0 40px #000c}@keyframes evt-toast-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.evt-claim-toast-title{color:#f0d080;margin-bottom:4px;font-family:Cinzel,serif;font-size:16px;font-weight:700}.evt-claim-toast-sub{color:#c8b9a099;margin-bottom:14px;font-family:Inter,system-ui,sans-serif;font-size:12px}.evt-claim-toast-chips{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:18px;display:flex}.evt-claim-toast-btn{color:#1a1300;cursor:pointer;background:linear-gradient(135deg,#c9a84ce6,#966e00f2);border:1px solid #c9a84c99;border-radius:10px;width:100%;height:40px;font-family:Cinzel,serif;font-size:13px;font-weight:700}.evt-claim-toast-btn:active{filter:brightness(1.1)}.attempt-reset-row{color:#c8b9a080;align-items:center;gap:6px;margin:8px 14px 4px;font-family:Inter,system-ui,sans-serif;font-size:11px;display:flex}.attempt-reset-row strong{color:#c9a84c;font-weight:600}.attempt-reset-icon{font-size:12px}.events-title,.featured-event-name,.detail-boss-name,.event-card-name,.events-section-label,.detail-section-title,.reward-bracket,.reward-dmg-label,.lb-reward-bracket,.rotation-label,.boss-element-badge,.featured-badge,.milestone-pts{font-family:Cinzel,Georgia,serif}.featured-event-sub,.featured-lore,.detail-boss-sub,.detail-boss-lore,.event-card-desc,.event-card-tag,.rule-item,.reward-icon-label,.detail-stat-val,.detail-stat-label,.attempt-reset-text,.section-note,.reward-tab-note,.lb-name,.lb-dmg,.lb-empty-text,.lb-empty-sub,.bp-label,.bp-claimed,.milestone-reward,.growth-pts-label,.growth-pts-val,.timer-small,.upcoming-timer,.events-footer-note,.detail-timer-text,.ms-claimed{font-family:Inter,system-ui,sans-serif}.event-detail-banner{width:100%;display:block;position:relative;overflow:hidden}.event-detail-banner-summon{background:#0a0518}.event-detail-banner-growth{background:#050e08}.event-detail-banner-arena{background:#0e0800}.event-detail-art{z-index:1;width:100%;height:auto;display:block;position:relative}.event-detail-banner-summon .event-detail-art{object-fit:cover;object-position:center 35%;height:220px}.event-detail-gradient{z-index:2;background:linear-gradient(#0d0b1400 0% 30%,#0d0b14b3 65%,#0d0b14eb 85%,#0d0b14 100%);position:absolute;inset:0}.event-detail-overlay{z-index:3;padding:0 16px 16px;position:absolute;bottom:0;left:0;right:0}.event-detail-name{letter-spacing:.5px;color:#f0d080;text-shadow:0 0 20px #000,0 2px 8px #000,0 0 40px #000c;margin-bottom:3px;font-family:Cinzel,Georgia,serif;font-size:20px;font-weight:700;line-height:1.2}.event-detail-sub{letter-spacing:.5px;color:#dccdafe6;text-shadow:0 1px 6px #000,0 0 12px #000000e6;margin-bottom:7px;font-family:Inter,system-ui,sans-serif;font-size:11px}.event-detail-tag{letter-spacing:2px;text-transform:uppercase;color:#dcb950e6;text-shadow:0 1px 6px #000;margin-bottom:5px;font-family:Inter,system-ui,sans-serif;font-size:9px}.growth-milestone-card{opacity:.55;background:#ffffff05;border:1px solid #c9a84c2e;border-radius:10px;flex-direction:column;gap:8px;margin:0 14px 8px;padding:12px 14px;display:flex}.gmc-claimed{opacity:1;background:#3cc8500a;border-color:#3cc85033}.gmc-claimable{opacity:1;background:#c9a84c0f;border-color:#c9a84c8c;animation:2s ease-in-out infinite claimable-pulse}.gmc-pts{color:#c9a84c;letter-spacing:.5px;font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:700}.gmc-claimed .gmc-pts{color:#3cc850b3}.gmc-claimable .gmc-pts{color:#f0d080}.gmc-rewards{flex-wrap:wrap;gap:5px;display:flex}.gmc-action{align-items:center;display:flex}.growth-earn-list{background:#ffffff05;border:1px solid #c9a84c2e;border-radius:10px;margin:0 14px 16px;overflow:hidden}.growth-earn-row{border-bottom:1px solid #c9a84c12;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.growth-earn-row:last-child{border-bottom:none}.grow-earn-action{color:#c8b9a0cc;font-family:Inter,system-ui,sans-serif;font-size:12px}.grow-earn-pts{color:#c9a84c;white-space:nowrap;margin-left:12px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600}.growth-earn-row-muted .grow-earn-action,.growth-earn-row-muted .grow-earn-pts{color:#c8b9a04d;font-style:italic}.ar2-screen,.ar2-battle-screen{color:#fff4d2;-webkit-font-smoothing:antialiased;background:#030208;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ar2-bg-image{z-index:0;background-image:url(/images/arena/arenalobby.png);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.ar2-bg{z-index:0;background:radial-gradient(at 50% 0,#fbbf2438 0%,#0000 42%),radial-gradient(at 6% 35%,#38bdf81a 0%,#0000 38%),radial-gradient(at 94% 55%,#a855f71f 0%,#0000 38%),radial-gradient(at 50% 100%,#dc262638 0%,#0000 46%);position:absolute;inset:0}.ar2-bg-grid{z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.ar2-vignette{z-index:1;pointer-events:none;background:radial-gradient(at 50% 38%,#0000 0%,#03020880 72%,#030208db 100%),linear-gradient(#0302089e 0%,#0302084d 18%,#0302086b 60%,#030208d1 100%);position:absolute;inset:0}.ar2-header{z-index:10;flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:14px 14px 10px;display:grid;position:relative}.ar2-back-btn{color:#ffe7a3;cursor:pointer;background:#07050ecc;border:1px solid #fbbf2438;border-radius:14px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;transition:background .15s,border-color .15s;display:grid;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #00000061}.ar2-back-btn:hover{background:#140e23eb;border-color:#fbbf2470}.ar2-back-btn:disabled{opacity:.45;cursor:default}.ar2-header-center{text-align:center}.ar2-header-spacer{width:40px}.ar2-header-title{letter-spacing:.14em;background:linear-gradient(#fff 0%,#ffe898 45%,#f59e0b 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #fbbf245c);-webkit-background-clip:text;font-size:30px;font-weight:1000;line-height:1}.ar2-header-sub{letter-spacing:.1em;text-transform:uppercase;color:#fff4d266;margin-top:4px;font-size:9px;font-weight:900}.ar2-body{z-index:3;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0);flex:1;position:relative;overflow:hidden auto}.ar2-body::-webkit-scrollbar{display:none}.ar2-rank-banner{border:1px solid color-mix(in srgb, var(--rc) 50%, #ffffff14);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--rc) 28%, transparent) 0%, transparent 55%), linear-gradient(160deg, #140c24f7, #05030cfc);box-shadow:0 0 0 1px #ffffff0a inset, 0 18px 40px #00000070, 0 0 60px color-mix(in srgb, var(--rc) 14%, transparent);border-radius:22px;margin:4px 14px 10px;padding:16px 14px 14px;position:relative;overflow:hidden}.ar2-rank-banner-glow{pointer-events:none;background:radial-gradient(ellipse at 50% -30%, color-mix(in srgb, var(--rc) 22%, transparent) 0%, transparent 62%);position:absolute;inset:0}.ar2-rank-banner-top{grid-template-columns:1fr 76px;align-items:center;gap:12px;display:grid;position:relative}.ar2-rank-pill{letter-spacing:.06em;color:var(--rc);border:1px solid color-mix(in srgb, var(--rc) 55%, #ffffff1f);background:color-mix(in srgb, var(--rc) 16%, #0006);text-shadow:0 0 14px color-mix(in srgb, var(--rc) 50%, transparent);border-radius:999px;margin-bottom:8px;padding:5px 14px;font-size:13px;font-weight:1000;display:inline-block}.ar2-rank-progress-text{color:#fff4d29e;margin-bottom:6px;font-size:11px;font-weight:850}.ar2-rank-progress-track{background:#ffffff14;border:1px solid #ffffff0f;border-radius:999px;width:100%;max-width:220px;height:6px;overflow:hidden}.ar2-rank-progress-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--rc) 70%, transparent), var(--rc));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--rc) 55%, transparent);border-radius:999px;transition:width .4s}.ar2-rank-next-reward{color:#fff4d294;max-width:240px;margin-top:7px;font-size:10px;font-weight:800}.ar2-rank-next-reward-label{color:#fde68a;text-shadow:0 0 8px #fbbf2459;font-weight:1000}.ar2-rank-badge-xl{border:2px solid color-mix(in srgb, var(--rc) 60%, #ffffff2e);background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--rc) 30%, #140c24e6), #05030ceb);width:68px;height:68px;box-shadow:0 0 24px color-mix(in srgb, var(--rc) 35%, transparent), inset 0 1px 0 #ffffff1f;border-radius:50%;place-self:center;place-items:center;display:grid;position:relative;overflow:hidden}.ar2-rank-badge-xl-symbol{color:var(--rc);text-shadow:0 0 12px var(--rc);font-size:26px;font-weight:1000}.ar2-rank-badge-fallback{color:var(--rc,#fde68a);text-shadow:0 0 10px color-mix(in srgb, var(--rc,#fbbf24) 50%, transparent);font-weight:1000}.ar2-rank-badge-xl .ar2-rank-badge-fallback{font-size:26px}.ar2-rank-badge-xl-img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000073);width:84%;height:84%}.ar2-rank-banner-divider{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--rc) 40%, #ffffff1f), transparent);height:1px;margin:14px 0 12px}.ar2-rank-banner-stats-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:relative}.ar2-banner-stat{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;display:flex}.ar2-banner-stat-icon{margin-bottom:1px;font-size:14px}.ar2-banner-stat-val{color:#fff4d2;font-size:13px;font-weight:1000}.ar2-banner-stat-label{letter-spacing:.05em;text-transform:uppercase;color:#fff4d26b;font-size:7px;font-weight:900}.ar2-rank-badge{border:1px solid color-mix(in srgb, var(--rc) 50%, #ffffff1a);background:color-mix(in srgb, var(--rc) 14%, #00000080);border-radius:999px;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.ar2-rank-symbol{color:var(--rc);font-size:10px;font-weight:1000}.ar2-rank-name{color:var(--rc);font-size:9px;font-weight:900}.ar2-defense-bar{cursor:pointer;text-align:left;background:linear-gradient(160deg,#100a1cf0,#05030af7);border:1px solid #fbbf2433;border-radius:16px;flex-direction:column;gap:8px;width:calc(100% - 28px);margin:0 14px 12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex;box-shadow:0 8px 20px #00000047}.ar2-defense-bar:hover{background:linear-gradient(160deg,#160e24f5,#07040dfa);border-color:#fbbf2461}.ar2-defense-bar-top{align-items:center;gap:8px;display:flex}.ar2-defense-bar-icon{flex-shrink:0;font-size:16px}.ar2-defense-bar-label{color:#fff4d2;flex:1;font-size:12px;font-weight:1000}.ar2-defense-bar-edit{letter-spacing:.03em;color:#fde68a;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:10px;flex-shrink:0;padding:6px 10px;font-size:10px;font-weight:1000}.ar2-defense-bar-power{color:#fde68a;text-shadow:0 0 10px #fbbf2459;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:1000;overflow:hidden}.ar2-lobby-tabs{background:#0006;border:1px solid #ffffff12;border-radius:18px;margin:0 14px 14px;display:flex;overflow:hidden}.ar2-lobby-tab{color:#fff4d270;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px;font-size:9px;font-weight:900;transition:all .18s;display:flex}.ar2-lobby-tab span:first-child{font-size:14px}.ar2-lobby-tab--active{color:#fff4d2;background:#fbbf241f;border-radius:16px;box-shadow:inset 0 1px #fbbf242e}.ar2-section-label{letter-spacing:.12em;text-transform:uppercase;color:#fff4d285;font-size:10px;font-weight:1000}.ar2-section-sub{color:#fff4d25c;margin-top:2px;font-size:10px}.ar2-section-head{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.ar2-opponents-section{margin:0 14px 14px}.ar2-refresh-btn{color:#bfdbfe;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#60a5fa14;border:1px solid #60a5fa47;border-radius:12px;padding:7px 12px;font-size:9px;font-weight:1000;transition:all .15s}.ar2-refresh-btn:hover{background:#60a5fa29}.ar2-opp-list{flex-direction:column;gap:7px;display:flex}.ar2-opp-card{cursor:pointer;background:linear-gradient(160deg,#0c0816f5,#04030afa);border:1px solid #ffffff12;border-radius:16px;padding:8px;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000042}.ar2-opp-card:hover{border-color:#fbbf2438}.ar2-opp-card--selected{border-color:#fbbf2466;box-shadow:0 0 0 1px #fbbf243d,0 10px 28px #0000004d}.ar2-opp-card-selected-ring{pointer-events:none;background:radial-gradient(at 50% 0,#fbbf2414,#0000 55%);border-radius:16px;position:absolute;inset:0}.ar2-opp-card-top{align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.ar2-opp-avatar{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--rc,#fbbf24) 38%, #140c24eb), #06030cf2);border:1px solid color-mix(in srgb, var(--rc,#fbbf24) 55%, #ffffff24);width:32px;height:32px;box-shadow:0 0 10px color-mix(in srgb, var(--rc,#fbbf24) 28%, transparent), inset 0 1px 0 #ffffff1a;color:var(--rc,#fde68a);text-shadow:0 0 8px color-mix(in srgb, var(--rc,#fbbf24) 50%, transparent);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:1000;display:grid;position:relative;overflow:hidden}.ar2-opp-avatar-img{object-fit:contain;filter:drop-shadow(0 1px 4px #0006);width:78%;height:78%}.ar2-opp-streak{white-space:nowrap;background:#ef4444eb;border:1px solid #ffffff26;border-radius:999px;padding:1px 5px;font-size:8px;font-weight:900;position:absolute;top:-5px;right:-5px}.ar2-opp-info{flex:1;min-width:0}.ar2-opp-username{color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:1000;overflow:hidden}.ar2-opp-pts{color:#fff4d280;margin-top:1px;font-size:9px;font-weight:850}.ar2-opp-rewards{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.ar2-opp-reward{border-radius:999px;padding:2px 8px;font-size:9px;font-weight:1000}.ar2-opp-reward--win{color:#86efac;background:#4ade8024;border:1px solid #4ade8038}.ar2-opp-reward--loss{color:#fca5a5;background:#f871711f;border:1px solid #f8717133}.ar2-opp-hero-thumb{border:1px solid color-mix(in srgb, var(--rc,#ffffff1a) 44%, #ffffff0f);background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--ec,#888) 18%, transparent), transparent 60%), #ffffff08;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;height:64px;display:flex;position:relative;overflow:hidden}.ar2-opp-hero-thumb img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 6px #000000a6);max-width:116%;max-height:76%;margin-bottom:-3px}.ar2-opp-hero-thumb span{text-align:center;color:#fff4d2b8;white-space:nowrap;text-overflow:ellipsis;background:#0000007a;width:100%;padding:2px 4px 3px;font-size:7px;font-weight:900;display:block;overflow:hidden}.ar2-opp-hero-thumb--empty{background:0 0;border-style:dashed;border-color:#ffffff1a;justify-content:center}.ar2-opp-hero-thumb--empty span{color:#fff4d238;background:0 0;font-size:16px}.ar2-opp-card-actions{gap:8px;display:flex}.ar2-preview-pill{color:#bfdbfe;letter-spacing:.04em;cursor:pointer;background:#60a5fa14;border:1px solid #60a5fa47;border-radius:10px;flex:1;padding:7px 10px;font-size:10px;font-weight:1000;transition:all .15s}.ar2-preview-pill:hover{background:#60a5fa29;border-color:#60a5fa70}.ar2-challenge-pill{color:#fde68a;letter-spacing:.07em;cursor:pointer;background:#fbbf2414;border:1px solid #fbbf2447;border-radius:10px;flex:1;padding:7px 14px;font-size:10px;font-weight:1000;transition:all .15s}.ar2-challenge-pill--active,.ar2-challenge-pill:hover{background:#fbbf2433;border-color:#fbbf2480}.ar2-shop{margin:0 14px 14px;position:relative}.ar2-shop-toast{z-index:100;color:#022c22;white-space:nowrap;background:#4ade80eb;border-radius:999px;padding:8px 20px;font-size:11px;font-weight:1000;animation:.25s ar2-fadein;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}@keyframes ar2-fadein{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ar2-shop-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ar2-shop-title{color:#fff4d2;align-items:center;gap:6px;font-size:18px;font-weight:1000;display:flex}.ar2-shop-crown{color:#fbbf24;font-size:16px}.ar2-shop-coins{background:#fbbf2414;border:1px solid #fbbf2447;border-radius:14px;align-items:center;gap:5px;padding:6px 12px;display:flex}.ar2-shop-coin-icon{font-size:14px}.ar2-shop-coin-val{color:#fde68a;font-size:14px;font-weight:1000}.ar2-shop-coin-label{color:#fff4d27a;font-size:8px;font-weight:900}.ar2-shop-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.ar2-shop-tabs::-webkit-scrollbar{display:none}.ar2-shop-tab{color:#fff4d280;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;font-size:10px;font-weight:900;transition:all .15s;display:flex}.ar2-shop-tab span:first-child{font-size:13px}.ar2-shop-tab--active{color:#fde68a;background:#fbbf2424;border-color:#fbbf2461}.ar2-shop-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ar2-shop-item{text-align:center;background:linear-gradient(160deg,#0e091af7,#04030afc);border:1px solid #ffcf6524;border-radius:18px;flex-direction:column;align-items:center;gap:5px;padding:14px 12px;transition:border-color .15s;display:flex;box-shadow:0 8px 20px #00000038}.ar2-shop-item:hover{border-color:#fbbf2447}.ar2-shop-item--sold-out{opacity:.48}.ar2-shop-item--broke{opacity:.65}.ar2-shop-item-icon{margin-bottom:2px;font-size:28px}.ar2-shop-item-img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000080);width:40px;height:40px;margin-bottom:2px}.ar2-shop-item-name{color:#fff4d2;font-size:11px;font-weight:1000;line-height:1.2}.ar2-shop-item-desc{color:#fff4d26b;font-size:8px;line-height:1.3}.ar2-shop-item-limit{color:#fff4d261;margin-top:2px;font-size:8px;font-weight:900}.ar2-shop-item-buy{color:#fde68a;cursor:pointer;background:#fbbf241f;border:1px solid #fbbf245c;border-radius:12px;width:100%;margin-top:4px;padding:8px 10px;font-size:11px;font-weight:1000;transition:all .15s}.ar2-shop-item-buy:hover:not(:disabled){background:#fbbf243d}.ar2-shop-item-buy:disabled{opacity:.42;cursor:default}.ar2-history-section{margin-bottom:14px}.ar2-history-empty{text-align:center;border:1px dashed #ffffff1a;border-radius:18px;margin:0 14px;padding:32px 20px}.ar2-history-empty span{margin-bottom:8px;font-size:28px;display:block}.ar2-history-empty p{color:#fff4d266;margin:0;font-size:11px}.ar2-hist-list{flex-direction:column;gap:6px;padding:0 14px;display:flex}.ar2-hist-row{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ar2-hist-row--victory{border-left:3px solid #4ade8080}.ar2-hist-row--defeat{border-left:3px solid #f8717180}.ar2-hist-badge{border-radius:10px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:12px;font-weight:1000;display:grid}.ar2-hist-row--victory .ar2-hist-badge{color:#86efac;background:#4ade802e}.ar2-hist-row--defeat .ar2-hist-badge{color:#fca5a5;background:#f8717124}.ar2-hist-info{flex:1;min-width:0}.ar2-hist-vs{color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:900;display:block;overflow:hidden}.ar2-hist-time{color:#fff4d266;margin-top:1px;font-size:8px;display:block}.ar2-hist-delta{text-align:right}.ar2-hist-pts-win{color:#86efac;font-size:12px;font-weight:1000;display:block}.ar2-hist-pts-loss{color:#fca5a5;font-size:12px;font-weight:1000;display:block}.ar2-hist-coins{color:#fff4d275;margin-top:2px;font-size:9px;display:block}.ar2-dock{z-index:12;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04030af0;border-top:1px solid #fbbf2429;flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.ar2-dock-side-btn{color:#fff4d29e;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:56px;padding:9px 4px;font-size:8px;font-weight:900;transition:all .15s;display:flex}.ar2-dock-side-btn span:first-child{font-size:15px}.ar2-dock-side-btn:hover{color:#bfdbfe;background:#60a5fa1a;border-color:#60a5fa42}.ar2-dock--duo .ar2-dock-side-btn--wide{flex-direction:row;flex:1;justify-content:center;gap:8px;width:auto;padding:13px 10px;font-size:11px}.ar2-dock--duo .ar2-dock-side-btn--wide span:first-child{font-size:16px}.ar2-sheet-overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000094;align-items:flex-end;animation:.2s ar2-sheet-fade;display:flex;position:fixed;inset:0}@keyframes ar2-sheet-fade{0%{opacity:0}to{opacity:1}}.ar2-sheet{width:100%;max-height:82vh;padding-bottom:env(safe-area-inset-bottom,0);background:linear-gradient(#150920 0%,#090614 60%,#050309 100%);border-top:1px solid #fbbf243d;border-radius:24px 24px 0 0;flex-direction:column;animation:.26s cubic-bezier(.32,.72,0,1) ar2-sheet-slideup;display:flex;box-shadow:0 -20px 50px #0000008c}@keyframes ar2-sheet-slideup{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ar2-sheet-handle{background:#ffffff2e;border-radius:999px;width:36px;height:4px;margin:10px auto 4px}.ar2-sheet-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:6px 16px 10px;display:flex}.ar2-sheet-title{color:#fff4d2;font-size:16px;font-weight:1000}.ar2-sheet-close{color:#fff4d29e;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:30px;height:30px;font-size:14px}.ar2-sheet-body{-webkit-overflow-scrolling:touch;padding:14px 16px 24px;overflow-y:auto}.ar2-sheet-body::-webkit-scrollbar{display:none}.ar2-records-stats-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.ar2-records-stats-row>div{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;padding:10px 6px}.ar2-records-stats-row strong{color:#fff4d2;font-size:16px;font-weight:1000;display:block}.ar2-records-stats-row span{letter-spacing:.06em;text-transform:uppercase;color:#fff4d26b;margin-top:2px;font-size:8px;font-weight:900;display:block}.ar2-shop-coins-row{background:#fbbf2414;border:1px solid #fbbf2447;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin:0 0 12px;padding:6px 14px;display:flex}.ar2-battle-screen{background:#030208}.ar2-battle-bg{z-index:0;background:radial-gradient(at 50% 0,#fbbf2438 0%,#0000 38%),radial-gradient(at 5% 45%,#38bdf81f 0%,#0000 36%),radial-gradient(at 95% 55%,#dc262624 0%,#0000 36%),linear-gradient(#14091e 0%,#080512 50%,#030209 100%);position:absolute;inset:0}.ar2-battle-overlay{z-index:1;pointer-events:none;background:radial-gradient(#0000 30%,#0000008c 100%);position:absolute;inset:0}.ar2-battle-header{z-index:10;flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:14px 14px 10px;display:grid;position:relative}.ar2-battle-header-spacer{width:40px}.ar2-battle-header-center{text-align:center}.ar2-battle-title{letter-spacing:.1em;background:linear-gradient(#fff,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:1000}.ar2-battle-subtitle{color:#fff4d26b;margin-top:2px;font-size:10px;font-weight:900}.ar2-battlefield{z-index:3;background:radial-gradient(at 50% 45%,#fbbf2414 0%,#0000 55%),linear-gradient(#0c0714e0,#030208f0);border:1px solid #fbbf2424;border-radius:22px;flex:1;margin:0 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000042,0 0 28px #fbbf241a}.ar2-battlefield:before{content:"";z-index:1;opacity:.5;background:linear-gradient(90deg,#0000,#fbbf246b,#60a5fa52,#fbbf246b,#0000);height:1px;position:absolute;top:50%;left:8%;right:8%}.ar2-power-hud{z-index:10;pointer-events:none;grid-template-columns:1fr 38px 1fr;gap:6px;display:grid;position:absolute;top:10px;left:10px;right:10px}.ar2-power-hud-side{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000085;border:1px solid #ffffff12;border-radius:12px;padding:6px 9px}.ar2-power-hud-side--enemy{text-align:right;border-color:#f8717138}.ar2-power-hud-side--player{border-color:#4ade8038}.ar2-power-hud-side span{text-transform:uppercase;color:#fff4d266;font-size:7px;font-weight:900;display:block}.ar2-power-hud-side strong{color:#fff4d2;margin-top:1px;font-size:12px;font-weight:1000;display:block}.ar2-power-hud-vs{color:#fde68a;text-shadow:0 0 10px #fbbf248c;place-self:center;font-size:10px;font-weight:1000}.ar2-async-pill{z-index:9;white-space:nowrap;letter-spacing:.09em;text-transform:uppercase;color:#fff4d280;pointer-events:none;background:#0000007a;border:1px solid #fbbf2424;border-radius:999px;padding:5px 12px;font-size:8px;font-weight:900;position:absolute;top:54px;left:50%;transform:translate(-50%)}.ar2-battle-emblem{z-index:1;color:#fff4d20f;letter-spacing:.16em;pointer-events:none;border:1px solid #fbbf241f;border-radius:50%;place-items:center;width:140px;height:140px;font-size:22px;font-weight:1000;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 24px #fbbf240f,0 0 24px #fbbf240d}.ar2-battle-unit{z-index:4;width:30%;max-width:130px;height:148px;transition:filter .18s,transform .18s;position:absolute;transform:translate(-50%,-50%)}.ar2-battle-unit--enemy.ar2-battle-unit--front{z-index:6;top:34%;left:50%}.ar2-battle-unit--enemy.ar2-battle-unit--back-left{z-index:5;top:24%;left:25%}.ar2-battle-unit--enemy.ar2-battle-unit--back-right{z-index:5;top:24%;left:75%}.ar2-battle-unit--player.ar2-battle-unit--front{z-index:7;top:65%;left:50%}.ar2-battle-unit--player.ar2-battle-unit--back-left{z-index:8;top:80%;left:25%}.ar2-battle-unit--player.ar2-battle-unit--back-right{z-index:8;top:80%;left:75%}.ar2-battle-unit--dead{opacity:.28;filter:grayscale()}.ar2-battle-unit--active{filter:drop-shadow(0 0 12px #fbbf24b3);transform:translate(-50%,calc(-50% - 4px))}.ar2-battle-unit--hit{filter:brightness(1.6)drop-shadow(0 0 8px #f87171b3)}.ar2-battle-unit-shadow{z-index:1;filter:blur(4px);background:#00000070;border-radius:50%;width:76%;height:12px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.ar2-battle-unit-art{z-index:2;object-fit:contain;filter:drop-shadow(0 6px 10px #000000b3);max-width:124%;max-height:140px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ar2-battle-unit--enemy .ar2-battle-unit-art{transform:translate(-50%)scaleX(-1)}.ar2-unit-hud{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:2px;width:104%;display:flex;position:absolute;top:-48px;left:50%;transform:translate(-50%)}.ar2-unit-name-tag{border:1px solid color-mix(in srgb, var(--ec,#888) 30%, #ffffff12);color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;text-align:center;background:#0000009e;border-radius:999px;max-width:100%;padding:2px 6px;font-size:7.5px;font-weight:1000;overflow:hidden}.ar2-unit-hp-track{background:#000000b8;border:1px solid #ffffff1f;border-radius:999px;width:64px;height:5px;overflow:hidden}.ar2-unit-hp-fill{background:linear-gradient(90deg,#16a34a,#86efac);border-radius:999px;height:100%;transition:width .32s}.ar2-battle-unit--enemy .ar2-unit-hp-fill{background:linear-gradient(90deg,#dc2626,#f97316)}.ar2-unit-energy-track{background:#000000ad;border:1px solid #fbbf2429;border-radius:999px;width:44px;height:3px;overflow:hidden}.ar2-unit-energy-fill{background:linear-gradient(90deg,#60a5fa,#facc15);border-radius:999px;height:100%;transition:width .28s}.ar2-battle-result{z-index:30;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04030af2;border:1px solid #fbbf2442;border-radius:24px;padding:22px 18px;animation:.38s cubic-bezier(.34,1.56,.64,1) ar2-resultpop;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%);box-shadow:0 20px 50px #000000ad,inset 0 1px #ffffff0f}@keyframes ar2-resultpop{0%{opacity:0;transform:translateY(calc(16px - 50%))scale(.92)}to{opacity:1;transform:translateY(-50%)scale(1)}}.ar2-battle-result--victory{border-color:#4ade8061}.ar2-battle-result--defeat{border-color:#f8717161}.ar2-battle-result-title{letter-spacing:.08em;margin-bottom:6px;font-size:32px;font-weight:1000}.ar2-battle-result--victory .ar2-battle-result-title{color:#86efac;text-shadow:0 0 20px #4ade8070}.ar2-battle-result--defeat .ar2-battle-result-title{color:#fca5a5;text-shadow:0 0 20px #f8717170}.ar2-battle-result-sub{color:#fff4d29e;margin-bottom:14px;font-size:11px;font-weight:900}.ar2-battle-result-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px;display:grid}.ar2-battle-result-stats>div{background:#ffffff0d;border-radius:12px;padding:8px 4px}.ar2-battle-result-stats span{text-transform:uppercase;color:#fff4d266;font-size:8px;font-weight:900;display:block}.ar2-battle-result-stats strong{color:#fff4d2;margin-top:2px;font-size:13px;font-weight:1000;display:block}.ar2-battle-result-btn{color:#fde68a;cursor:pointer;letter-spacing:.05em;background:#fbbf2424;border:1px solid #fbbf245c;border-radius:16px;width:100%;padding:14px;font-size:14px;font-weight:1000;transition:all .15s}.ar2-battle-result-btn:hover{background:#fbbf2442}.ar2-battle-footer{z-index:4;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));flex-shrink:0;position:relative}.ar2-battle-log{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000085;border:1px solid #ffffff12;border-radius:14px;min-height:72px;margin-bottom:8px;padding:8px 10px}.ar2-battle-log-label{letter-spacing:.12em;text-transform:uppercase;color:#fff4d252;margin-bottom:5px;font-size:7.5px;font-weight:1000;display:block}.ar2-battle-log-line{color:#fff4d294;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:9px;line-height:1.38;overflow:hidden}.ar2-battle-log-line--player{color:#bfdbfe}.ar2-battle-log-line--enemy{color:#fecaca}.ar2-battle-log-line--ko{color:#fde68a;font-weight:900}.ar2-battle-log-line--idle{color:#fff4d252;font-style:italic}.ar2-fight-btn{color:#fff;letter-spacing:.08em;cursor:pointer;text-align:center;background:linear-gradient(135deg,#f59e0b 0%,#dc2626 130%);border:1px solid #fbbf2470;border-radius:18px;width:100%;padding:16px;font-size:16px;font-weight:1000;transition:all .18s;display:block;box-shadow:0 0 24px #f59e0b47,0 6px 14px #0000005c}.ar2-fight-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 36px #f59e0b6b,0 8px 18px #0006}.ar2-fight-btn:disabled{opacity:.44;cursor:default;box-shadow:none;color:#fff4d261;background:#ffffff0f;border-color:#ffffff1a;transform:none}.ar2-fight-btn--busy{cursor:default;color:#fff4d275;box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}@media (height<=780px){.ar2-rank-banner{padding:13px 12px}.ar2-rank-pill{padding:4px 12px;font-size:12px}.ar2-rank-badge-xl{width:54px;height:54px}.ar2-rank-badge-xl-symbol{font-size:20px}.ar2-opp-card{padding:8px}.ar2-opp-hero-thumb{height:56px}.ar2-battle-unit{height:132px}.ar2-battle-unit-art{max-height:124px}}@media (height<=680px){.ar2-rank-banner{margin-bottom:8px;padding:10px}.ar2-rank-banner-top{gap:8px}.ar2-rank-pill{margin-bottom:5px;padding:3px 10px;font-size:11px}.ar2-rank-progress-text{margin-bottom:4px;font-size:9px}.ar2-rank-badge-xl{width:42px;height:42px}.ar2-rank-badge-xl-symbol{font-size:16px}.ar2-rank-banner-divider{margin:9px 0 8px}.ar2-banner-stat{padding:6px 4px}.ar2-banner-stat-icon{font-size:12px}.ar2-banner-stat-val{font-size:11px}.ar2-opp-hero-thumb{height:50px}.ar2-battle-unit{height:118px}.ar2-battle-unit-art{max-height:110px}.ar2-battle-log{min-height:56px}}.ar2-preview-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;justify-content:center;align-items:center;padding:20px;animation:.18s ar2-sheet-fade;display:flex;position:fixed;inset:0}.ar2-preview-modal{text-align:center;background:linear-gradient(165deg,#140c24fa,#05030cfc);border:1px solid #fbbf2442;border-radius:24px;width:100%;max-width:360px;padding:24px 20px 20px;animation:.28s cubic-bezier(.34,1.56,.64,1) ar2-resultpop;position:relative;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff0d}.ar2-preview-close{color:#fff4d29e;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:28px;height:28px;font-size:13px;position:absolute;top:12px;right:12px}.ar2-preview-header{margin-bottom:16px}.ar2-preview-avatar{border-radius:16px;width:52px;height:52px;margin:0 auto 10px;font-size:20px}.ar2-preview-username{color:#fff4d2;margin-bottom:6px;font-size:17px;font-weight:1000}.ar2-preview-pts{color:#fff4d28f;margin-top:8px;font-size:11px;font-weight:850}.ar2-preview-power{color:#fde68a;margin-top:3px;font-size:12px;font-weight:1000}.ar2-preview-team-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.ar2-preview-hero-thumb{flex-direction:column;justify-content:flex-start;height:108px;display:flex;position:relative;overflow:hidden}.ar2-preview-hero-role-badge{z-index:2;background:#080510d1;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:4px;left:4px;overflow:hidden;box-shadow:0 2px 6px #00000073}.ar2-preview-hero-role-badge img{object-fit:contain;width:12px;height:12px}.ar2-preview-hero-art{object-fit:contain;object-position:bottom;flex:1;min-height:0;position:relative;max-width:100%!important;max-height:100%!important;margin-bottom:0!important}.ar2-preview-hero-info{background:#0000008c;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;width:100%;padding:3px 4px 5px;display:flex}.ar2-preview-hero-name{color:#fff4d2c7;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;font-weight:900;display:block;overflow:hidden}.ar2-preview-hero-power{color:#fde68a;text-shadow:0 0 6px #fbbf2473;text-align:center;width:100%;font-size:9px;font-weight:1000;display:block}.ar2-preview-actions{gap:8px;display:flex}.ar2-preview-close-btn{color:#fff4d2a8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;flex:1;padding:12px;font-size:12px;font-weight:1000}.ar2-preview-close-btn:hover{background:#ffffff17}.ar2-preview-challenge-btn{color:#fff;letter-spacing:.03em;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#dc2626 140%);border:1px solid #fbbf2466;border-radius:14px;flex:1;padding:12px;font-size:13px;font-weight:1000;box-shadow:0 0 18px #f59e0b42}.ar2-preview-challenge-btn:hover{box-shadow:0 0 26px #f59e0b66}.ar2-promo-modal{text-align:center;background:linear-gradient(165deg,#180e28fa,#06030dfc);border:1px solid #fbbf2466;border-radius:26px;width:100%;max-width:340px;padding:32px 24px 26px;animation:.32s cubic-bezier(.34,1.56,.64,1) ar2-resultpop;position:relative;overflow:hidden;box-shadow:0 0 60px #fbbf2438,0 24px 60px #0000008c}.ar2-promo-glow{pointer-events:none;background:radial-gradient(at 50% -10%,#fbbf244d,#0000 60%);position:absolute;inset:0}.ar2-promo-title{letter-spacing:.22em;color:#fde68a;text-shadow:0 0 18px #fbbf248c;margin-bottom:8px;font-size:14px;font-weight:1000;position:relative}.ar2-promo-rank{color:#fff4d2;margin-bottom:20px;font-size:24px;font-weight:1000;position:relative}.ar2-promo-rewards{flex-direction:column;gap:8px;margin-bottom:22px;display:flex;position:relative}.ar2-promo-reward-row{color:#fff4d2d1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:850;display:flex}.ar2-promo-reward-row span:first-child{font-size:16px}.ar2-promo-season-note{color:#fff4d280;text-align:center;margin-top:-8px;margin-bottom:16px;font-size:11px;font-weight:700;line-height:1.4;position:relative}.ar2-promo-claim-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#dc2626 140%);border:1px solid #fbbf2480;border-radius:16px;width:100%;padding:14px;font-size:14px;font-weight:1000;position:relative;box-shadow:0 0 26px #f59e0b57}.ar2-promo-claim-btn:hover{box-shadow:0 0 36px #f59e0b7a}.ach-screen{color:#e8d9b0;flex-direction:column;font-family:inherit;display:flex;position:fixed;inset:0;overflow:hidden}.ach-bg{z-index:0;background:radial-gradient(at 50% 0,#783cc82e 0%,#0000 60%),radial-gradient(at 80% 100%,#b478141f 0%,#0000 55%),linear-gradient(#0a0812 0%,#0e0b1a 40%,#120d10 100%);position:fixed;inset:0}.ach-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.ach-orb--gold{background:#c896141f;width:300px;height:300px;bottom:-60px;left:-80px}.ach-orb--purple{background:#8c3cdc24;width:260px;height:260px;top:80px;right:-60px}.ach-vignette{pointer-events:none;z-index:0;background:radial-gradient(#0000 60%,#0000008c 100%);position:fixed;inset:0}.ach-fixed-top{z-index:10;flex-shrink:0;position:relative}.ach-header{border-bottom:1px solid #c8a03c26;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.ach-back{cursor:pointer;color:#e8d9b0;background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:22px;display:flex}.ach-back img{object-fit:contain;width:32px;height:32px}.ach-heading{letter-spacing:.06em;text-transform:uppercase;color:#f0d97a;text-shadow:0 0 18px #f0c83c80;margin:0;font-size:20px;font-weight:700}.ach-summary-card{background:linear-gradient(135deg,#281c46d9 0%,#19122deb 100%);border:1px solid #c8a03c40;border-radius:14px;margin:10px 14px 6px;padding:12px 16px 10px;box-shadow:0 4px 20px #0006,inset 0 1px #ffdc6414}.ach-summary-stats{justify-content:space-around;align-items:center;margin-bottom:10px;display:flex}.ach-summary-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.ach-summary-num{color:#f0d97a;font-size:22px;font-weight:800;line-height:1}.ach-summary-lbl{color:#e8d9b099;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.ach-summary-divider{background:#c8a03c33;width:1px;height:32px}.ach-summary-bar-wrap{margin-bottom:8px}.ach-summary-bar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.ach-summary-bar-fill{background:linear-gradient(90deg,#c8801e,#f0d97a,#c8801e);border-radius:999px;height:100%;transition:width .4s}.ach-summary-rewards-row{gap:16px;margin-bottom:8px;display:flex}.ach-summary-reward-item{align-items:center;gap:5px;display:flex}.ach-summary-reward-img{object-fit:contain;width:15px;height:15px}.ach-summary-reward-val{color:#e8d9b0bf;font-size:11px}.ach-summary-next{flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.ach-summary-next-label{color:#e8d9b08c}.ach-summary-next-name{color:#e8d9b0;font-weight:600}.ach-summary-next-ready{color:#f0d97a}.ach-summary-next-prog{color:#e8d9b080;margin-left:auto}.ach-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff0f;padding:6px 14px 0;display:flex;overflow-x:auto}.ach-tabs::-webkit-scrollbar{display:none}.ach-tab{color:#e8d9b080;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:7px 12px 8px;font-size:12px;font-weight:600;transition:color .18s,border-color .18s}.ach-tab--active{color:#f0d97a;border-bottom-color:#f0d97a}.ach-scroll{z-index:5;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:10px 14px 150px;position:relative;overflow-y:auto}.ach-scroll::-webkit-scrollbar{display:none}.ach-scroll{scrollbar-width:none}.ach-list{flex-direction:column;gap:10px;display:flex}.ach-card{background:linear-gradient(135deg,#1e1437e0 0%,#140e26f0 100%);border:1px solid #ffffff14;border-radius:12px;align-items:stretch;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.ach-card--ready{border-color:#f0c83c73;box-shadow:0 0 14px #f0c83c26,inset 0 1px #ffdc641a}.ach-card--claimed{opacity:.5;filter:saturate(.45)}.ach-card-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:12px 10px 12px 14px;display:flex}.ach-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ach-card-name{color:#f0d97a;flex:1;font-size:13px;font-weight:700;line-height:1.25}.ach-card-header-right{flex-shrink:0;align-items:center;gap:5px;display:flex}.ach-tier-badge{color:#f0d97a;white-space:nowrap;background:#c8a03c2e;border:1px solid #c8a03c4d;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.ach-card-desc{color:#e8d9b0a6;font-size:11px;line-height:1.35}.ach-claimed-badge{color:#4ade80;flex-shrink:0;font-size:13px}.ach-history{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:3px;padding-bottom:5px;display:flex}.ach-history-row{align-items:center;gap:5px;display:flex}.ach-history-check{color:#4ade80;flex-shrink:0;font-size:10px}.ach-history-desc{color:#e8d9b061;flex:1;font-size:10px;-webkit-text-decoration:line-through #e8d9b033;text-decoration:line-through #e8d9b033}.ach-history-tag{color:#4ade80;background:#4ade8014;border:1px solid #4ade802e;border-radius:4px;flex-shrink:0;padding:1px 4px;font-size:9px}.ach-current-label{letter-spacing:.06em;text-transform:uppercase;color:#f0c83c8c;margin-bottom:-1px;font-size:9px;font-weight:700}.ach-progress-row{align-items:center;gap:8px;display:flex}.ach-bar{background:#ffffff12;border-radius:999px;flex:1;height:5px;overflow:hidden}.ach-bar-fill{background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:999px;height:100%;transition:width .35s}.ach-card--ready .ach-bar-fill{background:linear-gradient(90deg,#c8801e,#f0d97a)}.ach-bar-label{color:#e8d9b080;white-space:nowrap;text-align:right;flex-shrink:0;min-width:80px;font-size:10px}.ach-rewards-row{flex-wrap:wrap;gap:5px;display:flex}.ach-reward-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;padding:3px 7px 3px 4px;display:flex}.ach-reward-chip--compact{opacity:.6;background:#ffffff08;border-color:#ffffff0d;padding:2px 5px 2px 3px}.ach-reward-chip--compact .ach-reward-img{width:12px;height:12px}.ach-reward-chip--compact .ach-reward-label{font-size:9px}.ach-reward-img{object-fit:contain;width:16px;height:16px}.ach-reward-fallback{font-size:13px;line-height:1}.ach-reward-label{color:#e8d9b0bf;white-space:nowrap;font-size:10px}.ach-future-tiers{border-top:1px solid #ffffff0f;flex-direction:column;gap:4px;padding-top:6px;display:flex}.ach-future-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.ach-future-label{letter-spacing:.06em;text-transform:uppercase;color:#e8d9b066;font-size:9px;font-weight:700}.ach-future-chevron{color:#e8d9b04d;font-size:8px}.ach-future-body{flex-direction:column;gap:4px;margin-top:3px;display:flex}.ach-future-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ach-future-tier-tag{color:#e8d9b061;background:#ffffff0a;border:1px solid #ffffff12;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.ach-future-rewards{flex-wrap:wrap;gap:3px;display:flex}.ach-card-cta{border-left:1px solid #ffffff0f;justify-content:center;align-items:center;min-width:72px;padding:0 12px;display:flex}.ach-btn{letter-spacing:.04em;text-align:center;cursor:default;border:none;border-radius:8px;width:62px;padding:8px 0;font-size:11px;font-weight:700}.ach-btn--claim{color:#1a0e00;cursor:pointer;background:linear-gradient(135deg,#c8801e 0%,#f0d97a 100%);transition:filter .15s;box-shadow:0 2px 10px #f0c83c4d}.ach-btn--claim:active{filter:brightness(.88)}.ach-btn--done{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033}.ach-btn--go{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);transition:filter .15s;box-shadow:0 2px 10px #3b82f640}.ach-btn--go:active{filter:brightness(.85)}.ach-btn--go-inactive{color:#93c5fd73;cursor:default;background:#3b82f61f;border:1px solid #3b82f626}.ach-empty{text-align:center;color:#e8d9b059;padding:40px 0;font-size:13px}.sm-screen{color:#fff;background:#07050f;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.sm-screen-bg{z-index:0;background:radial-gradient(at 25% 0,#6e28f038 0%,#0000 55%),radial-gradient(at 75% 100%,#ff5a141a 0%,#0000 50%),linear-gradient(#0e0818 0%,#07050f 100%);position:absolute;inset:0}.sm-screen>:not(.sm-screen-bg){z-index:2;position:relative}.sm-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 4px;display:flex}.sm-back{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.sm-back img{object-fit:contain;width:38px;height:38px}.sm-back:active img{transform:scale(.9)}.sm-header-res{gap:10px;display:flex}.sm-res{color:#fff4d2b3;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.sm-tabs{flex-shrink:0;gap:8px;padding:0 14px 8px;display:flex}.sm-tab{color:#fff4d28c;letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;flex:1;height:40px;font-family:Cinzel,serif;font-size:11px;font-weight:700;transition:all .2s}.sm-tab--on{color:#fff4d2;background:#ffcf6524;border-color:#ffcf65a6;box-shadow:0 0 18px #ffb4282e,inset 0 1px #ffdc6426}.sm-tab--prem-on{color:#e9d5ff!important;background:#c084fc29!important;border-color:#c084fcb3!important;box-shadow:0 0 18px #b464ff38,inset 0 1px #d2a0ff26!important}.sm-banner-wrap{flex:1;padding:0 10px 12px;overflow:hidden}.sm-banner{border-radius:20px;height:100%;position:relative;overflow:hidden}.sm-banner-art{z-index:0;background-position:50% 8%;background-repeat:no-repeat;background-size:72%;position:absolute;inset:0}.sm-banner-art--standard{background-color:#06080f;background-image:url(/images/Light/celestialdragon-card.png);background-position:50% 5%;background-size:88%}.sm-banner-art--standard:before{content:"";background:radial-gradient(at 50% 30%,#b48cff47 0%,#0000 50%),radial-gradient(at 30% 20%,#ffc8502e 0%,#0000 45%),radial-gradient(at 70% 20%,#ffc85024 0%,#0000 40%);position:absolute;inset:0}.sm-banner-art--standard:after{content:"";background:radial-gradient(circle at 20% 30%,#ffb4281f 0%,#0000 25%),radial-gradient(circle at 80% 25%,#ffb4281a 0%,#0000 20%),radial-gradient(circle at 50% 15%,#ffdc6414 0%,#0000 30%);animation:4s ease-in-out infinite particleShift;position:absolute;inset:0}@keyframes particleShift{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.sm-banner-art--premium{background-color:#04020a;background-image:url(/images/Dark/voidemperor-card.png);background-position:50% 4%;background-size:90%}.sm-banner-art--premium:before{content:"";background:radial-gradient(at 50% 28%,#8c3cff59 0%,#0000 50%),radial-gradient(at 30% 40%,#6414c833 0%,#0000 40%),radial-gradient(at 70% 40%,#7828dc2e 0%,#0000 35%);position:absolute;inset:0}.sm-banner-art--premium:after{content:"";background:radial-gradient(circle at 15% 35%,#9632ff1f 0%,#0000 20%),radial-gradient(circle at 85% 30%,#9632ff1a 0%,#0000 18%),radial-gradient(circle at 50% 60%,#6414b414 0%,#0000 30%);animation:3s ease-in-out infinite voidShift;position:absolute;inset:0}@keyframes voidShift{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.sm-banner-vignette{z-index:1;background:linear-gradient(#06080f26 0%,#0000 15% 30%,#07050f80 48%,#07050fe0 64%,#07050ff7 78%,#07050f 92%);position:absolute;inset:0}.sm-banner-vignette--premium{background:linear-gradient(#04020a26 0%,#0000 15% 28%,#0806128c 46%,#080612e6 62%,#080612fa 76%,#08060f 90%)}.sm-banner-content{z-index:2;flex-direction:column;justify-content:flex-end;padding:14px 16px 18px;display:flex;position:absolute;inset:0}.sm-banner-topbar{justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:16px;right:16px}.sm-banner-tag{letter-spacing:2px;border-radius:99px;padding:4px 12px;font-size:10px;font-weight:700}.sm-banner-tag--standard{color:#fde68a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffb42833;border:1px solid #ffcf65a6;box-shadow:0 0 12px #ffb42833}.sm-banner-tag--premium{color:#e9d5ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#c084fc38;border:1px solid #c084fcb3;box-shadow:0 0 12px #c084fc40}.sm-info-btn{letter-spacing:1px;color:#fff4d2bf;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff4d;border-radius:6px;padding:4px 12px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.sm-info-btn--premium{color:#d1aaffd9;border-color:#c084fc73}.sm-ancient-strip{background:linear-gradient(135deg,#ff64001f 0%,#b43c000f 100%);border:1px solid #ff8c0080;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #ff64001f,inset 0 1px #ffc85026}.sm-ancient-pulse{z-index:0;background:radial-gradient(at 0%,#ff8c0040 0%,#0000 55%),radial-gradient(at 100%,#ff640026 0%,#0000 45%);animation:2s ease-in-out infinite aPulse;position:absolute;inset:0}.sm-ancient-strip:before{content:"";background:linear-gradient(90deg,#0000,#ffdc5099,#0000);height:1px;animation:2s ease-in-out infinite shimmerLine;position:absolute;top:0;left:10%;right:10%}@keyframes shimmerLine{0%,to{opacity:.4}50%{opacity:1}}@keyframes aPulse{0%,to{opacity:.6}50%{opacity:1}}.sm-ancient-left{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.sm-ancient-icon{filter:drop-shadow(0 0 8px #ff8c00e6)drop-shadow(0 0 16px #ff640099);font-size:26px;animation:2.5s ease-in-out infinite iconFloat}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sm-ancient-title{letter-spacing:2px;color:#ff9a3c;text-shadow:0 0 12px #ff8c00b3;font-size:12px;font-weight:700}.sm-ancient-sub{color:#ffb45099;letter-spacing:.3px;margin-top:3px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:600}.sm-ancient-right{text-align:right;z-index:1;position:relative}.sm-ancient-rate{color:#ff9a3c;text-shadow:0 0 8px #ff8c0099;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800}.sm-ancient-nopity{color:#ff8c0073;letter-spacing:.5px;margin-top:2px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:600}.sm-banner-titles{margin-bottom:10px}.sm-banner-main{letter-spacing:1.5px;color:#fff4d2;text-shadow:0 0 30px #ffc85099,0 2px 20px #ffb42866,0 4px 40px #ff961433;font-family:Cinzel Decorative,Cinzel,serif;font-size:22px;font-weight:700;line-height:1.1}.sm-banner-main--premium{background:linear-gradient(135deg,#f0e6ff,#c084fc,#7c3aed);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.sm-banner-sub{letter-spacing:.4px;color:#fff4d261;margin-top:4px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:400}.sm-banner-sub--premium{color:#c084fc73}.sm-pity-row{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.sm-pity-row--premium{border-color:#c084fc14}.sm-pity-cell{flex:1;align-items:center;gap:6px;display:flex}.sm-pity-lbl{letter-spacing:.4px;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700}.sm-pity-track{background:#ffffff12;border-radius:99px;flex:1;height:3px;overflow:hidden}.sm-pity-fill{border-radius:99px;height:100%;transition:width .4s}.sm-pity-num{color:#fff4d24d;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:9px}.sm-currency-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sm-balance{color:#fff4d2a6;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700}.sm-balance--premium{color:#c084fcbf}.sm-err{color:#f87171;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600}.sm-btn-row{gap:10px;display:flex}.sm-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-height:74px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.sm-btn:active:not(:disabled){transform:scale(.95)}.sm-btn:disabled{opacity:.32;cursor:not-allowed}.sm-btn--standard.sm-btn--single{background:linear-gradient(160deg,#1c1108 0%,#090602 100%);border:1px solid #ffcf6561;box-shadow:0 0 18px #ffa01414}.sm-btn--standard.sm-btn--multi{background:linear-gradient(160deg,#2a1a06 0%,#100800 100%);border:1.5px solid #ffcf65a6;box-shadow:0 0 28px #ffa0142e,inset 0 1px #ffcf651a}.sm-btn--standard.sm-btn--multi:before{content:"";background:linear-gradient(135deg,#ffc85012 0%,#0000 55%);position:absolute;inset:0}.sm-btn--premium.sm-btn--single{background:linear-gradient(160deg,#150a24 0%,#07040f 100%);border:1px solid #c084fc61;box-shadow:0 0 18px #9650ff14}.sm-btn--premium.sm-btn--multi{background:linear-gradient(160deg,#220d3c 0%,#0d0420 100%);border:1.5px solid #c084fcb3;box-shadow:0 0 32px #9650ff38,inset 0 1px #c084fc1f}.sm-btn--premium.sm-btn--multi:before{content:"";background:linear-gradient(135deg,#b464ff17 0%,#0000 55%);position:absolute;inset:0}.sm-btn-title{letter-spacing:1.5px;color:#fff4d2;z-index:1;font-family:Cinzel,serif;font-size:13px;font-weight:700;position:relative}.sm-btn--premium .sm-btn-title{color:#e9d5ff}.sm-btn-cost{z-index:1;color:#ffcf658c;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600;position:relative}.sm-btn--premium .sm-btn-cost{color:#c084fc8c}.sm-save-pct{letter-spacing:.5px;color:#c084fc99;z-index:1;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700;position:relative}.sm-overlay{z-index:100;background:#000c;align-items:flex-end;display:flex;position:fixed;inset:0}.sm-rates-sheet{width:100%;padding:12px 20px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(#130920 0%,#07050f 100%);border-top:1px solid #ffcf6533;border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.25s sheetUp;display:flex}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sm-rates-handle{background:#ffffff26;border-radius:2px;width:36px;height:4px;margin:0 auto 4px}.sm-rates-title{color:#fff4d2;letter-spacing:1px;font-size:15px;font-weight:700}.sm-rates-note{color:#c084fc99;margin-top:-6px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.sm-rates-list{flex-direction:column;gap:6px;display:flex}.sm-rate-row{background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:7px 12px;display:flex}.sm-rate-gem{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sm-rate-name{letter-spacing:.3px;flex:1;font-size:12px;font-weight:700}.sm-rate-val{color:#fff4d280;text-align:right;min-width:80px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.sm-rates-pity{color:#fff4d261;background:#ffffff08;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;display:flex}.sm-rates-pity b{color:#fff4d2a6}.sm-rates-legendary{color:#fbbf24;font-weight:700}.sm-rates-mythic{color:#f87171;font-weight:700}.sm-rates-ancient-warn{color:#ff7b0099;margin-top:3px;font-weight:700}.sm-rates-close{color:#fff4d2;letter-spacing:1px;cursor:pointer;background:#ffcf6512;border:1px solid #ffcf6547;border-radius:12px;height:46px;font-family:Cinzel,serif;font-size:13px;font-weight:700}.smr-screen{z-index:300;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.smr-bg{background:#03020a;position:absolute;inset:0}.smr-beam{z-index:1;opacity:0;pointer-events:none;transition:opacity 80ms;position:absolute;inset:0}.smr-beam--active{opacity:1;animation:.5s forwards beamFlash}@keyframes beamFlash{0%{opacity:0}15%{opacity:1}60%{opacity:.85}to{opacity:0}}.smr-beam--common{background:radial-gradient(#9ca3af66 0%,#0000 70%)}.smr-beam--rare{background:radial-gradient(#38bdf8b3 0%,#0000 65%)}.smr-beam--epic{background:radial-gradient(#c084fccc 0%,#0000 60%)}.smr-beam--legendary{background:radial-gradient(#ffdc50 0%,#0000 45%),radial-gradient(#fbbf2499 0%,#0000 70%),conic-gradient(#ffc82833 0deg,#0000 30deg,#ffc82833 60deg,#0000 90deg,#ffc82833 120deg,#0000 150deg,#ffc82833 180deg,#0000 210deg,#ffc82833 240deg,#0000 270deg,#ffc82833 300deg,#0000 330deg,#ffc82833 360deg)}.smr-beam--mythic{background:radial-gradient(#ff6464 0%,#0000 40%),radial-gradient(#f84040b3 0%,#0000 65%)}.smr-beam--ancient{background:radial-gradient(#ffc850 0%,#0000 30%),radial-gradient(#ff7b00e6 0%,#0000 55%),radial-gradient(#c83c0080 0%,#0000 75%);animation:1.2s forwards ancientBeam!important}@keyframes ancientBeam{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.1)}70%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.smr-storm{z-index:2;pointer-events:none;position:absolute;inset:0}.smr-particle{width:6px;height:6px;animation:1.2s ease-out both stormOut;animation-delay:calc(var(--i) * 70ms);background:#ff7b00;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #ff7b00e6}@keyframes stormOut{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{transform:translate(calc(-50% + cos(calc(var(--i) * 22.5deg)) * 140px), calc(-50% + sin(calc(var(--i) * 22.5deg)) * 140px)) scale(.2);opacity:0}}.smr-embers{z-index:2;pointer-events:none;position:absolute;inset:0}.smr-ember{width:4px;height:14px;left:calc(30% + var(--i) * 4%);animation:.9s ease-out both emberRise;animation-delay:calc(var(--i) * 60ms);background:linear-gradient(#f87171,#991b1b);border-radius:99px;position:absolute;top:80%}@keyframes emberRise{0%{opacity:1;transform:translateY(0)rotate(10deg)}to{opacity:0;transform:translateY(-180px)rotate(-20deg)}}.smr-sparkles{z-index:2;pointer-events:none;position:absolute;inset:0}.smr-sparkle{width:8px;height:8px;left:calc(20% + var(--i) * 9%);top:calc(20% + (var(--i) % 3) * 20%);animation:.8s ease-out both sparkle;animation-delay:calc(var(--i) * 80ms);position:absolute}.smr-sparkle:before,.smr-sparkle:after{content:"";background:#fbbf24;border-radius:99px;position:absolute}.smr-sparkle:before{width:100%;height:2px;top:50%;transform:translateY(-50%)}.smr-sparkle:after{width:2px;height:100%;left:50%;transform:translate(-50%)}@keyframes sparkle{0%{opacity:1;transform:scale(0)rotate(0)}60%{opacity:1;transform:scale(1.5)rotate(45deg)}to{opacity:0;transform:scale(0)rotate(90deg)}}.smr-rarity-label{z-index:4;text-align:center;letter-spacing:5px;opacity:0;font-size:22px;font-weight:900;transition:opacity .3s,transform .3s;position:absolute;top:22%;left:0;right:0;transform:translateY(10px)scale(.9)}.smr-rarity-label--show{opacity:1;transform:translateY(0)scale(1)}.smr-card{z-index:3;opacity:0;border-radius:16px;flex-direction:column;width:min(68vw,280px);transition:opacity .35s,transform .35s;display:flex;position:relative;overflow:hidden;transform:scale(.8)translateY(20px)}.smr-card--in{opacity:1;transform:scale(1)translateY(0)}.smr-card-glow{z-index:0;position:absolute;inset:0}.smr-card-border{z-index:3;pointer-events:none;border:2px solid;border-radius:16px;position:absolute;inset:0}.smr-card-footer{z-index:2;background:#04030afa;padding:8px 12px 12px;position:relative}.smr-card-name{color:#fff4d2;margin-top:3px;font-size:14px;font-weight:700}.smr-card-dupe{color:#c084fc;margin-top:3px;font-family:Inter,sans-serif;font-size:10px}.smr-dots{z-index:4;justify-content:center;gap:6px;display:flex;position:absolute;bottom:80px;left:0;right:0}.smr-dot{background:#ffffff26;border-radius:50%;width:6px;height:6px;transition:background .2s}.smr-dot--done{background:#ffffff59}.smr-dot--active{border-radius:3px;width:14px}.smr-tap-hint{text-align:center;z-index:4;letter-spacing:2.5px;color:#fff4d259;font-size:10px;font-weight:700;animation:1.5s ease-in-out infinite tapPulse;position:absolute;bottom:34px;left:0;right:0}@keyframes tapPulse{0%,to{opacity:.3}50%{opacity:.8}}.sm-result-screen{z-index:200;flex-direction:column;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.sm-result-bg{z-index:0;position:absolute;inset:0}.sm-result-screen>:not(.sm-result-bg){z-index:1;position:relative}.sm-result-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.sm-result-title{letter-spacing:5px;background:linear-gradient(#fff8e0 0%,#ffd060 50%,#c87820 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.sm-result-shards{color:#c084fc;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.sm-result-grid{scrollbar-width:none;flex:1;align-content:start;gap:8px;padding:8px 12px;display:grid;overflow-y:auto}.sm-result-grid::-webkit-scrollbar{display:none}.sm-result-grid--one{grid-template-columns:1fr;width:100%;max-width:200px;margin:0 auto}.sm-result-grid--six{grid-template-columns:repeat(3,1fr)}.sm-result-grid--ten{grid-template-columns:repeat(5,1fr)}.sm-rcard{background:#0a0814;border-radius:12px;flex-direction:column;animation:.3s both cardIn;display:flex;position:relative;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sm-rcard-bg{z-index:0;position:absolute;inset:0}.sm-rcard-border{z-index:3;pointer-events:none;border:1.5px solid;border-radius:12px;position:absolute;inset:0}.sm-rcard-shine{z-index:2;pointer-events:none;background:linear-gradient(135deg, var(--col,#fff) 0%, transparent 40%);opacity:.06;position:absolute;inset:0}.sm-rcard-art{aspect-ratio:1;object-fit:contain;z-index:1;width:100%;display:block;position:relative}.sm-rcard-footer{z-index:2;background:#04030af7;padding:4px 6px 6px;position:relative}.sm-rcard-rarity{letter-spacing:.5px;font-size:8px;font-weight:700}.sm-rcard-name{color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9px;font-weight:700;overflow:hidden}.sm-rcard-dupe{color:#c084fc;font-family:Inter,sans-serif;font-size:8px;font-weight:600}.sm-rcard[data-rarity=ancient] .sm-rcard-border{animation:2s ease-in-out infinite ancientCardBorder}@keyframes ancientCardBorder{0%,to{box-shadow:0 0 10px #ff7b0080}50%{box-shadow:0 0 24px #ff7b00,0 0 48px #ff7b0066}}.sm-result-close{margin:8px 14px calc(20px + env(safe-area-inset-bottom));cursor:pointer;background:linear-gradient(160deg,#2a1800,#120b00);border:1.5px solid #ffcf658c;border-radius:16px;flex-shrink:0;height:58px;position:relative;overflow:hidden;box-shadow:0 0 28px #ffa0142e}.sm-result-close:before{content:"";background:linear-gradient(135deg,#ffc85017 0%,#0000 50%);position:absolute;inset:0}.sm-result-close span{letter-spacing:3px;color:#fff4d2;font-family:Cinzel,serif;font-size:15px;font-weight:700;position:relative}.sm-result-close:active{transform:scale(.97)}.smr-screen{z-index:500;cursor:pointer;background:#03020a;flex-direction:column;justify-content:center;align-items:center;font-family:Cinzel,serif;display:flex;position:fixed;inset:0;overflow:hidden}.smr-portal-bg{z-index:0;transform-origin:50%;will-change:transform;background-position:50%;background-size:cover;position:absolute;inset:0}.smr-portal-bg--portal{transition:transform .5s;transform:scale(1)}.smr-portal-bg--zoom{transition:transform 1.6s cubic-bezier(.2,0,.4,1);transform:scale(1.18)}.smr-portal-bg--flash{transition:transform .6s;transform:scale(1.28)}.smr-portal-bg--card{transition:transform .4s;transform:scale(1.32)}.smr-portal-overlay{z-index:1;pointer-events:none;transition:background .8s;position:absolute;inset:0}.smr-portal-overlay--portal{background:#0201088c}.smr-portal-overlay--zoom{background:#0201084d}.smr-portal-overlay--flash{background:#0201081a}.smr-portal-overlay--card{background:#02010873}.smr-canvas-wrap{z-index:2;pointer-events:none;justify-content:center;align-items:center;transition:opacity .5s,transform .5s;display:flex;position:absolute}.smr-canvas-wrap--portal{opacity:.6;transform:scale(.9)}.smr-canvas-wrap--zoom{opacity:.85;transform:scale(1)}.smr-canvas-wrap--flash{opacity:1;transform:scale(1.08)}.smr-canvas-wrap--card{opacity:.4;transform:scale(1.1)}.smr-shaking--legendary{animation:.5s shakeGold}.smr-shaking--mythic{animation:.7s shakeRed}.smr-shaking--ancient{animation:1s shakeAnc}@keyframes shakeGold{0%,to{transform:translate(0)}20%{transform:translate(-4px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,4px)}80%{transform:translate(3px,-2px)}}@keyframes shakeRed{0%,to{transform:translate(0)}15%{transform:translate(-7px,5px)}30%{transform:translate(8px,-6px)}45%{transform:translate(-6px,7px)}60%{transform:translate(7px,-5px)}75%{transform:translate(-4px,3px)}}@keyframes shakeAnc{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-11px,8px)rotate(-.8deg)}22%{transform:translate(13px,-9px)rotate(.9deg)}34%{transform:translate(-9px,11px)rotate(-.7deg)}46%{transform:translate(11px,-8px)rotate(.7deg)}58%{transform:translate(-7px,6px)rotate(-.4deg)}70%{transform:translate(8px,-5px)rotate(.4deg)}82%{transform:translate(-4px,3px)rotate(-.2deg)}}.smr-flash{z-index:10;pointer-events:none;opacity:0;position:absolute;inset:0}.smr-flash--on{animation:.6s forwards flashIn}.smr-flash--common{background:radial-gradient(at 50% 45%,#c8d2dc80 0%,#0000 60%)}.smr-flash--rare{background:radial-gradient(at 50% 45%,#38bdf8a6 0%,#0000 55%)}.smr-flash--epic{background:radial-gradient(at 50% 45%,#c084fcbf 0%,#0000 52%)}.smr-flash--legendary{background:radial-gradient(at 50% 45%,#ffffc8eb 0%,#fbbf24b3 25%,#0000 55%),conic-gradient(at 50% 45%,#fbbf2440 0deg,#0000 18deg,#fbbf2440 36deg,#0000 54deg,#fbbf2440 72deg,#0000 90deg,#fbbf2440 108deg,#0000 126deg,#fbbf2440 144deg,#0000 162deg,#fbbf2440 180deg,#0000 198deg,#fbbf2440 216deg,#0000 234deg,#fbbf2440 252deg,#0000 270deg,#fbbf2440 288deg,#0000 306deg,#fbbf2440 324deg,#0000 342deg,#fbbf2440 360deg);animation:.7s forwards flashInGold!important}.smr-flash--mythic{background:radial-gradient(at 50% 45%,#ff7878eb 0%,#dc2626bf 22%,#0000 52%);animation:.6s forwards flashIn}.smr-flash--ancient{background:radial-gradient(at 50% 45%,#fffffff7 0%,#ffc83ce0 18%,#ff6400b3 35%,#0000 55%);animation:1.1s forwards flashInAncient!important}@keyframes flashIn{0%{opacity:0}20%{opacity:1}70%{opacity:.85}to{opacity:0}}@keyframes flashInGold{0%{opacity:0;transform:scale(.9)}18%{opacity:1;transform:scale(1.02)}65%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes flashInAncient{0%{opacity:0;transform:scale(.85)}12%{opacity:1;transform:scale(1.06)}50%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.08)}}.smr-cracks{z-index:3;pointer-events:none;animation:.3s .1s both cracksIn;position:absolute;inset:0}@keyframes cracksIn{0%{opacity:0}to{opacity:1}}.smr-cracks--mythic{background:linear-gradient(42deg,#0000 47%,#f8717173 50%,#0000 53%),linear-gradient(-28deg,#0000 46%,#f871714d 50%,#0000 54%),linear-gradient(78deg,#0000 48%,#f8717140 50%,#0000 52%)}.smr-cracks--ancient{background:linear-gradient(38deg,#0000 46%,#ff96008c 50%,#0000 54%),linear-gradient(-22deg,#0000 45%,#ffc83c66 50%,#0000 55%),linear-gradient(72deg,#0000 47%,#ff640059 50%,#0000 53%),linear-gradient(-58deg,#0000 46%,#ffb4004d 50%,#0000 54%),linear-gradient(108deg,#0000 47%,#ff780040 50%,#0000 53%)}.smr-debris{z-index:4;pointer-events:none;position:absolute;inset:0}.smr-debris-piece{width:calc(5px + (var(--i) % 3) * 4px);height:calc(5px + (var(--i) % 3) * 4px);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);left:calc(8% + (var(--i) * 4.8%));top:calc(5% + ((var(--i) * 39) % 88) * 1%);animation:debrisFloat calc(2.2s + (var(--i) % 4) * .4s) ease-in-out infinite;animation-delay:calc(var(--i) * -.28s);opacity:.75;background:linear-gradient(135deg,#ff9a3c,#f50);position:absolute;box-shadow:0 0 8px #ff7b00e6}@keyframes debrisFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(130deg)}66%{transform:translateY(9px)rotate(250deg)}}.smr-rarity-label{letter-spacing:6px;text-align:center;z-index:6;flex-shrink:0;margin-bottom:10px;font-size:22px;font-weight:900;animation:.4s both labelIn;position:relative}@keyframes labelIn{0%{opacity:0;transform:scale(.8)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.smr-single-card{z-index:5;border-radius:18px;flex-direction:column;width:min(72vw,300px);transition:opacity .45s cubic-bezier(.2,0,.2,1),transform .45s cubic-bezier(.2,0,.2,1);display:flex;position:relative;overflow:hidden}.smr-single-card--out{opacity:0;pointer-events:none;transform:scale(.75)translateY(28px)}.smr-single-card--in{opacity:1;transform:scale(1)translateY(0)}.smr-card-env{z-index:0;position:absolute;inset:0}.smr-card-shine{z-index:2;pointer-events:none;background:linear-gradient(135deg, color-mix(in srgb, var(--col) 22%, transparent) 0%, transparent 45%);animation:3s ease-in-out infinite shineMove;position:absolute;inset:0}@keyframes shineMove{0%,to{opacity:.5}50%{opacity:1}}.smr-card-frame{z-index:3;pointer-events:none;border:2px solid;border-radius:18px;position:absolute;inset:0}.smr-card-art{aspect-ratio:1;object-fit:contain;z-index:1;background:#0a0814;width:100%;display:block;position:relative}.smr-card-info{z-index:2;background:#04030afa;padding:10px 14px 14px;position:relative}.smr-card-rarity{letter-spacing:1px;font-size:11px;font-weight:700}.smr-card-name{color:#fff4d2;margin-top:4px;font-family:Cinzel Decorative,Cinzel,serif;font-size:16px;font-weight:700}.smr-card-dupe{color:#c084fc;margin-top:4px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.smr-tap{z-index:6;text-align:center;letter-spacing:3px;color:#fff4d266;font-size:10px;font-weight:700;animation:1.6s ease-in-out infinite tapPulse;position:absolute;bottom:36px;left:0;right:0}.smr-skip{z-index:20;letter-spacing:2px;color:#fff4d299;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #fff3;border-radius:8px;padding:6px 14px;font-family:Cinzel,serif;font-size:10px;font-weight:700;position:absolute;top:18px;right:18px}.smr-skip:active{opacity:.6}.smr-screen--grid{cursor:default}.smr-env{z-index:0;background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--col) 14%, transparent) 0%, transparent 60%), #07050f;position:absolute;inset:0}.smr-multi-screen{z-index:6;padding:14px 12px calc(14px + env(safe-area-inset-bottom));background:#07050fcc;flex-direction:column;justify-content:space-between;animation:.4s gridFadeIn;display:flex;position:absolute;inset:0}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.smr-multi-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.smr-multi-title{letter-spacing:4px;background:linear-gradient(#fff8e0 0%,#ffd060 50%,#c87820 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900}.smr-multi-shards{color:#c084fc;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.smr-multi-grid{scrollbar-width:none;grid-template-columns:repeat(5,1fr);gap:6px;display:grid;overflow-y:auto}.smr-multi-grid::-webkit-scrollbar{display:none}.smr-grid-card{background:#0a0814;border-radius:10px;flex-direction:column;animation:.35s cubic-bezier(.2,0,.2,1.3) both cardPopIn;display:flex;position:relative;overflow:hidden}@keyframes cardPopIn{0%{opacity:0;transform:scale(.7)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.smr-grid-bg{z-index:0;position:absolute;inset:0}.smr-grid-frame{z-index:3;pointer-events:none;border:1.5px solid;border-radius:10px;position:absolute;inset:0}.smr-grid-art{aspect-ratio:1;object-fit:contain;z-index:1;background:#0a0814;width:100%;display:block;position:relative}.smr-grid-footer{z-index:2;background:#04030af7;padding:3px 5px 5px;position:relative}.smr-grid-rarity{letter-spacing:.5px;font-size:8px;font-weight:700}.smr-grid-name{color:#fff4d2;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:8px;font-weight:700;overflow:hidden}.smr-grid-dupe{color:#c084fc;font-family:Inter,sans-serif;font-size:7px;font-weight:600}.smr-done-btn{cursor:pointer;background:linear-gradient(160deg,#2a1800,#120b00);border:1.5px solid #ffcf658c;border-radius:14px;flex-shrink:0;height:54px;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 0 24px #ffa01426}.smr-done-btn:before{content:"";background:linear-gradient(135deg,#ffc85014 0%,#0000 50%);position:absolute;inset:0}.smr-done-btn span{letter-spacing:3px;color:#fff4d2;font-family:Cinzel,serif;font-size:14px;font-weight:700;position:relative}.smr-done-btn:active{transform:scale(.97)}.dg-screen{color:#fff4d2;background:#060309;flex-direction:column;font-family:Inter,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.dg-bg{z-index:0;pointer-events:none;background:radial-gradient(circle at 18% -10%,#c084fc24,#0000 55%),radial-gradient(circle at 85% 0,#ffcf651f,#0000 50%),linear-gradient(#0c0712 0%,#060309 55%,#050208 100%);position:fixed;inset:0}.dg-header{z-index:10;border-bottom:1px solid #ffcf651a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:relative}.dg-back{cursor:pointer;color:#fff4d2;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:18px;display:flex}.dg-back img{object-fit:contain;width:32px;height:32px}.dg-back:active img{transform:scale(.88)}.dg-title-wrap{flex-direction:column;align-items:center;gap:1px;display:flex}.dg-title{letter-spacing:.04em;color:#fff4d2;font-size:18px;font-weight:900}.dg-subtitle{color:#fff4d26b;letter-spacing:.02em;font-size:11px}.dg-header-spacer{flex-shrink:0;width:42px}.dg-tabs{z-index:10;border-bottom:1px solid #ffffff0d;flex-shrink:0;gap:8px;padding:10px 14px;display:flex;position:relative}.dg-tab{color:#fff4d28c;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff09;border:1px solid #ffffff12;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:12px;font-weight:800;transition:border-color .18s,background .18s,color .18s;display:flex}.dg-tab-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px;display:inline-block}.dg-tab-icon--fallback{width:auto;height:auto;font-size:15px;line-height:1}.dg-tab-label{line-height:1}.dg-tab--active{border-color:var(--tab-accent,#ffcf65);background:#ffcf651f;background:color-mix(in srgb, var(--tab-accent,#ffcf65) 14%, #ffffff0a);color:#fff4d2}.dg-body{z-index:10;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;padding:14px 14px calc(150px + env(safe-area-inset-bottom));flex:1;position:relative;overflow-y:auto}.dg-body::-webkit-scrollbar{display:none}.dg-panel{flex-direction:column;gap:12px;max-width:460px;margin:0 auto;display:flex}.dg-banner{background-position:50% 35%;background-size:cover;border:1px solid #ffcf6538;border-radius:18px;height:150px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000073}.dg-banner:before{content:"";z-index:3;background:linear-gradient(90deg,#0000 0%,#ffcf658c 25%,#fff0a0 50%,#ffcf658c 75%,#0000 100%);background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--dg-accent,#ffcf65) 70%, transparent) 25%, color-mix(in srgb, var(--dg-accent,#ffcf65) 95%, white 20%) 50%, color-mix(in srgb, var(--dg-accent,#ffcf65) 70%, transparent) 75%, transparent 100%);height:2px;position:absolute;top:0;left:0;right:0}.dg-banner-overlay{z-index:1;background:linear-gradient(#0603092e 0%,#06030980 55%,#060309eb 100%);position:absolute;inset:0}.dg-banner-content{z-index:2;padding:12px 14px 14px;position:absolute;bottom:0;left:0;right:0}.dg-banner-title{letter-spacing:.01em;color:#fff4d2;text-shadow:0 0 24px #ff961e47;font-size:19px;font-weight:900}.dg-banner-tag{color:#fff4d2c7;margin-top:2px;font-size:11.5px}.dg-banner-reward-focus{color:#fff4d2;background:#ffcf6538;background:color-mix(in srgb, var(--dg-accent,#ffcf65) 22%, #05030980);border:1px solid #ffcf658c;border:1px solid color-mix(in srgb, var(--dg-accent,#ffcf65) 55%, transparent);border-radius:999px;margin-top:7px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-block}.dg-attempts-card{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;padding:11px 13px}.dg-attempts-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dg-attempts-title{letter-spacing:.1em;text-transform:uppercase;color:#fff4d266;font-size:9px;font-weight:800}.dg-attempts-count{color:#ffd978;font-size:12px;font-weight:800}.dg-attempts-count--empty{color:#fca5a5}.dg-attempts-pips{gap:6px;margin-bottom:7px;display:flex}.dg-attempts-pip{background:#ffffff14;border:1px solid #ffffff0f;border-radius:999px;flex:1;height:7px}.dg-attempts-pip--used{background:linear-gradient(135deg,#ffcf65,#f5a623);border-color:#ffcf6580}.dg-attempts-pip--bonus{border-style:dashed;border-color:#a78bfa59}.dg-attempts-pip--bonus.dg-attempts-pip--used{background:linear-gradient(135deg,#a78bfa,#7c3aed);border-style:solid;border-color:#a78bfa80}.dg-attempts-note{color:#fff4d252;font-size:9.5px}.dg-key-btn{color:#f5f0ff;cursor:pointer;background:linear-gradient(135deg,#a78bfa2e,#7c3aed1a);border:1px solid #a78bfa73;border-radius:12px;align-items:center;gap:8px;width:100%;margin-top:10px;padding:9px 12px;transition:filter .15s;display:flex}.dg-key-btn:active{filter:brightness(1.18)}.dg-key-btn-label{text-align:left;flex:1;font-size:11.5px;font-weight:800}.dg-key-btn-count{color:#f5f0ffbf;background:#00000040;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:800}.dg-key-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.dg-key-icon--sm{width:14px;height:14px}.dg-key-icon--fallback{justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.dg-key-icon--fallback.dg-key-icon--sm{font-size:13px}.dg-key-empty-note{color:#fff4d259;align-items:center;gap:6px;margin-top:10px;font-size:10px;display:flex}.dg-formation-card{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:10px;padding:11px 13px;display:flex}.dg-formation-top{align-items:center;gap:10px;display:flex}.dg-formation-heroes{flex:1;gap:7px;display:flex}.dg-formation-portrait{background:#ffffff0d;border:2px solid #90909073;border-radius:11px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:visible}.dg-formation-portrait img{object-fit:cover;border-radius:9px;width:100%;height:100%}.dg-formation-portrait[data-rarity=common]{border-color:#9090908c}.dg-formation-portrait[data-rarity=rare]{border-color:#4db8ffa6;box-shadow:0 0 8px #4db8ff40}.dg-formation-portrait[data-rarity=epic]{border-color:#c084fcb3;box-shadow:0 0 8px #c084fc4d}.dg-formation-portrait[data-rarity=legendary]{border-color:#fbbf24bf;box-shadow:0 0 9px #fbbf2459}.dg-formation-portrait[data-rarity=mythic]{border-color:#f84040bf;box-shadow:0 0 9px #f8404059}.dg-formation-portrait[data-rarity=ancient]{border-color:#ff8c1acc;box-shadow:0 0 10px #ff8c1a66}.dg-formation-role-badge{background:#0c0712;border:1px solid #ffcf6559;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-4px;right:-4px}.dg-formation-role-badge img{object-fit:contain;border-radius:0;width:11px;height:11px}.dg-formation-portrait--empty{color:#fff4d24d;border-style:dashed;border-color:#ffffff26;font-size:18px}.dg-formation-edit{color:#fff4d2;letter-spacing:.02em;cursor:pointer;background:#ffffff0a;border:1px solid #ffcf6538;border-radius:8px;flex-shrink:0;padding:8px 13px;font-size:11.5px;font-weight:800;transition:background .15s,border-color .15s}.dg-formation-edit:active{background:#ffffff14;border-color:#ffcf6573}.dg-formation-power-section{border-top:1px solid #ffffff0f;padding-top:9px}.dg-formation-power-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.dg-formation-power-label{letter-spacing:.06em;text-transform:uppercase;color:#fff4d266;font-size:9px;font-weight:800}.dg-formation-power{color:#ffd978;font-size:16px;font-weight:900}.dg-power-bar-track{background:#ffffff12;border-radius:999px;height:5px;margin-bottom:5px;overflow:hidden}.dg-power-bar-fill{background:linear-gradient(90deg,#f59e0b,#ffcf65);border-radius:999px;height:100%;transition:width .3s}.dg-power-bar-fill--ok{background:linear-gradient(90deg,#16a34a,#4ade80)}.dg-power-compare-label{color:#ffc88cd9;font-size:10px;font-weight:700}.dg-power-compare-label--ok{color:#4ade80}.dg-section-title{letter-spacing:.1em;text-transform:uppercase;color:#fff4d266;margin-top:2px;font-size:9px;font-weight:800}.dg-diff-list{flex-direction:column;gap:8px;display:flex}.dg-diff-row{text-align:left;color:#fff4d2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#120a20e0,#080410f0);border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:11px 13px;transition:border-color .18s,background .18s;display:flex}.dg-diff-row:active{filter:brightness(.92)}.dg-diff-row--selected{background:linear-gradient(135deg,#281a08b3,#0a0603eb);border-color:#ffcf6573;box-shadow:inset 0 0 0 1px #ffcf652e}.dg-diff-row--locked{cursor:default;opacity:.48}.dg-diff-row-left{flex:1;min-width:0}.dg-diff-name-row{align-items:center;gap:6px;display:flex}.dg-diff-name{color:#fff4d2;font-size:13px;font-weight:800}.dg-diff-cleared-tag{color:#4ade80;background:#4ade801f;border:1px solid #4ade804d;border-radius:999px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:900;display:flex}.dg-diff-meta-row{flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:4px;display:flex}.dg-diff-power{color:#fff4d266;white-space:nowrap;font-size:10px}.dg-diff-rewards{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:4px;max-width:50%;display:flex}.dg-diff-lock{color:#fff4d259;text-align:right;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;max-width:50%;font-size:10px;font-weight:700;display:flex}.dg-enemy-preview{display:flex}.dg-enemy-icon{border:1.5px solid var(--ring,#888);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-right:-6px;display:flex;overflow:hidden;box-shadow:0 0 0 2px #0c0712}.dg-enemy-icon:last-child{margin-right:0}.dg-enemy-icon img{object-fit:cover;width:100%;height:100%}.dg-enemy-icon-fallback{font-size:10px;line-height:1}.dg-reward-chip{background:#ffffff0d;border:1px solid #ffcf6524;border-radius:6px;align-items:center;gap:3px;padding:2px 7px 2px 4px;display:inline-flex}.dg-reward-chip--sm{border-color:#ffcf651a;padding:2px 6px 2px 3px}.dg-reward-chip-img{object-fit:contain;flex-shrink:0;width:13px;height:13px}.dg-reward-chip-fallback{flex-shrink:0;font-size:11px;line-height:1}.dg-reward-chip-label{color:#fff4d2d1;white-space:nowrap;font-size:10px;font-weight:700}.dg-reward-chip--sm .dg-reward-chip-label{font-size:9.5px}.dg-action-dock{z-index:20;padding:18px 14px calc(14px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#06030900 0%,#060309bf 30%,#060309f7 65%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.dg-action-dock .dg-actionbar{pointer-events:auto}.dg-actionbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#120a1ef7,#07040efc);border:1px solid #ffcf6538;border-radius:16px;flex-direction:column;gap:9px;width:100%;max-width:460px;padding:11px 13px;display:flex;box-shadow:0 8px 28px #0000008c}.dg-actionbar-info{flex-direction:column;gap:5px;display:flex}.dg-actionbar-diff{color:#fff4d2e6;align-items:center;gap:6px;font-size:12.5px;font-weight:800;display:flex}.dg-actionbar-cleared-tag{color:#4ade80;background:#4ade801a;border:1px solid #4ade8040;border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:800}.dg-actionbar-rewards{flex-wrap:wrap;gap:4px;display:flex}.dg-actionbar-buttons{gap:8px;display:flex}.dg-enter-btn{color:#1a1300;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#ffcf65 0%,#f5a623 60%,#b6650a 100%);border:1px solid #ffb43c8c;border-radius:11px;flex:1;height:46px;padding:0 14px;font-size:12.5px;font-weight:900;transition:filter .15s;box-shadow:0 0 16px #ffc8504d,inset 0 1px #ffe6a04d}.dg-enter-btn:active{filter:brightness(1.12)}.dg-enter-btn:disabled{color:#fff4d259;box-shadow:none;cursor:default;background:#ffffff0f;border-color:#ffffff14}.dg-sweep-btn{color:#f5f0ff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 60%,#4c1d95 100%);border:1px solid #a78bfa80;border-radius:11px;flex:1;height:46px;padding:0 12px;font-size:12px;font-weight:900;transition:filter .15s;box-shadow:0 0 14px #7c3aed59,inset 0 1px #d8c6ff40}.dg-sweep-btn:active{filter:brightness(1.12)}.dg-sweep-btn:disabled{color:#fff4d259;box-shadow:none;cursor:default;background:#ffffff0f;border-color:#ffffff14}.dg-toast{z-index:60;background:#000000a6;justify-content:center;align-items:center;animation:.18s dg-fade-in;display:flex;position:fixed;inset:0}@keyframes dg-fade-in{0%{opacity:0}to{opacity:1}}.dg-toast-box{text-align:center;background:linear-gradient(135deg,#160e28fc,#080510fc);border:1px solid #ffcf6561;border-radius:18px;width:88%;max-width:300px;padding:24px 28px;animation:.22s cubic-bezier(.34,1.56,.64,1) dg-pop;box-shadow:0 0 40px #000c,0 0 22px #ffc83c1a}@keyframes dg-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.dg-toast-title{color:#f0d97a;text-shadow:0 0 16px #f0c83c66;margin-bottom:14px;font-size:16px;font-weight:900}.dg-toast-chips{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:18px;display:flex}.dg-toast-btn{color:#1a1300;cursor:pointer;background:linear-gradient(135deg,#ffcf65 0%,#f5a623 100%);border:none;border-radius:10px;width:100%;height:40px;font-size:13px;font-weight:900}.dg-toast-btn:active{filter:brightness(1.1)}@media (width<=360px){.dg-banner{height:136px}.dg-diff-rewards,.dg-diff-lock{max-width:46%}.dg-enter-btn,.dg-sweep-btn{padding:0 8px;font-size:11px}}.ca-screen{color:#f5f0ff;background:#050310;flex-direction:column;font-family:Cinzel,Inter,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.ca-bg{z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 8%,#a78bfa29 0%,#0000 45%),radial-gradient(circle at 85% 25%,#a5e8ff14 0%,#0000 40%),linear-gradient(#0a0720 0%,#050310 40%,#030208 100%);position:fixed;inset:0}.ca-header{z-index:10;border-bottom:1px solid #a78bfa24;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex;position:relative}.ca-back{cursor:pointer;color:#f5f0ff;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.ca-back img{object-fit:contain;width:30px;height:30px}.ca-back:active img{transform:scale(.88)}.ca-title-wrap{text-align:center;flex:1;min-width:0}.ca-title{letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(#fff 0%,#f0e6c8 45%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:15px;font-weight:700;display:block}.ca-subtitle{letter-spacing:.1em;text-transform:uppercase;color:#f5f0ff66;margin-top:2px;font-size:10px;display:block}.ca-header-spacer{flex-shrink:0;width:36px}.ca-body{z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;padding:14px 16px calc(150px + env(safe-area-inset-bottom));flex:1;position:relative;overflow-y:auto}.ca-body::-webkit-scrollbar{display:none}.ca-banner{background:#05030f;border:1px solid #a78bfa4d;border-radius:20px;height:220px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #a78bfa1f}.ca-banner-img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;position:absolute;inset:0}.ca-banner-overlay{background:linear-gradient(#05030f0d 0%,#05030f59 60%,#05030feb 100%);position:absolute;inset:0}.ca-banner-caption{z-index:2;text-align:center;letter-spacing:.16em;text-transform:uppercase;color:#f5f0ff8c;font-family:Cinzel,serif;font-size:10px;position:absolute;bottom:12px;left:0;right:0}.ca-banner-caption:before,.ca-banner-caption:after{content:"✦";color:#a78bfa;margin:0 8px;font-size:8px}.ca-stat-plate{background:linear-gradient(135deg,#a78bfa1a,#0a072099);border:1px solid #a78bfa59;border-radius:16px;margin-top:14px;display:flex;overflow:hidden}.ca-stat-seg{text-align:center;border-right:1px solid #a78bfa29;flex:1;padding:10px 4px}.ca-stat-seg:last-child{border-right:none}.ca-stat-value{color:#f0e6c8;font-family:Cinzel,serif;font-size:15px;font-weight:700;line-height:1.1}.ca-stat-value.cyan{color:#a5e8ff;font-size:12px}.ca-stat-label{letter-spacing:.04em;text-transform:uppercase;color:#f5f0ff52;margin-top:2px;font-size:7.5px}.ca-section-title{align-items:center;gap:8px;margin:22px 0 12px;display:flex}.ca-section-title:before,.ca-section-title:after{content:"";background:linear-gradient(90deg,#0000,#a78bfa59,#0000);flex:1;height:1px}.ca-section-title span{letter-spacing:.16em;text-transform:uppercase;color:#f5f0ff8c;white-space:nowrap;font-family:Cinzel,serif;font-size:11px;font-weight:600}.ca-history-note{text-align:center;color:#f5f0ff52;margin:0 0 6px;font-size:9.5px;font-style:italic}.ca-path-wrap{padding:4px 0;position:relative}.ca-path-line{z-index:0;background:linear-gradient(#0000,#a78bfa59 12% 88%,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ca-floor-row{z-index:1;align-items:center;min-height:62px;display:flex;position:relative}.ca-floor-row--left .ca-floor-node-wrap{margin-right:auto}.ca-floor-row--right .ca-floor-node-wrap{margin-left:auto}.ca-floor-row--center .ca-floor-node-wrap{flex-direction:column;gap:4px;width:auto;margin:0 auto}.ca-floor-node-wrap{align-items:center;gap:10px;width:58%;display:flex}.ca-floor-row--right .ca-floor-node-wrap{flex-direction:row-reverse}.ca-floor-node{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Cinzel,serif;font-size:12px;font-weight:700;display:flex;position:relative}.ca-floor-node--cleared{color:#6ee7c8;background:radial-gradient(circle,#6ee7c838,#0a0720cc);border:1.5px solid #6ee7c8;box-shadow:0 0 10px #6ee7c859}.ca-floor-node--current{color:#f0e6c8;cursor:pointer;background:radial-gradient(circle,#a78bfa66,#0a0720d9);border:2px solid #f0e6c8;width:56px;height:56px;font-size:15px;box-shadow:0 0 0 4px #a78bfa1f,0 0 26px #f0e6c88c}.ca-floor-node--current:active{transform:scale(.94)}.ca-floor-node--locked{color:#f5f0ff52;background:#a796d20f;border:1.5px dashed #a796d247}.ca-floor-tag{color:#f5f0ff52;letter-spacing:.04em;font-size:9.5px}.ca-floor-tag--cleared{color:#6ee7c88c}.ca-floor-tag--current{color:#f0e6c8;font-weight:600}.ca-current-pip{color:#1a1300;letter-spacing:.04em;background:#f0e6c8;border-radius:999px;padding:2px 5px;font-size:7px;font-weight:800;position:absolute;top:-7px;right:-8px}.ca-tier-divider{z-index:2;text-align:center;margin:4px 0 8px;position:relative}.ca-tier-divider span{letter-spacing:.14em;text-transform:uppercase;color:#a78bfa;background:#050310;padding:0 10px;font-family:Cinzel,serif;font-size:9px}.ca-mist-fade{background:linear-gradient(#0000,#050310 85%);justify-content:center;align-items:flex-end;height:60px;margin-top:2px;padding-bottom:6px;display:flex;position:relative}.ca-mist-fade span{letter-spacing:.1em;color:#f5f0ff52;font-size:9px;font-style:italic}.ca-preview-card{background:linear-gradient(160deg,#211641 0%,#120b28 60%,#0a0620 100%);border:1.5px solid #f0e6c8;border-radius:18px;margin-top:4px;padding:16px;position:relative;box-shadow:0 0 24px #f0e6c81a}.ca-preview-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.ca-preview-floor{color:#f0e6c8;font-family:Cinzel,serif;font-size:17px;font-weight:700}.ca-preview-tag{letter-spacing:.08em;text-transform:uppercase;color:#f5f0ff52;font-size:9px}.ca-preview-team-row{border-bottom:1px solid #a78bfa29;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.ca-preview-team-portraits{flex:1;gap:6px;display:flex}.ca-team-portrait{color:#f5f0ff4d;background:#ffffff0d;border:1.5px solid #90909073;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;overflow:hidden}.ca-team-portrait img{object-fit:cover;width:100%;height:100%}.ca-team-portrait--empty{border-style:dashed}.ca-team-portrait[data-rarity=rare]{border-color:#4db8ffa6}.ca-team-portrait[data-rarity=epic]{border-color:#c084fcb3}.ca-team-portrait[data-rarity=legendary]{border-color:#fbbf24bf}.ca-team-portrait[data-rarity=mythic]{border-color:#f84040bf}.ca-team-portrait[data-rarity=ancient]{border-color:#ff8c1acc}.ca-edit-team-link{color:#f5f0ff;cursor:pointer;background:#a78bfa14;border:1px solid #a78bfa59;border-radius:8px;flex-shrink:0;padding:6px 12px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700}.ca-edit-team-link:active{background:#a78bfa29}.ca-power-row{background:#a78bfa14;border:1px solid #a78bfa59;border-radius:12px;align-items:center;margin-bottom:14px;display:flex;overflow:hidden}.ca-power-col{text-align:center;flex:1;padding:10px 8px}.ca-power-divider{letter-spacing:.08em;color:#f5f0ff52;flex-shrink:0;padding:0 8px;font-family:Cinzel,serif;font-size:10px;font-weight:700}.ca-power-label{letter-spacing:.06em;text-transform:uppercase;color:#f5f0ff73;margin-bottom:2px;font-size:9px;display:block}.ca-power-value{font-family:Cinzel,serif;font-size:15px;font-weight:700}.ca-power-value.you{color:#6ee7c8}.ca-power-value.enemy{color:#f3a3a3}.ca-preview-enemies-label{letter-spacing:.1em;text-transform:uppercase;color:#f5f0ff52;margin-bottom:8px;font-size:9px}.ca-preview-enemies{gap:10px;margin-bottom:14px;display:flex}.ca-enemy-portrait{aspect-ratio:1;border:1.5px solid var(--ring,#a78bfa59);background:radial-gradient(circle at 50% 30%,#a78bfa2e,#0a072099);border-radius:12px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.ca-enemy-portrait img{object-fit:cover;width:100%;height:100%}.ca-enemy-portrait-fallback{font-size:18px}.ca-preview-reward-label{letter-spacing:.1em;text-transform:uppercase;color:#f5f0ff52;align-items:center;gap:6px;margin-bottom:6px;font-size:9px;display:flex}.ca-first-clear-badge{letter-spacing:.04em;text-transform:uppercase;color:#f0e6c8;background:#f0e6c81f;border:1px solid #f0e6c866;border-radius:999px;padding:2px 7px;font-size:8px;font-weight:800}.ca-preview-rewards{flex-wrap:wrap;gap:6px;display:flex}.ca-reward-chip{background:#f0e6c814;border:1px solid #f0e6c866;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 5px;display:inline-flex}.ca-reward-chip img{object-fit:contain;flex-shrink:0;width:13px;height:13px}.ca-reward-chip-fallback{flex-shrink:0;font-size:11px;line-height:1}.ca-reward-chip-label{color:#f0e6c8;white-space:nowrap;font-size:10px;font-weight:700}.ca-reward-chip-tbd{color:#f5f0ff52;background:#a78bfa0d;border:1px dashed #a78bfa59;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:9.5px;display:inline-flex}.ca-preview-modal-overlay{z-index:99999;background:#020108f0;justify-content:center;align-items:center;padding:20px 16px;animation:.18s ca-modal-fade;display:flex;position:fixed;inset:0}@keyframes ca-modal-fade{0%{opacity:0}to{opacity:1}}.ca-preview-modal{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;gap:14px;width:100%;max-width:380px;max-height:88vh;animation:.22s cubic-bezier(.34,1.56,.64,1) ca-modal-pop;display:flex;position:relative;overflow-y:auto}.ca-preview-modal::-webkit-scrollbar{display:none}@keyframes ca-modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.ca-preview-modal-close{z-index:2;color:#f5f0ff;cursor:pointer;background:#050310e6;border:1px solid #a78bfa59;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;position:absolute;top:8px;right:8px}.ca-preview-modal-close:active{transform:scale(.9)}.ca-battle-btn{color:#1d1233;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#f0e6c8 0%,#c9b6f5 45%,#a78bfa 100%);border:1px solid #f0e6c880;border-radius:14px;flex-shrink:0;width:100%;height:52px;font-family:Cinzel,serif;font-size:13px;font-weight:700;box-shadow:0 0 24px #a78bfa73}.ca-battle-btn:disabled{color:#f5f0ff59;box-shadow:none;cursor:default;background:#ffffff0f;border-color:#ffffff1a}.ca-leaderboard-empty{text-align:center;background:#a78bfa0a;border:1px dashed #a78bfa59;border-radius:16px;padding:28px 20px}.ca-leaderboard-glyph{color:#a78bfa;opacity:.6;margin-bottom:8px;font-size:22px}.ca-leaderboard-msg{color:#f5f0ff8c;margin-bottom:4px;font-size:12px}.ca-leaderboard-sub{color:#f5f0ff52;font-size:10px}.ca-action-dock{z-index:20;padding:18px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#05031000 0%,#050310bf 30%,#050310f7 65%);position:fixed;bottom:0;left:0;right:0}.ca-ascend-btn{color:#1d1233;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#f0e6c8 0%,#c9b6f5 45%,#a78bfa 100%);border:1px solid #f0e6c880;border-radius:14px;width:100%;height:52px;font-family:Cinzel,serif;font-size:13px;font-weight:700;box-shadow:0 0 24px #a78bfa73}.ca-ascend-btn:disabled{color:#f5f0ff59;box-shadow:none;cursor:default;background:#ffffff0f;border-color:#ffffff1a}.ca-ascend-sub{text-align:center;color:#f5f0ff52;margin-top:8px;font-size:9.5px}@media (width<=360px){.ca-banner{height:190px}.ca-preview-enemies-label,.ca-preview-reward-label{font-size:8.5px}}.nrg-modal-overlay{z-index:99999;background:#020108d9;justify-content:center;align-items:center;padding:20px 16px;animation:.18s nrg-fade;display:flex;position:fixed;inset:0}@keyframes nrg-fade{0%{opacity:0}to{opacity:1}}.nrg-modal{text-align:center;background:linear-gradient(160deg,#1a1330 0%,#100a22 60%,#07050f 100%);border:1px solid #ffcf6559;border-radius:20px;width:100%;max-width:340px;padding:28px 22px 24px;animation:.22s cubic-bezier(.34,1.56,.64,1) nrg-pop;position:relative;box-shadow:0 20px 60px #000000b3,0 0 30px #ffc8501f}@keyframes nrg-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.nrg-modal-close{color:#fff4d299;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;position:absolute;top:10px;right:10px}.nrg-modal-close:active{transform:scale(.9)}.nrg-modal-icon{object-fit:contain;filter:drop-shadow(0 0 12px #ffcf6580);width:52px;height:52px;margin:0 auto 10px;display:block}.nrg-modal-title{color:#fff4d2;margin-bottom:6px;font-family:Cinzel,serif;font-size:19px;font-weight:700}.nrg-modal-sub{color:#fff4d28c;margin-bottom:14px;font-size:12px;line-height:1.4}.nrg-modal-current{color:#ffd978;background:#ffcf651a;border:1px solid #ffcf654d;border-radius:999px;margin-bottom:18px;padding:5px 16px;font-family:Cinzel,serif;font-size:15px;font-weight:700;display:inline-block}.nrg-modal-watching{color:#fff4d2b3;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:50px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.nrg-spinner{border:2px solid #ffcf6540;border-top-color:#ffd978;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite nrg-spin}@keyframes nrg-spin{to{transform:rotate(360deg)}}.nrg-watch-btn{color:#1a1300;cursor:pointer;background:linear-gradient(135deg,#ffcf65 0%,#f5a623 60%,#b6650a 100%);border:1px solid #ffb43c8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:54px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex;box-shadow:0 0 18px #ffc85059}.nrg-watch-btn:active{filter:brightness(1.1)}.nrg-watch-count{color:#1a1300a6;letter-spacing:.02em;font-size:9.5px;font-weight:700}.nrg-modal-none-left{color:#fff4d266;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:10px;margin-bottom:12px;padding:14px 8px;font-size:11.5px}.nrg-modal-dismiss{color:#fff4d299;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;width:100%;height:40px;font-size:12px;font-weight:700}.eb-screen{z-index:99999;color:#fff4d2;background:#07050f;justify-content:center;align-items:center;padding:24px;font-family:Cinzel,serif;display:flex;position:fixed;inset:0}.eb-bg{z-index:0;pointer-events:none;background:radial-gradient(90% 55% at 50% 0,#6d28d959 0%,#0000 55%),linear-gradient(#05020e99 0%,#03010a 100%);position:fixed;inset:0}.eb-vignette{z-index:0;pointer-events:none;background:radial-gradient(85% 75% at 50% 35%,#0000 28%,#020108d9 100%);position:fixed;inset:0}.eb-card{z-index:1;text-align:center;background:linear-gradient(160deg,#ffffff0f,#0009);border:1px solid #ebb34c73;border-radius:18px;width:100%;max-width:340px;padding:32px 24px;position:relative;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0f}.eb-icon{margin-bottom:12px;font-size:44px}.eb-title{letter-spacing:1.5px;background:linear-gradient(#fff8e0 0%,#ffd060 42%,#c87820 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-family:Cinzel,serif;font-size:20px;font-weight:700}.eb-message{color:#fff4d2a6;margin:0 0 22px;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.6}.eb-restart-btn{color:#fff4d2;letter-spacing:1px;cursor:pointer;background:linear-gradient(#fbbf244d,#b453094d);border:1px solid #fbbf24bf;border-radius:12px;width:100%;height:46px;font-family:Cinzel,serif;font-size:14px;font-weight:700}