:root{--ink: #07080c;--iron: #141821;--iron-2: #1d2330;--iron-3: #2a3244;--steel: #4a5468;--parchment: #efe3c8;--parchment-2: #d9c8a6;--gold: #d7b45a;--gold-2: #f3d98c;--gold-3: #8f6d25;--ember: #ff7a3d;--blood: #c8352e;--heal: #7ddc8a;--mana: #5aa9ff;--r-common: #9aa4b5;--r-semicommon: #79b36f;--r-semirare: #5aa9ff;--r-rare: #b07cff;--r-epic: #ff7a3d;--r-legendary: #ffcc33;--r-mythical: #ff4fd8;--font-title: "Cinzel", Georgia, serif;--font-deco: "Cinzel Decorative", "Cinzel", Georgia, serif;--font-lore: "IM Fell English", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ts: 1.1;--tsb: 1.03}html[data-text=small]{--ts: .97;--tsb: .97}html[data-text=large]{--ts: 1.22;--tsb: 1.08}html[data-text=huge]{--ts: 1.32;--tsb: 1.13}html:lang(ru){--font-title: "Cinzel", "Alegreya SC", Georgia, serif;--font-deco: "Cinzel Decorative", "Cinzel", "Alegreya SC", Georgia, serif;--font-lore: "IM Fell English", "Alegreya SC", Georgia, serif}html:lang(zh){--font-title: "Cinzel", "Noto Serif SC", serif;--font-deco: "Cinzel Decorative", "Cinzel", "Noto Serif SC", serif;--font-lore: "IM Fell English", "Noto Serif SC", serif}html:lang(zh-TW){--font-title: "Cinzel", "Noto Serif TC", serif;--font-deco: "Cinzel Decorative", "Cinzel", "Noto Serif TC", serif;--font-lore: "IM Fell English", "Noto Serif TC", serif}html:lang(th){--font-title: "Cinzel", "Noto Serif Thai", serif;--font-deco: "Cinzel Decorative", "Cinzel", "Noto Serif Thai", serif;--font-lore: "IM Fell English", "Noto Serif Thai", serif;line-height:1.5}html:lang(ja){--font-title: "Cinzel", "Noto Serif JP", serif;--font-deco: "Cinzel Decorative", "Cinzel", "Noto Serif JP", serif;--font-lore: "IM Fell English", "Noto Serif JP", serif}html:lang(ko){--font-title: "Cinzel", "Noto Serif KR", serif;--font-deco: "Cinzel Decorative", "Cinzel", "Noto Serif KR", serif;--font-lore: "IM Fell English", "Noto Serif KR", serif;word-break:keep-all}html:not(:lang(en)) body{-webkit-hyphens:auto;hyphens:auto}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--parchment);font-family:var(--font-body);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img.pixel,.pixel{image-rendering:pixelated}.hidden{display:none!important}#app{position:fixed;inset:0}#stage{position:absolute;inset:0}#stage canvas{display:block}#ui{position:absolute;inset:0;pointer-events:none;overflow:hidden}#frame{position:absolute;left:0;top:0;transform-origin:0 0}#frame>*{pointer-events:auto}#frame>.hud{pointer-events:none}.update-overlay{position:absolute;left:0;top:0;width:720px;height:100%;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#030408e6;animation:fadeIn .3s ease}.update-overlay b{font:900 calc(30px * var(--ts)) var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 3px 0 #000}.update-overlay small{font:600 calc(17px * var(--ts)) var(--font-body);color:var(--parchment-2)}.update-spin{width:64px;height:64px;border-radius:50%;border:5px solid rgba(215,180,90,.25);border-top-color:var(--gold-2);animation:updateSpin .9s linear infinite}@keyframes updateSpin{to{transform:rotate(360deg)}}#boot{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-title);color:var(--gold);font-size:calc(22px * var(--ts));letter-spacing:.3em;text-transform:uppercase;background:var(--ink);text-align:center;padding:0 16px}.plate{background:linear-gradient(180deg,#222836f0,#0e1118f5);border:1px solid rgba(215,180,90,.45);border-radius:12px;box-shadow:inset 0 0 0 1px #000000a6,inset 0 1px #ffffff12,0 6px 18px #0000008c}.panel{position:relative;border-radius:18px;padding:30px 28px;background:linear-gradient(180deg,#1b2130f7,#0c0e14fa);border:2px solid #6b5424;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f3d98c38,inset 0 0 60px #0000008c,0 24px 60px #000000bf}.panel:after{content:"";position:absolute;inset:8px;pointer-events:none;border-radius:12px;--c: var(--gold);background:linear-gradient(var(--c),var(--c)) 0 0 / 26px 3px no-repeat,linear-gradient(var(--c),var(--c)) 0 0 / 3px 26px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / 26px 3px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / 3px 26px no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / 26px 3px no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / 3px 26px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / 26px 3px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / 3px 26px no-repeat;opacity:.8}body.has-panel .panel{border:0;box-shadow:0 24px 60px #000000bf;border-image:url(../assets/ui/panel.webp) 104 fill / 48px / 0 stretch;background:none}body.has-panel .panel:after{display:none}.ribbon{position:relative;display:inline-block;padding:12px 62px 14px;margin:0 auto;background:linear-gradient(180deg,#c23a30,#8a1f19 60%,#5e120e);clip-path:polygon(0 0,100% 0,calc(100% - 26px) 50%,100% 100%,0 100%,26px 50%);font-family:var(--font-title);font-weight:900;font-size:calc(26px * var(--ts));letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #2a0604,0 0 12px rgba(255,180,80,.35);white-space:nowrap}.ribbon:before{content:"";position:absolute;inset:5px 30px;border-top:1px solid rgba(255,215,140,.45);border-bottom:1px solid rgba(0,0,0,.45)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:14px 36px;border-radius:14px;font-family:var(--font-title);font-weight:900;font-size:calc(24px * var(--ts));letter-spacing:.08em;text-transform:uppercase;color:var(--parchment);transition:transform .08s ease,filter .15s ease;white-space:nowrap}.btn:active{transform:translateY(3px) scale(.98)}.btn.gold{color:#2a1606;text-shadow:0 1px 0 rgba(255,240,200,.6);background:linear-gradient(180deg,#fff0b8,#f0c860 22%,#d39a36 58%,#9a6a1e);box-shadow:0 0 0 2px #2c1c06,0 0 0 4px #f3d98c73,inset 0 2px #ffffffb3,inset 0 -5px #5a320a73,0 10px 24px #0000008c,0 0 28px #ffb43c59}.btn.stone{background:linear-gradient(180deg,#414a5e,#262d3c 55%,#161b25);box-shadow:0 0 0 2px #05060a,inset 0 0 0 1px #d7b45a66,inset 0 2px #ffffff1a,inset 0 -4px #00000059,0 8px 18px #00000080;color:var(--gold-2);text-shadow:0 2px 0 #000}.btn.royal{color:#fff;text-shadow:0 2px 0 #1a0630;background:linear-gradient(180deg,#c9a2ff,#8a4ae0 45%,#4a1a8a);box-shadow:0 0 0 2px #14052a,0 0 0 4px #c8a0ff66,inset 0 2px #ffffff80,0 10px 24px #0000008c,0 0 24px #aa64ff66}.btn.danger{color:#ff9a8a}.btn.huge{font-size:calc(32px * var(--ts));min-height:84px;padding:16px 56px;border-radius:18px}.btn.small{min-height:44px;padding:8px 18px;font-size:calc(16px * var(--ts));border-radius:10px}.btn.disabled{filter:saturate(.25) brightness(.65);pointer-events:none}body.has-buttons .btn.gold{background:url(../assets/ui/button_gold.webp) center / 100% 100% no-repeat;box-shadow:0 10px 24px #00000080}body.has-buttons .btn.stone{background:url(../assets/ui/button_stone.webp) center / 100% 100% no-repeat;box-shadow:0 8px 18px #00000080}.icon-btn{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#3a4254,#1a1f2a);box-shadow:0 0 0 2px #05060a,inset 0 0 0 1px #d7b45a73,0 6px 14px #00000080}.icon-btn.back i{width:18px;height:18px;border-left:4px solid var(--gold-2);border-bottom:4px solid var(--gold-2);transform:rotate(45deg) translate(3px,-3px)}.icon-btn.close{position:absolute;z-index:10;top:-14px;right:-14px;width:52px;height:52px;border-radius:50%}.icon-btn.close i:before,.icon-btn.close i:after{content:"";position:absolute;width:24px;height:4px;background:var(--gold-2);border-radius:2px;transform:translate(-50%,-50%) rotate(45deg)}.icon-btn.close i:after{transform:translate(-50%,-50%) rotate(-45deg)}.icon-btn.close i{position:relative;width:0;height:0}.bar{position:relative;height:12px;background:#05060a;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #d7b45a66}.bar>i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:8px;background:linear-gradient(180deg,#ffe28a,#c8901e);transition:width .15s linear}.bar>i:after{content:"";position:absolute;left:0;right:0;top:1px;height:35%;background:#ffffff47;border-radius:8px}.coin-fallback{display:inline-block;width:22px;height:22px;border-radius:50%;vertical-align:middle;flex:0 0 auto}.coin-fallback{background:radial-gradient(circle at 35% 30%,#fff4b8,#e7ae2e 55%,#7a5010);box-shadow:inset 0 0 0 2px #5a3a08,0 0 8px #ffc83c80}img.coin+.coin-fallback,img.pill-icon+.coin-fallback{display:none}.cur-icon{flex:0 0 auto;width:auto;height:1.3em;vertical-align:middle;filter:drop-shadow(0 2px 1px rgba(0,0,0,.65))}.el-icon{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,var(--el),#000 62%,#05060a 100%);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--el) 85%,#fff),color-mix(in srgb,var(--el) 40%,#000) 62%,#05060a)}.el-icon .sigil{font-family:var(--font-deco);font-weight:900;color:#fff;text-shadow:0 0 10px var(--el),0 2px 0 rgba(0,0,0,.7)}.el-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hud{position:absolute;left:0;top:0;width:720px;font-family:var(--font-title)}.hud button,.hud .draft,.hud .pause{pointer-events:auto}.hud-top{position:absolute;left:12px;right:12px;display:flex;flex-direction:column;gap:10px}.hud-status{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center}.hud-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px}.hud-wave{padding:8px 12px 10px}.hud-wave-label{font-size:calc(19px * var(--ts));font-weight:900;color:var(--gold-2);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 0 #000;margin-bottom:6px}.hud-xp{display:flex;align-items:center;gap:0}.hud-xp .bar{flex:1;height:18px;margin-left:-10px;border-radius:0 10px 10px 0}.hud-xp .bar>i{background:linear-gradient(180deg,#b8f4ff,#3aa8e0 60%,#1a6aa0);box-shadow:0 0 14px #78dcffbf}.hud-lvl{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:calc(26px * var(--ts));font-weight:900;color:#fff;text-shadow:0 2px 0 #000;background:radial-gradient(circle at 35% 30%,#8fe4ff,#1f5fb8 60%,#0b2a5a);border:3px solid var(--gold);box-shadow:0 0 0 2px #000,0 0 16px #5aa9ffd9,0 4px 8px #000000b3}.hud-lvl.pop{animation:lvlPop .7s cubic-bezier(.2,.9,.3,1.4)}@keyframes lvlPop{0%{transform:scale(1)}30%{transform:scale(1.5);box-shadow:0 0 40px #9fe8ff}to{transform:scale(1)}}.hud-gold{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:calc(22px * var(--ts));font-weight:900;color:var(--gold-2);text-shadow:0 2px 0 #000;min-width:96px}.hud-gold img.coin{width:28px;height:28px}.hud-btn{position:relative;width:72px;height:72px;flex:0 0 auto;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#3a4254,#1a1f2a);box-shadow:0 0 0 2px #05060a,inset 0 0 0 1px #d7b45a73,inset 0 2px #ffffff14,0 6px 14px #00000080;color:var(--gold-2);font-weight:900;font-size:calc(24px * var(--ts));transition:transform .08s ease,filter .12s ease}.hud-btn:active{transform:translateY(2px) scale(.94);filter:brightness(1.15)}.hud-boss{position:absolute;left:70px;right:70px;text-align:center;animation:bossIn .6s cubic-bezier(.2,.9,.3,1.2)}.hud-boss-name{font-size:calc(22px * var(--ts));font-weight:900;color:#ffc0b0;text-shadow:0 2px 0 #000,0 0 14px rgba(255,60,40,.9);margin-bottom:5px;letter-spacing:.05em}.hud-boss .bar{height:20px;box-shadow:inset 0 1px 3px #000,0 0 0 2px #3a0a06,0 0 18px #ff281473}.hud-boss .bar>i{background:linear-gradient(180deg,#ff8a70,#c0241a 60%,#7a0e08)}@keyframes bossIn{0%{transform:translateY(-40px);opacity:0}}.hud-rampart{position:absolute;left:110px;right:110px;bottom:102px;display:flex;align-items:center;gap:8px}.hud-rampart .bar{flex:1;height:22px;box-shadow:inset 0 1px 3px #000,0 0 0 2px #05060a,0 0 0 3px #d7b45a80}.hud-rampart .bar>i{background:linear-gradient(180deg,#b6f59a,#4aa83a 60%,#2a6a22)}.hud-rampart span{position:absolute;inset:0;font:800 calc(14px * var(--ts))/calc(22px * var(--ts)) var(--font-body);text-align:center;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.hud-rampart.low .bar>i{background:linear-gradient(180deg,#ff9a80,#c02a1a 60%,#6a0e08);animation:lowPulse .8s infinite}.hud-rampart.hurt .bar{animation:hurtShake .28s}.hud-rampart-icon{width:34px;height:34px;background:linear-gradient(180deg,#9aa0b0,#4a5060);clip-path:polygon(0 20%,20% 20%,20% 0,40% 0,40% 20%,60% 20%,60% 0,80% 0,80% 20%,100% 20%,100% 100%,0 100%);filter:drop-shadow(0 2px 0 #000)}@keyframes lowPulse{50%{filter:brightness(1.6)}}@keyframes hurtShake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.hud-slots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:12px}.hud-scales{--dawn: #ffd966;--dawn-2: #e08a1e;--dusk: #a46bff;--dusk-2: #3a1670;position:absolute;left:150px;right:150px;bottom:136px;display:flex;align-items:center;gap:8px;pointer-events:auto}.hud-scales .sc-end{width:38px;height:38px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px #05060a,0 0 0 3px #d7b45a80;filter:saturate(.6) brightness(.75);transition:filter .3s ease,box-shadow .3s ease}.hud-scales .sc-end.dawn{box-shadow:0 0 0 2px #05060a,0 0 0 3px var(--dawn)}.hud-scales .sc-end.dusk{box-shadow:0 0 0 2px #05060a,0 0 0 3px var(--dusk)}.hud-scales.lean-dawn .sc-end.dawn,.hud-scales.dawn .sc-end.dawn,.hud-scales.lean-dusk .sc-end.dusk,.hud-scales.dusk .sc-end.dusk{filter:none}.hud-scales.dawn .sc-end.dawn{box-shadow:0 0 0 2px #05060a,0 0 0 3px var(--dawn),0 0 18px var(--dawn)}.hud-scales.dusk .sc-end.dusk{box-shadow:0 0 0 2px #05060a,0 0 0 3px var(--dusk),0 0 18px var(--dusk)}.hud-scales.dawn .sc-end.dusk,.hud-scales.dusk .sc-end.dawn{filter:grayscale(1) brightness(.35)}.sc-track{position:relative;flex:1;height:16px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,#0b0d12,#0b0d12 50%,var(--dusk-2));background:linear-gradient(90deg,color-mix(in srgb,var(--dawn-2) 35%,#0b0d12),#0b0d12 50%,color-mix(in srgb,var(--dusk-2) 60%,#0b0d12));box-shadow:inset 0 1px 3px #000,0 0 0 2px #05060a,0 0 0 3px #d7b45a80}.sc-fill{position:absolute;top:0;bottom:0;transition:left .35s ease,width .35s ease,background .35s ease}.hud-scales.lean-dawn .sc-fill,.hud-scales.dawn .sc-fill{background:linear-gradient(180deg,#fff3c0,var(--dawn) 45%,var(--dawn-2))}.hud-scales.lean-dusk .sc-fill,.hud-scales.dusk .sc-fill{background:linear-gradient(180deg,#d8c0ff,var(--dusk) 45%,var(--dusk-2))}.hud-scales.dawn .sc-track{box-shadow:inset 0 1px 3px #000,0 0 0 2px #05060a,0 0 0 3px var(--dawn),0 0 16px var(--dawn)}.hud-scales.dusk .sc-track{box-shadow:inset 0 1px 3px #000,0 0 0 2px #05060a,0 0 0 3px var(--dusk),0 0 16px var(--dusk)}.sc-notch,.sc-mid{position:absolute;top:3px;bottom:3px;width:2px;margin-left:-1px;background:#0000008c}.sc-notch.n1{left:16.667%}.sc-notch.n2{left:33.333%}.sc-mid{left:50%;top:0;bottom:0;background:#f0d78acc}.sc-notch.n4{left:66.667%}.sc-notch.n5{left:83.333%}.hud-scales.dawn .sc-notch,.hud-scales.dusk .sc-notch,.hud-scales.dawn .sc-mid,.hud-scales.dusk .sc-mid{display:none}.sc-label{position:absolute;inset:0;text-align:center;font:900 calc(12px * var(--ts))/16px var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.hud.rift-turned .hud-scales{bottom:auto;top:40px}.hud-book{position:absolute;left:10px;top:50%;display:flex;flex-direction:column;gap:14px;pointer-events:auto}.hud-book.watch{pointer-events:none}.hud-book-btn{position:relative;width:74px;height:74px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.hud-book-btn .sb-icon{position:absolute;inset:0;width:100%;height:100%}.hud-book-btn .hb-clock{position:absolute;inset:-5px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--hc, #d7b45a) calc(var(--p, 0) * 360deg),rgba(5,6,10,.85) 0);-webkit-mask:radial-gradient(circle,transparent 0 39px,#000 40px);mask:radial-gradient(circle,transparent 0 39px,#000 40px)}.hud-book-btn .hb-sec{position:absolute;inset:0;display:grid;place-items:center;font:900 calc(24px * var(--ts, 1)) var(--font-body);color:#fff;text-shadow:0 2px 0 #000,0 0 8px #000;pointer-events:none}.hud-book-btn.waiting .sb-icon{filter:grayscale(.6) brightness(.8)}.hud-book-btn.ready .sb-icon{animation:hb-ready 1.2s ease-in-out infinite}.hud-book-btn.ready .hb-clock{background:var(--hc, #d7b45a);box-shadow:0 0 18px var(--hc, #d7b45a)}.hud-book-btn.spent{cursor:default}.hud-book-btn.empty{display:block;cursor:default;pointer-events:none;background:transparent;border:4px solid rgba(232,216,255,.75);box-sizing:border-box;box-shadow:0 0 0 2px #05060a99,inset 0 0 0 2px #05060a73,0 0 10px #966eff59}.hud-book-btn.spent .sb-icon{filter:grayscale(1) brightness(.3)}.hud-book-btn.spent .hb-clock{background:#05060ad9}@keyframes hb-ready{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.07);filter:brightness(1.25)}}.hud.rift-turned .hud-book{left:auto;right:10px}.hud-banner.spellbook span{font-size:calc(40px * var(--tsb));color:#e8d8ff;text-shadow:0 3px 0 #000,0 0 30px rgba(150,110,255,.95)}.hud-book-btn.active{cursor:default}.hud-book-btn.active .sb-icon{animation:hb-active .7s ease-in-out infinite}.hud-book-btn.active .hb-clock{background:var(--hc, #d7b45a);box-shadow:0 0 26px 6px var(--hc, #d7b45a);animation:hb-active .7s ease-in-out infinite}@keyframes hb-active{0%,to{filter:brightness(1.1) saturate(1.2)}50%{filter:brightness(1.6) saturate(1.5)}}.hud:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s ease;box-shadow:inset 0 0 90px 24px var(--book-glow, #9a6cff)}.hud.book-working:after{opacity:.55;animation:book-glow 1.6s ease-in-out infinite}@keyframes book-glow{0%,to{opacity:.35}50%{opacity:.65}}.hud-tally{position:absolute;left:50%;top:calc(36% + 64px);transform:translate(-50%,10px);display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:40px;background:#0a0814c7;border:2px solid var(--hc, #b48cff);box-shadow:0 0 22px var(--hc, #b48cff);opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap}.hud-tally.show{opacity:1;transform:translate(-50%)}.hud-tally .sb-icon{width:44px;height:44px;flex:none}.hud-tally .ht-name{font:900 calc(17px * var(--ts, 1)) var(--font-body);color:#fff;text-shadow:0 2px 0 #000}.hud-tally .ht-line{font:700 calc(15px * var(--ts, 1)) var(--font-body);color:#e8d8ff}.hud-tally .ht-line b{color:#ffd76a;font-size:1.15em}.hud.rift-turned .hud-top{top:auto!important;bottom:var(--hud-top)}.hud.rift-turned .hud-slots{bottom:calc(var(--hud-top) + 176px)}.hud.rift-turned .hud-forecast{top:auto!important;bottom:calc(var(--hud-top) + 280px)}.hud.rift-turned .hud-boss{top:auto!important;bottom:calc(var(--hud-top) + 300px)}.hud.rift-turned .hud-rampart{bottom:auto;top:6px}.slot{position:relative;width:70px;height:70px;border-radius:16px;background:#0b0e14;box-shadow:0 0 0 2px #000,0 0 0 4px #d7b45a8c,0 6px 14px #000000a6}.slot.sig{box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-2),0 0 18px #ffd26499,0 6px 14px #000000a6}.slot-icon{position:absolute;inset:0;border-radius:16px}.slot-icon .sigil{font-size:calc(30px * var(--ts))}.slot-cd{position:absolute;inset:0;border-radius:16px;background:conic-gradient(rgba(0,0,0,.66) calc(var(--cd, 0) * 360deg),transparent 0)}.slot-pips{position:absolute;left:0;right:0;bottom:-8px;display:flex;justify-content:center;gap:3px}.slot-pips i{width:9px;height:9px;transform:rotate(45deg);background:#1a1d24;border:1px solid #000}.slot-pips i.on{background:var(--gold-2);box-shadow:0 0 6px #ffd264e6}.hud-forecast{position:absolute;left:0;right:0;text-align:center;opacity:0;transform:translateY(-6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.hud-forecast.show{opacity:1;transform:translateY(0)}.hud-forecast span{display:inline-block;max-width:86%;padding:5px 16px;border-radius:12px;font-family:var(--font-ui);font-weight:700;font-size:calc(19px * var(--ts));line-height:1.25;color:#ffdca8;background:#0c08069e;border:1px solid rgba(255,190,110,.28);text-shadow:0 2px 0 rgba(0,0,0,.8)}.hud-horns{position:absolute;left:50%;top:calc(var(--hud-top, 10px) + 222px);transform:translate(-50%);width:max-content;max-width:92%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:6px 14px;border-radius:18px;pointer-events:none;background:#160824cc;box-shadow:0 0 0 1px #000,0 0 0 2px #b36bff8c,0 6px 18px #00000080;animation:hornsIn .3s ease}.hud-horns b{margin-right:2px;font:900 calc(13px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:#e2c9ff;text-shadow:0 1px 0 #000}.hud-horn-chip{padding:3px 9px;border-radius:10px;background:#280e3ce0;font:800 calc(13px * var(--ts)) var(--font-body);color:#f0e0ff;box-shadow:0 0 0 1px #000,0 0 10px #b36bffb3;animation:hornPulse 1s ease-in-out infinite alternate}.hud.rift-turned .hud-horns{top:auto;bottom:calc(var(--hud-top) + 340px)}@keyframes hornsIn{0%{opacity:0}}@keyframes hornPulse{0%{box-shadow:0 0 0 1px #000,0 0 5px #b36bff73}to{box-shadow:0 0 0 1px #000,0 0 14px #b36bfff2}}.hud-banner{position:absolute;left:0;right:0;top:36%;text-align:center;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.9,.3,1.35);pointer-events:none}.hud-banner.show{opacity:1;transform:scale(1)}.hud-banner span{display:inline-block;padding:14px 60px;font-family:var(--font-deco);font-weight:900;font-size:calc(54px * var(--tsb));letter-spacing:.05em;color:var(--gold-2);text-shadow:0 4px 0 #000,0 0 34px rgba(255,150,40,.75);background:radial-gradient(ellipse at center,rgba(0,0,0,.7) 0%,rgba(0,0,0,.35) 45%,transparent 72%)}.hud-banner.boss span{color:#ffb39a;font-size:calc(44px * var(--tsb));text-shadow:0 4px 0 #000,0 0 40px rgba(255,30,10,.95)}.hud-banner.small span{font-size:calc(30px * var(--ts))}.hud-banner.title span{font-size:calc(46px * var(--tsb))}.hud-banner.legendary{top:24%}.hud-banner.legendary span{font-size:calc(36px * var(--tsb));color:#ffcf70;text-shadow:0 3px 0 #000,0 0 28px rgba(255,150,30,.9)}.hud-banner.legendary span:before{content:attr(data-rarity);display:block;font:900 calc(13px * var(--ts)) var(--font-body);letter-spacing:.35em;text-transform:uppercase;color:#ffb040}.hud-banner.mythical{top:30%}.hud-banner.mythical span{font-size:calc(50px * var(--tsb));padding:18px 70px;background:linear-gradient(90deg,#ff7ad9,#ffe27a,#7ae8ff,#c89bff,#ff7ad9) 0 0 / 300% 100% text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 0 #000) drop-shadow(0 0 22px rgba(255,220,160,.85));animation:mythicSheen 1.6s linear infinite}.hud-banner.mythical span:before{content:attr(data-rarity);display:block;font:900 calc(15px * var(--ts)) var(--font-body);letter-spacing:.5em;text-transform:uppercase;-webkit-text-fill-color:#fff4d8}@keyframes mythicSheen{to{background-position:300% 0}}.draft{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(ellipse at 50% 52%,#14101e80,#030408ed 75%);animation:fadeIn .25s ease}.draft.closing{animation:fadeOut .42s ease forwards}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.draft-head{text-align:center}.draft-level{font-family:var(--font-title);color:#aeeeff;font-size:calc(22px * var(--ts));font-weight:900;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 14px rgba(120,220,255,.9),0 2px 0 #000;margin-bottom:12px}.draft-cards{display:flex;justify-content:center;gap:14px;perspective:1400px}.draft-foot{display:flex;align-items:center;gap:16px}.draft-foot .btn b{color:#fff;margin-left:4px}.draft{--big: 2.55}.draft-back,.draft-take,.draft.chosen .draft-reroll{display:none}.draft.chosen .draft-back,.draft.chosen .draft-take{display:inline-flex}.draft.chosen .draft-foot{width:calc(218px * var(--big));max-width:calc(100% - 32px);align-items:stretch;gap:14px}body.has-frames .draft.chosen .draft-foot{width:calc(224px * var(--big))}.draft.chosen .draft-back{flex:0 0 auto;width:72px;height:auto;min-height:64px;align-items:center;justify-content:center}.draft.chosen .draft-take{flex:1 1 auto;min-width:0;padding-left:18px;padding-right:18px}.draft-take i.tick{width:13px;height:24px;margin:-4px 4px 0 -4px;flex:0 0 auto;border-right:5px solid currentColor;border-bottom:5px solid currentColor;transform:rotate(40deg)}.draft.chosen .draft-cards{min-height:calc(322px * var(--big));align-items:center}.rcard.big,body.has-frames .rcard.big{z-index:6;transform:scale(var(--big));box-shadow:var(--card-ring),0 30px 60px #000000d9,0 0 40px var(--rarity);box-shadow:var(--card-ring),0 30px 60px #000000d9,0 0 40px color-mix(in srgb,var(--rarity) 75%,transparent)}@media(hover:hover){.rcard.big:hover,body.has-frames .rcard.big:hover{z-index:6;transform:scale(var(--big));box-shadow:var(--card-ring),0 30px 60px #000000d9,0 0 40px var(--rarity);box-shadow:var(--card-ring),0 30px 60px #000000d9,0 0 40px color-mix(in srgb,var(--rarity) 75%,transparent)}}.rcard.away{position:absolute;left:50%;top:50%;opacity:0;transform:scale(.7);pointer-events:none}@media(hover:hover){.rcard.away:hover{position:absolute;left:50%;top:50%;opacity:0;transform:scale(.7);pointer-events:none}}.draft.chosen{background:radial-gradient(ellipse at 50% 52%,#100d18bd,#020306f5 72%)}.rcard-text .plate-name{display:none}.draft.chosen .rcard.big.plate .rcard-text,body.has-frames .draft.chosen .rcard.big.plate .rcard-text{inset:134px 9px 34px;height:auto;max-height:none;z-index:5;padding:9px 11px 10px;gap:6px;justify-content:safe center;font-size:calc(16px * var(--ts));line-height:1.3;color:var(--parchment);border-radius:10px;background:linear-gradient(180deg,#1e180ef7,#090806fa);box-shadow:0 0 0 1px #000,inset 0 0 0 1px var(--rarity);box-shadow:0 0 0 1px #000,inset 0 0 0 1px color-mix(in srgb,var(--rarity) 55%,transparent)}.draft.chosen .rcard.big.plate .rcard-text .plate-name{display:block;font-family:var(--font-title);font-weight:900;font-size:1.3em;line-height:1.1;color:var(--gold-2);text-shadow:0 2px 0 #000}.draft.chosen .rcard.big.plate.tall .rcard-text,body.has-frames .draft.chosen .rcard.big.plate.tall .rcard-text{top:44px}.draft.chosen .rcard.big.plate .rcard-name,.draft.chosen .rcard.big.plate .rcard-kind,.draft.chosen .rcard.big.plate .rcard-stars{display:none}.rcard{--rarity: var(--r-common);--frame: url(../assets/ui/card_frame_common.webp);--card-ring: 0 0 0 2px #000;position:relative;width:218px;height:322px;border-radius:16px;cursor:pointer;overflow:hidden;background:linear-gradient(180deg,#1e2230,#0c0f15);box-shadow:var(--card-ring),0 14px 30px #000000bf,0 0 26px var(--rarity);box-shadow:var(--card-ring),0 14px 30px #000000bf,0 0 26px color-mix(in srgb,var(--rarity) 45%,transparent);animation:dealIn .62s cubic-bezier(.18,.9,.25,1.12) backwards;animation-delay:calc(var(--i) * .12s);transition:transform .16s ease,box-shadow .16s ease}@media(hover:hover){.rcard:hover{transform:translateY(-16px) scale(1.04);box-shadow:var(--card-ring),0 24px 40px #000c,0 0 44px var(--rarity);box-shadow:var(--card-ring),0 24px 40px #000c,0 0 44px color-mix(in srgb,var(--rarity) 80%,transparent)}}.rcard.r-semicommon{--rarity: var(--r-semicommon);--frame: url(../assets/ui/card_frame_semicommon.webp)}.rcard.r-semirare{--rarity: var(--r-semirare);--frame: url(../assets/ui/card_frame_semirare.webp)}.rcard.r-rare{--rarity: var(--r-rare);--frame: url(../assets/ui/card_frame_rare.webp)}.rcard.r-epic{--rarity: var(--r-epic);--frame: url(../assets/ui/card_frame_epic.webp)}.rcard.r-legendary{--rarity: var(--r-legendary);--frame: url(../assets/ui/card_frame_legendary.webp)}.rcard.r-mythical{--rarity: var(--r-mythical);--frame: url(../assets/ui/card_frame_mythical.webp)}.rcard-art{position:absolute;left:14px;right:14px;top:14px;height:156px;overflow:hidden;display:grid;place-items:center;border-radius:12px 12px 40% 40%/12px 12px 22px 22px;background:radial-gradient(circle at 50% 42%,var(--el),#000 62%,#05060a);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--el) 90%,#fff),color-mix(in srgb,var(--el) 35%,#000) 62%,#05060a)}.rcard-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rcard-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #000000a6,inset 0 -26px 26px #00000073}.rcard-sigil{font-family:var(--font-deco);font-size:calc(90px * var(--tsb));font-weight:900;color:#fff;text-shadow:0 0 26px var(--el),0 5px 0 rgba(0,0,0,.55)}.rcard-frame{position:absolute;inset:0;border-radius:16px;pointer-events:none;box-shadow:inset 0 0 0 3px var(--rarity),inset 0 0 0 7px #0b0d12,inset 0 0 0 8px var(--rarity);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--rarity) 85%,#000),inset 0 0 0 7px #0b0d12,inset 0 0 0 8px color-mix(in srgb,var(--rarity) 45%,transparent)}body.has-frames .rcard-frame{background:var(--frame) center / 100% 100% no-repeat;box-shadow:none}.rcard-gem{position:absolute;top:5px;left:50%;width:22px;height:22px;transform:translate(-50%) rotate(45deg);background:radial-gradient(circle at 35% 30%,#fff,var(--rarity) 55%,#000);border:2px solid var(--gold);box-shadow:0 0 14px var(--rarity);z-index:2}body.has-frames .rcard-gem{display:none}.rcard-badge{position:absolute;top:24px;right:-38px;width:150px;transform:rotate(38deg);z-index:3;text-align:center;padding:5px 0;font:900 calc(12px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#ee4d3c,#9a1e16);box-shadow:0 3px 8px #0009}.rcard-badge.up{color:#2a1606;background:linear-gradient(180deg,#ffe38a,#c8901e)}.rcard-name{position:absolute;top:158px;left:12px;right:12px;z-index:2;padding:7px 6px 6px;text-align:center;font-family:var(--font-title);font-weight:900;font-size:calc(19px * var(--ts));color:var(--gold-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,#18120af5,#2c2010f5);border-top:1px solid rgba(240,215,138,.5);border-bottom:1px solid rgba(0,0,0,.7);text-shadow:0 2px 0 #000}.rcard-kind{position:absolute;top:198px;left:10px;right:10px;z-index:2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--el);text-shadow:0 1px 0 #000;height:16px;line-height:16px;font-size:min(calc(11px * var(--ts)),13px)}.rcard-stars{position:absolute;top:216px;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:6px}.rcard-stars i{width:12px;height:12px;transform:rotate(45deg);background:#1a1d24;border:1px solid #000;box-shadow:inset 0 0 0 1px #ffffff1a}.rcard-stars i.on{background:var(--gold-2)}.rcard-stars i.next{background:#fff;box-shadow:0 0 10px #fff,0 0 20px var(--gold-2);animation:starPulse 1s ease-in-out infinite}@keyframes starPulse{50%{transform:rotate(45deg) scale(1.35)}}.rcard-text{position:absolute;inset:234px 16px 26px;z-index:2;display:flex;flex-direction:column;justify-content:safe center;gap:4px;overflow:hidden;text-align:center;font:600 calc(14px * var(--ts))/1.28 var(--font-body);color:var(--parchment-2)}.rcard.no-stars .rcard-text{top:216px}.rcard-text p{margin:0}.rcard-text.cut{clip-path:inset(0 0 var(--cut, 0px) 0)}.rcard-text.cut:after{content:"…";position:absolute;right:0;bottom:var(--cut, 0px);padding:0 2px 0 14px;line-height:1.1;font-weight:900;color:var(--gold-2);background:linear-gradient(90deg,transparent,rgba(16,13,9,.96) 45%);pointer-events:none}.rcard.reading .rcard-text.cut{clip-path:none}.rcard.reading .rcard-text.cut:after{display:none}.rcard-text .fuse{color:#ffcf6a;font-size:.88em}.rcard-text .rcard-up{color:#fff3d2}.rcard-text .rcard-up>b{margin-right:.3em;color:var(--gold-2);font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:.86em}.rcard-text .rcard-base{opacity:.78;font-size:.92em}.kw{font-weight:800;color:var(--kw, var(--gold-2));text-shadow:0 1px 0 #000,0 0 8px var(--kw, var(--gold-2));text-shadow:0 1px 0 #000,0 0 8px color-mix(in srgb,var(--kw, var(--gold-2)) 40%,transparent)}.kw-heal{--kw: #7fe08a}.kw-shield{--kw: #cfe0f2}.tip-term{cursor:help;pointer-events:auto;text-decoration:underline dotted var(--kw, var(--gold-2));text-decoration:underline dotted color-mix(in srgb,var(--kw, var(--gold-2)) 75%,transparent);text-underline-offset:.2em;text-decoration-thickness:1.5px}.tip-term.tip-open{filter:brightness(1.3)}@media(hover:hover){.tip-term:hover{filter:brightness(1.3)}}.tip-term:focus-visible{outline:2px solid var(--kw, var(--gold-2));outline-offset:2px;border-radius:4px}.rcard-dps{line-height:1.15}.rcard-text .rcard-dps{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 5px}.kw-cd:before{content:"";display:inline-block;width:.72em;height:.72em;margin-right:.3em;vertical-align:-.06em;border-radius:50%;box-shadow:inset 0 0 0 .12em var(--kw);background:conic-gradient(var(--kw) 0 25%,transparent 0)}.kw-dps{display:inline-block;padding:.05em .6em;border-radius:1em;white-space:nowrap;letter-spacing:.04em;text-decoration:none;background:#0009;background:color-mix(in srgb,var(--kw) 18%,rgba(0,0,0,.6));box-shadow:inset 0 0 0 1px var(--kw);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kw) 60%,transparent)}.reveal-slot:not(.open) .tip-term{pointer-events:none}.tip-pop{position:absolute;left:0;top:0;z-index:9000;width:max-content;max-width:380px;padding:10px 14px 11px;border-radius:10px;background:linear-gradient(180deg,#141620fa,#0a0b11fa);color:var(--parchment-2);box-shadow:0 0 0 1px #000,0 0 0 2px #d7b45a73,0 12px 30px #000000bf;font:600 calc(15px * var(--ts)) / 1.35 var(--font-body);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility 0s linear .12s}.tip-pop.show{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s ease}.tip-pop:after{content:"";position:absolute;left:var(--arrow-x, 50%);bottom:-7px;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);background:#0a0b11;box-shadow:1px 1px 0 1px #d7b45a73}.tip-pop.below:after{bottom:auto;top:-7px;background:#141620;box-shadow:-1px -1px 0 1px #d7b45a73}.tip-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:2px}.tip-head b{font:800 calc(13px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2)}.tip-head span{font-weight:800;font-size:.86em;letter-spacing:.08em;text-transform:uppercase;color:var(--kw)}.tip-big{font:900 calc(24px * var(--ts)) var(--font-title);color:var(--kw);text-shadow:0 2px 0 #000,0 0 12px var(--kw);text-shadow:0 2px 0 #000,0 0 12px color-mix(in srgb,var(--kw) 45%,transparent)}.tip-ranks{margin:3px 0 5px}.tip-ranks small{margin-right:4px;font-size:.8em;letter-spacing:.08em;text-transform:uppercase;color:#9c8f78}.tip-ranks b{font-weight:800;color:#b9ad96}.tip-ranks b.on{color:var(--kw);text-shadow:0 0 8px var(--kw);text-shadow:0 0 8px color-mix(in srgb,var(--kw) 55%,transparent)}.tip-ranks i{margin:0 3px;font-style:normal;color:#5d5646}.tip-line{margin-top:3px}.tip-note{margin-top:7px;padding-top:6px;border-top:1px solid rgba(215,180,90,.2);font-size:.82em;font-weight:500;color:#9c8f78}.rcard-rarity{position:absolute;left:10px;right:10px;bottom:8px;z-index:3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:900 calc(10px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--rarity);text-shadow:0 1px 0 #000,0 0 8px var(--rarity);text-shadow:0 1px 0 #000,0 0 8px color-mix(in srgb,var(--rarity) 55%,transparent)}.rcard-serial,.rcard-copies{position:absolute;top:22px;z-index:4;padding:2px 7px;border-radius:5px;font:800 calc(11px * var(--ts)) var(--font-body);background:#000000b8;border:1px solid var(--rarity);border:1px solid color-mix(in srgb,var(--rarity) 55%,transparent);text-shadow:0 1px 0 #000}.rcard-serial{right:22px;color:var(--rarity)}.rcard-copies{left:22px;color:var(--parchment)}.rcard-stamp{position:absolute;top:118px;left:-9px;right:-9px;z-index:5;transform:rotate(-5deg);padding:6px 4px 5px;text-align:center;white-space:nowrap;overflow:hidden;font:900 calc(14px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 4px 12px #000000b3,inset 0 0 0 1px #ffffff47;text-shadow:0 1px 0 rgba(0,0,0,.45)}.rcard-stamp.dupe{color:#eaf4ff;background:linear-gradient(180deg,#6d8fb8,#23364f)}.rcard-stamp.new{color:#10240a;background:linear-gradient(180deg,#c4f58a,#4f9b28);animation:stampNew 1.6s ease-in-out infinite}body.has-frames .rcard-stamp{top:140px}@keyframes stampNew{0%,to{box-shadow:0 4px 12px #000000b3,inset 0 0 0 1px #ffffff47}50%{box-shadow:0 4px 12px #000000b3,inset 0 0 0 1px #fff9,0 0 22px #96f06ed9}}body.has-frames .rcard{--card-ring: 0 0 0 0 transparent;width:224px;height:314px;background:linear-gradient(#0c0f15,#0c0f15) center / calc(100% - 16px) calc(100% - 16px) no-repeat;border-radius:12px;box-shadow:0 14px 30px #000000bf,0 0 30px var(--rarity);box-shadow:0 14px 30px #000000bf,0 0 30px color-mix(in srgb,var(--rarity) 45%,transparent);overflow:visible}@media(hover:hover){body.has-frames .rcard:hover{box-shadow:0 24px 40px #000c,0 0 50px var(--rarity);box-shadow:0 24px 40px #000c,0 0 50px color-mix(in srgb,var(--rarity) 85%,transparent)}}body.has-frames .rcard-art{left:27px;right:auto;top:24px;width:170px;height:152px;border-radius:80px 80px 0 0}body.has-frames .rcard-frame{border-radius:0;z-index:1}body.has-frames .rcard-name{top:177px;left:22px;right:22px;padding:0;height:22px;line-height:22px;font-size:calc(16px * var(--ts));background:none;border:0;z-index:3}body.has-frames .rcard-kind{top:201px;height:14px;line-height:14px;font-size:min(calc(10px * var(--ts)),12px);z-index:3}body.has-frames .rcard-stars{top:217px;z-index:3;gap:5px}body.has-frames .rcard-stars i{width:10px;height:10px}body.has-frames .rcard-text{inset:233px 28px 27px;font-size:calc(12.5px * var(--ts));line-height:1.2;z-index:3}body.has-frames .rcard.no-stars .rcard-text{top:216px}body.has-frames .rcard.r-legendary .rcard-text{bottom:34px}body.has-frames .rcard-rarity{bottom:8px}body.has-frames .rcard-serial{top:30px;right:32px}body.has-frames .rcard-copies{top:30px;left:32px}body.has-frames .rcard-badge{z-index:4;top:16px;right:-30px}body.has-frames .rcard.r-epic .rcard-body:before,body.has-frames .rcard.r-legendary .rcard-body:before,body.has-frames .rcard.r-mythical .rcard-body:before{inset:0;border-radius:12px;overflow:hidden}.rcard-body{position:absolute;inset:0}body.has-frames .rcard.r-rare .rcard-body{transform-origin:0 0;transform:translate(-4.174px,-18.024px) scale(1.035197,1.057402)}body.has-frames .rcard.r-legendary .rcard-body{transform-origin:0 0;transform:translate(-3.22px,-25.5px) scale(1.026694,1.11465)}.rcard.reading .rcard-text,body.has-frames .rcard.reading .rcard-text{top:auto;left:2px;right:2px;height:auto;max-height:calc(100% - 38px);z-index:5;padding:10px 13px 12px;gap:7px;justify-content:safe center;font-size:calc(22px * var(--ts));line-height:1.22;color:var(--parchment);border-radius:12px;background:linear-gradient(180deg,#1e180ef7,#090806fa);box-shadow:0 0 0 2px #000,inset 0 0 0 1px var(--rarity),0 12px 26px #000000b3;box-shadow:0 0 0 2px #000,inset 0 0 0 1px color-mix(in srgb,var(--rarity) 60%,transparent),0 12px 26px #000000b3}.rcard.reading .rcard-text .fuse{font-size:.84em}.rcard.k-fusion .rcard-name{color:#ffe9a8}.rcard.r-semirare .rcard-art:after,.rcard.r-rare .rcard-art:after{box-shadow:inset 0 0 30px #000000a6,inset 0 -26px 26px #00000073,inset 0 0 40px var(--rarity);box-shadow:inset 0 0 30px #000000a6,inset 0 -26px 26px #00000073,inset 0 0 40px color-mix(in srgb,var(--rarity) 35%,transparent)}.rcard.r-epic .rcard-art:after,.rcard.r-legendary .rcard-art:after,.rcard.r-mythical .rcard-art:after{box-shadow:inset 0 0 30px #0009,inset 0 -26px 26px #00000073,inset 0 0 48px var(--rarity);box-shadow:inset 0 0 30px #0009,inset 0 -26px 26px #00000073,inset 0 0 48px color-mix(in srgb,var(--rarity) 50%,transparent)}.rcard.r-epic .rcard-body:before,.rcard.r-legendary .rcard-body:before,.rcard.r-mythical .rcard-body:before{content:"";position:absolute;inset:-40% -60%;z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#fff0 40%,#ffffff3d,#fff0 60%);animation:cardSheen 4.5s ease-in-out infinite}.rcard.r-legendary .rcard-frame:after,.rcard.r-mythical .rcard-frame:after{content:"";position:absolute;inset:6%;pointer-events:none;background:radial-gradient(circle at 10% 16%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 90% 10%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 84% 64%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 12% 86%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 54% 97%,#fff 0 1.5px,transparent 3px);filter:drop-shadow(0 0 3px var(--rarity));animation:cardSparks 2.8s ease-in-out infinite}.rcard.r-legendary,.rcard.r-mythical{animation:dealIn .62s cubic-bezier(.18,.9,.25,1.12) backwards,cardGlow 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .12s),0s}.rcard.r-mythical .rcard-frame{animation:mythicAura 6s linear infinite}@keyframes cardSheen{0%{transform:translate(-45%)}55%,to{transform:translate(45%)}}@keyframes cardGlow{50%{box-shadow:var(--card-ring),0 14px 30px #000000bf,0 0 54px var(--rarity);box-shadow:var(--card-ring),0 14px 30px #000000bf,0 0 54px color-mix(in srgb,var(--rarity) 85%,transparent)}}@keyframes cardSparks{0%,to{opacity:.15}50%{opacity:.95}}@keyframes mythicAura{0%,to{filter:hue-rotate(0deg) drop-shadow(0 0 4px rgba(255,79,216,.6))}50%{filter:hue-rotate(-40deg) drop-shadow(0 0 8px rgba(176,124,255,.8))}}@keyframes dealIn{0%{transform:translateY(560px) rotate(-16deg) scale(.45);opacity:0}70%{opacity:1}}.rcard.picked{animation:pickCard .42s ease-in forwards!important}.rcard.dismissed{animation:dismissCard .32s ease-in forwards!important}@keyframes pickCard{30%{transform:translateY(-40px) scale(1.14);box-shadow:0 0 80px var(--rarity)}to{transform:translateY(420px) scale(.25);opacity:0}}@keyframes dismissCard{to{transform:translateY(90px) scale(.8);opacity:0}}.autocard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:92px;pointer-events:none}.autocard:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#06060eb8,#06060e00 58%);animation:fadeIn calc(.25s * var(--ac)) ease;transition:opacity calc(.3s * var(--ac)) ease}.autocard.played:before{opacity:0}.autocard .ribbon{z-index:1;max-width:680px;padding:10px 46px 12px;font-size:calc(21px * var(--ts));text-align:center;animation:fadeIn calc(.3s * var(--ac)) ease backwards;animation-delay:calc(.2s * var(--ac));transition:opacity calc(.2s * var(--ac)) ease}.autocard.played .ribbon{opacity:0}.autocard-lift{position:relative;animation:autoCardLift calc(.78s * var(--ac)) ease-out forwards}.autocard .rcard{animation:autoCardGlow calc(.78s * var(--ac)) ease-out forwards;transition:none}@media(hover:hover){.autocard .rcard:hover{transform:none}}.autocard .rcard.picked{animation:pickCard calc(.42s * var(--ac)) ease-in forwards!important}.hud.rift-turned .autocard .rcard.picked{animation-name:pickCardUp!important}@keyframes autoCardLift{0%{transform:translateY(820px) rotate(-10deg) scale(.7);opacity:0}12%{opacity:1}40%{transform:translateY(-16px) rotate(1deg) scale(1.46)}52%{transform:translateY(0) rotate(0) scale(1.38)}70%{transform:scale(1.52)}to{transform:scale(1.42)}}@keyframes autoCardGlow{0%,52%{box-shadow:var(--card-ring),0 14px 30px #000000bf}70%{box-shadow:0 0 0 4px #ffe9a8,0 0 90px #ffd36a}to{box-shadow:0 0 0 3px #ffd97a,0 0 54px #ffc34a}}@keyframes pickCardUp{30%{transform:translateY(40px) scale(1.14);box-shadow:0 0 80px var(--rarity)}to{transform:translateY(-420px) scale(.25);opacity:0}}.hud-rampart.mended .bar{animation:rampMended .7s ease-out}@keyframes rampMended{25%{box-shadow:inset 0 1px 3px #000,0 0 0 2px #05060a,0 0 0 3px #d4ffc0,0 0 42px 10px #8dff7f}}.ramp-gain{position:absolute;left:50%;bottom:100%;translate:-50% 0;white-space:nowrap;pointer-events:none;font:900 calc(52px * var(--ts)) var(--font-title);color:#eaffdc;-webkit-text-stroke:2px #0f3a0c;paint-order:stroke fill;text-shadow:0 4px 0 #000,0 0 18px rgba(120,255,110,.9);animation:rampGain 1.1s ease-out forwards}.hud.rift-turned .ramp-gain{bottom:auto;top:100%}@keyframes rampGain{0%{transform:translateY(16px) scale(.6);opacity:0}18%{transform:scale(1.2);opacity:1}70%{opacity:1}to{transform:translateY(-40px) scale(1);opacity:0}}.pause{position:absolute;inset:0;display:grid;place-items:center;background:#030408c7;animation:fadeIn .2s}.pause-panel{width:560px;display:flex;flex-direction:column;align-items:stretch;gap:14px;text-align:center}.pause-panel .ribbon{align-self:center;margin-top:-58px}.pause-spells{display:flex;flex-direction:column;gap:6px;max-height:520px;overflow:auto;margin-bottom:8px}.pause-audio{display:flex;flex-direction:column;gap:8px}.pause-toggle{display:flex;align-items:center;gap:14px;min-height:64px;padding:0 18px 0 16px;border-radius:14px;text-align:left;background:linear-gradient(180deg,#222836f0,#0e1118f5);box-shadow:0 0 0 2px #05060a,inset 0 0 0 1px #d7b45a66,inset 0 2px #ffffff12,0 6px 14px #00000073;transition:transform .08s ease,box-shadow .15s ease}.pause-toggle:active{transform:translateY(2px) scale(.985)}.pause-toggle svg{width:30px;height:30px;flex:0 0 auto;fill:var(--gold-2);stroke:var(--gold-2);stroke-width:0;filter:drop-shadow(0 2px 0 #000)}.pause-toggle .pt-ico{width:32px;height:32px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.7))}.pause-toggle.off .pt-ico{filter:grayscale(1) brightness(.7)}.pause-toggle svg .wave{fill:none;stroke-width:2;stroke-linecap:round}.pause-toggle .pt-label{flex:1;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000;white-space:normal;line-height:1.15}.pause-toggle .pt-chip{flex:0 0 auto;min-width:74px;padding:7px 14px;border-radius:999px;text-align:center;font:900 calc(15px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#2a1606;background:linear-gradient(180deg,#fff0b8,#f0c860 30%,#c58f2e);box-shadow:0 0 0 2px #2c1c06,inset 0 1px #fff9,0 0 14px #ffbe4659}.pause-toggle.off svg{fill:#8a8f9c;stroke:#8a8f9c;opacity:.6}.pause-toggle.off .pt-label{color:#aab0bd}.pause-toggle.off .pt-chip{color:#ff9a8a;background:linear-gradient(180deg,#2a2f3b,#14171f);box-shadow:0 0 0 2px #05060a,inset 0 0 0 1px #ff5a4873}.pause-panel .btn.danger{margin-top:6px}.pause-spell{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:10px;background:#00000059;text-align:left}.pause-spell .ps-name{flex:1;font-family:var(--font-title);font-weight:700;font-size:calc(18px * var(--ts));color:var(--gold-2)}.pause-spell small{color:var(--parchment-2);font-family:var(--font-body);font-size:calc(12px * var(--ts));margin-left:6px}.pause-spell .ps-dmg{font:800 calc(16px * var(--ts)) var(--font-body);color:#ffd9a0}.mini-icon{width:40px;height:40px;border-radius:10px;box-shadow:0 0 0 2px #000,0 0 0 3px #d7b45a80;flex:0 0 auto}.mini-icon .sigil{font-size:calc(18px * var(--ts))}.screen{position:absolute;left:0;top:0;width:720px;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;animation:screenIn .35s ease}@keyframes screenIn{0%{opacity:0}}.menu-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#2a3450,#121622 55%,#07080c);z-index:-2}.menu-bg:before{content:"";position:absolute;inset:0;background:url(../assets/ui/menu_bg.jpg) center 30% / cover no-repeat;opacity:0;transition:opacity .6s}body.has-menu-bg .menu-bg:before{opacity:1}.menu-bg.dim:before{filter:brightness(.45) saturate(.8) blur(2px);transform:scale(1.05)}.vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#07080cb3,#07080c00 22% 45%,#07080cd9 78%,#07080c)}.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.embers i{position:absolute;bottom:-20px;width:calc(6px * var(--s));height:calc(6px * var(--s));border-radius:50%;background:radial-gradient(circle,#fff3c0,#ff8a2a 55%,transparent 70%);box-shadow:0 0 10px #ff7a2a;animation:emberRise 10s linear infinite;opacity:0}@keyframes emberRise{0%{transform:translate(0);opacity:0}10%{opacity:1}80%{opacity:.8}to{transform:translate(var(--drift),-1600px);opacity:0}}.topbar{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px 10px}.topbar .spacer{width:60px}.topbar-title{flex:1;text-align:center;font-family:var(--font-title);font-weight:900;font-size:calc(30px * var(--ts));letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 20px rgba(255,170,60,.35)}.currencies{display:flex;gap:8px}.pill{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 10px;border-radius:30px;background:linear-gradient(180deg,#0a0c12eb,#1c202ceb);box-shadow:inset 0 0 0 1px #d7b45a73,0 4px 10px #00000080;font:800 calc(20px * var(--ts)) var(--font-body);color:#fff;text-shadow:0 1px 0 #000}.pill-icon{width:28px;height:28px}.crown-pill .pill-icon{width:auto;height:26px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}button.crown-pill{cursor:pointer;transition:transform .1s ease}button.crown-pill:active{transform:scale(.96)}.pill-plus{display:grid;place-items:center;width:22px;height:22px;margin-left:2px;border-radius:50%;background:linear-gradient(180deg,#c9a2ff,#6a2fb8);box-shadow:0 0 0 1px #14052a,inset 0 1px #ffffff80;font:900 calc(18px * var(--ts))/1 var(--font-body);font-style:normal;color:#fff;text-shadow:none}.profile-chip{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:40px;background:#080a10bf;box-shadow:inset 0 0 0 1px #d7b45a66}.chip-avatar{position:relative;width:58px;height:58px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 60%,#fff),color-mix(in srgb,var(--hc) 30%,#000));box-shadow:0 0 0 3px var(--gold),0 0 0 5px #000;display:grid;place-items:center}.chip-avatar img{position:absolute;width:150%;height:150%;left:-25%;top:-5%;object-fit:contain}.chip-text{display:flex;flex-direction:column;font-family:var(--font-title)}.chip-text b{font-size:calc(20px * var(--ts));color:var(--gold-2)}.chip-text small{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.hero-sprite-fallback{font-family:var(--font-deco);font-weight:900;color:#fff;font-size:calc(26px * var(--ts));text-shadow:0 2px 0 #000}.home .logo{position:relative;z-index:2;margin-top:12px;height:230px;width:640px;display:grid;place-items:center}.logo-img{max-width:100%;max-height:100%;filter:drop-shadow(0 8px 20px rgba(0,0,0,.8));animation:logoBreath 5s ease-in-out infinite}.logo-text{display:flex;flex-direction:column;align-items:center;font-family:var(--font-deco);font-weight:900;line-height:.95;text-transform:uppercase}.logo-text span:first-child{font-size:calc(86px * var(--tsb));letter-spacing:.04em;background:linear-gradient(180deg,#fff6d0,#f0c860 45%,#9a6a1e 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #1a0e04) drop-shadow(0 0 22px rgba(255,150,40,.45))}.logo-text span:last-child{font-size:calc(50px * var(--tsb));letter-spacing:.2em;color:#d8dde8;text-shadow:0 4px 0 #000,0 0 16px rgba(120,160,255,.35)}.logo-img+.logo-text{display:none}@keyframes logoBreath{50%{filter:drop-shadow(0 8px 20px rgba(0,0,0,.8)) drop-shadow(0 0 24px rgba(255,150,50,.5))}}.hero-stage{position:relative;z-index:1;flex:1;width:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer}.hero-light{position:absolute;bottom:60px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,190,90,.35),rgba(255,120,40,.08) 45%,transparent 70%);animation:logoBreath 5s infinite}.home .hero-splash{display:none}.hero-sprite{position:relative;display:grid;place-items:center}.hero-sprite.big{width:300px;height:300px;z-index:2}.hero-sprite.big img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.7));animation:idleBob 2.4s ease-in-out infinite}.hero-sprite.big .hero-sprite-fallback{width:160px;height:220px;border-radius:80px 80px 30px 30px;display:grid;place-items:center;font-size:calc(90px * var(--tsb));background:linear-gradient(180deg,var(--hc),#000);background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 80%,#fff),color-mix(in srgb,var(--hc) 40%,#000));box-shadow:0 0 0 4px #000,0 0 40px var(--hc);box-shadow:0 0 0 4px #000,0 0 40px color-mix(in srgb,var(--hc) 60%,transparent)}.hero-sprite img~.hero-sprite-fallback,.hero-sprite .hero-sprite-fallback:has(+img){display:none}@keyframes idleBob{50%{transform:translateY(-8px)}}.pedestal{width:360px;height:60px;margin-top:-40px;border-radius:50%;background:radial-gradient(ellipse,#5a6070 0%,#2a2e3a 55%,transparent 72%);box-shadow:0 0 40px #ffaa3c40}.nameplate{margin-top:-6px;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;font-family:var(--font-title)}.nameplate b{font-size:calc(36px * var(--tsb));color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 16px rgba(255,170,60,.4)}.nameplate span{font:700 calc(16px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2)}.play-btn{position:relative;z-index:2;flex-direction:column;gap:2px;margin-bottom:26px;width:420px}.play-btn span{font-size:calc(38px * var(--tsb));line-height:1}.play-btn small{font:800 calc(14px * var(--ts)) var(--font-body);letter-spacing:.12em;opacity:.75}.bottom-nav{position:relative;z-index:3;width:100%;margin-top:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px;align-items:stretch;padding:12px 10px 22px;background:linear-gradient(180deg,#07080c00,#07080ceb 30%,#07080c)}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-title);font-weight:900;font-size:calc(15px * var(--ts));letter-spacing:.06em;text-transform:uppercase;color:var(--parchment-2)}.nav-icon{position:relative;width:70px;height:70px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#2e3544,#151922);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #d7b45a73,0 6px 14px #0009}.nav-icon img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}.nav-glyph{font-family:var(--font-deco);font-size:calc(30px * var(--ts));color:var(--gold-2);text-shadow:0 2px 0 #000}.nav-icon img+.nav-glyph,.nav-glyph:has(+img){opacity:0}.nav-item.active{color:var(--gold-2)}.nav-item.active .nav-icon{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2),0 0 18px #ffc85a80}.nav-item.primary .nav-icon{width:96px;height:96px;border-radius:50%;margin-top:-30px;background:radial-gradient(circle at 50% 35%,#ffe7a0,#d39a36 55%,#7a4e14);box-shadow:0 0 0 3px #2c1c06,0 0 0 6px #f3d98c80,0 0 30px #ffaa328c,0 10px 20px #0009}.nav-item.primary .nav-glyph{color:#2a1606;text-shadow:0 1px 0 rgba(255,255,255,.5);font-size:calc(40px * var(--tsb))}.nav-item .badge{position:absolute;top:-6px;right:18px;min-width:26px;height:26px;padding:0 6px;border-radius:13px;background:#e5332a;color:#fff;font:900 calc(15px * var(--ts))/calc(26px * var(--ts)) var(--font-body);box-shadow:0 0 0 2px #000}.emblem{position:absolute;z-index:3;min-width:96px;padding:0 2px;display:flex;flex-direction:column;align-items:center;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.emblem:before,.emblem:after{content:"";position:absolute;left:50%;top:42px;width:112px;height:96px;translate:-50% -50%;z-index:-1;pointer-events:none}.emblem:before{background:radial-gradient(closest-side,#040509b3,#04050961 55%,#04050900)}.emblem:after{background:radial-gradient(closest-side,#ffc45a80,#ff96282e 60%,#ff962800);opacity:0}.emblem:active{transform:scale(.92)}.emblem-art{position:relative;width:88px;height:84px;display:grid;place-items:center}.emblem-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.85))}.emblem-label{margin-top:-3px;white-space:nowrap;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000,0 -1px 0 #000,2px 0 0 #000,-2px 0 0 #000,1.5px 1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px -1.5px 0 #000,0 3px 7px rgba(0,0,0,.9)}.emblem .badge{position:absolute;top:-4px;right:4px;min-width:26px;height:26px;padding:0 6px;border-radius:13px;background:#e5332a;color:#fff;font:900 calc(15px * var(--ts))/calc(26px * var(--ts)) var(--font-body);text-align:center;box-shadow:0 0 0 2px #000}.emblem:has(.badge:not(.hidden)):after{animation:emblemGlow 2.2s ease-in-out infinite}.emblem:has(.badge:not(.hidden)) .emblem-art>img{animation:emblemBob 1.6s ease-in-out infinite}@keyframes emblemGlow{50%{opacity:1}}@keyframes emblemBob{50%{translate:0 -4px}}@media(prefers-reduced-motion:reduce){.emblem:has(.badge:not(.hidden)):after{animation:none;opacity:.8}.emblem:has(.badge:not(.hidden)) .emblem-art>img{animation:none}}.friends-float{right:4px;bottom:calc(100% + 6px)}.friends-float .emblem-art{width:96px;height:76px}.friends-float.active .emblem-label{color:#fff3c8}.friends-float.active:after{opacity:.75}.online-pill{position:absolute;right:-2px;bottom:4px;height:24px;padding:0 8px 0 6px;border-radius:12px;display:flex;align-items:center;gap:5px;font:900 calc(14px * var(--ts))/1 var(--font-body);color:#eaffe6;text-shadow:0 1px 0 rgba(0,0,0,.6);background:linear-gradient(180deg,#3fa650,#1d6a2b);box-shadow:0 0 0 2px #000,inset 0 1px #ffffff59,0 0 12px #6ee07a73}.online-pill i,.ho-label i,.fr-online i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#b4ffbc;box-shadow:0 0 6px #7dff8c;animation:onlineBeat 2s ease-in-out infinite}@keyframes onlineBeat{50%{opacity:.45}}.friends-float.arrived .online-pill{animation:pillLeap .6s cubic-bezier(.2,.9,.3,1.4) 2}.friends-float.arrived:after{animation:emblemGlow 1.2s ease-in-out 2}.home-online.arrived .ho-faces{animation:facesSwell .7s cubic-bezier(.2,.9,.3,1.4)}@keyframes pillLeap{40%{scale:1.35;translate:0 -5px}}@keyframes facesSwell{40%{scale:1.15}}@media(prefers-reduced-motion:reduce){.friends-float.arrived .online-pill,.friends-float.arrived:after,.home-online.arrived .ho-faces{animation:none}}.home-online{position:absolute;right:8px;top:368px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .12s ease}.home-online:active{transform:scale(.94)}.ho-faces{display:flex;align-items:center;padding-left:12px}.ho-face,.ho-more{position:relative;flex:0 0 auto;width:44px;height:44px;margin-left:-12px;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #6ee07a,0 4px 8px #000000b3}.ho-face{background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 60%,#fff),color-mix(in srgb,var(--hc) 30%,#000))}.ho-face img{position:absolute;width:150%;height:150%;left:-25%;top:-5%;object-fit:contain}.ho-face .hero-sprite-fallback{font-size:calc(18px * var(--ts))}.ho-more{font:900 calc(15px * var(--ts)) var(--font-body);color:#eaffe6;background:linear-gradient(180deg,#2c7a3a,#164a20)}.ho-label{display:flex;align-items:center;gap:6px;white-space:nowrap;font:900 calc(13px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#9dff9a;text-shadow:0 2px 0 #000,0 -1px 0 #000,2px 0 0 #000,-2px 0 0 #000,1.5px 1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px -1.5px 0 #000}.home-online.quiet .ho-label{color:#ffd84a}.home-online.quiet .ho-label i{background:#ffe680;box-shadow:0 0 6px #ffc93a;animation-name:quietBeat}@keyframes quietBeat{50%{opacity:.45;box-shadow:0 0 2px #ffc93a}}.heroes .hero-body{position:relative;z-index:1;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.heroes .hero-body::-webkit-scrollbar{display:none}.hero-art{position:relative;width:100%;height:520px;display:grid;place-items:center;overflow:hidden}.hero-art-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,var(--hc),transparent 60%);background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--hc) 45%,transparent),transparent 60%)}.hero-art .hero-splash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.hero-art .hero-splash~.hero-sprite{position:absolute;right:18px;bottom:10px;width:150px;height:150px}.locked-tag{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:8px 30px;font-family:var(--font-title);font-weight:900;font-size:calc(24px * var(--ts));letter-spacing:.2em;text-transform:uppercase;color:#ffd0c0;background:#3c0a08d9;border:1px solid #a33;border-radius:8px}.arrow-btn{position:absolute;top:50%;width:64px;height:64px;margin-top:-32px;border-radius:50%;background:#07080cb3;box-shadow:inset 0 0 0 2px #d7b45a99;display:grid;place-items:center}.arrow-btn.prev{left:14px}.arrow-btn.next{right:14px}.arrow-btn i{width:20px;height:20px;border-left:5px solid var(--gold-2);border-bottom:5px solid var(--gold-2);transform:rotate(45deg) translate(3px,-3px)}.arrow-btn.next i{transform:rotate(-135deg) translate(3px,-3px)}.hero-info{width:680px;margin-top:-60px;padding:24px 26px 22px;display:flex;flex-direction:column;gap:10px}.hero-name{font-family:var(--font-title);font-weight:900;font-size:calc(40px * var(--tsb));color:var(--gold-2);text-shadow:0 3px 0 #000;line-height:1}.hero-name span{font-size:calc(22px * var(--ts));color:var(--parchment-2)}.hero-role{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--hc)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}.stat-row{display:flex;align-items:center;justify-content:space-between;font:700 calc(14px * var(--ts)) var(--font-body);text-transform:capitalize;color:var(--parchment-2)}.stat-bar{display:flex;gap:4px}.stat-bar i{width:26px;height:10px;border-radius:3px;background:#1a1d24;box-shadow:inset 0 0 0 1px #000}.stat-bar i.on{background:linear-gradient(180deg,var(--gold-2),var(--gold-3))}.hero-abilities{display:flex;justify-content:space-around;margin-top:6px}.ability{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2)}.ability-icon{width:84px;height:84px;border-radius:50%;box-shadow:0 0 0 3px #000,0 0 0 5px var(--gold),0 0 16px var(--el);box-shadow:0 0 0 3px #000,0 0 0 5px var(--gold),0 0 16px color-mix(in srgb,var(--el) 60%,transparent)}.ability-icon .sigil{font-size:calc(36px * var(--tsb))}.hero-desc{font:500 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment);min-height:44px}.hero-desc b{color:var(--gold-2);font-family:var(--font-title)}.hero-lore{font:italic calc(17px * var(--ts))/1.3 var(--font-lore);color:#b9ab8c}.hero-desc small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--hc)}.hero-desc em{color:#ffb08a;font-style:normal}.hero-deck{display:flex;flex-direction:column;gap:6px;min-width:0}.hero-deck-title{display:flex;align-items:center;gap:6px;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}.hero-deck-title small{letter-spacing:.1em;color:var(--parchment-2)}.deck-dots{margin-left:auto;display:flex;gap:8px}.deck-dot{width:11px;height:11px;padding:0;border-radius:50%;background:#1f222b;box-shadow:inset 0 0 0 1px #d7b45a80;transition:background .2s,box-shadow .2s,transform .2s}.deck-dot.on{background:var(--gold-2);box-shadow:0 0 10px #ffd26ebf;transform:scale(1.2)}.deck-carousel{display:flex;align-items:center;gap:6px}.deck-view{flex:1;min-width:0;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.deck-view img{-webkit-user-drag:none}.deck-track{display:flex;transition:transform .38s cubic-bezier(.2,.8,.2,1);will-change:transform}.deck-track.dragging{transition:none}.deck-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:4px 3px 6px;box-sizing:border-box}.deck-arrow{flex:0 0 40px;height:72px;padding:0;border-radius:12px;display:grid;place-items:center;background:#07080c99;box-shadow:inset 0 0 0 2px #d7b45a8c;transition:opacity .2s}.deck-arrow i{width:14px;height:14px;border-left:4px solid var(--gold-2);border-bottom:4px solid var(--gold-2);transform:rotate(45deg) translate(2px,-2px)}.deck-arrow.next i{transform:rotate(-135deg) translate(2px,-2px)}.deck-arrow.disabled{opacity:.25;pointer-events:none}.deck-card{--rarity: #9aa0aa;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 3px 6px;border-radius:12px;background:linear-gradient(180deg,#ffffff12,#0000004d);box-shadow:inset 0 0 0 1px var(--rarity);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 65%,transparent);cursor:pointer}.deck-card.r-semicommon{--rarity: var(--r-semicommon)}.deck-card.r-semirare{--rarity: var(--r-semirare)}.deck-card.r-rare{--rarity: var(--r-rare)}.deck-card.r-epic{--rarity: var(--r-epic)}.deck-card.r-legendary{--rarity: var(--r-legendary)}.deck-card.r-mythical{--rarity: var(--r-mythical)}.deck-card:not(.r-common){background:linear-gradient(180deg,#ffffff0a,#0000004d);background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 24%,rgba(255,255,255,.04)),#0000004d);box-shadow:inset 0 0 0 2px var(--rarity),0 0 12px var(--rarity);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rarity) 75%,transparent),0 0 12px color-mix(in srgb,var(--rarity) 30%,transparent)}.deck-card.off .deck-icon{filter:saturate(.3) brightness(.55)}.deck-card.off .deck-name{color:#8a8272}.deck-manage{margin-left:12px;padding:5px 14px;border-radius:10px;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 0 0 2px #000,0 3px 8px #00000080}.deck-icon{width:66px;height:66px;border-radius:12px;box-shadow:0 0 0 2px #000,0 0 12px var(--el);box-shadow:0 0 0 2px #000,0 0 12px color-mix(in srgb,var(--el) 45%,transparent)}.deck-icon .sigil{font-size:calc(26px * var(--ts))}.deck-card.k-fusion .deck-icon{box-shadow:0 0 0 2px #000,0 0 0 4px var(--r-legendary),0 0 16px var(--r-legendary)}.deck-card.k-signature .deck-icon{box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-2),0 0 14px var(--el);box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-2),0 0 14px color-mix(in srgb,var(--el) 60%,transparent)}.deck-name{font:700 calc(20px * var(--ts))/1.1 var(--font-body);color:var(--parchment);text-align:center;min-height:24px}.hero-foot{position:relative;z-index:3;flex:none;width:100%;padding:8px 26px 6px}.hero-foot:before{content:"";position:absolute;z-index:-1;inset:-52px 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(12,14,20,.96) 62%)}.hero-actions{display:flex;gap:12px;justify-content:center}.hero-actions .btn:not(:only-child){min-width:0;padding:12px 16px;font-size:calc(20px * var(--ts));letter-spacing:.03em}.hero-thumbs{position:relative;z-index:2;flex:none;width:100%;height:134px;overflow-x:clip;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}.hero-thumb{--off: 0;--lift: 0px;position:absolute;left:50%;top:12px;width:96px;height:96px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 2px #000,0 0 0 4px #d7b45a59;transform:translate(calc(-50% + var(--off) * 106px),var(--lift));transition:transform .42s cubic-bezier(.2,.85,.25,1),box-shadow .25s ease}.hero-thumb.active{z-index:1;--lift: -6px;box-shadow:0 0 0 2px #000,0 0 0 5px var(--gold-2),0 0 20px #ffd26e99}.hero-thumb.locked{filter:grayscale(.8) brightness(.6)}.thumb-sprite{width:100%;height:100%}.thumb-sprite img{width:130%;height:130%;margin:-10% -15%;object-fit:contain}.map{background:#0b0d12}.map-scroll{position:relative;flex:1;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.map-scroll::-webkit-scrollbar{display:none}.map-world{position:relative;width:720px}.map-bg{position:absolute;inset:0;background:linear-gradient(180deg,#3a1a14,#2a2030,#1f2a24,#2a3024,#243a26,#2f4a2a)}body.has-map .map-bg{background:url(../assets/ui/map_bg.jpg) center / 100% 100% no-repeat}.map-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-path path{fill:none;stroke:#e8d4a0;stroke-width:7;stroke-dasharray:2 16;stroke-linecap:round;opacity:.7;filter:drop-shadow(0 2px 0 #000)}.chapter-banner{position:absolute;left:50%;transform:translate(-50%);width:560px;text-align:center;padding:14px 20px;border-radius:14px;background:#07080cb8;box-shadow:inset 0 0 0 1px #d7b45a73;display:flex;flex-direction:column;gap:2px}.chapter-banner small{font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--ember)}.chapter-banner b{font-family:var(--font-title);font-size:calc(32px * var(--ts));color:var(--gold-2);text-shadow:0 3px 0 #000}.chapter-banner em{font:italic calc(17px * var(--ts)) var(--font-lore);color:var(--parchment-2)}.stage-node{position:absolute;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#5a6478,#262c3a 60%,#10131a);box-shadow:0 0 0 3px #000,0 0 0 7px var(--gold),0 10px 20px #000000b3}.stage-node .node-num{font-family:var(--font-deco);font-weight:900;font-size:calc(40px * var(--tsb));color:var(--gold-2);text-shadow:0 3px 0 #000}.stage-node.boss{width:130px;height:130px;margin:-65px 0 0 -65px;background:radial-gradient(circle at 50% 35%,#a0342a,#4a1210 60%,#1a0606);box-shadow:0 0 0 3px #000,0 0 0 8px #d7b45a,0 0 30px #ff3c2880}.stage-node.current{animation:nodePulse 1.6s ease-in-out infinite}@keyframes nodePulse{50%{box-shadow:0 0 0 3px #000,0 0 0 7px var(--gold-2),0 0 40px #ffd26ee6}}.stage-node.locked{filter:grayscale(1) brightness(.5)}.stage-node.complete{filter:grayscale(.85) brightness(.8)}.stage-done.disabled{opacity:.6;pointer-events:none}.node-stars{position:absolute;bottom:-20px;display:flex;gap:2px}.node-stars i{width:22px;height:22px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#2a2a2a}.node-stars i.on{background:linear-gradient(180deg,#fff2a0,#f0b020);filter:drop-shadow(0 0 4px #ffc040)}.node-name{position:absolute;top:calc(100% + 22px);white-space:nowrap;font-family:var(--font-title);font-weight:700;font-size:calc(20px * var(--ts));color:var(--parchment);text-shadow:0 2px 0 #000,0 0 8px #000}.modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#030408bf;animation:fadeIn .2s}.stage-panel{width:620px;display:flex;flex-direction:column;align-items:center;gap:14px;animation:popIn .35s cubic-bezier(.2,.9,.3,1.3)}@keyframes popIn{0%{transform:scale(.8);opacity:0}}.stage-panel .ribbon{margin-top:-60px}.stage-sub{font:700 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2)}.stage-label{align-self:flex-start;font-family:var(--font-title);font-weight:700;color:var(--gold);font-size:calc(18px * var(--ts))}.foe-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.foe{width:96px;display:flex;flex-direction:column;align-items:center;gap:4px;font:700 calc(11px * var(--ts)) var(--font-body);text-transform:capitalize;color:var(--parchment-2)}.foe img{width:72px;height:72px;object-fit:contain;background:radial-gradient(circle,#2a3040,#10131a);border-radius:12px;box-shadow:inset 0 0 0 1px #d7b45a59}.foe-mech{font:italic 600 calc(10px * var(--ts)) var(--font-body);text-transform:none;color:#9fd0ff;line-height:1.15;text-align:center;opacity:.9}.stage-info{display:flex;gap:20px;font:800 calc(16px * var(--ts)) var(--font-body);color:var(--parchment);text-transform:capitalize;align-items:center}.stage-hero{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:14px;background:#00000059;font:600 calc(16px * var(--ts)) var(--font-body)}.stage-hero>div:nth-child(2){flex:1}.stage-hero b{font-family:var(--font-title);color:var(--gold-2);font-size:calc(20px * var(--ts))}.results{justify-content:center}.results-panel{position:relative;z-index:1;width:640px;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:70px;animation:popIn .5s cubic-bezier(.2,.9,.3,1.25)}.result-banner{position:absolute;top:-70px;left:50%;transform:translate(-50%);width:560px;height:140px;display:grid;place-items:center}.result-banner .banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.result-banner span{position:relative;font-family:var(--font-deco);font-weight:900;font-size:calc(58px * var(--tsb));letter-spacing:.04em;text-shadow:0 4px 0 #000,0 0 30px rgba(255,170,50,.7);color:var(--gold-2);white-space:nowrap}.result-banner.loss span{color:#d8c8c0;font-size:calc(44px * var(--tsb));text-shadow:0 4px 0 #000,0 0 30px rgba(200,40,30,.7)}.result-stage{font-family:var(--font-title);font-size:calc(22px * var(--ts));color:var(--parchment-2);letter-spacing:.08em}.result-stars{display:flex;gap:10px}.result-stars i{width:80px;height:80px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#23262e}.result-stars i:nth-child(2){transform:translateY(-16px) scale(1.15)}.result-stars i.on{background:linear-gradient(180deg,#fff6b0,#f3c030 50%,#b07a10);animation:starIn .6s cubic-bezier(.2,.9,.3,1.6) backwards}@keyframes starIn{0%{transform:scale(3) rotate(-40deg);opacity:0}}.result-score{font-family:var(--font-title);font-size:calc(64px * var(--tsb));font-weight:900;color:var(--gold-2);text-shadow:0 4px 0 #000;display:flex;flex-direction:column;align-items:center}.result-score small{font:800 calc(16px * var(--ts)) var(--font-body);color:#9dff9a;letter-spacing:.1em;text-transform:uppercase}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.rs{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:12px;background:#00000059}.rs b{font-family:var(--font-title);font-size:calc(28px * var(--ts));color:#fff}.rs span{font:700 calc(12px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2)}.dmg-chart{width:100%;display:flex;flex-direction:column;gap:6px}.dmg-row{display:flex;align-items:center;gap:10px}.dmg-bar{position:relative;flex:1;height:34px;border-radius:8px;background:#00000073;overflow:hidden}.dmg-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--w);opacity:.55;animation:growBar .9s ease-out backwards .3s}@keyframes growBar{0%{width:0}}.dmg-bar span{position:relative;padding-left:12px;font:700 calc(15px * var(--ts))/calc(34px * var(--ts)) var(--font-body);color:#fff;text-shadow:0 1px 2px #000}.rewards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.reward{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:30px;background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a80;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--gold-2)}.reward.talent{color:#d8c0ff;box-shadow:inset 0 0 0 1px #8a6ad0}.reward.train{color:#9dff9a;box-shadow:inset 0 0 0 1px #78dc788c}.reward.train.up{color:var(--gold-2);box-shadow:inset 0 0 0 2px var(--gold-2),0 0 20px #ffc85a4d}.result-actions{display:flex;gap:14px;margin-top:6px}.results-panel .result-actions{width:100%}.results-panel .result-actions .btn{flex:1 1 0;min-width:0;min-height:68px;padding:10px 18px;white-space:normal;line-height:1.1;text-align:center;font-size:calc(20px * var(--ts));letter-spacing:.06em}.hero-sprite-fallback:has(+img){display:none!important}.flex-spacer{flex:1}.home-hero{position:relative;z-index:2;display:flex;align-items:center;gap:16px;width:600px;padding:12px 18px 12px 12px;margin-bottom:18px;text-align:left;border-radius:60px 20px 20px 60px;background:linear-gradient(90deg,#07080ceb,#181c28d1);box-shadow:inset 0 0 0 1px #d7b45a80,0 12px 30px #000000a6}.home-hero-portrait{position:relative;width:104px;height:104px;border-radius:50%;overflow:hidden;flex:0 0 auto;display:grid;place-items:center;background:radial-gradient(circle,var(--hc),#000);background:radial-gradient(circle,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 3px #000,0 0 0 6px var(--gold),0 0 24px #ffbe5a8c}.home-hero-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 12%}.home-hero-text{flex:1;display:flex;flex-direction:column;font-family:var(--font-title)}.home-hero-text small{font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--ember)}.home-hero-text b{font-size:calc(34px * var(--ts));line-height:1.05;color:var(--gold-2);text-shadow:0 3px 0 #000}.home-hero-text span{font:700 calc(14px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2)}.home-hero-sprite{width:96px;height:96px;flex:0 0 auto}.home-hero-sprite img{width:100%;height:100%;object-fit:contain;animation:idleBob 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 4px rgba(0,0,0,.7))}.home-hero-sprite .hero-sprite-fallback{display:none}.heroes .hero-art{flex:1 1 auto;height:auto;min-height:330px}.heroes{--portrait-overlap: 150px}.heroes .hero-info{margin-top:calc(-1 * var(--portrait-overlap));gap:8px;padding-top:18px;padding-bottom:16px}.heroes .hero-art .arrow-btn{top:calc((100% - var(--portrait-overlap)) / 2);margin-top:0;transform:translateY(-50%)}.heroes .hero-rank{padding:5px 12px}.heroes .hero-rank .rank-badge{width:52px;height:52px}.heroes .hero-rank .rank-badge b{font-size:calc(23px * var(--ts))}.heroes .hero-abilities{margin-top:0}.heroes .ability-icon{width:74px;height:74px}.heroes .hero-desc{position:relative}.heroes .hero-desc:not(.open){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.heroes .hero-desc.more{cursor:pointer;padding-right:22px}.heroes .hero-desc.more:after{content:"▾";position:absolute;right:2px;bottom:0;font:900 calc(20px * var(--ts))/1 var(--font-body);color:var(--gold-2)}.heroes .hero-desc.open:after{content:"▴"}.hero-art .hero-splash~.hero-sprite{left:auto;right:90px;bottom:210px;width:140px;height:140px}.chapter-sec{position:absolute;left:0;width:720px;height:1280px;overflow:hidden;z-index:0;background:url(../assets/ui/map_bg.jpg) 50% var(--region-y) / 250% auto no-repeat,#141a14}.chapter-sec:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,12,.55),transparent 12%,transparent 88%,rgba(7,8,12,.55))}.chapter-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-path{z-index:1}.stage-node,.chapter-banner{z-index:2}.part-divider{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 34px;border-radius:14px;background:linear-gradient(90deg,transparent,rgba(7,8,12,.85) 18%,rgba(7,8,12,.85) 82%,transparent);white-space:nowrap;pointer-events:none}.part-divider small{font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.35em;text-transform:uppercase;color:var(--ember)}.part-divider b{font-family:var(--font-title);font-size:calc(30px * var(--ts));color:var(--gold-2);text-shadow:0 3px 0 #000}.map-scroll .map-bg{display:none}.chapter-sec.teaser,.chapter-banner.teaser,.teaser-node{--veil: #9fdcff}.chapter-sec.teaser.biome-void,.chapter-banner.teaser.biome-void,.teaser-node.biome-void{--veil: #b07cff}.chapter-sec.teaser{background:radial-gradient(86% 24% at 50% 58%,var(--veil),transparent 74%),linear-gradient(180deg,#05080f,#0d1830 42%,#17273f 58%,#0a1122);background:radial-gradient(86% 24% at 50% 58%,color-mix(in srgb,var(--veil) 46%,transparent),transparent 74%),linear-gradient(180deg,#05080f,#0d1830 42%,#17273f 58%,#0a1122)}.chapter-sec.teaser.biome-void{background:radial-gradient(52% 52% at 50% 46%,var(--veil),transparent 76%),linear-gradient(180deg,#030209,#06041360 46%,#020108);background:radial-gradient(52% 52% at 50% 46%,color-mix(in srgb,var(--veil) 13%,transparent),transparent 76%),linear-gradient(180deg,#030209,#06041360 46%,#020108)}.chapter-sec.teaser:before{content:"";position:absolute;left:-2%;bottom:0;width:104%;height:44%;background:linear-gradient(180deg,#dbebfa,#93b4d0 24%,#47627f 60%,#16253a);clip-path:polygon(0 62%,9% 38%,17% 52%,27% 22%,36% 44%,45% 30%,56% 55%,64% 34%,74% 50%,83% 26%,92% 47%,100% 36%,100% 100%,0 100%);opacity:.9}.chapter-sec.teaser.biome-void:before{left:50%;bottom:auto;top:46%;width:84px;height:700px;opacity:1;clip-path:none;border-radius:50%;transform:translate(-50%,-50%) rotate(-7deg);background:radial-gradient(closest-side,#000 56%,var(--veil) 66%,var(--veil) 78%,transparent 92%);background:radial-gradient(closest-side,#000 56%,color-mix(in srgb,var(--veil) 96%,#fff) 66%,color-mix(in srgb,var(--veil) 34%,transparent) 78%,transparent 92%);animation:riftBreath 7s ease-in-out infinite alternate}@keyframes riftBreath{to{transform:translate(-50%,-50%) rotate(-7deg) scaleX(1.35);filter:brightness(1.3)}}.chapter-sec.teaser .chapter-img{filter:grayscale(.4) brightness(.5) contrast(.95)}.teaser-fog{position:absolute;inset:0;background:radial-gradient(150% 42% at 50% 104%,var(--veil),transparent 72%),radial-gradient(74% 30% at 26% 34%,rgba(255,255,255,.11),transparent 70%),radial-gradient(84% 26% at 74% 64%,rgba(255,255,255,.07),transparent 70%),linear-gradient(180deg,#07080ceb,#07080c80 38% 62%,#07080cf0);background:radial-gradient(150% 42% at 50% 104%,color-mix(in srgb,var(--veil) 26%,transparent),transparent 72%),radial-gradient(74% 30% at 26% 34%,rgba(255,255,255,.11),transparent 70%),radial-gradient(84% 26% at 74% 64%,rgba(255,255,255,.07),transparent 70%),linear-gradient(180deg,#07080ceb,#07080c80 38% 62%,#07080cf0);animation:teaserDrift 26s ease-in-out infinite alternate}@keyframes teaserDrift{to{background-position:0 0,-9% 6%,10% -6%,0 0}}.teaser-fog:after{content:"";position:absolute;inset:-18% 0;background:radial-gradient(1.6px 1.6px at 12% 7%,rgba(255,255,255,.85),transparent),radial-gradient(1.4px 1.4px at 37% 21%,rgba(255,255,255,.6),transparent),radial-gradient(1.8px 1.8px at 63% 12%,rgba(255,255,255,.75),transparent),radial-gradient(1.3px 1.3px at 84% 29%,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 22% 44%,rgba(255,255,255,.7),transparent),radial-gradient(1.7px 1.7px at 52% 58%,rgba(255,255,255,.8),transparent),radial-gradient(1.3px 1.3px at 76% 67%,rgba(255,255,255,.5),transparent),radial-gradient(1.6px 1.6px at 8% 79%,rgba(255,255,255,.65),transparent),radial-gradient(1.4px 1.4px at 44% 88%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 92% 93%,rgba(255,255,255,.7),transparent);background-size:250px 300px;animation:snowFall 16s linear infinite}@keyframes snowFall{to{transform:translateY(300px)}}.biome-void .teaser-fog:after{opacity:.5;animation:none}.map-path path.ghost{stroke:#b8c9e8;opacity:.26;stroke-dasharray:2 24}.teaser-node{position:absolute;z-index:2;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;pointer-events:none;opacity:.55;background:radial-gradient(circle,rgba(7,8,12,.62),rgba(7,8,12,.18) 68%,transparent 70%);box-shadow:inset 0 0 0 3px var(--veil),0 0 22px #0000008c;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--veil) 45%,transparent),0 0 22px #0000008c}.teaser-node.boss{width:96px;height:96px;margin:-48px 0 0 -48px}.teaser-node:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font:900 calc(30px * var(--tsb)) var(--font-deco);color:var(--veil);color:color-mix(in srgb,var(--veil) 70%,#fff);text-shadow:0 2px 0 #000}.chapter-banner.teaser{padding-bottom:54px;background:#07080ccc;box-shadow:inset 0 0 0 1px var(--veil);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--veil) 40%,transparent)}.chapter-banner.teaser small{color:var(--veil);color:color-mix(in srgb,var(--veil) 85%,#fff)}.chapter-banner.teaser b{color:var(--veil);color:color-mix(in srgb,var(--veil) 55%,#fff);text-shadow:0 3px 0 #000,0 0 26px var(--veil);text-shadow:0 3px 0 #000,0 0 26px color-mix(in srgb,var(--veil) 45%,transparent)}.coming-soon{position:absolute;left:50%;bottom:10px;transform:translate(-50%);padding:6px 18px;border-radius:20px;font:900 calc(14px * var(--ts)) var(--font-body);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--veil);color:color-mix(in srgb,var(--veil) 78%,#fff);background:#0009;box-shadow:inset 0 0 0 1px var(--veil);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--veil) 55%,transparent)}.chapter-sec.biome-void,.chapter-banner.biome-void,.stage-node.rift{--veil: #b07cff}.chapter-sec.biome-void:not(.teaser){background:radial-gradient(60% 46% at 50% 44%,var(--veil),transparent 78%),linear-gradient(180deg,#040209,#0a0618 44%,#06030f);background:radial-gradient(60% 46% at 50% 44%,color-mix(in srgb,var(--veil) 16%,transparent),transparent 78%),linear-gradient(180deg,#040209,#0a0618 44%,#06030f)}.chapter-sec.biome-void:not(.teaser):before{content:"";position:absolute;left:50%;top:44%;width:120px;height:860px;border-radius:50%;transform:translate(-50%,-50%) rotate(-6deg);background:radial-gradient(closest-side,#000 52%,var(--veil) 63%,var(--veil) 77%,transparent 92%);background:radial-gradient(closest-side,#000 52%,color-mix(in srgb,var(--veil) 98%,#fff) 63%,color-mix(in srgb,var(--veil) 38%,transparent) 77%,transparent 92%);animation:riftBreath 7s ease-in-out infinite alternate}.chapter-sec.biome-void:not(.teaser):after{content:"";position:absolute;left:-2%;bottom:0;width:104%;height:30%;opacity:.75;background:linear-gradient(180deg,transparent,#120a24 40%,#050310);clip-path:polygon(0 74%,7% 52%,13% 66%,21% 38%,29% 60%,38% 44%,47% 68%,55% 40%,63% 62%,72% 36%,80% 58%,89% 42%,96% 64%,100% 50%,100% 100%,0 100%)}.chapter-sec.biome-void:not(.teaser) .chapter-img{filter:brightness(.55) saturate(.7) hue-rotate(-18deg)}.chapter-sec.biome-void:not(.teaser) .teaser-fog{animation:none}.stage-node.rift{width:152px;height:152px;margin:-76px 0 0 -76px;background:radial-gradient(circle at 50% 46%,#2a1550 0 24%,#120a26 52%,#05030c 72%,transparent 73%);box-shadow:0 0 0 3px #05030c,0 0 0 9px var(--veil),0 0 0 12px #05030c,0 0 44px var(--veil),0 12px 26px #000c;box-shadow:0 0 0 3px #05030c,0 0 0 9px color-mix(in srgb,var(--veil) 72%,#fff),0 0 0 12px #05030c,0 0 44px color-mix(in srgb,var(--veil) 60%,transparent),0 12px 26px #000c;animation:riftLid 5.5s ease-in-out infinite}.stage-node.rift:before{content:"";position:absolute;inset:11%;border-radius:50%;z-index:0;background:conic-gradient(from 0deg,transparent 0 5%,var(--veil) 7%,transparent 13%,transparent 0 30%,var(--veil) 32%,transparent 38%,transparent 0 55%,var(--veil) 57%,transparent 63%,transparent 0 80%,var(--veil) 82%,transparent 88%),radial-gradient(circle at 50% 50%,#04020c 0 31%,var(--veil) 37%,var(--veil) 52%,#180d30 70%,#05030f 86%);background:conic-gradient(from 0deg,transparent 0 5%,color-mix(in srgb,var(--veil) 55%,transparent) 7%,transparent 13%,transparent 0 30%,color-mix(in srgb,var(--veil) 42%,transparent) 32%,transparent 38%,transparent 0 55%,color-mix(in srgb,var(--veil) 60%,transparent) 57%,transparent 63%,transparent 0 80%,color-mix(in srgb,var(--veil) 40%,transparent) 82%,transparent 88%),radial-gradient(circle at 50% 50%,#04020c 0 31%,color-mix(in srgb,var(--veil) 94%,#fff) 37%,color-mix(in srgb,var(--veil) 62%,#000) 52%,#180d30 70%,#05030f 86%);animation:riftIris 18s linear infinite}.stage-node.rift .node-num{position:relative;z-index:1;color:#f2e6ff;text-shadow:0 3px 0 #000,0 0 18px var(--veil);text-shadow:0 3px 0 #000,0 0 18px color-mix(in srgb,var(--veil) 90%,transparent)}.stage-node.rift.boss{width:196px;height:196px;margin:-98px 0 0 -98px;background:radial-gradient(circle at 50% 46%,#3a1a6a 0 22%,#170b30 50%,#05030c 72%,transparent 73%);box-shadow:0 0 0 3px #05030c,0 0 0 10px #f0e2ff,0 0 0 14px #05030c,0 0 64px var(--veil),0 14px 30px #000000d9;box-shadow:0 0 0 3px #05030c,0 0 0 10px #f0e2ff,0 0 0 14px #05030c,0 0 64px color-mix(in srgb,var(--veil) 75%,transparent),0 14px 30px #000000d9}.stage-node.rift.boss:before{inset:9%;background-size:100% 100%}.stage-node.rift.boss:before{background-image:conic-gradient(from 0deg,transparent 0 4%,var(--veil) 6%,transparent 12%,transparent 0 29%,var(--veil) 31%,transparent 37%,transparent 0 54%,var(--veil) 56%,transparent 62%,transparent 0 79%,var(--veil) 81%,transparent 87%),radial-gradient(circle at 50% 50%,#030109 0 34%,#f4e8ff 39%,var(--veil) 54%,#1d0f3a 72%,#05030f 88%);background-image:conic-gradient(from 0deg,transparent 0 4%,color-mix(in srgb,var(--veil) 65%,transparent) 6%,transparent 12%,transparent 0 29%,color-mix(in srgb,var(--veil) 50%,transparent) 31%,transparent 37%,transparent 0 54%,color-mix(in srgb,var(--veil) 70%,transparent) 56%,transparent 62%,transparent 0 79%,color-mix(in srgb,var(--veil) 48%,transparent) 81%,transparent 87%),radial-gradient(circle at 50% 50%,#030109 0 34%,#f4e8ff 39%,color-mix(in srgb,var(--veil) 72%,#000) 54%,#1d0f3a 72%,#05030f 88%)}.stage-node.rift.locked{filter:none;background:radial-gradient(circle at 50% 46%,#150c28 0 40%,#06040e 72%,transparent 73%)}.stage-node.rift.locked:before{opacity:.3;animation:none}.stage-node.rift.current{animation:riftLid 5.5s ease-in-out infinite,nodeGlow 1.6s ease-in-out infinite}.stage-node.rift .node-name{color:#fff;color:color-mix(in srgb,var(--veil) 45%,#fff);text-shadow:0 2px 0 #000,0 0 14px var(--veil);text-shadow:0 2px 0 #000,0 0 14px color-mix(in srgb,var(--veil) 70%,transparent)}@keyframes riftLid{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes riftIris{to{transform:rotate(360deg)}}.profile-chip{cursor:pointer}.name-panel{width:560px;display:flex;flex-direction:column;align-items:center;gap:16px;animation:popIn .35s cubic-bezier(.2,.9,.3,1.3)}.name-panel .ribbon{margin-top:-60px}.name-input{width:100%;padding:16px 20px;border-radius:14px;border:0;outline:0;text-align:center;font:900 calc(32px * var(--ts)) var(--font-title);color:var(--gold-2);background:#07080c;user-select:text;-webkit-user-select:text;box-shadow:inset 0 2px 8px #000,0 0 0 2px #d7b45a8c}.name-input:focus{box-shadow:inset 0 2px 8px #000,0 0 0 3px var(--gold-2),0 0 20px #ffc85a66}.name-input.bad{animation:hurtShake .3s;box-shadow:inset 0 2px 8px #000,0 0 0 3px #e5533a}.shell-bar{position:fixed;left:0;right:0;top:0;height:30px;z-index:100;display:flex;align-items:center;gap:4px;padding:0 4px 0 12px;-webkit-app-region:drag;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity .2s}@media(hover:hover){.shell-bar:hover{opacity:1}}.shell-title{flex:1;font:700 calc(12px * var(--ts)) var(--font-title);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.shell-bar button{-webkit-app-region:no-drag;width:30px;height:24px;border-radius:6px;color:var(--parchment);font-size:calc(18px * var(--ts));line-height:1}@media(hover:hover){.shell-bar button:hover{background:#ffffff1f}}@media(hover:hover){.shell-bar .shell-close:hover{background:#c8352e}}.hero-rank{display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:14px;background:#00000059;box-shadow:inset 0 0 0 1px #d7b45a4d}.rank-badge{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;background:radial-gradient(circle at 50% 35%,#ffe7a0,#b8862a 60%,#5a3a0e);box-shadow:0 0 0 3px #000,0 0 14px #ffc85a80;color:#2a1606;font-family:var(--font-title)}.rank-badge small{font:800 calc(10px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase}.rank-badge b{font-size:calc(28px * var(--ts))}.rank-bonus{flex:1;font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.rank-bonus b{color:#9dff9a}.rank-side{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.train-bar{position:relative;height:calc(16px * var(--ts));border-radius:9px;background:#0000008c;box-shadow:inset 0 0 0 1px #d7b45a59;overflow:hidden}.train-bar i{position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#4e7d2a,#a8e05a);box-shadow:0 0 12px #b4ff7866;transition:width .8s cubic-bezier(.2,.8,.3,1)}.train-bar span{position:relative;display:block;text-align:center;font:800 calc(11px * var(--ts))/calc(16px * var(--ts)) var(--font-body);color:#f2e6c8;text-shadow:0 1px 2px #000}.train-note{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.train-note.catch{color:#9dff9a}.train-note.done,.train-note.up{color:var(--gold-2);font-weight:800}.train-head{display:flex;align-items:baseline;gap:8px;font:600 calc(13px * var(--ts)) var(--font-body);color:var(--parchment-2)}.train-head b{font:800 calc(16px * var(--ts)) var(--font-title);color:var(--gold-2)}.train-head span{margin-left:auto;color:#9dff9a;font-weight:800}.result-train{display:flex;align-self:stretch;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;background:#0006;box-shadow:inset 0 0 0 1px #d7b45a4d}.result-train.up{box-shadow:inset 0 0 0 2px var(--gold-2),0 0 26px #ffc85a4d;animation:trainUp 1.4s ease-out .3s both}.rank-badge.small{width:calc(46px * var(--ts));height:calc(46px * var(--ts))}.rank-badge.small b{font-size:calc(20px * var(--ts))}.rank-badge.small small{font-size:calc(8px * var(--ts))}@keyframes trainUp{0%{transform:scale(1)}30%{transform:scale(1.04)}to{transform:scale(1)}}.result-open{display:flex;align-self:stretch;align-items:center;gap:12px;padding:4px 16px 4px 4px;border-radius:16px;text-align:left;background:linear-gradient(90deg,#1c2a4ecc,#0c101c99);box-shadow:inset 0 0 0 1px #8cb4ff99,0 0 26px #6eaaff40;animation:resultOpenIn .5s cubic-bezier(.2,.9,.3,1.2) .8s backwards}.result-open-badge{flex:0 0 auto;width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7))}.result-open-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.result-open-text small{font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#a9c8ff}.result-open-text b{font:900 calc(22px * var(--ts)) var(--font-title);letter-spacing:.04em;line-height:1.1;color:var(--gold-2);text-shadow:0 2px 0 #000}.result-open-text span{font:700 calc(14px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}@keyframes resultOpenIn{0%{opacity:0;transform:scale(.9)}}.stage-node{background:url(../assets/ui/stage_node.webp) center / 100% 100% no-repeat,radial-gradient(circle at 50% 38%,#4a5468,#1a1f2a 62%,transparent 63%);box-shadow:0 10px 18px #0009}.stage-node:before{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3a4254,#12151d 75%);z-index:-1}.stage-node.boss{background:url(../assets/ui/stage_node_boss.webp) center / 100% 100% no-repeat;box-shadow:0 10px 24px #0009,0 0 30px #ff3c2859}.stage-node.boss:before{inset:29% 27% 25%;background:radial-gradient(circle at 50% 35%,#6a1a14,#1a0606 75%)}.stage-node.locked{filter:none;background:url(../assets/ui/stage_node_locked.webp) center / 100% 100% no-repeat}.stage-node.locked .node-num{opacity:.45}.stage-node.current{animation:nodeGlow 1.6s ease-in-out infinite}@keyframes nodeGlow{50%{filter:drop-shadow(0 0 18px rgba(255,210,110,.95))}}.hud-wave.plate,.hud-gold.plate{border:0;background:none;border-image:url(../assets/ui/hud_plate.webp) 38 40 fill / 19px 20px / 0 stretch;box-shadow:0 6px 14px #0000008c}.slot{background:#0b0e14;box-shadow:0 6px 14px #000000a6}.slot:after{content:"";position:absolute;inset:-8px;background:url(../assets/ui/hud_slot.webp) center / 100% 100% no-repeat;pointer-events:none}.slot.sig:after{filter:drop-shadow(0 0 8px rgba(255,210,100,.8)) brightness(1.2)}.slot-pips{z-index:1}.leaderboard .menu-bg:before{background-image:url(../assets/ui/leaderboard_bg.jpg);opacity:1;filter:brightness(.6);transform:none}.loading{justify-content:center;gap:12px;background:radial-gradient(ellipse at center,#1a1f2c,#07080c 70%)}.loading-title{font-family:var(--font-deco);font-size:calc(46px * var(--tsb));font-weight:900;color:var(--gold-2);text-shadow:0 4px 0 #000}.loading-sub{font:italic calc(22px * var(--ts)) var(--font-lore);color:var(--parchment-2);animation:lowPulse 1.2s infinite}.art-pack{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 6px);transform:translate(-50%);z-index:40;pointer-events:none;overflow:hidden;max-width:88%;padding:4px 12px 6px;border-radius:999px;background:#08090ec7;border:1px solid rgba(233,196,106,.35);font:600 calc(12px * var(--ts)) var(--font-ui, system-ui);color:var(--parchment-2);white-space:nowrap;text-overflow:ellipsis;transition:opacity .6s}.art-pack i{position:absolute;left:0;bottom:0;height:2px;background:var(--gold-2);transition:width .4s}.art-pack.done{color:var(--gold-2);animation:artPackOut 2.6s forwards}@keyframes artPackOut{0%,70%{opacity:1}to{opacity:0}}.btn-ico{width:34px;height:34px;vertical-align:middle;margin:-6px 10px -2px -6px;border-radius:8px;box-shadow:0 0 0 2px #0009}.hud-speed{overflow:hidden}.hud-speed img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;opacity:.45;border-radius:12px}.hud-speed span{position:relative;font-size:calc(26px * var(--ts));text-shadow:0 2px 0 #000,0 0 10px #000}.hud-speed.lag span{color:#fe0}.hud-speed.lag-red span{color:#ff5a4a}.lb-empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:70px 28px;text-align:center}.lb-empty-icon{width:128px;height:128px;border-radius:24px;box-shadow:0 0 0 3px #05060a,0 0 0 5px #d7b45a73,0 14px 30px #0009}.lb-empty-title{font-family:var(--font-deco);font-size:calc(30px * var(--ts));font-weight:900;color:var(--gold-2);text-shadow:0 3px 0 #000}.mystery-q{display:grid;place-items:center;font:900 calc(46px * var(--tsb)) var(--font-title);color:#e8dcff;text-shadow:0 0 14px rgba(170,130,255,.9),0 3px 0 #000}@keyframes mysteryPulse{50%{transform:scale(1.08);text-shadow:0 0 26px rgba(200,160,255,1),0 3px 0 #000}}.hero-art.mystery{background:radial-gradient(circle at 50% 55%,#3a2a60,#0a0714 70%)}.mystery-mark{position:relative;font:900 calc(260px * var(--tsb))/1 var(--font-title);color:#efe4ff;text-shadow:0 0 40px rgba(170,120,255,.95),0 0 110px rgba(120,70,220,.8),0 10px 0 #000;animation:mysteryFloat 3.6s ease-in-out infinite}@keyframes mysteryFloat{50%{transform:translateY(-14px) scale(1.04);text-shadow:0 0 60px rgba(200,160,255,1),0 0 140px rgba(140,90,240,.9),0 10px 0 #000}}.hero-thumb.mystery{filter:none;background:radial-gradient(circle at 50% 35%,#5a4690,#120c22)}.hero-thumb.mystery .mystery-q{width:100%;height:100%;font-size:calc(52px * var(--tsb))}.mystery-info .hero-name{color:#d8c8ff}.mystery-text b{color:#ffe27a}.deck-card.secret{background:linear-gradient(180deg,#5a469659,#0006)}.deck-card.secret .deck-hidden{display:grid;place-items:center;font:900 calc(30px * var(--ts)) var(--font-title);color:var(--rarity);color:color-mix(in srgb,var(--rarity) 55%,#fff);text-shadow:0 0 12px var(--rarity),0 2px 0 #000}.deck-card.secret .deck-name{color:var(--rarity);color:color-mix(in srgb,var(--rarity) 70%,#fff)}.hud-audio{display:flex;gap:10px;margin-right:8px}.hud-audio .hud-btn{border-radius:50%;background:linear-gradient(180deg,#2e3545,#141821)}.hud-audio-btn svg{width:34px;height:34px;fill:var(--gold-2);stroke:var(--gold-2);stroke-width:0;filter:drop-shadow(0 2px 0 #000)}.hud-audio-btn svg .wave{fill:none;stroke-width:2;stroke-linecap:round}.hud-audio-btn.off svg{fill:#8a8f9c;stroke:#8a8f9c;opacity:.55}.hud-audio-btn.off:after{content:"";position:absolute;left:50%;top:50%;width:40px;height:4px;border-radius:2px;background:#ff5a48;transform:translate(-50%,-50%) rotate(-40deg);box-shadow:0 0 0 1px #000}.text-size-panel{gap:14px}.text-size-title{font:900 calc(26px * var(--ts)) var(--font-title);color:var(--gold-2);text-align:center;text-shadow:0 2px 0 #000}.text-sizes{display:flex;gap:10px;width:100%}.text-size-opt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:10px 4px;border-radius:12px;background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a66;color:var(--parchment-2);transition:box-shadow .15s,background .15s}.text-size-opt b{font-family:var(--font-title);font-weight:900;color:#fff;text-shadow:0 2px 0 #000;line-height:1}.text-size-opt.ts-small b{font-size:20px}.text-size-opt.ts-normal b{font-size:24px}.text-size-opt.ts-large b{font-size:28px}.text-size-opt.ts-huge b{font-size:33px}.text-size-opt span{font:700 12px var(--font-body);letter-spacing:.1em;text-transform:uppercase}.text-size-opt.on{background:linear-gradient(180deg,#f3d98c40,#d7b45a1f);box-shadow:inset 0 0 0 2px var(--gold-2),0 0 16px #ffc85a59;color:var(--gold-2)}.text-size-sample{width:100%;padding:12px 16px;border-radius:12px;background:#00000059;box-shadow:inset 0 0 0 1px #d7b45a40;font:600 calc(16px * var(--ts))/1.35 var(--font-body);color:var(--parchment);text-align:center;transition:font-size .15s}.text-size-row .text-sizes{flex:1;max-width:340px;gap:6px}.text-size-row .text-size-opt{padding:6px 2px 4px;gap:2px}.text-size-row .text-size-opt span{display:none}.reward.first{color:#ffe9a0;box-shadow:inset 0 0 0 1px #ffdc78b3}.reward.test-run,.tier-text.test-run{color:#9fdcff;font:800 calc(14px * var(--ts))/1.35 var(--font-body);font-style:normal;text-align:center}.reward.test-run{box-shadow:inset 0 0 0 1px #9fdcff8c}.reward.chapter-hint{color:#ffe9a0;font:800 calc(16px * var(--ts))/1.3 var(--font-body);text-align:center;border-radius:16px;box-shadow:inset 0 0 0 1px #ffdc788c}.pass-text.pass-soon{color:#9fdcff;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pass-text.pass-soon b{color:#e6f6ff;text-transform:none;letter-spacing:.02em;font-variant-numeric:tabular-nums}.pass-panel .btn[disabled]{filter:grayscale(.85) brightness(.7);pointer-events:none}.tier-tabs{display:flex;gap:8px;width:100%}.tier-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border-radius:14px;background:#00000059;box-shadow:inset 0 0 0 1px #d7b45a4d;color:var(--parchment-2);transition:transform .12s ease,box-shadow .2s ease}.tier-tab b{font:900 calc(16px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase}.tier-tab.active{box-shadow:inset 0 0 0 2px var(--gold-2),0 0 18px #ffbe5040;color:var(--gold-2);background:#281e0a99}.tier-tab.tier-hard.active{color:#ff9a6a;box-shadow:inset 0 0 0 2px #e0603a,0 0 18px #ff5a324d;background:#320e0899}.tier-tab.tier-nightmare.active{color:#d8b0ff;box-shadow:inset 0 0 0 2px #9a5ae0,0 0 18px #a05aff59;background:#1e0a32a6}.tier-tab.tier-insane.active{color:#ff7ab0;box-shadow:inset 0 0 0 2px #e0306a,0 0 18px #ff286e66;background:#320616b3}.tier-tab.done{filter:grayscale(1) brightness(.7);cursor:default}.tier-stars{display:flex;gap:3px;height:16px}.tier-stars i{width:16px;height:16px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#2a2a2a}.tier-stars i.on{background:linear-gradient(180deg,#fff2a0,#f0b020)}.tier-text{text-align:center;font:italic calc(16px * var(--ts))/1.4 var(--font-lore);color:var(--parchment-2);padding:0 6px}.stage-panel.tier-hard .ribbon span{color:#ffb08a}.stage-panel.tier-nightmare .ribbon span{color:#e0c0ff}.stage-panel.tier-insane .ribbon span{color:#ffa0c8}.stage-panel .ascent-go{width:100%}.stage-panel .ascent-go.disabled{filter:grayscale(.8) brightness(.7)}.stage-points{display:flex;align-items:center;gap:8px;font:800 calc(14px * var(--ts)) var(--font-body);color:var(--parchment)}.stage-points img{width:24px;height:24px}.node-tiers{position:absolute;bottom:-42px;display:flex;gap:4px}.node-tiers i{display:block;padding:1px 7px;border-radius:10px;font:900 calc(10px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;font-style:normal;background:#000000b3;box-shadow:inset 0 0 0 1px #d7b45a66}.node-tiers i.tier-hard{color:#ff9a6a;box-shadow:inset 0 0 0 1px #e0603a}.node-tiers i.tier-nightmare{color:#d8b0ff;box-shadow:inset 0 0 0 1px #9a5ae0}.node-tiers i.tier-insane{color:#ff7ab0;box-shadow:inset 0 0 0 1px #e0306a}.node-stars i.s4.on{background:linear-gradient(180deg,#fff,#b9c4dc 55%,#7a86a6)}.stage-node .node-tiers~.node-name{top:calc(100% + 44px)}.node-tally{position:absolute;top:-8px;right:-30px;display:flex;align-items:center;gap:3px;padding:3px 9px 3px 6px;border-radius:14px;white-space:nowrap;pointer-events:none;font:900 calc(15px * var(--ts)) var(--font-body);line-height:1;color:#ffe08a;background:#0a0806db;box-shadow:0 0 0 2px #000,inset 0 0 0 1.5px #e0703a,0 4px 10px #0009}.node-tally i,.map-tally i{width:15px;height:15px;flex:0 0 auto;background:linear-gradient(180deg,#fff2a0,#f0b020);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.node-tally em,.map-tally em{font-style:normal;font-weight:700;color:#a8aec0}.stage-node.boss .node-tally{top:-2px;right:-26px}.node-done{position:absolute;top:-2px;right:-6px;width:28px;height:28px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff2a0,#e0a530 60%,#8a5a18);box-shadow:0 0 0 2px #000,0 3px 8px #0009}.node-done:after{content:"";position:absolute;left:9px;top:5px;width:7px;height:12px;border:solid #2a1804;border-width:0 3.5px 3.5px 0;transform:rotate(40deg)}.stage-node.flash{animation:nodeFlash 1.2s ease-out 2}@keyframes nodeFlash{0%,to{filter:none}30%{filter:brightness(1.7) drop-shadow(0 0 18px #ffd070)}}.map-tally-bar{position:sticky;top:0;z-index:6;height:0}.map-tally{position:absolute;top:10px;right:14px;display:flex;align-items:center;gap:5px;padding:8px 14px 8px 10px;border-radius:22px;font:900 calc(19px * var(--ts)) var(--font-body);line-height:1;color:#ffe08a;white-space:nowrap;background:#07080cd6;box-shadow:0 0 0 2px #000,inset 0 0 0 1.5px #d7b45a99,0 6px 14px #0009}.map-tally i{width:20px;height:20px}.map-tally b{font-weight:900}.map-tally-left{margin-left:6px;min-width:24px;padding:3px 7px;border-radius:12px;text-align:center;font:900 calc(14px * var(--ts)) var(--font-body);color:#fff;background:linear-gradient(#e0703a,#a8401c);box-shadow:0 0 0 1px #000}.map-tally.done{box-shadow:0 0 0 2px #000,inset 0 0 0 1.5px #f0c050,0 6px 14px #0009,0 0 16px #ffc85059}.stage-node.restore{animation:nodeGlow 1.6s ease-in-out infinite}.node-restore{position:absolute;top:-26px;left:50%;transform:translate(-50%);padding:2px 10px;border-radius:10px;white-space:nowrap;font:900 calc(10px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#241604;background:linear-gradient(#f5c96a,#d4912a);box-shadow:0 0 0 1px #8a5a18,0 4px 10px #0000008c;pointer-events:none}.tier-text.restore-text,.tier-text.holds{color:var(--gold-2);font-style:normal;font-weight:700}.tier-text.holds{font-size:calc(14px * var(--ts))}.result-tier{margin-top:-8px;padding:4px 16px;border-radius:20px;font:900 calc(14px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;background:#00000080}.result-tier.tier-hard{color:#ff9a6a;box-shadow:inset 0 0 0 1px #e0603a}.result-tier.tier-nightmare{color:#d8b0ff;box-shadow:inset 0 0 0 1px #9a5ae0}.result-tier.tier-insane{color:#ff7ab0;box-shadow:inset 0 0 0 1px #e0306a}.chapter-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px}.chapter-actions .story-btn{margin:0}.chapter-lock{position:relative;display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font:900 calc(16px * var(--ts)) var(--font-body);color:var(--gold-2);background:#0009;box-shadow:inset 0 0 0 1px var(--gold),0 4px 12px #0009;white-space:nowrap}.chapter-lock i{width:16px;height:16px;background:url(../assets/icons/lock.webp) center / contain no-repeat}.chapter-lock .cur-icon{width:20px;height:20px}.stage-node.sealed{filter:none}.stage-node.sealed:after{content:"";position:absolute;inset:22%;background:url(../assets/icons/lock.webp) center / 60% no-repeat,radial-gradient(circle,rgba(0,0,0,.75),rgba(0,0,0,.55) 70%,transparent 71%);border-radius:50%}.stage-node.sealed .node-num{opacity:.35}.pass-panel{gap:12px}.pass-art{position:relative;width:520px;height:200px;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #d7b45a80,0 10px 24px #0009}.pass-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.7)}.pass-lock{position:absolute;inset:0;background:url(../assets/icons/lock.webp) center / 96px no-repeat;filter:drop-shadow(0 4px 10px #000)}.pass-text{max-width:500px;text-align:center;font:600 calc(17px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.pass-text b{color:var(--gold-2)}.pass-text .cur-icon{width:20px;height:20px;vertical-align:-4px}.store-gate{position:fixed;inset:0;z-index:9999;overflow-y:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;background:radial-gradient(ellipse at 50% 30%,#2a1d12,#07080c 70%)}.store-panel{box-sizing:border-box;width:min(520px,100%);max-width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 22px 24px;text-align:center}.store-logo{width:min(360px,90%)}.store-logo img{width:100%;filter:drop-shadow(0 10px 26px rgba(0,0,0,.9))}.store-title{font:800 calc(24px * var(--ts))/1.2 var(--font-title, var(--font-body));color:var(--gold-2)}.store-text{font:600 calc(17px * var(--ts))/1.4 var(--font-body);color:var(--parchment)}.store-go{display:inline-flex;align-items:center;justify-content:center;min-width:min(260px,100%);max-width:100%;box-sizing:border-box;white-space:normal;text-align:center;text-decoration:none}.store-note{font:600 calc(14px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2)}.rcard.side-dawn{--side: #ffc94a;--side-2: #ff8a2a}.rcard.side-dusk{--side: #9a5cff;--side-2: #4a1aa8}.rcard-side{position:absolute;inset:6px;border-radius:12px;z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(120% 60% at 50% 100%,var(--side),transparent 70%),linear-gradient(180deg,var(--side-2),transparent 22%,transparent 55%,var(--side-2));background:radial-gradient(120% 60% at 50% 100%,color-mix(in srgb,var(--side) 55%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--side-2) 35%,transparent),transparent 22%,transparent 55%,color-mix(in srgb,var(--side-2) 40%,transparent))}.rcard.side-dawn,.rcard.side-dusk{box-shadow:var(--card-ring),0 14px 30px #000000bf,0 0 0 3px var(--side),0 0 30px var(--side);box-shadow:var(--card-ring),0 14px 30px #000000bf,0 0 0 3px color-mix(in srgb,var(--side) 70%,transparent),0 0 30px var(--side)}body.has-frames .rcard.side-dawn,body.has-frames .rcard.side-dusk{box-shadow:0 14px 30px #000000bf,0 0 34px var(--side)}.slot.side-dawn{box-shadow:0 0 0 2px #000,0 0 0 4px #ffc94a,0 0 14px #ffc94ab3,0 6px 14px #000000a6}.slot.side-dusk{box-shadow:0 0 0 2px #000,0 0 0 4px #9a5cff,0 0 14px #9a5cffbf,0 6px 14px #000000a6}.hud-item-btn{background:radial-gradient(circle at 50% 40%,#3a2a18,#120c06);box-shadow:0 0 0 3px #2c1c06,0 0 0 5px #b8862e,0 6px 12px #000000b3}.hud-item-btn .hi-satchel{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.7))}.hud-item-btn.ready .hi-satchel{animation:hb-ready 1.6s ease-in-out infinite}.hud-item-btn.open{box-shadow:0 0 0 3px #2c1c06,0 0 0 5px #fff1c0,0 0 20px #ffc864b3}.hud-item-btn.spent .hi-satchel{filter:grayscale(1) brightness(.35)}.hud-item-pop{position:absolute;left:88px;bottom:0;z-index:30;width:330px;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:16px;background:linear-gradient(180deg,#1c1626f7,#0a0810f7);box-shadow:inset 0 0 0 1px #d7b45a99,0 12px 28px #000000b3}.hud.rift-turned .hud-item-pop{left:auto;right:88px}.hip-head{display:flex;flex-direction:column;padding:0 4px 4px}.hip-head b{font:900 calc(16px * var(--ts, 1)) var(--font-title);color:var(--gold-2)}.hip-head small{font:700 calc(11px * var(--ts, 1)) var(--font-body);color:#ffb0a0}.hip-none{padding:6px;font:600 calc(13px * var(--ts, 1))/1.35 var(--font-body);color:var(--parchment)}.hip-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:#ffffff0d;text-align:left;cursor:pointer}.hip-row:active{background:#ffdc8c26}.hip-row.busy{opacity:.6}.hip-art{flex:none;width:46px;height:46px;object-fit:contain}.hip-name{flex:1;min-width:0;display:flex;flex-direction:column}.hip-name b{font:800 calc(14px * var(--ts, 1)) var(--font-body);color:#fff}.hip-name small{font:600 calc(11px * var(--ts, 1))/1.25 var(--font-body);color:var(--parchment-2)}.hip-count{font:900 calc(15px * var(--ts, 1)) var(--font-body);font-style:normal;color:var(--gold-2)}.hud-item-burst{--ib: #ffd86a;--ib-ray: rgba(255, 216, 106, .7);position:absolute;left:50%;top:30%;z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-50%);pointer-events:none;animation:ibIn 2.2s ease-out forwards}.hud-item-burst.el-nature{--ib: #5fd36a;--ib-ray: rgba(95, 211, 106, .7)}.hud-item-burst.el-frost{--ib: #6cc8ff;--ib-ray: rgba(108, 200, 255, .7)}.hud-item-burst.el-fire{--ib: #ff7a3a;--ib-ray: rgba(255, 122, 58, .7)}.hud-item-burst.el-lightning{--ib: #ffe94a;--ib-ray: rgba(255, 233, 74, .7)}.hud-item-burst.el-shadow{--ib: #b86cff;--ib-ray: rgba(184, 108, 255, .7)}.hib-rays{position:absolute;left:50%;top:90px;width:420px;height:420px;translate:-50% -50%;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--ib-ray) 0deg 8deg,transparent 8deg 24deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);mask:radial-gradient(circle,#000 20%,transparent 68%);animation:ibRays 2.2s linear}.hib-art{position:relative;width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 0 24px var(--ib)) drop-shadow(0 10px 12px rgba(0,0,0,.7))}.hib-text{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.hib-text b{font:900 calc(30px * var(--ts, 1)) var(--font-title);color:#fff;text-shadow:0 3px 0 #000,0 0 18px var(--ib)}.hib-text small{font:700 calc(16px * var(--ts, 1)) var(--font-body);color:#fff;text-shadow:0 2px 0 #000}@keyframes ibIn{0%{opacity:0;scale:.4}15%{opacity:1;scale:1.08}25%{scale:1}80%{opacity:1}to{opacity:0;translate:0 -40px}}@keyframes ibRays{to{rotate:120deg}}@media(prefers-reduced-motion:reduce){.hib-rays{animation:none}}.pflag{display:none;width:1.25em;height:.94em;margin-right:.3em;vertical-align:-.08em;border-radius:2px;background:center / cover no-repeat;box-shadow:0 0 0 1px #00000073;flex:none}.pflag[data-cc]:not([data-cc=""]){display:inline-block}.pflag.worn{position:relative}.pflag.worn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--worn) center / cover no-repeat;animation:pflagSwitch 8s steps(1,end) infinite}@keyframes pflagSwitch{0%{opacity:0}50%{opacity:1}}.hud-slots:has(>.slot:nth-child(8)){gap:8px}.hud-slots:has(>.slot:nth-child(8))>.slot{width:62px;height:62px}.weekly-panel{width:min(700px,94%);max-height:86vh;overflow-y:auto}.weekly-copy{font:calc(23px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2);margin:14px 8px}.weekly-schedule{opacity:.8}.weekly-picker{width:100%;padding:12px;font:calc(23px * var(--ts)) var(--font-body);color:var(--parchment);background:#211d29;border:1px solid #88744a;border-radius:8px}.weekly-hero-group{margin-top:10px}.weekly-hero-group>summary{display:flex;align-items:center;gap:12px;min-height:calc(44px / var(--frame-scale, 1));padding:8px 14px;border:1px solid #75634a;border-radius:10px;background:#28232a;color:var(--gold-2);font:700 calc(25px * var(--ts))/1.2 var(--font-title);cursor:pointer}.weekly-hero-group>summary::-webkit-details-marker{display:none}.weekly-hero-group>summary:before{content:"";flex:none;width:9px;height:9px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg)}.weekly-hero-group[open]>summary:before{transform:rotate(135deg)}.weekly-hero-group>summary small{margin-inline-start:auto;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.weekly-hero-group>summary:focus-visible{outline:3px solid #f5d481;outline-offset:1px}.weekly-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.weekly-track::-webkit-scrollbar{display:none}.weekly-track>.weekly-card{flex:0 0 100%;min-width:0;box-sizing:border-box;scroll-snap-align:start;overflow-wrap:anywhere}.weekly-art{width:112px;height:112px;border-radius:12px;margin-bottom:12px}.weekly-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--parchment-2);font:700 calc(20px * var(--ts)) var(--font-body)}.weekly-controls .arrow-btn{position:relative;margin:0;min-width:calc(44px / var(--frame-scale, 1));min-height:calc(44px / var(--frame-scale, 1))}#frame .weekly-controls .arrow-btn:before{inset:0}.weekly-controls .arrow-btn:disabled{opacity:.35}@media(prefers-reduced-motion:reduce){.weekly-track{scroll-behavior:auto}}.weekly-card{margin:10px 0;padding:14px;border:1px solid #75634a;border-radius:10px;background:#00000040;color:var(--parchment-2);font:calc(22px * var(--ts))/1.4 var(--font-body)}.weekly-card b{display:block;color:var(--parchment);margin-bottom:8px}.weekly-card small{margin-left:8px;color:#efc781}.weekly-card.buff small{color:#91d59c}.weekly-card p{margin:8px 0 0;opacity:.75}.weekly-stat-rank{font-size:.86em;color:var(--parchment-2)}.weekly-stats{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:2px 14px;margin:6px 0}.weekly-stats dt,.weekly-stats dd{margin:0;overflow-wrap:break-word}.weekly-stats dd{color:var(--parchment);font-variant-numeric:tabular-nums}.weekly-news-link{width:100%;margin-bottom:14px}.weekly-home{position:relative;flex:0 0 auto;z-index:3;width:640px;max-width:90%;margin:8px auto;padding:10px 16px;border-radius:10px;background:#302719;color:var(--gold-2);border:1px solid #ad9055;font:700 calc(21px * var(--ts))/1.25 var(--font-body)}.weekly-home[hidden]{display:none}.weekly-picker:focus-visible,.weekly-home:focus-visible{outline:3px solid #f5d481;outline-offset:3px}.trial-balance{display:block;opacity:.65;font:calc(15px * var(--ts)) var(--font-body)}.weekly-review-button{display:grid;place-items:center;flex:0 0 auto;width:calc(44px / var(--frame-scale));height:calc(44px / var(--frame-scale));min-width:calc(44px / var(--frame-scale));min-height:calc(44px / var(--frame-scale));padding:0;border-radius:50%;border:2px solid #edcf72;background:#594518;color:#fff1aa;font:italic 900 calc(23px / var(--frame-scale)) Georgia,serif}.weekly-card-marker{position:absolute;right:9px;top:78px;min-height:30px;padding:0 8px;white-space:nowrap;display:grid;place-items:center;border-radius:8px;color:#fff1aa;background:#594518;border:2px solid #edcf72;font:800 16px var(--font-body);z-index:5;pointer-events:none}.cc-slot:has(>.weekly-review-button:not([hidden])){height:calc(224px + 44px / var(--frame-scale) + 12px)}.cc-slot>.weekly-review-button{position:absolute;bottom:0;left:50%;translate:-50% 0}.cc-slot:has(>.weekly-review-button:not([hidden]))>.cc-state{bottom:calc(44px / var(--frame-scale) + 8px)}.cc-slot .weekly-card-marker{display:none}.dk-peek-info>.weekly-review-button{align-self:flex-start}.weekly-strength{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;min-height:calc(48px / var(--frame-scale));padding:10px 14px;width:100%;border:1px solid #6e6548;border-radius:10px;background:#080a0fcc;color:var(--parchment-2)}.weekly-strength-squares{display:flex;gap:6px;flex:0 0 auto}.weekly-strength-squares i{width:32px;height:36px;background:#272b32;border:1px solid #454b53;box-shadow:inset 0 8px #ffffff0d}.weekly-strength .lit{background:#d5b94c;border-color:#f0d77c;box-shadow:inset 0 8px #fff9}.weekly-strength.level-1 .lit,.weekly-strength.level-2 .lit{background:#168dc1;border-color:#79d8f5}.weekly-strength.level-4 .lit{background:#d68b27;border-color:#efbd6f}.weekly-strength.level-5 .lit{background:#cf413b;border-color:#fa9690}.weekly-strength-label{flex:1 1 180px;font:700 calc(22px * var(--ts))/1.3 var(--font-body);overflow-wrap:anywhere}.weekly-review-name{color:var(--gold-2);font:calc(30px * var(--ts))/1.25 var(--font-title);margin:18px 8px;overflow-wrap:anywhere}.weekly-review-button:focus-visible,.weekly-strength:focus-visible{outline:3px solid #fff1aa;outline-offset:4px}.weekly-modal .close,.weekly-review-modal .close{min-width:calc(44px / var(--frame-scale));min-height:calc(44px / var(--frame-scale))}.weekly-picker,.weekly-home{min-height:calc(44px / var(--frame-scale))}.weekly-panel{max-height:calc(86dvh / var(--frame-scale));padding-top:calc(48px / var(--frame-scale))}.weekly-panel .ribbon{max-width:100%;height:auto;min-height:56px}.weekly-panel .ribbon span{white-space:normal;overflow-wrap:anywhere}[data-forecast-card][hidden],[data-forecast-hero][hidden]{display:none}[data-direction=buff]{--forecast-ink: #aff5bb;--forecast-bg: #1c4832}[data-direction=nerf]{--forecast-ink: #ffc3b3;--forecast-bg: #572e2c}[data-direction=mixed]{--forecast-ink: #ffdda0;--forecast-bg: #524023}.weekly-card-marker,.weekly-review-button,.weekly-hero-forecast{color:var(--forecast-ink);background:var(--forecast-bg);border:1px solid currentColor;font-style:normal;font-family:var(--font-body);font-weight:800}.weekly-review-button{width:auto;max-width:100%;height:auto;padding:2px 6px;border-radius:8px;font-size:calc(13px / var(--frame-scale));line-height:1.1;overflow-wrap:anywhere}.weekly-hero-forecast{padding:4px 9px;border-radius:8px;font-size:calc(18px * var(--ts))}.deck-card>.weekly-card-marker{position:static;align-self:center;border-radius:6px;font-size:20px;height:24px}.weekly-card.nerf small{color:#ffb39e}.cc-slot>.weekly-review-button{width:auto;max-width:100%;height:calc(44px / var(--frame-scale));padding:0 calc(10px / var(--frame-scale));border-radius:10px;white-space:nowrap;font-size:calc(17px / var(--frame-scale))}.weekly-home:not(.unread){opacity:.85}.weekly-home.unread{box-shadow:0 0 0 2px #f5d481,0 0 14px #f5d48173}.weekly-forecast{margin-top:18px;padding-top:12px;border-top:1px solid #6e6548}.weekly-forecast-title{color:var(--gold-2);font:calc(24px * var(--ts))/1.25 var(--font-title);margin:4px 8px}.weekly-home{hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}.weekly-home{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:104px;padding:14px 22px;border:1px solid #c9a55a;border-radius:14px;color:#fff3cf;text-shadow:0 2px 3px #000,0 0 10px rgba(0,0,0,.8);background:radial-gradient(ellipse at center,#0806129e,#08061233 70%),url(../assets/ui/weekly_banner_bg.jpg) center / 130% auto no-repeat,#1a1430;animation:wbDrift 18s ease-in-out infinite alternate}.weekly-home:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,228,160,.22) 50%,transparent 65%) -150% 0 / 60% 100% no-repeat;animation:wbSheen 5.5s ease-in-out infinite}.weekly-home b{position:relative;z-index:1;font:900 calc(22px * var(--ts))/1.2 var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}.weekly-home span{position:relative;z-index:1;font:700 calc(19px * var(--ts))/1.25 var(--font-body);text-align:center}.weekly-home:not(.unread){opacity:1}@keyframes wbDrift{0%{background-position:center,42% 50%,center}to{background-position:center,58% 50%,center}}@keyframes wbSheen{0%{background-position:-150% 0}60%,to{background-position:250% 0}}@media(prefers-reduced-motion:reduce){.weekly-home,.weekly-home:after{animation:none}}#frame .cc-slot>.weekly-review-button{position:absolute;inset:92px auto auto 50%;z-index:6;transform:translate(-50%);translate:none;min-width:0;width:auto;max-width:96%;height:auto;min-height:0;padding:3px 9px;border-radius:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:min(calc(14px * var(--ts)),17px);line-height:1.15;box-shadow:0 0 0 2px #000,0 3px 6px #0009}.weekly-info[hidden]{display:none}.weekly-info{position:relative;display:inline-flex;vertical-align:middle}.weekly-info-i{width:30px;height:30px;min-width:0;min-height:0;padding:0;display:grid;place-items:center;border-radius:50%;font:italic 900 18px/1 Georgia,serif;color:#fff4d6;background:radial-gradient(circle at 35% 30%,#5a6a8a,#1c2232);box-shadow:0 0 0 2px #000,0 0 0 3px var(--forecast-ink, #c9a55a),0 3px 6px #0009}.weekly-info.open .weekly-info-i{background:var(--forecast-bg)}.weekly-info-label{display:none;position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);z-index:9;white-space:nowrap;padding:4px 10px;border-radius:9px;font:800 min(calc(14px * var(--ts)),17px)/1.15 var(--font-body);color:var(--forecast-ink);background:var(--forecast-bg);border:1px solid currentColor;box-shadow:0 0 0 2px #000,0 4px 10px #000000b3;pointer-events:auto}.weekly-info.open .weekly-info-label{display:block}#frame .cc-slot>.weekly-info{position:absolute;inset:0 0 auto;height:0;z-index:8;display:block;pointer-events:none}#frame .cc-slot>.weekly-info .weekly-info-i{position:absolute;right:6px;top:34px;pointer-events:auto}#frame .cc-slot>.weekly-info .weekly-info-label{left:50%;bottom:auto;top:-38px;width:max-content;max-width:210px;white-space:normal;text-align:center}.weekly-strength.buffs .weekly-strength-label{color:#aff5bb}.weekly-strength.nerfs .weekly-strength-label{color:#ffc3b3}.trial-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 14px 14px;border-radius:14px;background:linear-gradient(180deg,#3c1e5a8c,#0c081499);box-shadow:inset 0 0 0 1px #b482ff73}.trial-head{display:flex;align-items:center;gap:10px}.trial-head b{font-family:var(--font-title);font-size:calc(22px * var(--ts));color:#e2cfff;text-shadow:0 2px 0 #000,0 0 14px rgba(160,100,255,.7)}.trial-head em,.trial-exp b{font:900 calc(11px * var(--ts)) var(--font-body);font-style:normal;letter-spacing:.14em;text-transform:uppercase;padding:2px 8px;border-radius:999px;color:#1a0c06;background:linear-gradient(180deg,#ffd27a,#e08a2a)}.trial-more:not(.open){display:none}.trials .topbar-title{display:flex;align-items:center;justify-content:center;gap:8px}.info-btn{flex:0 0 auto;width:calc(24px * var(--ts));height:calc(24px * var(--ts));border-radius:50%;padding:0;font:italic 900 calc(15px * var(--ts)) / 1 Georgia,serif;color:#e2cfff;background:#3c1e64b3;box-shadow:inset 0 0 0 2px #be96ffbf,0 0 10px #a064ff73;cursor:pointer}.info-btn.on{color:#1a0c06;background:#e2cfff}.trial-text{text-align:center;font:600 calc(14px * var(--ts)) var(--font-body);color:var(--parchment);line-height:1.35}.trial-exp{display:flex;align-items:flex-start;gap:8px;width:100%;padding:6px 10px;border-radius:10px;background:#ffaa3c1a;box-shadow:inset 0 0 0 1px #ffb45059}.trial-exp b{flex:0 0 auto;margin-top:1px}.trial-exp span{font:600 calc(13px * var(--ts)) var(--font-body);color:#ffd9a0;line-height:1.3}.trial-box .stage-label{color:#d6c0ff;font-size:calc(15px * var(--ts))}.trial-board{width:100%;display:flex;flex-direction:column;gap:4px}.trial-empty{text-align:center;font:italic calc(14px * var(--ts)) var(--font-lore);color:var(--parchment-2);padding:4px 0}.trial-row{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 6px;border-radius:10px;background:#00000059}.trial-row.me{box-shadow:inset 0 0 0 1px #96e6828c}.trial-rank{width:40px;font:900 calc(14px * var(--ts)) var(--font-title);color:var(--gold-2)}.trial-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:0 0 auto}.trial-avatar img,.trial-avatar canvas{width:100%;height:100%;object-fit:cover}.trial-page{display:flex;flex-direction:column;gap:4px;min-height:236px}.trial-page .trial-row{min-height:44px}.trial-frame{margin:0 6px 0 2px}.trial-row.looked{position:relative}.trial-row.looked .trial-rank,.trial-row.looked .trial-name,.trial-row.looked .trial-time{text-shadow:0 2px 0 #000,0 0 10px rgba(0,0,0,.95),0 0 3px #000}.trial-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:2px}.trial-page-label{min-width:64px;text-align:center;font:800 calc(14px * var(--ts)) var(--font-body);color:#e2cfff;font-variant-numeric:tabular-nums}.trial-turn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#3a2f55,#1a1528);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #c8aaff80,0 3px 8px #00000080}.trial-turn i{width:11px;height:11px;border:solid var(--gold-2);border-width:0 0 3px 3px;transform:translate(2px) rotate(45deg)}.trial-turn.next i{transform:translate(-2px) rotate(-135deg)}.trial-turn:active{filter:brightness(1.25)}.trial-turn.disabled{opacity:.35;pointer-events:none}.trial-go.top{filter:grayscale(.85) brightness(.7);pointer-events:none}.trial-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 calc(15px * var(--ts)) var(--font-title);color:#fff}.trial-name small,.trial-chip small{margin-left:2px;font:700 calc(11px * var(--ts)) var(--font-body);color:var(--parchment-2)}.trial-time{font:800 calc(15px * var(--ts)) var(--font-body);color:#e2cfff;font-variant-numeric:tabular-nums}.trial-mine{text-align:center;font:700 calc(13px * var(--ts)) var(--font-body);color:#b6f59a}.trial-go{margin-top:0}.trial-stars{display:inline-flex;gap:2px}.trial-stars i{width:18px;height:18px;background:#2a2a34;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.trial-stars i.s4.on{background:linear-gradient(180deg,#fff,#b9c4dc 55%,#7a86a6)}.trial-stars i.s5.on{background:linear-gradient(180deg,#fff6b0,#f3c030 50%,#b07a10);filter:drop-shadow(0 0 4px #ffc040)}.ascent-goal{position:absolute;left:82px;top:calc(var(--hud-top, 10px) + 124px);max-width:305px;padding:4px 10px;border-radius:10px;pointer-events:none;background:#0000009e;box-shadow:0 0 0 1px #b36bff8c;font:800 calc(13px * var(--ts))/1.25 var(--font-body);color:#e2cfff;text-shadow:0 1px 0 #000}.ascent-hud.alone>.ascent-goal{left:12px;top:calc(var(--hud-top, 10px) + 77px)}.ascent-hud .duel-rival-ramp b small{margin-left:1px;font-size:.75em;color:#c9b4e8}.ascent-hud .duel-peer.still{pointer-events:none;--hp: 1}.trial-ribbon{font:900 calc(14px * var(--ts)) var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:#d6c0ff}.trial-status{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:700 calc(16px * var(--ts)) var(--font-body);color:var(--parchment)}.trial-status>b{font-family:var(--font-title);font-size:calc(22px * var(--ts));color:var(--gold-2)}.ascent-moved{max-width:320px;font-weight:700;color:#ffcf8a}.trial-place{display:flex;align-items:center;gap:10px;font:800 calc(18px * var(--ts)) var(--font-title);color:#e2cfff}.trial-place .trial-stars i{width:30px;height:30px}.trial-star-text{font:600 calc(14px * var(--ts)) var(--font-body);color:var(--parchment-2)}.trial-results .trial-exp{max-width:560px}.trial-results .result-actions{width:100%}.trial-results .result-actions .btn{flex:1 1 0;min-width:0;min-height:68px;padding:10px 18px;white-space:normal;line-height:1.1;text-align:center;font-size:calc(20px * var(--ts));letter-spacing:.06em}.trial-badge{position:absolute;top:-12px;right:-10px;padding:4px 8px;border-radius:999px;background:#140a20eb;box-shadow:inset 0 0 0 1px #b482ff99}.trial-badge .trial-stars i{width:22px;height:22px}.trial-badge.lost{cursor:pointer;animation:ascent-lost 1.4s ease-in-out infinite;box-shadow:inset 0 0 0 2px #ff6a8a}.trial-badge-note{display:block;max-width:180px;margin-top:2px;font:800 calc(11px * var(--ts))/1.25 var(--font-body);color:#ffd0da;white-space:normal}@keyframes ascent-lost{50%{transform:scale(1.06)}}.trials-body{position:relative;z-index:1;flex:1;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 30px 40px}.trials-body::-webkit-scrollbar{display:none}.trials-intro{max-width:640px;text-align:center;font:700 calc(16px * var(--ts))/1.4 var(--font-body);color:var(--parchment);text-shadow:0 1px 0 #000}.trials-body .trial-exp{max-width:640px}.trials-row{width:100%;max-width:640px;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:12px 18px;text-align:left;border-radius:18px;background:linear-gradient(90deg,#281440eb,#100c1ae0);box-shadow:inset 0 0 0 1px #b482ff73,0 8px 20px #0009;animation:popIn .35s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--i, 0) * 50ms);transition:transform .12s ease}.trials-row:active{transform:scale(.98)}.trials-num{flex:0 0 auto;width:104px;white-space:nowrap;font:900 calc(13px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#d6c0ff}.trials-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.trials-name b{font:900 calc(22px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 2px 0 #000,0 0 12px rgba(160,100,255,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trials-name small{font:700 calc(13px * var(--ts)) var(--font-body);color:var(--parchment-2)}.trials-row .trial-stars i{width:26px;height:26px}.trials-lock{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #2c303a,0 0 0 3px #d7b45a80}.trials-row.locked{background:linear-gradient(90deg,#0e0e12e6,#16161cd6);box-shadow:inset 0 0 0 1px #a0a0aa47,0 8px 20px #0009}.trials-row.locked:active{transform:none}.trials-row.locked .trials-num,.trials-row.locked .trials-name b{color:#8d8c96;text-shadow:0 2px 0 #000}.trials-row.nope{animation:modeNope .42s ease}.emo{--sz: 48px;display:inline-block;flex:0 0 auto;width:var(--sz);height:var(--sz);background-image:var(--emo);background-repeat:no-repeat;background-size:calc(var(--sz) * 16) var(--sz);image-rendering:pixelated;image-rendering:crisp-edges;animation:emoPlay 1.6s steps(16) infinite;animation-delay:var(--emo-delay, 0s)}@keyframes emoPlay{0%{background-position:0 0}to{background-position:calc(var(--sz) * -16) 0}}.emo.still{animation:none}.emo-mid{--sz: 52px}.emo-big{--sz: 72px}.emo-pop{--sz: 76px}.emo-huge{--sz: 160px}.r-starter{--rc: #9fd88a}.r-common{--rc: #c9d3dd}.r-rare{--rc: #5fb4ff}.r-epic{--rc: #c48bff}.r-legendary{--rc: #ff8a3d}.r-season{--rc: #ffc94a}.emo-rarity{font:900 calc(11px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--rc);text-shadow:0 1px 0 #000}.emo-head{display:flex;justify-content:flex-end}.emo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}.emo-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border-radius:14px;text-align:center;border-color:var(--rc);border-color:color-mix(in srgb,var(--rc) 55%,transparent)}.emo-tile.r-legendary{background:linear-gradient(180deg,#4a220cf0,#1a0c04f5)}.emo-tile.r-season{background:linear-gradient(180deg,#46340ef0,#181206f5)}.emo-hear{cursor:pointer;pointer-events:auto}.emo-tile.locked .emo{filter:saturate(.35) brightness(.7)}.emo-tile-name{font:900 calc(15px * var(--ts)) var(--font-title);color:#ffe7a6;text-shadow:0 2px 0 #000}.emo-tile-act{align-self:stretch;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center}.emo-buy{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 14px}.emo-buy.armed{filter:brightness(1.15);box-shadow:0 0 0 2px #fff3c4,0 0 16px #ffd26eb3}.emo-buy.busy{pointer-events:none;opacity:.6}.emo-lock-hint{font:600 calc(11px * var(--ts))/1.25 var(--font-body);color:var(--parchment-2)}.emo-editor-modal{z-index:40}.emo-editor{width:min(660px,94%);max-height:94%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 18px 20px}.emo-editor>.icon-btn.close{top:10px;right:10px}.emo-help{text-align:center;font:600 calc(14px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2)}.emo-ring{--R: 112px;position:relative;flex:0 0 auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,140,.08) 0 30%,rgba(0,0,0,.45) 31% 68%,rgba(255,220,140,.1) 69% 70%,transparent 71%)}.emo-slot,.emo-wslot{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;padding:0;transform:rotate(var(--a)) translate(var(--R)) rotate(calc(-1 * var(--a)));background:radial-gradient(circle at 50% 35%,#3a4258,#171b26);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #d7b45a73}.emo-slot.on{box-shadow:0 0 0 2px #000,0 0 0 5px #ffd27a,0 0 18px #ffc85a99}.emo-slot-empty{font:800 calc(10px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#e6dcc473}.emo-ring-clear{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:12px;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#ffb3a6;background:#0000008c;box-shadow:0 0 0 1px #ffaa9666}.emo-ring-clear.hidden{display:none}.emo-note{min-height:20px;text-align:center;font:600 calc(13px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.emo-note b{color:#ffe7a6}.emo-pick{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}.emo-cell{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;border-radius:12px;background:#0006;box-shadow:inset 0 0 0 2px var(--rc);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rc) 45%,transparent)}.emo-cell.locked .emo{filter:grayscale(1) brightness(.45)}.emo-cell.locked:after{content:"";position:absolute;right:5px;bottom:5px;width:10px;height:8px;border-radius:2px;background:#8a8270;box-shadow:0 -5px 0 -2px #8a8270}.emo-cell.placed{background:#3c2e0e99;box-shadow:inset 0 0 0 2px #ffd27a}.emo-cell-at{position:absolute;left:4px;top:4px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;font:900 calc(11px * var(--ts)) var(--font-title);color:#2a1606;background:#ffd27a}.emo-done{margin-top:4px}.emo-found-modal{z-index:45}.emo-found{width:min(560px,94%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 22px 22px;text-align:center}.emo-found-art{position:relative;width:220px;height:200px;display:grid;place-items:center}.emo-rays{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--rc) 0 12deg,transparent 12deg 30deg);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 45%,transparent) 0 12deg,transparent 12deg 30deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:emoRays 9s linear infinite}@keyframes emoRays{to{transform:rotate(360deg)}}.emo-found-name{font:900 calc(26px * var(--ts)) var(--font-title);color:#ffe7a6;text-shadow:0 2px 0 #000}.emo-found-note{font:600 calc(14px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.emo-found-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.emo-found-row .btn{padding-left:26px;padding-right:26px}.emo-btn{position:absolute;left:9px;top:calc(var(--book-top, 50%) + 352px);width:76px;height:76px;padding:0;border-radius:50%;pointer-events:auto;display:grid;place-items:center;touch-action:none;z-index:3;background:radial-gradient(circle at 50% 35%,#ffe27a,#e0a628 60%,#9a6414);box-shadow:0 0 0 3px #000,0 6px 14px #0000008c;transition:transform .1s ease,filter .2s ease}.hud.rift-turned .emo-btn{left:auto;right:9px}.emo-btn svg{position:relative;width:44px;height:44px;fill:#3a2206}.emo-btn:active,.emo-btn.open{transform:scale(.93)}.emo-btn.open{box-shadow:0 0 0 3px #000,0 0 0 6px #fff3c4,0 0 20px #ffd26eb3}.emo-btn-ring{position:absolute;inset:-7px;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(255,243,196,.95) calc(var(--cd, 1) * 360deg),transparent 0);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%)}.emo-btn.spent{filter:grayscale(1) brightness(.6)}.emo-btn.nope{animation:emoNope .35s}@keyframes emoNope{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.emo-flash{position:absolute;left:96px;top:calc(var(--book-top, 50%) + 372px);padding:6px 12px;border-radius:12px;pointer-events:none;z-index:3;background:#000000c7;font:800 calc(13px * var(--ts)) var(--font-body);color:#ffd27a;animation:fadeIn .2s}.emo-wheel-layer{position:absolute;inset:0;z-index:4;pointer-events:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 50%,#0000008c,#00000059 60%);animation:fadeIn .15s}.emo-wheel-layer.hidden{display:none}.emo-wheel{--R: 124px;position:relative;width:356px;height:356px;border-radius:50%;background:radial-gradient(circle,rgba(20,16,10,.92) 0 31%,rgba(40,32,20,.88) 32% 69%,#d7b45a 69.5% 70.5%,transparent 71.5%);box-shadow:0 10px 40px #0009;animation:emoWheelIn .18s cubic-bezier(.3,1.4,.5,1)}@keyframes emoWheelIn{0%{transform:scale(.6);opacity:0}}.emo-wslot{width:84px;height:84px;margin:-42px 0 0 -42px;transition:box-shadow .1s ease}.emo-wslot .emo{--sz: 60px;transition:transform .12s ease}.emo-wslot.hot{box-shadow:0 0 0 2px #000,0 0 0 5px #ffd27a,0 0 22px #ffc85abf}.emo-wslot.hot .emo{transform:scale(1.18)}.emo-wslot.empty{opacity:.35;pointer-events:none}.emo-wheel-label{position:absolute;left:50%;top:50%;width:104px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;font:900 calc(15px * var(--ts))/1.15 var(--font-title);letter-spacing:.04em;color:#ffe7a6;text-shadow:0 2px 0 #000}.emo-wheel-left{font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-2);text-shadow:0 1px 0 #000}.emo-wheel-tools{display:flex;gap:12px}.emo-tool{min-height:48px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;font:800 calc(14px * var(--ts)) var(--font-body);letter-spacing:.04em;color:#ffe7a6;background:#000000b3;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #d7b45a80}.emo-tool svg{width:22px;height:22px;fill:#ffd27a}.emo-tool svg .wave,.emo-tool svg .x{fill:none;stroke:#ffd27a;stroke-width:2;stroke-linecap:round}.emo-tool.on{color:#ffb3a6;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #ff968299}.emo-tool.on svg{fill:#ffb3a6}.emo-tool.on svg .x{stroke:#ffb3a6}.emo-bubbles{position:absolute;display:flex;gap:6px;pointer-events:none;z-index:3}.emo-bubbles.mine{left:98px;top:calc(var(--book-top, 50%) + 330px)}.emo-bubbles.theirs{left:10px;top:calc(var(--hud-top, 10px) + 148px)}.emo-bubble{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fffdf4,#ede2c4);box-shadow:0 0 0 3px #000,0 8px 18px #00000080;animation:emoPop .38s cubic-bezier(.3,1.6,.5,1);transition:opacity .3s ease,transform .3s ease}.emo-bubble:after{content:"";position:absolute;width:18px;height:18px;background:#ede2c4;box-shadow:3px 3px #000;transform:rotate(45deg);z-index:-1}.mine .emo-bubble:after{left:-6px;bottom:18px;transform:rotate(135deg)}.theirs .emo-bubble:after{left:20px;top:-6px;transform:rotate(-135deg)}.emo-bubble.gone{opacity:0;transform:translateY(-12px) scale(.9)}@keyframes emoPop{0%{transform:scale(.2);opacity:0}}@media(prefers-reduced-motion:reduce){.emo,.emo-rays,.emo-wheel{animation:none}.emo-bubble{animation:fadeIn .25s}.emo-bubble.gone{transform:none}.emo-btn.nope{animation:none}}.cos-section{width:100%;display:flex;flex-direction:column;gap:8px}.cos-note{margin:-2px 0 2px 6px;font:500 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2)}.cos-content{display:flex;flex-direction:column;gap:10px}.cos-looks{display:flex;flex-direction:column;gap:12px}.cos-look{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:16px}.cos-look.worn{box-shadow:inset 0 0 0 1px #000000a6,0 0 0 2px #82e6a08c,0 0 22px #6edc8c40}.cos-look.tier-sovereign{border-color:#ffdc82e6}.cos-look.tier-aurora{border-color:#c8aaffcc}.cos-look.tier-ember{border-color:#ff9650bf}.cos-preview{pointer-events:none;animation:none}.cos-preview.look-sovereign{animation:rlRoyal 3.4s ease-in-out infinite}.cos-look-info{display:flex;align-items:center;gap:12px;padding:0 4px}.cos-look-name{flex:0 0 auto;font:900 calc(20px * var(--ts)) var(--font-title);color:#ffe7a6;text-shadow:0 2px 0 #000}.tier-aurora .cos-look-name{color:#e2d2ff}.tier-sovereign .cos-look-name{background:linear-gradient(180deg,#fff8dc,#f4cf72 55%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #000)}.none .cos-look-name{color:var(--parchment)}.cos-look-blurb{flex:1;min-width:0;font:500 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.cos-look-act{flex:0 0 auto;display:flex;align-items:center;gap:8px}.cos-buy{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cos-buy.armed,.emo-buy.armed{flex-direction:column;gap:0;min-width:0;max-width:100%;padding-left:8px;padding-right:8px;line-height:1.1}.buy-word{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buy-price{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cos-buy.armed{filter:brightness(1.15);box-shadow:0 0 0 2px #fff3c4,0 0 16px #ffd26eb3}.cos-buy.busy,.cos-look-act .busy{pointer-events:none;opacity:.6}.cos-worn,.cos-owned{padding:5px 12px;border-radius:10px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.cos-worn{color:#9ff0b8;border:1px solid rgba(120,230,160,.5);background:#143c2499}.cos-owned{color:#e6dcc4;border:1px solid rgba(230,210,160,.35);background:#28201499}.cos-msg:empty{display:none}.cos-msg{text-align:center;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.cos-msg.ok{color:#9ff0b8}.cos-msg.bad{color:#ffb3a6}.shop .cos-tabs{width:min(420px,100%);align-self:center;margin:2px auto 4px}.shop .cos-tabs .shop-tab{font-size:calc(20px * var(--ts))}.shop .cos-tabs .shop-tab span{font-size:min(calc(20px * var(--ts)),13cqi)}.cos-tabs .cos-tab-hero{position:relative;border-radius:50%;overflow:hidden}.cos-tabs .cos-tab-hero img{width:100%;height:100%;object-fit:cover}.cos-tabs .cos-tab-hero .hero-sprite-fallback{display:none}.cos-tabs .cos-tab-emo{--sz: 34px}.cos-tabs .shop-tab:not(.active) .cos-tab-hero,.cos-tabs .shop-tab:not(.active) .cos-tab-emo{filter:saturate(.5) brightness(.75)}.cos-pane.hidden{display:none}.rank-emblem{position:relative;aspect-ratio:1;flex:0 0 auto}.rank-emblem:before{content:"";position:absolute;inset:14%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--rk),transparent 70%);background:radial-gradient(circle,color-mix(in srgb,var(--rk) 60%,transparent),transparent 70%);filter:blur(10px);animation:rankBreath 3.6s ease-in-out infinite}.rank-emblem-body{position:absolute;inset:0;container-type:size;animation:rankFloat 3.6s ease-in-out infinite}.rank-div{position:absolute;left:50%;bottom:1%;translate:-50% 0;min-width:30%;padding:0 7%;border-radius:999px;text-align:center;font-family:var(--font-title);font-weight:900;font-style:normal;line-height:1.3;letter-spacing:.04em;color:#fff;text-shadow:0 1px 0 #000;font-size:12px;font-size:max(10px,17cqw);background:linear-gradient(180deg,var(--rk),#000);background:linear-gradient(180deg,color-mix(in srgb,var(--rk) 70%,#000),color-mix(in srgb,var(--rk) 30%,#000));box-shadow:0 0 0 1.5px #000,0 0 8px var(--rk);box-shadow:0 0 0 1.5px #000,0 0 8px color-mix(in srgb,var(--rk) 60%,transparent)}.rank-emblem-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.65))}.rank-emblem.living .rank-emblem-body img{scale:var(--rest, 1)}.rank-sheen{position:absolute;inset:0;pointer-events:none;overflow:hidden;-webkit-mask:var(--rk-art) center / contain no-repeat;mask:var(--rk-art) center / contain no-repeat;mix-blend-mode:soft-light}.rank-sheen:before,.rank-frame-sheen:before{content:"";position:absolute;left:0;top:0;bottom:0;width:320%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.75) 50%,transparent 62%);animation:rankSheen 4.8s ease-in-out infinite}@keyframes rankFloat{50%{translate:0 -4%}}.rank-emblem.still:before,.rank-emblem.still .rank-emblem-body{animation:none}.rank-emblem.still .rank-emblem-body img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}@keyframes rankBreath{0%,to{opacity:.5;scale:.92}50%{opacity:1;scale:1.06}}@keyframes rankSheen{0%,55%{transform:translate(-75.625%)}to{transform:translate(6.875%)}}.rank-emblem.rk-recruit:before,.rank-emblem.rk-iron:before{opacity:.35;animation:none}.rank-emblem.rk-gold .rank-sheen,.rank-emblem.rk-platinum .rank-sheen{mix-blend-mode:overlay}.rank-emblem.rk-gold .rank-sheen:before,.rank-emblem.rk-platinum .rank-sheen:before{animation-duration:3.8s}.rank-emblem.rk-diamond .rank-sheen,.rank-emblem.rk-titanslayer .rank-sheen,.rank-emblem.rk-highwarden .rank-sheen{mix-blend-mode:overlay}.rank-emblem.rk-diamond .rank-sheen:before,.rank-emblem.rk-titanslayer .rank-sheen:before,.rank-emblem.rk-highwarden .rank-sheen:before{animation-duration:3s}.rank-emblem.rk-diamond:before,.rank-emblem.rk-titanslayer:before,.rank-emblem.rk-highwarden:before{inset:4%;filter:blur(14px)}.rank-motes{position:absolute;inset:-6% 0 10%;pointer-events:none}.rank-motes i{position:absolute;left:var(--x);bottom:12%;width:calc(6% * var(--s));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,var(--mote, var(--rk)) 45%,transparent 70%);opacity:0;animation:rankMote var(--d) ease-in var(--delay) infinite}.rank-emblem.rk-platinum{--mote: #c9fff5}.rank-emblem.rk-diamond{--mote: #bfe6ff}.rank-emblem.rk-titanslayer{--mote: #ff8a2e}.rank-emblem.rk-highwarden{--mote: #ffe28a}@keyframes rankMote{0%{opacity:0;translate:0 0;scale:.6}15%{opacity:1}to{opacity:0;translate:calc((var(--s) - .9) * 60%) -520%;scale:1.1}}.rank-frame{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;isolation:isolate}.rank-frame:not(.none)>:first-child{box-shadow:none!important}.rank-frame-art{position:absolute;left:50%;top:50%;z-index:1;width:334%;height:334%;max-width:none;translate:-50% -50%;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}.rank-frame.compact .rank-frame-art{width:146%;height:146%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.rank-frame-sheen{position:absolute;left:50%;top:50%;z-index:2;width:334%;height:334%;translate:-50% -50%;pointer-events:none;overflow:hidden;-webkit-mask:var(--rk-art) center / contain no-repeat;mask:var(--rk-art) center / contain no-repeat;mix-blend-mode:overlay}.rank-frame-sheen:before{background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%);animation-duration:5.4s}.rank-frame.rk-diamond:before,.rank-frame.rk-titanslayer:before,.rank-frame.rk-highwarden:before,.rank-frame.rk-platinum:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:210%;height:210%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,var(--rk) 30%,transparent 68%);background:radial-gradient(circle,color-mix(in srgb,var(--rk) 45%,transparent) 30%,transparent 68%);pointer-events:none;animation:rankBreath 3.6s ease-in-out infinite}.rank-frame.compact:before{width:150%;height:150%}.rank-portrait{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#2a2f3d,#07080c)}.rank-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 12%}.rank-banner{display:block;pointer-events:none}.rank-regalia{position:relative;flex:0 0 auto;width:var(--rw, 170px);height:calc(var(--rw, 170px) * 1.86)}.rank-regalia .rank-banner{position:absolute;left:-8%;top:0;width:116%;height:100%}.rank-regalia .rr-frame{position:absolute;left:50%;top:30%;translate:-50% -50%}.rank-regalia .rr-frame .rank-portrait{width:calc(var(--rw, 170px) * .46);height:calc(var(--rw, 170px) * .46)}.rank-regalia .rr-emblem{position:absolute;left:50%;top:79%;width:calc(var(--rw, 170px) * .52);translate:-50% -50%}.rank-regalia.none{height:auto;display:grid;place-items:center}.rank-regalia.none .rr-frame{position:relative;left:auto;top:auto;translate:none}.rank-regalia.none .rr-frame .rank-portrait{width:calc(var(--rw, 170px) * .62);height:calc(var(--rw, 170px) * .62);box-shadow:0 0 0 3px #000,0 0 0 6px var(--gold-3, #b88a3a),0 6px 14px #0009}.rank-bar{position:relative;height:calc(20px * var(--ts));border-radius:11px;overflow:hidden;background:#0000008c;box-shadow:inset 0 0 0 1px var(--rk);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rk) 45%,transparent)}.rank-bar i{position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,var(--rk),var(--rk));background:linear-gradient(90deg,color-mix(in srgb,var(--rk) 55%,#000),var(--rk));box-shadow:0 0 12px var(--rk);box-shadow:0 0 12px color-mix(in srgb,var(--rk) 60%,transparent);transition:width .8s cubic-bezier(.2,.8,.3,1)}.rank-bar span{position:relative;display:block;padding:0 10px;text-align:center;font:800 calc(20px * var(--ts))/calc(24px * var(--ts)) var(--font-body);color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.rank-emblem:before,.rank-emblem-body,.rank-sheen:before,.rank-motes i,.rank-frame-sheen:before,.rank-frame:before{animation:none}}.home-hero-frame{margin:0 34px 0 8px}.home-hero-frame .rank-frame-art,.home-hero-frame .rank-frame-sheen{-webkit-mask-image:radial-gradient(circle closest-side,#000 60%,transparent 70%);mask-image:radial-gradient(circle closest-side,#000 60%,transparent 70%)}.home-hero-frame .rank-frame-sheen{-webkit-mask:var(--rk-art) center / contain no-repeat,radial-gradient(circle closest-side,#000 60%,transparent 70%);-webkit-mask-composite:source-in;mask:var(--rk-art) center / contain no-repeat,radial-gradient(circle closest-side,#000 60%,transparent 70%);mask-composite:intersect}.home-hero{z-index:3}.home-hero-text,.home-hero-sprite{position:relative;z-index:2}.chip-frame{margin:0 4px}.lb-frame{margin:0 6px}.lb-emblem{width:40px;margin-left:2px}.lb-emblem:before{inset:20%;filter:blur(6px)}.lb-emblem.none{display:block;flex:0 0 auto}.lb-emblem.none:before{content:none}.lb-emblem .rank-div,.pod-emblem .rank-div,.wd-scalp-emblem .rank-div,.mode-rank .rank-div{display:none}.soc-card-regalia{--rw: 150px;margin:4px 0 -6px}.soc-card-rank{margin-top:-8px;font:900 calc(22px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase;color:var(--rk);text-shadow:0 2px 0 #000,0 0 16px var(--rk);text-shadow:0 2px 0 #000,0 0 16px color-mix(in srgb,var(--rk) 50%,transparent)}.looked{isolation:isolate;overflow:hidden}.looked:not(.me){position:relative}.looked>:not(.rl){position:relative;z-index:2}.rl{position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit}.rl-bg{overflow:hidden;background:#120c08}.rl-bg i{position:absolute;left:0;top:0;bottom:0;width:140%;background:var(--rl-bg) 50% 50% / 100% auto no-repeat;animation:rlPan 28s ease-in-out infinite alternate}@keyframes rlPan{to{transform:translate(-28.571%)}}.rl-shade{background:linear-gradient(90deg,#000000a8,#0006 34%,#0000004d 62%,#0000009e)}.look-sovereign .rl-shade{background:linear-gradient(90deg,#140000b8,#14000080 34%,#14000066 62%,#140000ad)}.rl-sweep{display:none;overflow:hidden}.rl-sweep:before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-size:40% 100%;background-position:0 0;animation:rlSweep 5.5s ease-in-out infinite}.rl-motes{overflow:hidden;mix-blend-mode:screen}.rl-motes i{position:absolute;left:var(--x);bottom:-24px;width:var(--ms);height:var(--ms);margin-left:calc(var(--ms) / -2);background:var(--rl-mote) center / contain no-repeat;opacity:0;animation:rlRise var(--d) linear var(--dl) infinite}@keyframes rlRise{0%{transform:translate(0) scale(.6);opacity:0}15%{opacity:.95}70%{opacity:.8}to{transform:translate(14px,-96px) scale(1.05);opacity:0}}.rl-frame{border:0;border-image:none}.lb-row.looked,.lb-row.me.looked,.fr-row.looked,.trial-row.looked{overflow:visible;box-shadow:0 0 18px var(--rl-glow),0 0 4px var(--rl-glow)}.lb-row.looked:after,.fr-row.looked:after,.trial-row.looked:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 34px var(--rl-glow-hi),0 0 10px var(--rl-glow-hi);opacity:0;animation:rlShine 3s ease-in-out infinite}@keyframes rlShine{50%{opacity:1}}.rl-frame{overflow:hidden}.rl-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0}@keyframes rlGlowUp{50%{opacity:1}}.look-ember{--rl-glow: rgba(255, 120, 30, .55);--rl-glow-hi: rgba(255, 150, 50, .95)}.look-ember .rl-bg i{filter:saturate(1.15) brightness(1.1);animation-duration:34s}.look-ember .rl-frame{box-shadow:inset 0 0 26px #ff781e99}.look-ember .rl-frame:after{box-shadow:inset 0 0 46px #ff9632f2;animation:rlGlowUp 3s ease-in-out infinite}.look-ember .rl-sweep{display:block;mix-blend-mode:screen}.look-ember .rl-sweep:before{background-image:linear-gradient(105deg,transparent 15%,rgba(255,190,110,.6) 50%,transparent 85%)}.look-aurora{--rl-glow: rgba(170, 120, 255, .55);--rl-glow-hi: rgba(200, 160, 255, .95)}.look-aurora .rl-bg i{filter:saturate(1.15) brightness(1.1)}.look-aurora .rl-motes i{bottom:auto;top:calc(18% + (var(--x) * .37));animation-name:rlTwinkle}@keyframes rlTwinkle{0%,to{transform:scale(.3) rotate(0);opacity:0}45%{transform:scale(1.15) rotate(25deg);opacity:1}60%{transform:scale(.9) rotate(35deg);opacity:.7}}.look-aurora .rl-sweep,.look-sovereign .rl-sweep{display:block;mix-blend-mode:screen}.look-aurora .rl-sweep:before,.look-sovereign .rl-sweep:before{background-size:45% 100%;background-image:linear-gradient(105deg,transparent 15%,rgba(225,205,255,.65) 50%,transparent 85%);animation-duration:6.5s}@keyframes rlSweep{0%,35%{transform:translate(-36%)}75%,to{transform:translate(96%)}}.look-aurora .rl-frame{box-shadow:inset 0 0 28px #aa78ff99}.look-aurora .rl-frame:after{box-shadow:inset 0 0 48px #cdaafff2;animation:rlGlowUp 3.2s ease-in-out infinite}.look-sovereign{--rl-glow: rgba(255, 196, 80, .6);--rl-glow-hi: rgba(255, 225, 140, 1)}.look-sovereign .rl-sweep:before{background-size:38% 100%;background-image:linear-gradient(105deg,transparent 12%,rgba(255,240,185,.8) 50%,transparent 88%);animation-duration:4.2s}.look-sovereign .rl-bg i{filter:saturate(1.1) brightness(1.12);animation-duration:22s}.look-sovereign .rl-frame{box-shadow:inset 0 0 30px #ffc85aa6}.look-sovereign .rl-frame:after{box-shadow:inset 0 0 52px #ffdc82;animation:rlGlowUp 3s ease-in-out infinite}.looked .soc-tag b,.looked .soc-points b,.looked .lb-rank{text-shadow:0 2px 0 #000,0 0 10px rgba(0,0,0,.95),0 0 3px #000}.looked .soc-tag small,.looked .soc-points small{color:#e6dcc4;text-shadow:0 1px 0 #000,0 0 6px #000}.looked .soc-chip{background:#00000080}@media(prefers-reduced-motion:reduce){.rl,.rl-bg i,.rl-sweep:before,.rl-frame:after,.rl-motes i,.lb-row.looked:after,.fr-row.looked:after,.trial-row.looked:after{animation:none!important}.rl-motes i{opacity:.7}}:root{--safe-top: calc(env(safe-area-inset-top, 0px) / var(--frame-scale, 1));--safe-bottom: calc(env(safe-area-inset-bottom, 0px) / var(--frame-scale, 1));--tap: 88px}#frame .screen{top:var(--safe-top);height:calc(100% - var(--safe-top) - var(--safe-bottom));overflow:visible;clip-path:inset(calc(-1 * var(--safe-top)) 0 calc(-1 * var(--safe-bottom)) 0)}#frame .menu-bg{inset:calc(-1 * var(--safe-top)) 0 calc(-1 * var(--safe-bottom))}#frame .screen>.vignette,#frame .screen>.embers{inset:calc(-1 * var(--safe-top)) 0 calc(-1 * var(--safe-bottom))}#frame .screen>.modal{inset:calc(-1 * var(--safe-top)) 0 calc(-1 * var(--safe-bottom));padding:var(--safe-top) 0 var(--safe-bottom)}#frame .bottom-nav{margin-bottom:calc(-1 * var(--safe-bottom));padding-bottom:max(16px,var(--safe-bottom))}#frame .home-menu-btn{left:18px}#frame,#frame *{scrollbar-width:none}#frame::-webkit-scrollbar,#frame *::-webkit-scrollbar{display:none}button:active:not(:disabled):not(.disabled),[role=button]:active{filter:brightness(1.18);scale:.97}button{touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}input,textarea,select{font-size:max(1em,calc(16px / var(--frame-scale, 1)))!important}.icon-btn{position:relative}#frame .icon-btn.close{position:absolute}#frame .icon-btn.back{width:72px;height:72px;border-radius:18px}#frame .icon-btn.back:before,#frame .icon-btn.close:before{content:"";position:absolute;inset:-14px}#frame .topbar{padding:8px 14px 10px;gap:8px}#frame .topbar .spacer{width:72px}#frame .topbar-title{min-width:0;font-size:calc(27px * var(--ts));overflow:hidden;text-overflow:ellipsis;letter-spacing:.06em}#frame .pill{min-height:56px}button.pill{position:relative}button.pill:before{content:"";position:absolute;inset:-16px -3px}#frame .btn.small{min-height:76px;padding:10px 22px;font-size:calc(19px * var(--ts));border-radius:12px}#frame .btn.small:before{content:"";position:absolute;inset:-6px 0}#frame .nav-item{min-width:0;min-height:var(--tap);justify-content:flex-start}#frame .nav-item .nav-label{max-width:100%;font-size:calc(19px * var(--ts));letter-spacing:.02em;text-transform:none;white-space:normal;hyphens:auto;overflow-wrap:anywhere}#frame .cc-tabs,#frame .rn-tabs{position:relative;z-index:2;flex:none;align-self:stretch;display:flex;gap:6px;margin:8px 16px 10px;padding:6px;border-radius:22px;background:linear-gradient(180deg,#07080ceb,#141720eb);box-shadow:inset 0 0 0 1px #d7b45a73,0 6px 16px #00000080}#frame .cc-tabs .cc-tab,#frame .rn-tabs .rn-tab{position:relative;flex:1 1 0;min-width:0;min-height:var(--tap);padding:6px 4px;border-radius:17px;display:flex;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere;font:900 calc(19px * var(--ts)) var(--font-title);letter-spacing:.03em;text-transform:uppercase;color:var(--parchment-2)}#frame .cc-tabs .cc-tab.active,#frame .rn-tabs .rn-tab.active{color:#2a1606;text-shadow:0 1px 0 rgba(255,240,200,.6);background:linear-gradient(180deg,#fff0b8,#f0c860 25%,#d39a36 62%,#9a6a1e);box-shadow:0 0 0 2px #2c1c06,inset 0 2px #fff9,inset 0 -3px #5a320a66,0 0 18px #ffb43c4d}#frame .hero-pick{position:relative;z-index:2;flex:none;align-self:stretch;display:flex;align-items:center;gap:16px;margin:4px 16px 8px;min-height:100px;padding:8px 14px 8px 8px;border-radius:22px;text-align:left;background:linear-gradient(180deg,#222836f0,#0e1118f5);box-shadow:0 0 0 2px #05060a,inset 0 0 0 1px #d7b45a73,0 6px 14px #00000080}#frame .hero-pick-face{position:relative;flex:none;width:84px;height:84px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-2)}#frame .hero-pick-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}#frame .hero-pick-text b{font:900 calc(29px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#frame .hero-pick-text small{font:700 calc(19px * var(--ts)) var(--font-body);color:var(--parchment-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#frame .hero-pick-go{flex:none;display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:40px;font:900 calc(19px * var(--ts)) var(--font-title);letter-spacing:.04em;text-transform:uppercase;color:var(--gold-2);background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a99}#frame .hero-pick .badge,#frame .hero-tile .badge{position:absolute;top:-6px;right:-6px;z-index:2;min-width:34px;height:34px;padding:0 8px;border-radius:17px;background:#e5332a;color:#fff;font:900 calc(19px * var(--ts))/34px var(--font-body);text-align:center;box-shadow:0 0 0 2px #000}#frame .hero-pick .badge.hidden,#frame .hero-tile .badge.hidden{display:none}#frame .hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px;width:100%;padding:4px 2px 8px}#frame .hero-tile{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;border-radius:18px}#frame .hero-tile.on{background:#f0c86024;box-shadow:inset 0 0 0 2px var(--gold-2)}#frame .hero-tile-face{position:relative;width:112px;height:112px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 2px #000,0 0 0 4px #d7b45a59;display:grid;place-items:center}#frame .hero-tile.locked .hero-tile-face{filter:grayscale(.8) brightness(.55)}#frame .hero-tile-name{max-width:100%;font:800 calc(18px * var(--ts)) var(--font-title);color:var(--parchment);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#frame .hero-tile .badge{top:0;right:4px}#frame .modal.as-sheet{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding-bottom:0}#frame .modal.as-sheet>.panel{flex:none;width:100%!important;max-width:none!important;max-height:calc(100% - 28px);margin:0!important;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:stretch;padding:12px 26px calc(26px + var(--safe-bottom));border:0;border-image:none!important;border-radius:36px 36px 0 0;background:linear-gradient(180deg,#232a3a,#10131b 40%,#0b0d13)!important;box-shadow:0 -2px #6b5424,0 -3px #000,inset 0 2px #f3d98c38,0 -18px 50px #000000b3!important;animation:sheetRise .26s cubic-bezier(.2,.85,.25,1)}#frame .modal.as-sheet>.panel:after{display:none}#frame .modal.as-sheet>.panel.dragging{transition:none!important;animation:none}#frame .modal.as-sheet>.panel.settling{transition:transform .2s cubic-bezier(.2,.85,.25,1)}#frame .modal.as-sheet>.panel.leaving{transition:transform .18s ease-in}@keyframes sheetRise{0%{transform:translateY(100%)}}#frame .sheet-grip{flex:none;position:sticky;top:-12px;z-index:11;align-self:stretch;height:52px;margin:-12px -26px 0;display:grid;place-items:center;touch-action:none;cursor:grab}#frame .sheet-grip i{display:block;width:92px;height:8px;border-radius:4px;background:#f3d98c8c;box-shadow:0 1px #000}#frame .modal.as-sheet>.panel>.icon-btn.close{top:16px;right:18px;width:68px;height:68px;z-index:12}#frame .modal.as-sheet>.panel>.ribbon{align-self:center;margin-top:0!important;max-width:calc(100% - 150px);flex:none}#frame .modal.as-sheet>.panel>.btn{align-self:center;flex:none}@media(prefers-reduced-motion:reduce){#frame .modal.as-sheet>.panel{animation:none}}#frame .home-drawer{inset:calc(-1 * var(--safe-top)) 0 calc(-1 * var(--safe-bottom))}#frame .home-drawer-panel{inset:auto 0 0;grid-template-columns:repeat(3,1fr);gap:26px 8px;padding:0 16px calc(30px + var(--safe-bottom));border-radius:36px 36px 0 0;background:linear-gradient(180deg,#232a3a,#10131b 40%,#0b0d13);box-shadow:0 -2px #6b5424,0 -3px #000,inset 0 2px #f3d98c38,0 -18px 50px #000000b3;animation:sheetRise .26s cubic-bezier(.2,.85,.25,1)}#frame .home-drawer-panel.dragging{transition:none;animation:none}#frame .home-drawer-panel.settling{transition:transform .2s cubic-bezier(.2,.85,.25,1)}#frame .home-drawer-panel.leaving{transition:transform .18s ease-in}#frame .home-drawer-panel>.sheet-grip{grid-column:1 / -1;position:relative;top:0;margin:0 0 -8px}#frame .screen.shop>.shop-tabs{flex:none;align-self:stretch;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 16px 10px;padding:6px;border-radius:22px}#frame .screen.shop>.shop-tabs .shop-tab{position:relative;min-width:0;height:auto;min-height:var(--tap);padding:6px 2px;border-radius:16px;flex-direction:column;gap:2px;font-size:calc(15px * var(--ts));letter-spacing:.01em;line-height:1.05;text-align:center}#frame .screen.shop>.shop-tabs .shop-tab-icon{width:40px;height:40px}#frame .screen.shop .shop-pane{flex:1 1 0;min-height:0;overflow-y:auto}#frame .shop-tabs.cos-tabs .shop-tab{min-height:var(--tap)}#frame .screen.shop>.shop-tabs{grid-auto-flow:row;grid-auto-columns:auto;width:auto;align-items:stretch}#frame .screen.shop>.shop-tabs:has(>:only-child){grid-template-columns:1fr}#frame .screen.shop .shop-tab .badge{position:absolute;top:2px;right:6px}#frame .shop-intro{display:none}#frame .shop-grid{grid-template-columns:1fr 1fr;gap:14px}#frame .shop-pack img{max-height:170px}#frame .cc-body:has(>.storefront){display:flex;flex-direction:column}#frame .storefront{flex:1 0 auto;display:flex;flex-direction:column;gap:10px}#frame .sf-feat{flex:1 1 auto;justify-content:center;touch-action:pan-y}#frame .sf-feat>img,#frame .sf-wheel{height:clamp(170px,15vh / var(--frame-scale, 1),240px)}#frame .sf-tiles{flex:1 1 auto;grid-auto-rows:1fr}#frame .sf-tile{justify-content:center;min-height:170px}#frame .sf-tile img{height:clamp(84px,8vh / var(--frame-scale, 1),130px)}#frame .sf-tile b{font-size:calc(22px * var(--ts))}#frame .sf-dots,#frame .ho-dots,#frame .deck-dots{pointer-events:none}#frame .btn{min-height:72px}#frame .btn:before{content:"";position:absolute;inset:-8px 0}.btn{position:relative}#frame .home-menu-btn{width:76px;height:76px}#frame .home-menu-btn:before,#frame .arrow-btn:before,#frame .keep-info:before,#frame .lb-info:before,#frame .sb-turn:before,#frame .deck-arrow:before,#frame .sk-look-art:before{content:"";position:absolute;inset:-14px}#frame .arrow-btn{width:72px;height:72px}#frame .deck-manage{min-height:56px;position:relative}#frame .deck-manage:before{content:"";position:absolute;inset:-14px -6px}#frame .deck-arrow,#frame .sk-look-art,#frame .keep-info,#frame .lb-info,#frame .sb-turn{position:relative}#frame .tn:before{content:"";position:absolute;inset:-18px;border-radius:50%}#frame .rn-slot:before{content:"";position:absolute;inset:-4px}#frame .rn-page{min-height:72px;min-width:88px;padding:8px 14px}#frame .rn-page:before{content:"";position:absolute;inset:-6px 0}#frame .mk-seg-btn{min-height:var(--tap);padding:8px 18px}#frame .mk-chip{min-height:72px;padding:8px 18px;border-radius:36px;position:relative}#frame .mk-chip:before{content:"";position:absolute;inset:-5px 0}#frame .mk-chip.mk-r{min-width:84px}#frame .soc-tab{min-height:var(--tap)}#frame .lb-season{min-height:72px;min-width:84px;position:relative}#frame .lb-season:before{content:"";position:absolute;inset:-6px 0}#frame .lb-row,#frame .fr-body,#frame .fr-input,#frame .opt-line{min-height:var(--tap)}#frame .opt-slider{height:16px;background-clip:content-box;position:relative}#frame .opt-slider:before{content:"";position:absolute;inset:-34px 0}#frame .text-size-opt,#frame .lang-select{min-height:72px;position:relative}#frame .text-size-opt:before{content:"";position:absolute;inset:-6px 0}#frame .ho-dots{min-height:0}#frame .cc-tabs .cc-tab,#frame .rn-tabs .rn-tab{overflow-wrap:normal;word-break:normal;font-size:calc(18px * var(--ts));letter-spacing:0;flex:1 1 auto;padding:6px 8px}#frame .hero-tile-name{white-space:normal;text-align:center;line-height:1.05;overflow-wrap:anywhere}#frame .emblem-label{white-space:nowrap}#frame .mk-chip,#frame .lb-season,#frame .lang-select{min-height:var(--tap)}#frame .mk-chip:before,#frame .lb-season:before{display:none}#frame .mk-chip.mk-r{min-width:80px;padding:8px 4px}#frame .mk-chips{gap:6px}#frame .arrow-btn{width:var(--tap);height:var(--tap)}#frame .lb-info:before{inset:-24px}#frame .keep-info:before{inset:-30px}#frame .sb-turn:before{inset:-24px 0}#frame .deck-manage{min-height:72px}#frame .deck-manage:before{inset:-10px -6px}#frame .cc-tabs .cc-tab,#frame .rn-tabs .rn-tab{font-size:calc(20px * var(--ts));overflow-wrap:break-word}#frame .hero-tile-name,#frame .cc-packs-intro,#frame .dk-chip{font-size:calc(20px * var(--ts))}#frame .screen.shop>.shop-tabs .shop-tab{font:800 calc(19px * var(--ts))/1.05 var(--font-body);text-transform:none;letter-spacing:0}#frame .screen.shop>.shop-tabs .shop-tab-icon{width:44px;height:44px}#frame .home-drawer .emblem{max-width:100%}#frame .home-drawer .emblem-label{white-space:normal;text-align:center}#frame .home-hero-rank em{white-space:nowrap}#frame .fr-input{letter-spacing:0}#frame .fr-body{min-width:0}#frame .soc-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#frame .heroes .hero-art{flex:none;height:clamp(300px,26vh / var(--frame-scale, 1),520px)}#frame .rn-leg span{display:none}#frame .rn-leg{min-height:56px;display:grid;place-items:center}#frame .info-btn{position:relative;flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:900 calc(28px * var(--ts)) Georgia,serif;font-style:italic;color:var(--gold-2);background:#00000080;box-shadow:inset 0 0 0 2px #d7b45ab3}#frame .info-btn:before{content:"";position:absolute;inset:-16px}#frame .info-text{display:flex;flex-direction:column;gap:14px;padding:8px 8px 12px;font:600 calc(24px * var(--ts))/1.4 var(--font-body);color:var(--parchment)}#frame .info-row{align-self:flex-end;display:flex;justify-content:flex-end}#frame .btn.small{min-height:var(--tap);min-width:var(--tap)}#frame .info-btn{width:72px;height:72px}#frame .info-btn:before{inset:-8px}#frame .opt-slider{height:var(--tap);background-size:100% 16px;background-position:center;background-repeat:no-repeat;background-clip:border-box;box-shadow:none;border-radius:0}#frame .rn-board-wrap{width:100%}#frame .sheet-grip i{pointer-events:none}#frame .dk-chip{height:76px;padding:0 20px}#frame .td-soon{display:none}#frame .deck-name{max-width:100%;overflow:hidden;overflow-wrap:break-word;hyphens:auto;line-height:1.05;letter-spacing:-.01em;font-size:min(calc(16px * var(--ts)),16px)}@media(max-height:720px){#frame .tree-fit{inset:0 0 90px}}#frame .info-head{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px}#frame .info-head .shop-sub{margin:0 0 0 6px}#frame .cc-head{flex-wrap:wrap}#frame .cc-head-text{min-width:300px}#frame .cc-suggest-btn{flex:none;min-height:var(--tap);padding:8px 22px;font-size:calc(20px * var(--ts));letter-spacing:.03em;white-space:normal;text-align:center;max-width:280px}#frame .cc-suggest,#frame .cc-new{position:absolute;left:50%;right:auto;top:-10px;z-index:7;transform:translate(-50%);max-width:104%;padding:5px 12px;border-radius:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font:900 calc(18px * var(--ts)) var(--font-body);letter-spacing:.02em;text-transform:none;color:#eafff0;background:linear-gradient(180deg,#5fae7a,#1f4a30);box-shadow:0 0 0 2px #000,0 3px 8px #0009}#frame .cc-slot:has(>.cc-suggest):after{content:"";position:absolute;left:50%;top:18px;z-index:6;width:14px;height:14px;transform:translate(-50%) rotate(45deg);background:#1f4a30;box-shadow:2px 2px #000;pointer-events:none}#frame .cc-new{background:linear-gradient(180deg,#6d8fb8,#23364f);color:#eaf4ff}#frame .cc-suggest,#frame .cc-new{top:-9px;max-width:92%;padding:3px 10px;border-radius:11px;font-size:min(calc(13px * var(--ts)),16px);letter-spacing:.04em;text-transform:uppercase}#frame .cc-slot:has(>.cc-suggest):after{top:12px;width:10px;height:10px}#frame .dk-chips{flex-wrap:wrap;overflow:visible;row-gap:8px}#frame .dk-chip{height:60px;padding:0 18px}.sk-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.sk-pitch{max-width:600px;text-align:center;font:500 calc(20px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2)}.sk-soon{padding:6px 18px;border-radius:14px;background:#140e22d9;box-shadow:inset 0 0 0 1px #c9a8ff8c;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:#d9c2ff;text-shadow:0 1px 0 #000}.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;align-items:stretch}.sk-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 8px 12px;text-align:center}.sk-tile .btn{width:100%;min-height:40px;margin-top:auto;padding:6px 8px;font-size:calc(20px * var(--ts))}.sk-tile .btn .cur-icon{height:1.1em;vertical-align:-.15em}.sk-tile.soon .sk-art{filter:saturate(.55) brightness(.8)}.sk-art{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;box-shadow:inset 0 0 0 2px var(--sk),0 0 18px var(--sk);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sk) 70%,#000),0 0 18px color-mix(in srgb,var(--sk) 35%,transparent);background:radial-gradient(circle at 50% 40%,#000,#07080c 75%);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--sk) 40%,#000),#07080c 75%)}.sk-art .sk-splash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}.sk-art .sk-sprite{position:absolute;right:4px;bottom:4px;width:34%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 4px rgba(0,0,0,.8))}.sk-art.big{width:260px;flex:none}.sk-flag{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:8px;background:#000000bf;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#ffe08a}.sk-name{margin-top:4px;font:900 calc(20px * var(--ts))/1.15 var(--font-title);color:var(--sk);color:color-mix(in srgb,var(--sk) 55%,#fff);text-shadow:0 2px 0 #000}.sk-hero{font:700 calc(20px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2)}.sk-desc{font:500 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment);margin-bottom:4px}.sk-state{margin-top:auto;font:800 calc(20px * var(--ts)) var(--font-body);color:#d9c2ff}.sk-note{font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:#ffb0a0}.sk-confirm{gap:12px;align-items:center}.sk-confirm .ribbon{margin-top:-60px;font-size:calc(20px * var(--ts))}.sk-confirm-text{max-width:440px;text-align:center;font:600 calc(20px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.sk-confirm-actions{display:flex;gap:12px}.sk-confirm-actions .cur-icon{height:1.1em;vertical-align:-.15em}.sk-strip{display:flex;flex-direction:column;gap:6px;min-width:0}.sk-looks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.sk-look{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:3px 3px 4px;border-radius:9px;background:#0a080eb3;box-shadow:inset 0 0 0 1px #3a2f22;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sk) 45%,#3a2f22)}.sk-look-art{position:relative;display:block;width:100%;height:72px;padding:0;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 50% 40%,#000,#07080c 80%);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--sk) 40%,#000),#07080c 80%)}.sk-look-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:grayscale(.85) brightness(.6);transition:filter .2s ease}.sk-look.on .sk-look-art img{filter:none}.sk-look.on{box-shadow:inset 0 0 0 2px var(--gold-2),0 0 14px #ffd26e73}.sk-look-btn.btn.small{margin-top:auto;min-height:32px;padding:2px 3px;gap:2px;font-size:calc(13px*min(var(--ts),1));letter-spacing:.02em;border-radius:7px;overflow:hidden;text-overflow:ellipsis}.sk-look-btn .cur-icon{height:1.1em;vertical-align:-.15em}.sk-look-btn.worn{color:#eaffdf;text-shadow:0 1px 0 #0c2a08;pointer-events:none;background:linear-gradient(180deg,#8fe07a,#3f9a33 55%,#1f5a18);box-shadow:0 0 0 2px #071a04,inset 0 2px #ffffff73,0 0 14px #78e66466}.sk-look.empty{display:grid;place-items:center;background:#000;box-shadow:inset 0 0 0 1px #d7b45a40}.sk-look.empty span{font:900 calc(32px * var(--ts)) var(--font-title);color:#d7b45a73;text-shadow:0 2px 0 #000}.result-next{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:10px 12px;border-radius:14px;background:#00000052;box-shadow:inset 0 0 0 1px #f3d98c40}.result-next[hidden]{display:none}.result-next-kicker{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}.result-next-note{font-size:calc(20px * var(--ts));color:#e9dcc0}.result-next-list{display:flex;flex-direction:column;gap:8px}.result-next-list .btn{width:100%;white-space:normal;line-height:1.15}.result-next-list .btn[hidden]{display:none}.result-next-list .btn em{font-style:normal;margin-left:6px;padding:1px 8px;border-radius:8px;font-size:.8em;background:#00000073}.result-next-list .btn em.tier-hard{color:#ffb36b}.result-next-list .btn em.tier-nightmare{color:#ff7a8a}.key-icon{width:64px;height:64px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.shop-keys{display:flex;flex-direction:column;gap:8px;width:100%}.key-tile{display:flex;align-items:center;gap:10px;padding:8px 10px;flex-wrap:wrap;width:100%;box-sizing:border-box}.key-tile.soon{opacity:.72}.key-tile.soon .key-icon{filter:grayscale(.6) drop-shadow(0 3px 4px rgba(0,0,0,.6))}.key-text{display:flex;flex-direction:column;gap:2px;flex:1 1 140px;min-width:0}.key-name{color:#ffe6a8;font-size:15px}.key-opens{color:#d9cdb4;font-size:12px}.key-owned{color:#9be07a;font-size:12px;font-weight:700}.key-soon{color:#c9b98f;font-size:12px;font-style:italic}.key-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.key-buttons .btn{min-width:0;padding:6px 10px;font-size:13px;white-space:nowrap}.key-buttons .cur-icon{width:16px;height:16px;vertical-align:-3px}.key-msg{color:#ffb4a0;font-size:13px;text-align:center;min-height:1em}.key-msg:empty{display:none}.pass-key{display:flex;align-items:center;gap:10px;margin:8px 0 4px}.pass-key .key-icon{width:72px;height:72px}.pass-key-text{display:flex;flex-direction:column;gap:2px;text-align:left}.pass-key-text b{color:#ffe6a8}.pass-key-text small{color:#d9cdb4}.pass-panel .key-buttons{justify-content:center;margin-top:8px}.pass-panel .key-buttons .btn{font-size:15px;padding:8px 14px}.chapter-lock .key-icon,.wm-pass .key-icon{width:22px;height:22px;vertical-align:middle}.key-mkcard{width:100%;aspect-ratio:5 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;box-sizing:border-box;border-radius:10px;text-align:center;background:radial-gradient(circle at 50% 38%,#ffd68c47,#281a0ceb 70%);box-shadow:inset 0 0 0 2px #f0c8788c}.key-mkcard .key-icon.big{width:72%;height:auto}.key-mkcard b{color:#ffe6a8;font-size:12px;line-height:1.15}.key-mkcard small{color:#d9cdb4;font-size:10px;line-height:1.15}.key-col{--kc: 16px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px}.key-col .key-col-key{display:block;box-sizing:border-box;width:var(--kc);height:var(--kc);max-width:none;padding:calc(var(--kc) * .1);border-radius:50%;object-fit:contain;animation:none;transform:none;background:radial-gradient(circle at 50% 40%,#3a2c18,#120c06 75%);box-shadow:0 0 0 1.5px #c9a04a,0 2px 4px #000000b3;filter:none}.key-col-more{font:900 calc(14px * var(--ts, 1)) var(--font-title);line-height:1;color:#ffe6a8;text-shadow:0 1px 2px #000}.lb-keys{--kc: 19px;margin-left:-6px}.hall-keys{--kc: 18px;position:absolute;right:-10px;top:50%;translate:0 -50%;z-index:2}.hall-face:not(.active) .hall-keys{display:none}.pod-keys{--kc: 30px;position:absolute;left:100%;bottom:8px;margin-left:2px;z-index:3}.soc-card-champ{display:flex;align-items:center;gap:6px}.soc-keys{--kc: 40px;gap:6px}.key-road{color:#9be07a;font-size:12px;font-weight:700}.key-road b{color:#ffe6a8}.pass-panel .key-road{text-align:center;font-size:14px;margin-top:6px}.ach-float{left:4px;top:234px}.achievements .ach-head{position:relative;z-index:1;width:660px;display:flex;align-items:center;gap:16px;padding:12px 18px;margin:4px 0 12px}.ach-head-icon{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}.ach-head-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.ach-head-text b{font:900 calc(22px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000}.ach-head-text span{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.ach-head-bar{height:14px}.ach-claim-all{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 16px;line-height:1.05;animation:achReady 1.6s ease-in-out infinite}.ach-claim-all span{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase}.ach-claim-all small{display:flex;align-items:center;gap:4px;font:800 calc(20px * var(--ts)) var(--font-body)}.ach-claim-all .coin-fallback{width:14px;height:14px}.ach-list{position:relative;z-index:1;width:660px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding:2px 2px 16px;scrollbar-width:none}.ach-list::-webkit-scrollbar{display:none}.ach-group{display:flex;align-items:baseline;justify-content:space-between;padding:12px 8px 4px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000}.ach-group small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.08em;color:var(--parchment-2)}.ach-row{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:8px 16px 8px 8px;border-radius:14px;background:linear-gradient(90deg,#00000085,#00000047);box-shadow:inset 0 0 0 1px #ffffff0a;animation:socRowIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 25ms)}.ach-row.done{background:linear-gradient(90deg,#6e501880,#281e0e59);box-shadow:inset 0 0 0 1px #f3d98c73}.ach-icon{position:relative;flex:0 0 auto;width:64px;height:64px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#3a4254,#12151d);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #d7b45a80}.ach-icon img{width:100%;height:100%;object-fit:cover}.ach-row:not(.done) .ach-icon img{filter:saturate(.55) brightness(.8)}.ach-row.done .ach-icon{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2),0 0 14px #ffc85a73}.ach-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ach-text b{font:900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ach-row:not(.done) .ach-text b{color:var(--parchment)}.ach-text span{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.ach-text small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.08em;color:#8a93a8}.ach-bar{height:8px;max-width:260px;margin-top:3px}.ach-reward{flex:0 0 auto;display:flex;align-items:center;gap:6px;font:900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.ach-row.done .ach-reward{color:#9dff9a;font-size:calc(20px * var(--ts));letter-spacing:.1em;text-transform:uppercase}.ach-row.ready{background:linear-gradient(90deg,#966c1a9e,#30220c66);box-shadow:inset 0 0 0 1px #ffe096bf,0 0 18px #ffbe5047}.ach-row.ready .ach-icon{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2),0 0 16px #ffc85a8c}.ach-row.ready .ach-text b{color:var(--gold-2)}.ach-claim{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:108px;padding:7px 14px;line-height:1.05;animation:achReady 1.6s ease-in-out infinite}.ach-claim span{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase}.ach-claim small{display:flex;align-items:center;gap:4px;font:800 calc(20px * var(--ts)) var(--font-body)}.ach-claim .coin-fallback{width:13px;height:13px}@keyframes achReady{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.18)}}.ach-row.claimed-now{animation:achClaimFlash .7s ease}@keyframes achClaimFlash{0%{box-shadow:inset 0 0 0 2px #fff6cf,0 0 34px #ffd26ecc;transform:scale(1.015)}to{box-shadow:inset 0 0 0 1px #f3d98c73;transform:none}}.ach-row{position:relative}.ach-gain{position:absolute;right:22px;top:50%;display:flex;align-items:center;gap:5px;pointer-events:none;font:900 calc(20px * var(--ts)) var(--font-title);font-style:normal;color:#ffe9a0;text-shadow:0 2px 0 #000,0 0 12px rgba(255,190,80,.8);animation:achGain 1.1s ease-out forwards}.ach-gain .coin-fallback{width:17px;height:17px}@keyframes achGain{0%{opacity:0;transform:translateY(-4px) scale(.8)}22%{opacity:1;transform:translateY(-14px) scale(1.1)}to{opacity:0;transform:translateY(-52px) scale(1)}}.ach-check{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c8ffc0,#3fa04a 60%,#1c5a26);box-shadow:0 0 0 2px #000;position:relative}.ach-check:after{content:"";position:absolute;left:7px;top:4px;width:6px;height:11px;border:solid #0a2a10;border-width:0 3px 3px 0;transform:rotate(45deg)}.ach-toasts{position:absolute;left:0;right:0;top:96px;z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.ach-toast{display:flex;align-items:center;gap:12px;width:520px;padding:8px 18px 8px 8px;border-radius:16px;background:linear-gradient(90deg,#5a3a12f5,#18120af5);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f3d98c99,0 12px 30px #000000b3,0 0 26px #ffbe5059;opacity:0;transform:translateY(-24px) scale(.94);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.35)}.ach-toast.show{opacity:1;transform:none}.ach-toast-icon{flex:0 0 auto;width:58px;height:58px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#3a4254,#12151d);box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2)}.ach-toast-icon img{width:100%;height:100%;object-fit:cover}.ach-toast-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.ach-toast-text small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#ffe9a0}.ach-toast-text b{font:900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ach-toast-text span{display:flex;flex-wrap:wrap;align-items:center;gap:2px 5px;font:800 calc(20px * var(--ts)) var(--font-body);color:#fff}.ach-toast-text span em{font:700 calc(20px * var(--ts)) var(--font-body);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#ffc98a}.ach-toast-text .coin-fallback{width:16px;height:16px}.result-feats{width:100%;display:flex;flex-direction:column;gap:6px}.result-feats-title{text-align:center;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.16em;text-transform:uppercase;color:#ffe9a0;text-shadow:0 2px 0 #000}.result-feat{display:flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:12px;background:linear-gradient(90deg,#6e501880,#281e0e59);box-shadow:inset 0 0 0 1px #f3d98c73;animation:socRowIn .4s ease backwards;animation-delay:calc(.6s + var(--i, 0) * .12s)}.result-feat .ach-icon{width:44px;height:44px;border-radius:11px}.result-feat b{flex:1;min-width:0;font:900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.result-feat span{display:flex;align-items:center;gap:5px;font:800 calc(20px * var(--ts)) var(--font-body);color:#fff}.result-feat .coin-fallback{width:16px;height:16px}.result-feat.grand span{flex-wrap:wrap;justify-content:flex-end;max-width:46%;font-size:calc(20px * var(--ts))}.result-feat.grand span em{flex:0 0 100%;text-align:right;font:800 calc(20px * var(--ts)) var(--font-body);font-style:normal;letter-spacing:.04em;color:var(--parchment-2)}.result-feat .cur-icon{width:15px;height:15px}.result-feats-hint{text-align:center;font:700 calc(20px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#ffc98a;animation:socRowIn .4s ease backwards;animation-delay:.9s}.ach-reward>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.ach-claim small>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.ach-reward.grand{flex-direction:column;align-items:flex-end;gap:3px;font-size:calc(20px * var(--ts))}.ach-claim.grand{min-width:138px}.ach-claim.grand small{flex-direction:column;align-items:center;gap:2px}.ach-reward .cur-icon,.ach-claim .cur-icon{width:15px;height:15px}.ach-pack{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.04em;color:var(--parchment-2);text-transform:none}.ach-pack img{width:22px;height:22px;object-fit:contain}.finale-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#07080c}.finale-bg i{position:absolute;inset:0}.finale-art{background:url(../assets/ui/season_finale.jpg) center 38% / cover no-repeat;transform-origin:50% 48%;animation:finaleDrift 32s ease-in-out infinite alternate}@keyframes finaleDrift{0%{transform:scale(1.02) translateY(0)}to{transform:scale(1.1) translateY(-1.5%)}}.finale-rays{background:radial-gradient(ellipse 46% 30% at 50% 50%,rgba(255,214,140,.42),rgba(255,190,90,.12) 55%,transparent 75%);mix-blend-mode:screen;animation:finaleGlow 5.5s ease-in-out infinite}@keyframes finaleGlow{0%,to{opacity:.35}50%{opacity:1}}.finale-shade{background:linear-gradient(180deg,#07080c8c,#07080c00 26% 52%,#07080ccc 80%,#07080c)}.screen.home.finale>.menu-bg:before{opacity:0!important}.finale-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 auto 12px;padding:10px 22px 12px;max-width:520px;border-radius:16px;text-align:center;cursor:pointer;background:linear-gradient(180deg,#28140cb8,#0c0812d1);border:1px solid rgba(255,210,130,.7);box-shadow:0 0 0 2px #0009,0 10px 26px #0000008c,0 0 28px #ffaa3c59;animation:finaleCard 2.8s ease-in-out infinite}@keyframes finaleCard{50%{box-shadow:0 0 0 2px #0009,0 10px 26px #0000008c,0 0 44px #ffbe5099}}.finale-kicker{font:900 calc(13px * var(--ts)) var(--font-title);letter-spacing:.16em;text-transform:uppercase;color:#ffd9a0;text-shadow:0 1px 0 #000}.finale-clock{font:900 calc(34px * var(--ts))/1.05 var(--font-title);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#fff3cf;text-shadow:0 2px 0 #000,0 0 18px rgba(255,190,80,.7)}.finale-text{max-width:440px;font:600 calc(14px * var(--ts))/1.35 var(--font-body);color:#f4ead2;text-shadow:0 1px 2px #000}.finale-text b{color:#ffd77a}.finale-info{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:italic 800 20px/1 Georgia,Times New Roman,serif;color:#2a1606;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff1c4,#f0bd5a 60%,#b07a22);border:1px solid #fff0c0;box-shadow:0 0 0 2px #0000008c,0 0 12px #ffc85a8c}.finale-info:after{content:"";position:absolute;inset:-12px;border-radius:50%}@media(hover:hover){.finale-info:hover{filter:brightness(1.12)}}.finale-info:active{transform:scale(.92)}.finale-info-panel{gap:10px}.finale-info-how,.finale-info-safe{max-width:470px;text-align:center;font:600 calc(14px * var(--ts))/1.4 var(--font-body);color:var(--parchment)}.finale-info-how b{color:#ffd77a}.finale-info-safe{padding:8px 12px;border-radius:10px;border:1px solid rgba(157,255,154,.45);background:#50c85a1a;color:#d9ffd2}.finale-info-safe b{color:#9dff9a}.finale-prizes{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:4px 14px 4px 4px;border-radius:999px;background:#00000059;border:1px solid rgba(255,210,130,.35);font:600 calc(13px * var(--ts))/1.25 var(--font-body);color:#f4ead2;text-shadow:0 1px 2px #000;text-align:left}.finale-prizes b{color:#ffd77a}.finale-emblem{width:50px;height:50px;margin:-10px -2px -10px -8px;flex:0 0 auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:finaleEmblem 3.4s ease-in-out infinite}@keyframes finaleEmblem{50%{transform:translateY(-2px) rotate(-4deg)}}.finale-rewards{width:100%;max-width:470px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#ffd28212;border:1px solid rgba(255,210,130,.4)}.finale-rewards-title{font:900 calc(15px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:#ffd77a}.finale-keep{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.finale-keep-item{display:flex;align-items:center;gap:8px;font:600 calc(12.5px * var(--ts))/1.3 var(--font-body);color:var(--parchment);text-align:left}.finale-keep-item b{color:#ffd77a}.finale-keep-emblem{width:58px;height:58px;flex:0 0 auto;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.finale-keep-frame{margin:6px;flex:0 0 auto}.finale-keep-frame .rank-portrait{width:40px;height:40px}.finale-ladder{display:flex;flex-direction:column;gap:3px;width:100%}.finale-step{display:grid;grid-template-columns:1fr 30px 1.3fr;align-items:center;gap:8px;padding:2px 10px;border-radius:8px;background:#00000040;font:700 calc(13px * var(--ts))/1.2 var(--font-body);color:var(--parchment)}.finale-step.p1{background:linear-gradient(90deg,#ffc85047,#00000040)}.finale-step.p2{background:linear-gradient(90deg,#c8d7eb33,#00000040)}.finale-step.p3{background:linear-gradient(90deg,#dc8c5033,#00000040)}.finale-step-place{text-align:right;color:#ffe6b0}.finale-step-pack{height:28px;width:auto;justify-self:center}.finale-step-count{font-weight:900;color:#fff3cf}.finale-step-count small{font-weight:600;color:var(--parchment-2)}.finale-rewards-who{font:italic calc(12px * var(--ts))/1.3 var(--font-lore);color:var(--parchment-2);text-align:center}.cogs{position:relative;width:74px;height:74px;flex:0 0 auto}.cogs .cog{position:absolute;image-rendering:pixelated;filter:drop-shadow(0 3px 3px rgba(0,0,0,.8))}.cogs .cog-big{left:0;top:6px;width:58px;height:58px;animation:cogTurn 9s linear infinite}.cogs .cog-small{right:0;bottom:0;width:34px;height:34px;animation:cogTurn 9s linear infinite reverse}@keyframes cogTurn{to{rotate:360deg}}.winding .cog-big{animation:cogTurn .7s cubic-bezier(.3,0,.2,1),cogTurn 9s linear infinite .7s}.winding .cog-small{animation:cogTurn .7s cubic-bezier(.3,0,.2,1) reverse,cogTurn 9s linear infinite reverse .7s}@media(prefers-reduced-motion:reduce){.cogs .cog,.winding .cog-big,.winding .cog-small{animation:none}}.options-float{right:4px;top:234px}.options-panel{width:600px;max-height:92%;display:flex;flex-direction:column;align-items:center;gap:14px;animation:popIn .35s cubic-bezier(.2,.9,.3,1.3)}.options-panel .ribbon{margin-top:-60px}.panel-cogs{position:absolute;left:-20px;top:-48px;width:96px;height:96px}.panel-cogs .cog-big{width:76px;height:76px}.panel-cogs .cog-small{width:44px;height:44px}.hud-cogs{width:54px;height:54px}.hud-cogs .cog{filter:drop-shadow(0 2px 0 #000)}.hud-cogs .cog-big{left:0;top:3px;width:40px;height:40px}.hud-cogs .cog-small{right:0;bottom:0;width:26px;height:26px}.opt-list{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:2px;scrollbar-width:none}.opt-list::-webkit-scrollbar{display:none}.opt-head{margin-top:6px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 #000;display:flex;align-items:center;gap:10px}.opt-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(215,180,90,.5),transparent)}.opt-head:first-child{margin-top:0}.opt-line{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 14px;border-radius:12px;background:#0006;box-shadow:inset 0 0 0 1px #d7b45a4d}.opt-line svg{width:28px;height:28px;flex:0 0 auto;fill:var(--gold-2);stroke:var(--gold-2);stroke-width:2}.opt-line svg .wave{fill:none;stroke-linecap:round}.opt-label{flex:1;text-align:left;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.04em;color:var(--parchment)}.opt-chip{min-width:66px;padding:5px 12px;border-radius:9px;text-align:center;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#2a1606;background:linear-gradient(180deg,#f3d98c,#c89a2e);box-shadow:inset 0 -3px #5a320a66,0 0 12px #ffbe5059}.opt-chip.go{min-width:0;padding:2px 14px;font-size:calc(22px * var(--ts));line-height:1}.opt-switch:active{transform:translateY(2px)}.opt-switch.off .opt-chip{color:var(--parchment-2);background:linear-gradient(180deg,#333b4a,#1b202b);box-shadow:inset 0 0 0 1px #a0aabe59}.opt-switch.off svg,.opt-switch.off .opt-label{opacity:.55}.opt-channel{display:flex;flex-direction:column;width:100%;padding:2px 0 6px;border-radius:12px;background:#0006;box-shadow:inset 0 0 0 1px #d7b45a4d}.opt-channel .opt-line{background:none;box-shadow:none}.opt-channel .opt-bar{min-height:40px;padding-top:0}.opt-channel.off .opt-bar{opacity:.4}.opt-slider{flex:1;height:16px;border-radius:8px;appearance:none;-webkit-appearance:none;cursor:pointer;background:linear-gradient(90deg,#ffe28a 0 var(--v, 50%),#05060a var(--v, 50%) 100%);box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #d7b45a73}.opt-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d0,#f0c860 45%,#9a6a1e);box-shadow:0 0 0 2px #2c1c06,0 2px 6px #000000b3}.opt-slider::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d0,#f0c860 45%,#9a6a1e);box-shadow:0 0 0 2px #2c1c06,0 2px 6px #000000b3}.opt-pct{min-width:66px;text-align:right;font:900 calc(20px * var(--ts)) var(--font-body);color:var(--gold-2)}.options-panel .lang-row{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;margin:0;padding:8px 14px;border-top:0;border-radius:12px;background:#0006;box-shadow:inset 0 0 0 1px #d7b45a4d}.options-panel .lang-row>span{flex:0 0 auto;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.options-panel .text-size-row .text-sizes{max-width:none}.opt-build{font:700 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;color:#d7c8aa73}.opt-line.danger{box-shadow:inset 0 0 0 1px #e5533a8c}.opt-line.danger .opt-label{color:#ffb3a4}.opt-line.danger .opt-chip{color:#2b0a05;background:linear-gradient(180deg,#f0a08c,#c4432c);box-shadow:inset 0 -3px #5a140a73,0 0 12px #e5533a59}.reset-panel{gap:12px}.reset-text{font:700 calc(20px * var(--ts))/1.35 var(--font-body);text-align:center;color:var(--parchment)}.reset-keeps{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 14px;border-radius:12px;background:#0006;box-shadow:inset 0 0 0 1px #d7b45a59}.reset-keeps>b{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 #000}.reset-keeps span{text-align:center;font:700 calc(20px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.reset-keeps span b{color:var(--gold-2)}.reset-ask{font:700 calc(20px * var(--ts)) var(--font-body);text-align:center;color:var(--parchment-2)}.reset-ask b{letter-spacing:.12em;color:#ffb3a4}.reset-input{text-align:center;letter-spacing:.14em;text-transform:uppercase}.reset-note{min-height:calc(20px * var(--ts));font:700 calc(20px * var(--ts)) var(--font-body);text-align:center;color:#ff9a8a}.dcall-card{position:absolute;left:50%;z-index:60;width:560px;margin-left:-280px;padding:14px 16px;border-radius:18px;background:linear-gradient(160deg,#781e18f7,#1a0e0cf7 70%);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f3d98ca6,0 16px 36px #000000bf,0 0 30px #ff6e3c59;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(-30px) scale(.95);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.35)}.dcall-card{top:104px}.dcall-card.show,.dcall-sign.show,.dcall-note.show{opacity:1;transform:none}.dcall-card.enlisted{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2),0 16px 36px #000000bf,0 0 40px #ffbe508c}.dcall-card.enlisted.show{animation:dcall-ring 1.6s ease-in-out 3}@keyframes dcall-ring{50%{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-1, #ffe9a8),0 16px 36px #000000bf,0 0 60px #ffc85ad9}}.dcall-kicker{font-size:calc(13px * var(--ts));letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}.dcall-who{display:flex;align-items:center;gap:12px}.dcall-avatar{position:relative;flex:0 0 auto;width:54px;height:54px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-3)}.dcall-avatar img{position:absolute;width:150%;height:150%;left:-25%;top:-5%;object-fit:contain}.dcall-avatar .hero-sprite-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(22px * var(--ts))}.dcall-name{display:flex;flex-direction:column;min-width:0;line-height:1.15}.dcall-name b{font-size:calc(20px * var(--ts));color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcall-name small{font-size:calc(14px * var(--ts));color:var(--gold-2)}.dcall-text{font-size:calc(17px * var(--ts));color:#f4e6c8}.dcall-perk{font-size:calc(14px * var(--ts));color:#ffd27a}.dcall-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.dcall-x{width:34px;height:34px;border-radius:50%;border:0;background:#00000073;color:#f4e6c8;font-size:22px;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 1px #f3d98c66}.modal.dcall-modal{z-index:80}.dcall-pill{position:absolute;z-index:25;top:92px;right:16px;display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:999px;background:#18100ae6;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f3d98c8c;font-size:calc(13px * var(--ts));color:#f4e6c8;max-width:330px}.dcall-pill .dcall-x{width:26px;height:26px;font-size:18px}.dcall-pill-dot{width:9px;height:9px;border-radius:50%;background:#6fe07a;box-shadow:0 0 8px #6fe07a;animation:dcall-blink 1.6s ease-in-out infinite}@keyframes dcall-blink{50%{opacity:.35}}.duel-hall{font-size:calc(15px * var(--ts));color:#f4e6c8;text-align:center}.duel-hall b{color:#fff}.duel-hall-note{font-size:calc(14px * var(--ts));color:#ffd27a;text-align:center}.duel-enlist{display:flex;flex-direction:column;align-items:center;gap:4px}.duel-enlist small{font-size:calc(13px * var(--ts));color:#cdbb96;text-align:center;max-width:520px}.duel-enlist[hidden]{display:none}.seek-stats{display:flex;gap:10px;justify-content:center}.seek-stats span{display:flex;align-items:baseline;gap:6px;padding:4px 14px;border-radius:12px;background:#00000073;box-shadow:inset 0 0 0 1px #f3d98c59;font:700 calc(16px * var(--ts)) var(--font-body);color:var(--parchment-2)}.seek-stats b{font:900 calc(24px * var(--ts)) var(--font-title);color:#fff}.seek-called:empty,.seek-perk:empty,.seek-sub:empty{display:none}.seek-called{font:800 calc(17px * var(--ts)) var(--font-body);color:#8ef09a;text-shadow:0 1px 0 #000}.seek-perk{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 6px;border-radius:999px;background:linear-gradient(90deg,#785214e6,#281c0ae6);box-shadow:inset 0 0 0 1px var(--gold-2);font:800 calc(16px * var(--ts)) var(--font-body);color:#ffe3a0}.seek-perk img{width:24px;height:24px}.duel-enlist small{font-size:calc(15px * var(--ts))}.modal.dcall-check{z-index:85}.dcall-check-box{width:560px;padding:22px 22px 18px;border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(160deg,#781e18fa,#1a0e0cfa 70%);box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2),0 20px 44px #000c,0 0 50px #ffaa4673}.dcall-check-title{font:900 calc(34px * var(--ts)) var(--font-title);color:#ffe3a0;text-shadow:0 2px 0 #000;letter-spacing:.04em}.dcall-check .dcall-avatar{width:72px;height:72px}.dcall-check .dcall-name b{font-size:calc(24px * var(--ts))}.dcall-check .dcall-text{font-size:calc(19px * var(--ts));text-align:center}.dcall-bar{width:100%;height:10px;border-radius:999px;background:#0000008c;overflow:hidden;box-shadow:inset 0 0 0 1px #f3d98c59}.dcall-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffcf6a,#ff8a3c);transform-origin:0 50%}.dcall-bar.run i{transform:scaleX(0);transition:transform var(--ttl) linear}.dcall-actions.center{justify-content:center;gap:16px}.dcall-sign{position:absolute;z-index:55;left:12px;top:150px;display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border:0;border-radius:999px;background:#140c08d1;box-shadow:0 0 0 2px #000,inset 0 0 0 1px var(--gold-2);font:800 calc(13px * var(--ts)) var(--font-body);color:#ffe3a0;cursor:pointer;opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease}.dcall-sign img{width:26px;height:26px}.dcall-sign{min-height:calc(44px / var(--frame-scale));max-width:92%}.dcall-card{max-height:calc(78dvh / var(--frame-scale));overflow-y:auto}#frame .dcall-card .btn,#frame .duel-find>.btn,#frame .tour-bubble .btn{min-height:calc(44px / var(--frame-scale))}#frame .tour-bubble .btn.tour-ok,#frame .tour-bubble .tour-skip{min-height:calc(44px / var(--frame-scale));min-width:calc(44px / var(--frame-scale))}#frame .duel-find>.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;padding-inline:24px}.dcall-sign.show{animation:dcall-blink 2.4s ease-in-out infinite}.dcall-note{position:absolute;z-index:60;left:50%;top:110px;transform:translate(-50%,-20px);max-width:560px;padding:10px 18px;border-radius:14px;background:#140c08f0;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f3d98c8c;font:700 calc(16px * var(--ts)) var(--font-body);color:#f4e6c8;text-align:center;opacity:0;transition:opacity .3s ease,transform .3s ease}.dcall-note.show{transform:translate(-50%)}.duel-rules{width:100%;display:flex;flex-direction:column;gap:6px;padding:0 8px}.duel-rule{display:flex;align-items:baseline;gap:10px;padding:7px 12px;border-radius:12px;background:#00000059;font:600 calc(16px * var(--ts)) var(--font-body);color:var(--parchment-2);line-height:1.25}.duel-rule b{flex:0 0 auto;color:#ffe3a0;font-weight:900}.duel-enlist{padding:2px 0}.seek-horn{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px;padding:8px 12px 10px;border-radius:14px;background:#00000073;box-shadow:inset 0 0 0 1px #f3d98c59;max-width:560px}.seek-horn.gone{display:none}.seek-horn-head{font-size:calc(13px * var(--ts));letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}.seek-horn-faces{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.seek-horn-face{padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.seek-horn-face .dcall-avatar{width:40px;height:40px;box-shadow:0 0 0 2px #000,0 0 0 3px var(--gold-3)}.seek-horn-face.on .dcall-avatar{box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-1, #ffe9a8)}.seek-horn-who{min-height:1.2em;font-size:calc(14px * var(--ts));color:#f4e6c8;text-align:center}.seek-horn-btn{display:inline-flex;align-items:center;gap:6px}.seek-horn-btn img{width:22px;height:22px}.seek-horn.sounded .seek-horn-who{color:#8ef09a;font-weight:800}.dcall-card.horn{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2),0 16px 36px #000000bf,0 0 40px #ffbe508c}.duel-busy{font-size:calc(14px * var(--ts));color:#cdbb96;text-align:center}.duel-busy:empty{display:none}.duel-practice-tag{position:absolute;z-index:30;top:6px;left:50%;transform:translate(-50%);padding:3px 12px;border-radius:999px;background:#14283ce0;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #a0d2ff99;font:800 calc(13px * var(--ts)) var(--font-body);color:#cfe8ff;white-space:nowrap;pointer-events:none}.wait-panel{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.wait-mode{font-size:calc(14px * var(--ts));color:#ffd27a;max-width:520px}.wait-head{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap}.wait-clock{font:900 calc(26px * var(--ts)) var(--font-title);color:#fff}.wait-phase{font-size:calc(15px * var(--ts));color:var(--parchment-2)}.wait-tiers{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.wait-tiers:empty{display:none}.wait-tiers-head{font-size:calc(13px * var(--ts));color:#cdbb96;margin-right:4px}.wait-tier{width:30px;height:30px}.wait-tier.unranked{display:grid;place-items:center;border-radius:50%;background:#00000080;box-shadow:inset 0 0 0 1px #f3d98c66;color:#cdbb96;font-weight:900}.wait-why{font:700 calc(15px * var(--ts)) var(--font-body);color:#8ef09a;text-shadow:0 1px 0 #000;max-width:520px}.wait-why:empty{display:none}.dcall-avatar.anon{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#4a3c2a,#120c08)}.dcall-avatar.anon b{font:900 calc(26px * var(--ts)) var(--font-title);color:var(--gold-2)}.dcall-card.ffa{background:linear-gradient(160deg,#4a2680f7,#120c1ef7 70%);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #cdafff99,0 16px 36px #000000bf,0 0 30px #aa6eff66}.dcall-card.ffa .dcall-kicker{color:#d9c2ff}.dcall-perk.locked{color:#c9b8a0}.btn.dcall-lockbtn{display:inline-flex;align-items:center;gap:8px;filter:grayscale(1) brightness(.75);cursor:not-allowed}.dcall-lock{width:calc(22px * var(--ts));height:calc(22px * var(--ts));border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #2c303a}.btn.dcall-lockbtn.nope{animation:dcall-nope .4s ease}@keyframes dcall-nope{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.screen.home .logo{flex:0 0 auto;height:150px;width:470px;margin-top:0}.screen.home .logo-img{width:auto;height:150px;object-fit:contain}.screen.home .home-online{top:104px}.home-menu-btn{position:absolute;left:18px;top:112px;z-index:4;width:66px;height:66px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 50% 35%,#2e3544,#10131c);box-shadow:0 0 0 3px #2c1c06,0 0 0 5px var(--gold-2),0 6px 12px #000000b3;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.home-menu-btn>i{display:block;width:30px;height:4px;border-radius:2px;background:var(--gold-2);box-shadow:0 1px #000}.home-menu-btn:active{transform:scale(.92)}.home-menu-btn[aria-expanded=true]{box-shadow:0 0 0 3px #2c1c06,0 0 0 5px #fff1c0,0 0 22px #ffc45ab3,0 6px 12px #000000b3}.home-menu-btn .badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:#e5332a;box-shadow:0 0 0 2px #000;font-size:0;animation:menuDot 1.6s ease-in-out infinite}@keyframes menuDot{50%{scale:1.2}}@media(prefers-reduced-motion:reduce){.home-menu-btn .badge{animation:none}}.home-drawer{position:absolute;inset:0;z-index:20;display:none;background:#0405099e}.home-drawer.open{display:block;animation:drawerShade .18s ease-out}@keyframes drawerShade{0%{opacity:0}}.home-drawer-panel{position:absolute;left:16px;top:190px;display:grid;grid-template-columns:repeat(3,128px);justify-items:center;gap:22px 8px;padding:22px 12px 18px;border-radius:22px;background:linear-gradient(180deg,#181c28f7,#080a10f7);box-shadow:inset 0 0 0 1px #d7b45a8c,0 18px 40px #000000b3;animation:drawerIn .2s cubic-bezier(.2,.9,.3,1.2)}@keyframes drawerIn{0%{opacity:0;translate:-10px -14px;scale:.94}}.home-drawer .emblem{position:relative;inset:auto}.home-drawer .socials{width:auto;height:auto}.home-drawer .socials-dial{position:relative;left:auto;bottom:auto}.home-drawer .socials-list{bottom:calc(100% + 8px)}.home-offer{position:relative;z-index:2;flex:0 0 auto;width:640px;margin:4px auto 0}.ho-track{display:flex;transition:transform .45s cubic-bezier(.3,.8,.3,1)}.home-offer{overflow:hidden;border-radius:18px;padding-bottom:2px}.ho-slide{flex:0 0 100%;min-width:100%}.home-offer .finale-card{margin:0;max-width:none;animation:none}.ho-slide:not(.finale-card){display:flex;flex-direction:column;gap:6px;padding:10px 14px 12px;border-radius:18px;text-align:left;cursor:pointer;background:linear-gradient(180deg,#381e0ae6,#0e0a14eb);border:2px solid #f0bd5a;box-shadow:inset 0 0 24px #ffaa3c2e}.ho-pass:not(.finale-card){background:linear-gradient(180deg,#281646e6,#0c0816eb);border-color:#b48cff}.ho-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ho-kicker{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.16em;text-transform:uppercase;color:#ffd9a0;text-shadow:0 1px 0 #000}.ho-head .bundle-clock{margin:0}.ho-body{display:flex;align-items:center;gap:14px}.ho-art{width:104px;height:78px;flex:0 0 auto;border-radius:10px;object-fit:cover;box-shadow:0 0 0 2px #000,0 0 0 3px #f0bd5a99}.ho-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ho-name{font:900 calc(22px * var(--ts))/1.1 var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.ho-items{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:#f4ead2;text-shadow:0 1px 2px #000}.ho-items b{color:#ffd77a}.ho-buy{flex:0 0 auto;min-width:0;padding:10px 16px;flex-direction:column;gap:0}.ho-buy .bundle-prices{display:flex;flex-direction:column;align-items:center;line-height:1.1}.ho-dots{display:flex;flex-wrap:wrap;justify-content:center}.ho-dot{flex:none;display:flex;align-items:center;justify-content:center;width:calc(44px / var(--frame-scale, 1));height:calc(44px / var(--frame-scale, 1));padding:0;border:0;background:transparent}.ho-dot:after{content:"";width:16px;max-width:calc(100% - 4px);height:10px;border-radius:5px;background:#f0bd5a73;box-shadow:0 0 0 2px #0009;transition:width .2s ease,background .2s ease}.ho-dot.on:after{width:36px;background:var(--gold-2)}.ho-dots:empty{display:none}#frame .ho-dot{pointer-events:auto}.ho-slide.ho-event{justify-content:center;background:linear-gradient(160deg,#243c44,#101823);border-color:#94bcbc}.ho-event .ho-art{object-fit:contain}.home-duels{position:relative;flex:0 0 auto;width:640px;margin:8px auto 0;padding:4px 8px 4px 16px;display:flex;align-items:center;gap:12px;color:#ffe5ab;background:#171c26;border:1px solid #9a7742;border-radius:14px}.home-duels[hidden]{display:none}.home-duels>span{flex:1;min-width:0;font:700 calc(20px * var(--ts))/1.15 var(--font-body)}#frame .home-duels>.btn{max-width:52%;min-height:calc(44px / var(--frame-scale));padding:4px 16px;font-size:calc(20px * var(--ts));white-space:normal}.home-tiles{position:relative;z-index:2;flex:0 0 auto;display:flex;justify-content:center;gap:14px;margin-top:12px}.home-tiles .emblem{position:relative;left:auto;right:auto;top:auto;width:140px;padding:8px 4px 10px;border-radius:18px;background:linear-gradient(180deg,#181c28d1,#080a10e0);box-shadow:inset 0 0 0 1px #d7b45a73,0 8px 18px #0000008c}.home-tiles .emblem:before{display:none}.home-tiles .emblem-art{width:80px;height:72px}.home-tiles .pass-float .emblem-art{width:60px;height:72px}.home-tiles .shop-float{isolation:isolate;box-shadow:inset 0 0 0 2px #ffd66ed9,0 8px 18px #0000008c}.shop-float .emblem-art{animation:shopHop 3.4s ease-in-out infinite}.shop-float .emblem-label{position:relative;color:#ffe08a}.shop-halo{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 26px 7px #ffbe46e6;animation:shopBreathe 1.7s ease-in-out infinite}.shop-sheen{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.shop-sheen:before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:46px;rotate:18deg;background:linear-gradient(90deg,#fff4c800,#fff4c899,#fff4c800);animation:shopSheen 3.4s ease-in-out infinite}.shop-rays{position:absolute;left:50%;top:44%;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(#ffd66e8c 0 14deg,#ffd66e00 14deg 45deg);-webkit-mask-image:radial-gradient(closest-side,#000 25%,transparent);mask-image:radial-gradient(closest-side,#000 25%,transparent);animation:shopRays 12s linear infinite}.shop-fire{position:absolute;left:12%;right:12%;top:14%;height:46%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side,#ffe282f2,#ffa02859 60%,#ff962800);animation:shopBreathe 1.7s ease-in-out infinite}.shop-gem{position:absolute;width:22px;height:20px;pointer-events:none;filter:drop-shadow(0 0 4px var(--glow)) drop-shadow(0 2px 1px rgba(0,0,0,.7))}.shop-gem:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 100%,0 36%,22% 0,78% 0,100% 36%);background:linear-gradient(180deg,#ffffffd9 0 12%,#ffffff1a 36%,#fff0 36%),conic-gradient(from 150deg at 50% 36%,var(--dark) 0 20deg,var(--mid) 20deg 40deg,var(--light) 40deg 60deg,var(--mid) 60deg 180deg,var(--dark) 180deg 240deg,var(--light) 240deg 300deg,var(--mid) 300deg)}.shop-gem.ruby{--light: #ff8d9a;--mid: #ee2240;--dark: #8e0a22;--glow: #ff4560;left:-10px;top:2px;rotate:-16deg;animation:shopFloat 2.3s ease-in-out infinite}.shop-gem.sapphire{--light: #9dd2ff;--mid: #2a7cf0;--dark: #0f3a96;--glow: #58a6ff;left:29px;top:-13px;animation:shopFloat 2.7s ease-in-out -.9s infinite}.shop-gem.emerald{--light: #a8ffc4;--mid: #1fc463;--dark: #0a6a34;--glow: #4cf08e;right:-10px;top:4px;rotate:16deg;animation:shopFloat 2.5s ease-in-out -1.5s infinite}.shop-gem.amethyst,.shop-gem.diamond{left:29px;top:24px;width:18px;height:16px;opacity:0}.shop-gem.amethyst{--light: #e6b8ff;--mid: #a04cf0;--dark: #561a96;--glow: #c47cff;--to-x: -46px;--to-y: -30px;animation:shopLeap 3.4s ease-out infinite}.shop-gem.diamond{--light: #ffffff;--mid: #bdeeff;--dark: #6fb6d8;--glow: #d8f6ff;--to-x: 44px;--to-y: -34px;animation:shopLeap 3.4s ease-out -1.7s infinite}.shop-twinkle{position:absolute;width:18px;height:18px;pointer-events:none;scale:0;clip-path:polygon(50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0 50%,44% 44%);background:radial-gradient(closest-side,#fff,#fff2b8);animation:shopTwinkle 2.2s ease-in-out infinite}.shop-twinkle.t1{left:2px;top:-8px}.shop-twinkle.t2{right:0;top:-12px;animation-delay:-.6s}.shop-twinkle.t3{left:12px;top:34px;animation-delay:-1.2s}.shop-twinkle.t4{right:8px;top:40px;animation-delay:-1.7s}@keyframes shopBreathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes shopHop{0%,72%,to{transform:none}78%{transform:translateY(-7px) rotate(-5deg)}84%{transform:translateY(0) rotate(4deg)}90%{transform:translateY(-3px) rotate(-2deg)}96%{transform:none}}@keyframes shopSheen{0%,55%{transform:translate(-70px)}to{transform:translate(190px)}}@keyframes shopRays{to{rotate:360deg}}@keyframes shopFloat{0%,to{transform:translateY(2px) rotate(-5deg)}50%{transform:translateY(-4px) rotate(5deg)}}@keyframes shopLeap{0%,40%{opacity:0;transform:translate(0) scale(.4) rotate(0)}50%{opacity:1;transform:translate(calc(var(--to-x) * .5),calc(var(--to-y) * 1.1)) scale(1) rotate(120deg)}75%{opacity:1;transform:translate(var(--to-x),var(--to-y)) scale(1) rotate(240deg)}to{opacity:0;transform:translate(calc(var(--to-x) * 1.2),calc(var(--to-y) * .4)) scale(.7) rotate(360deg)}}@keyframes shopTwinkle{0%,55%,to{scale:0;rotate:0deg}75%{scale:1;rotate:45deg}}@media(prefers-reduced-motion:reduce){.shop-float .emblem-art,.shop-halo,.shop-sheen:before,.shop-rays,.shop-fire,.shop-gem,.shop-twinkle{animation:none}.shop-halo{opacity:.75}.shop-sheen:before,.shop-gem.amethyst,.shop-gem.diamond{display:none}.shop-twinkle.t1,.shop-twinkle.t4{scale:.8}}.tile-bar{position:relative;display:block;width:100px;height:8px;margin-top:6px;border-radius:4px;background:#0009;box-shadow:0 0 0 1px #b48cff80;overflow:hidden}.tile-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#8a5cff,#d9b8ff)}.home-hero-rank{display:flex;align-items:center;gap:10px;margin-top:6px}.home-hero-rank em{font:900 calc(20px * var(--ts)) var(--font-body);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#9dff9a}.home-hero-bar{position:relative;flex:0 1 180px;height:8px;border-radius:4px;background:#0009;box-shadow:0 0 0 1px #9dff9a66;overflow:hidden}.home-hero-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#3fa650,#9dff9a)}.ho-season{display:grid;justify-items:center;align-content:center;gap:2px;text-align:center;background:linear-gradient(180deg,#281646e6,#0c0816eb);border-color:#b48cff}.ho-season-clock{font:900 calc(26px * var(--ts))/1.1 var(--font-title);color:var(--gold-2);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #000}.bug-float{left:4px;top:486px}.bug-float .emblem-art{width:76px;height:84px}.bug-float .emblem-label{max-width:96px;white-space:normal;text-align:center;line-height:1.05}.bug-panel{width:560px;max-width:calc(100% - 32px);gap:18px}.bug-head-art{position:absolute;left:-18px;top:-50px;width:92px;height:96px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.8))}.bug-text{margin:8px 6px 0;font:700 calc(19px * var(--ts)) / 1.4 var(--font-body);color:var(--parchment-2);text-align:center}.bug-go{align-self:center;min-width:260px;text-decoration:none}.pause .bug-modal{z-index:5}.keep-page{position:absolute;inset:0;z-index:0}.keep-stage{position:absolute;inset:0;overflow:hidden;touch-action:none}.keep-stage canvas{width:100%;height:100%;display:block}.keep-tag{position:absolute;z-index:2;left:24px;top:104px;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;border-radius:12px;background:#785014d9;box-shadow:inset 0 0 0 1px #ffc86480;color:#ffe7b8;font:800 calc(20px * var(--ts)) var(--font-body)}.keep-info{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#ffe7b8eb;color:#4a300a;font:900 calc(20px * var(--ts)) Georgia,serif;font-style:italic;cursor:pointer}.keep-about{position:absolute;z-index:4;left:24px;right:24px;top:162px;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.keep-about.hidden{display:none}.keep-heroes{position:static;flex:0 0 auto}.keep-rule{height:2px;margin:2px 0;background:#ffdc9640}.keep-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.keep-about-line{font:700 calc(20px * var(--ts)) var(--font-body);color:#f4e9d2}.keep-stat{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font:700 calc(20px * var(--ts)) var(--font-body);color:#c9bda4}.keep-stat b{color:#f4e9d2;font-size:calc(20px * var(--ts));white-space:nowrap}.keep-stat.long b{font-size:calc(20px * var(--ts));white-space:normal;text-align:right}.keep-stat i{font-style:normal;color:#c9bda4}.keep-stat em{font-style:normal;color:#9be05a}.keep-hero{display:flex;align-items:center;gap:12px}.keep-hero-face{flex:0 0 auto;pointer-events:none}.keep-hero-who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.keep-hero-who small{font:800 calc(20px * var(--ts)) var(--font-body);color:#ffd479}.keep-hero-who b{font:800 calc(20px * var(--ts)) var(--font-body);color:#f4e9d2}.keep-change{flex:0 0 auto;padding:8px 14px;border:0;border-radius:10px;background:#ffdc9624;box-shadow:inset 0 0 0 1px #ffdc9659;color:#ffe7b8;font:800 calc(20px * var(--ts)) var(--font-body);cursor:pointer}.keep-time{flex:0 0 auto;align-self:center;min-width:54px;font:800 calc(20px * var(--ts)) var(--font-body);color:#c9bda4}.keep-coin{width:24px;height:24px;object-fit:contain;margin-right:6px;vertical-align:middle}.keep-pay .btn{display:flex;align-items:center;justify-content:center}.keep-name small{margin-left:8px;font:700 calc(20px * var(--ts)) var(--font-body);color:#c9bda4}.keep-detail.hidden{display:none}.keep-detail{max-height:56%;overflow-y:auto}.keep-detail{position:absolute;z-index:3;left:24px;right:24px;bottom:310px;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.keep-name{font:900 calc(20px * var(--ts)) var(--font-body);color:#ffe7b8}.keep-note{font:600 calc(20px * var(--ts)) var(--font-body);color:#c9bda4}.keep-timer{font:800 calc(20px * var(--ts)) var(--font-body);color:#ffd479}.keep-pay{display:flex;gap:10px}.keep-pay .btn{flex:1 1 0}.keep-door{align-self:stretch}.keep-visit{padding:0;display:block}.keep-visit .topbar{position:absolute;left:0;right:0;top:0;z-index:2}.wd-keep{display:flex;align-items:center;gap:14px;width:100%;padding:10px 16px;border:0;border-radius:14px;background:linear-gradient(180deg,#181e1aeb,#0a0e0cf0);box-shadow:inset 0 0 0 1px #ffdc964d;color:#f4e9d2;cursor:pointer}.wd-keep:empty{display:none}.wd-keep img{width:96px;height:76px;object-fit:contain}.wd-keep-text{flex:1 1 auto;display:flex;flex-direction:column;text-align:left}.wd-keep-text b{font:900 calc(20px * var(--ts)) var(--font-body);color:#ffe7b8}.wd-keep-text span{font:700 calc(20px * var(--ts)) var(--font-body);color:#c9bda4}.wd-keep-go{padding:8px 16px;border-radius:10px;background:#785014d9;color:#ffe7b8;font:800 calc(20px * var(--ts)) var(--font-body)}.ks{position:absolute;z-index:20;left:0;right:0;bottom:calc(-1 * var(--safe-bottom));max-height:80%;display:flex;flex-direction:column;gap:18px;padding:8px 28px calc(28px + var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:36px 36px 0 0;background:linear-gradient(180deg,#232a35,#12161e 60%);box-shadow:0 -12px 44px #000000a6,inset 0 2px #ffe1a547;animation:ksRise .24s cubic-bezier(.2,.9,.3,1.05);transition:transform .24s cubic-bezier(.2,.85,.3,1);will-change:transform}.ks,.keep-detail,.ks-list{scrollbar-width:none}.ks::-webkit-scrollbar,.keep-detail::-webkit-scrollbar,.ks-list::-webkit-scrollbar{display:none}.ks.dragging{transition:none}.ks.min{overflow:hidden}.ks.min .ks-about{display:none}.ks-drag{touch-action:none;cursor:grab;user-select:none}.ks-x{flex:0 0 auto;position:relative;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:#ffe1a521;box-shadow:inset 0 0 0 2px #ffe1a559;cursor:pointer}.ks-x:before,.ks-x:after{content:"";position:absolute;left:19px;right:19px;top:30px;height:4px;border-radius:2px;background:#ffe7b8;transform:rotate(45deg)}.ks-x:after{transform:rotate(-45deg)}.ks.hidden{display:none}@keyframes ksRise{0%{transform:translateY(100%)}to{transform:none}}.ks-grab{flex:0 0 auto;align-self:stretch;height:44px;margin:-8px -28px 0;display:grid;place-items:center}.ks-grab i{width:92px;height:8px;border-radius:4px;background:#ffe1a566}.ks-head{flex:0 0 auto;display:flex;align-items:flex-start;gap:14px}.ks-head-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.ks-title{font:900 calc(38px * var(--ts)) var(--font-body);color:#ffe7b8}.ks-about{font:600 calc(25px * var(--ts))/1.3 var(--font-body);color:#d9cfbb}.ks-soon{align-self:flex-start;padding:6px 16px;border-radius:99px;background:#ffc86424;color:#ffd479;font:700 calc(20px * var(--ts)) var(--font-body)}.ks-pips{display:flex;gap:8px}.ks-pips i{width:34px;height:12px;border-radius:6px;background:#ffffff21}.ks-pips i.on{background:linear-gradient(180deg,#ffe08a,#e0a12f);box-shadow:0 0 10px #ffc85a8c}.ks-pill{flex:0 0 auto;min-height:64px;padding:0 26px;border:0;border-radius:32px;background:#ffe1a521;box-shadow:inset 0 0 0 2px #ffe1a559;color:#ffe7b8;font:800 calc(24px * var(--ts)) var(--font-body);cursor:pointer}.ks-pill:active,.ks-pay:active,.ks-card:active,.ks-build:active{transform:scale(.97)}.ks-tabs{flex:0 0 auto;display:flex;gap:6px;padding:6px;border-radius:22px;background:#00000061}.ks-tab{flex:1 1 0;min-width:0;min-height:72px;padding:6px 10px;border:0;border-radius:17px;background:none;color:#a89e8c;font:800 calc(24px * var(--ts)) var(--font-body);cursor:pointer}.ks-tab.on{background:linear-gradient(180deg,#4a4030,#2f2a22);box-shadow:inset 0 0 0 2px #ffd78280;color:#ffe7b8}.ks-body{display:flex;flex-direction:column;gap:16px}.ks-show{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px;border-radius:24px;background:radial-gradient(70% 80% at 50% 62%,#ffd2782b,#0000004d)}.ks-art{height:170px;width:auto;aspect-ratio:1;max-width:230px;flex:0 0 auto;background-repeat:no-repeat;background-position:0 0}.ks-art.next{height:200px;max-width:270px;filter:drop-shadow(0 0 16px rgba(255,215,120,.55))}.ks-arrow{flex:0 0 auto;width:0;height:0;border-left:26px solid #9be05a;border-top:18px solid transparent;border-bottom:18px solid transparent}.ks-icon{display:inline-block;flex:0 0 auto;width:44px;height:44px;background:center / contain no-repeat}.ks-stat{display:flex;align-items:center;gap:14px;min-height:84px;padding:10px 22px;border-radius:20px;background:#ffffff0f}.ks-stat-name{flex:1 1 auto;min-width:0;font:700 calc(25px * var(--ts)) var(--font-body);color:#d9cfbb}.ks-stat-value{flex:0 0 auto;display:flex;align-items:center;gap:12px;font:900 calc(32px * var(--ts)) var(--font-body)}.ks-stat-value b{color:#f4e9d2}.ks-stat-value em{padding:2px 14px;border-radius:12px;background:#87d7462b;color:#a8ec66;font-style:normal}.ks-stat-value u{width:0;height:0;border-left:15px solid #a89e8c;border-top:10px solid transparent;border-bottom:10px solid transparent}.ks-stat.long{flex-wrap:wrap}.ks-stat.long .ks-stat-value{flex:1 1 100%;font-size:calc(24px * var(--ts))}.ks-time{display:flex;align-items:center;justify-content:center;gap:8px;font:800 calc(26px * var(--ts)) var(--font-body);color:#d9cfbb}.ks-time .ks-icon{width:34px;height:34px}.ks-buy{display:flex;gap:14px}.ks-pay{flex:1 1 0;min-width:0;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;border:0;border-radius:26px;cursor:pointer}.ks-pay.gold{background:linear-gradient(180deg,#ffc74f,#d98310);box-shadow:inset 0 2px #ffffff8c,0 7px #8a4f07;color:#3f2204}.ks-pay.crowns{background:linear-gradient(180deg,#8c62e8,#5a35b4);box-shadow:inset 0 2px #fff6,0 7px #38207a;color:#fff}.ks-pay-label{font:800 calc(23px * var(--ts)) var(--font-body)}.ks-pay-price{display:flex;align-items:center;gap:8px;font:900 calc(32px * var(--ts)) var(--font-body)}.ks-pay-price .ks-icon{width:38px;height:38px}.ks-go{min-height:96px}.ks-pay.stop{background:linear-gradient(180deg,#d9574a,#a02a20);box-shadow:inset 0 2px #ffffff59,0 7px #641710;color:#fff}.ks-pay.stay{background:#ffffff1a;box-shadow:inset 0 0 0 2px #ffe1a559;color:#ffe7b8}.ks-cancel{align-self:center;min-height:64px;padding:0 26px;border:0;background:none;color:#e39a90;font:800 calc(24px * var(--ts)) var(--font-body);text-decoration:underline;cursor:pointer}.ks-progress{position:relative;height:60px;overflow:hidden;border-radius:30px;background:#00000080;box-shadow:inset 0 0 0 2px #ffe1a540}.ks-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#a8ec66,#5fae25);transition:width .9s linear}.ks-progress span{position:absolute;inset:0;display:grid;place-items:center;font:900 calc(28px * var(--ts)) var(--font-body);color:#fff;text-shadow:0 2px 3px #000}.ks-max{padding:22px;border-radius:20px;background:#ffcd641f;text-align:center;color:#ffd479;font:900 calc(28px * var(--ts)) var(--font-body)}.ks-blocked{display:flex;align-items:center;gap:14px;width:100%;min-height:88px;padding:12px 22px;border:0;border-radius:20px;background:#ffffff0f;box-shadow:inset 0 0 0 2px #ffe1a533;color:#f4e9d2;font:700 calc(25px * var(--ts)) var(--font-body);text-align:left;cursor:pointer}.ks-blocked span{flex:1 1 auto;min-width:0}.ks-chevron{flex:0 0 auto;width:18px;height:18px;border-top:5px solid #ffd479;border-right:5px solid #ffd479;transform:rotate(45deg)}.ks-hero{display:flex;align-items:center;gap:18px;padding:14px;border-radius:24px;background:#ffffff0f}.ks-portrait{flex:0 0 auto;width:112px;height:112px;overflow:hidden;border-radius:50%;background:#1a1d26;box-shadow:0 0 0 3px #ffd782b3}.ks-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.ks-hero-who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}.ks-hero-who b{font:900 calc(30px * var(--ts)) var(--font-body);color:#f4e9d2}.ks-picker{display:flex;gap:14px;padding:6px 4px 12px;overflow-x:auto;scrollbar-width:none}.ks-picker::-webkit-scrollbar{display:none}.ks-chip{flex:0 0 auto;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;opacity:.8}.ks-chip .ks-portrait{width:96px;height:96px;box-shadow:0 0 0 2px #ffffff40}.ks-chip.on{opacity:1}.ks-chip.on .ks-portrait{box-shadow:0 0 0 5px #ffd479}.ks-list{display:flex;flex-direction:column;gap:10px}.ks-card{display:flex;align-items:center;gap:16px;width:100%;min-height:112px;padding:8px 18px 8px 8px;border:0;border-radius:22px;background:#ffffff0f;color:#f4e9d2;text-align:left;cursor:pointer}.ks-card .ks-art{height:92px;max-width:110px}.ks-card .ks-art-shut{width:92px;height:88px;display:grid;place-items:center;border-radius:16px;background:#00000059}.ks-card.shut{opacity:.62}.ks-card-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.ks-card-text b{font:900 calc(27px * var(--ts)) var(--font-body);color:#ffe7b8}.ks-card-text span{font:600 calc(21px * var(--ts))/1.2 var(--font-body);color:#bfb5a2}.ks-card-side{flex:0 0 auto}.ks-card-side .ks-pips i{width:15px;height:15px;border-radius:50%}.ks-card-side small{font:800 calc(21px * var(--ts)) var(--font-body);color:#c9bda4}.ks-card-side small.doing{color:#a8ec66}.ks-build{position:absolute;z-index:5;right:24px;bottom:300px;display:flex;align-items:center;gap:10px;min-height:92px;padding:0 30px 0 20px;border:0;border-radius:46px;background:linear-gradient(180deg,#ffc74f,#d98310);box-shadow:inset 0 2px #ffffff8c,0 7px #8a4f07,0 12px 22px #00000080;color:#3f2204;font:900 calc(29px * var(--ts)) var(--font-body);cursor:pointer}.ks-build.hidden{display:none}.ks-build .ks-icon{width:52px;height:52px}.season-panel{gap:12px}.season-panel .ribbon{box-sizing:border-box;max-width:100%;padding:12px 48px 14px;text-align:center;white-space:normal;font-size:calc(22px * var(--ts));line-height:1.15;text-wrap:balance}.season-art{position:relative;width:260px;height:250px;display:grid;place-items:center}.season-art:before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.55),rgba(255,160,50,.16) 55%,transparent 72%);animation:giftPulse 2.4s ease-in-out infinite}.season-rays{position:absolute;inset:-8%;border-radius:50%;background:repeating-conic-gradient(rgba(255,214,120,.22) 0 9deg,transparent 9deg 30deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);animation:giftSpin 20s linear infinite}.season-wreath{position:relative;width:238px;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.65));animation:giftFloat 3.2s ease-in-out infinite}.season-place{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.season-nth{font:900 calc(46px * var(--tsb))/1 var(--font-deco);color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 22px rgba(255,190,90,.55)}.season-wardens{font:600 calc(14px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2);letter-spacing:.04em}.season-text{max-width:470px;text-align:center;font:600 calc(18px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.season-text b{color:var(--gold-2)}.season-text .cur-icon{width:22px;height:22px;vertical-align:-4px}.season-sub{max-width:450px;text-align:center;font:italic calc(15px * var(--ts))/1.4 var(--font-lore);color:var(--parchment-2)}.season-art.emblem{width:220px;height:200px}.season-emblem{position:relative;width:168px;height:168px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.65));animation:giftFloat 3.2s ease-in-out infinite}.season-loot{display:flex;justify-content:center;align-items:flex-start;gap:10px;flex-wrap:wrap;max-width:470px}.season-loot-tile{width:118px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border-radius:12px;background:#ffdc9612;border:1px solid rgba(255,210,130,.35);font:700 calc(13px * var(--ts))/1.25 var(--font-body);color:var(--parchment);text-align:center}.season-loot-tile>img{width:64px;height:64px;object-fit:contain}.season-loot-tile .season-loot-frame{margin:10px 0}.season-loot-frame .rank-portrait{width:44px;height:44px}.season-loot-pack{position:relative;width:64px;height:64px;display:grid;place-items:center}.season-loot-pack img{height:64px;width:auto}.season-loot-pack b{position:absolute;right:-8px;bottom:-4px;font:900 calc(16px * var(--ts))/1 var(--font-title);color:#fff3cf;text-shadow:0 2px 0 #000,0 0 8px rgba(0,0,0,.8)}.snew-art{height:210px}.snew-name{font-size:calc(34px * var(--tsb))}.snew-name.short{font-size:calc(54px * var(--tsb))}.snew-name.long{font-size:calc(24px * var(--tsb))}.snew-cols{display:flex;gap:10px;width:100%;max-width:470px}.snew-col{flex:1 1 0;min-width:0;padding:8px 10px 9px;border-radius:10px;border:1px solid rgba(255,214,120,.22);background:#0e0a186b}.snew-col b{display:block;margin-bottom:4px;font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase}.snew-col.reset b{color:#ff9a86}.snew-col.keep b{color:#9dff9a}.snew-col ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}.snew-col li{position:relative;padding-left:14px;font:600 calc(14px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.snew-col li:before{content:"";position:absolute;left:1px;top:.5em;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}.snew-col.reset li:before{color:#ff9a86}.snew-col.keep li:before{color:#9dff9a}.snew-carried{max-width:470px;text-align:center;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,214,120,.35);background:#ffbe5a17;font:600 calc(14px * var(--ts))/1.4 var(--font-body);color:var(--gold-2)}.cc-tabs .cc-tab{padding:10px 16px;font-size:calc(20px * var(--ts))}.cb{display:flex;flex-direction:column;align-items:center;gap:12px}.cb-rarities{width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding-top:8px}.cb-rarity{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:76px;padding:7px 3px 6px;border-radius:10px;color:var(--rarity);background:#00000080;box-shadow:inset 0 0 0 1px var(--rarity);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 40%,transparent);transition:transform .15s ease,box-shadow .15s ease}.cb-rarity.active{background:#000000a6;background:color-mix(in srgb,var(--rarity) 22%,rgba(0,0,0,.65));box-shadow:inset 0 0 0 2px var(--rarity),0 0 14px var(--rarity);box-shadow:inset 0 0 0 2px var(--rarity),0 0 14px color-mix(in srgb,var(--rarity) 45%,transparent);transform:translateY(-3px)}.cb-rarity.none:not(.active){filter:saturate(.35) brightness(.7)}.cb-stars{font-size:calc(20px * var(--ts));line-height:1;letter-spacing:-.06em;white-space:nowrap;text-shadow:0 1px 0 #000}.cb-rname{max-width:100%;font:800 calc(20px * var(--ts))/1.1 var(--font-body);text-align:center;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 1px 0 #000}.cb-gold{display:inline-flex;align-items:center;gap:3px;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--gold-2);text-shadow:0 1px 0 #000}.cb-coin{width:15px;height:15px;object-fit:contain}.cb-count{position:absolute;top:-8px;right:-3px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;font:900 calc(20px * var(--ts))/21px var(--font-body);color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 0 0 2px #000}.cb-ring{position:relative;flex:none;width:600px;height:560px}.cb-ring:before{content:"";position:absolute;left:50%;top:50%;width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;background:radial-gradient(circle,rgba(255,130,50,.38) 0%,rgba(140,40,20,.26) 42%,transparent 70%);background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 28%,rgba(255,130,50,.38)) 0%,rgba(140,40,20,.26) 42%,transparent 70%);box-shadow:inset 0 0 0 3px #d7b45a38}.cb-ring:after{content:"";position:absolute;left:50%;top:50%;width:310px;height:310px;margin:-155px 0 0 -155px;border-radius:50%;border:2px dashed var(--rarity);border:2px dashed color-mix(in srgb,var(--rarity) 55%,rgba(255,215,130,.6));animation:cbSpin 48s linear infinite}@keyframes cbSpin{to{rotate:360deg}}.cb-core{position:absolute;left:50%;top:50%;z-index:2;width:170px;height:170px;margin:-85px 0 0 -85px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:radial-gradient(circle at 50% 36%,#6a4418,#1c0f06 72%);box-shadow:0 0 0 3px #000,0 0 0 7px var(--rarity),0 0 44px #ffaa3ca6;box-shadow:0 0 0 3px #000,0 0 0 7px color-mix(in srgb,var(--rarity) 65%,var(--gold)),0 0 44px color-mix(in srgb,var(--rarity) 45%,rgba(255,170,60,.65))}.cb-core-coin{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 6px #000)}.cb-core-gold{font:900 calc(28px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.cb-core-stars{font-size:calc(20px * var(--ts));letter-spacing:-.04em;color:var(--rarity);text-shadow:0 1px 0 #000}.cb-core.flare{animation:cbFlare .9s cubic-bezier(.2,.9,.3,1.3)}@keyframes cbFlare{0%{transform:scale(.72);filter:brightness(2.4)}60%{transform:scale(1.12)}to{transform:none;filter:none}}.cb-slot{position:absolute;z-index:1;width:112px;height:157px;margin:-79px 0 0 -56px;border-radius:12px;background:linear-gradient(180deg,#2c2f38,#121318);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #d7b45a4d,0 8px 18px #0009}.cb-slot.s0{left:165px;top:100px}.cb-slot.s1{left:435px;top:100px}.cb-slot.s2{left:80px;top:280px}.cb-slot.s3{left:520px;top:280px}.cb-slot.s4{left:165px;top:460px}.cb-slot.s5{left:435px;top:460px}@media(hover:hover){.cb-slot:not(.filled):hover{box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2),0 0 18px #ffc86459}}.cb-plus:before,.cb-plus:after{content:"";position:absolute;left:50%;top:50%;width:38px;height:5px;border-radius:3px;background:#d7c8aa8c;transform:translate(-50%,-50%)}.cb-plus:after{transform:translate(-50%,-50%) rotate(90deg)}.cb-slot.filled{background:none;box-shadow:none}.cb-slot .rcard{position:absolute;left:0;top:0;transform:scale(.5);transform-origin:0 0;animation:none}@media(hover:hover){.cb-slot .rcard:hover{position:absolute;left:0;top:0;transform:scale(.5);transform-origin:0 0;animation:none}}body:not(.has-frames) .cb-slot .rcard{transform:scale(.4875)}@media(hover:hover){body:not(.has-frames) .cb-slot .rcard:hover{transform:scale(.4875)}}.cb-slot .rcard-text,.cb-slot .rcard-stars,.cb-slot .rcard-kind,.cb-slot .rcard-rarity,.cb-slot .rcard-name{display:none}@media(hover:hover){.cb-slot.filled:hover .rcard{box-shadow:var(--card-ring),0 0 30px var(--rarity);box-shadow:var(--card-ring),0 0 30px color-mix(in srgb,var(--rarity) 80%,transparent)}}.cb-slot-hero{position:absolute;left:50%;bottom:-12px;z-index:6;max-width:132px;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%);padding:3px 9px;border-radius:10px;white-space:nowrap;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-2);background:#262b36;box-shadow:0 0 0 2px #000}.cb-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.cb-check{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:10px;background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a40;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment);cursor:pointer}.cb-check input{width:22px;height:22px;margin:0;accent-color:var(--gold)}.cb-clear{width:46px;height:46px;border-radius:12px}.cb-clear i{width:20px;height:20px;border:4px solid var(--gold-2);border-right-color:transparent;border-radius:50%}.cb-go{min-width:320px}.cb-hint{min-height:20px;font:500 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);text-align:center}.cb-pick{width:660px;max-height:90%;display:flex;flex-direction:column;align-items:center;gap:12px;animation:popIn .35s cubic-bezier(.2,.9,.3,1.3)}.cb-pick .ribbon{margin-top:-62px}.cb-pick-grid{display:grid;grid-template-columns:repeat(3,160px);justify-content:center;gap:30px 18px;width:100%;max-height:900px;padding:8px 4px 24px;overflow-y:auto;scrollbar-width:thin}.mk{display:flex;flex-direction:column;gap:12px}.mk-seg{align-self:center;display:flex;gap:4px;padding:4px;border-radius:12px;background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a40}.mk-seg-btn{padding:8px 18px;border-radius:9px;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-2)}.mk-seg-btn.active{color:#fff;background:linear-gradient(180deg,#7a68b0,#3b3160);box-shadow:0 2px 6px #00000080}.mk-view{display:flex;flex-direction:column;gap:10px}.mk-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.mk-chips{display:flex;flex-wrap:wrap;gap:6px}.mk-rarities{justify-content:center}.mk-chip{min-height:36px;padding:6px 13px;border-radius:18px;white-space:nowrap;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);background:#00000080;box-shadow:inset 0 0 0 1px #d7b45a4d}.mk-chip.active{color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 2px 6px #00000080}.mk-chip.mk-r{min-width:50px;color:var(--rarity);box-shadow:inset 0 0 0 1px var(--rarity);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 50%,transparent)}.mk-chip.mk-r.active{color:#120c06;background:var(--rarity)}.mk-sort:before{content:"⇅";margin-right:6px;color:var(--gold-2)}.mk-total{text-align:center;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.mk-status{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;text-align:center;font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2)}.mk-grid{gap:22px 10px;padding-top:12px;transition:opacity .2s ease}.mk-grid.stale{opacity:.5;pointer-events:none}.mk-item{display:flex;flex-direction:column;align-items:center;gap:20px;width:160px;cursor:pointer}.mk-price-tag{color:#fff;background:linear-gradient(180deg,#7a68b0,#3b3160);font-size:calc(20px * var(--ts));letter-spacing:.02em}.mk-price-tag .cur-icon{width:17px;height:17px;vertical-align:-3px}.mk-price-tag.gold{color:#2a1a00;background:linear-gradient(180deg,#ffd978,#c98f26)}.mk-currencies{justify-content:center}.mk-currencies .cur-icon,.mk-sell-for .cur-icon{width:15px;height:15px;vertical-align:-2px}.mk-sort-note{text-align:center;font-size:calc(20px * var(--ts));color:var(--parchment-2);opacity:.8}.mk-sell-for{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.mk-sell-for .mk-seg-btn{padding:7px 12px;letter-spacing:.04em}.mk-range .cur-icon{width:15px;height:15px;vertical-align:-2px}.mk-yours{position:absolute;left:50%;top:-9px;z-index:6;transform:translate(-50%);padding:3px 10px;border-radius:10px;white-space:nowrap;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 0 0 2px #000}.mk-who{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;text-align:center}.mk-who b{font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--hc);color:color-mix(in srgb,var(--hc) 60%,#fff);text-shadow:0 1px 0 #000}.mk-who span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.mk-who .weekly-card-marker{position:static;color:var(--forecast-ink);border-radius:5px;padding:0 5px}.mk-detail:has(>.weekly-review-button) .cc-big .weekly-card-marker{display:none}.mk-detail>.weekly-review-button{align-self:center;min-width:calc(44px / var(--frame-scale));min-height:calc(44px / var(--frame-scale))}.mk-pager{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 0 12px}.mk-page{min-width:150px;text-align:center;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.mk-pager .icon-btn{width:54px;height:54px;border-radius:14px}.mk-pager .icon-btn.disabled{opacity:.35;pointer-events:none}.mk-pager i{width:16px;height:16px;border-left:4px solid var(--gold-2);border-bottom:4px solid var(--gold-2);transform:rotate(45deg) translate(3px,-3px)}.mk-pager .mk-next i{transform:rotate(-135deg) translate(3px,-3px)}.mk-detail .ribbon{max-width:calc(100% - 80px);padding:10px 40px 12px;font-size:calc(22px * var(--ts));letter-spacing:.08em}.mk-detail .ribbon span{display:block;white-space:normal;text-align:center}.mk-detail .cc-big.secret .cc-hidden{width:100%;height:100%}.mk-detail .cc-big.secret .cc-hidden-q{font-size:calc(110px * var(--tsb))}.mk-line{font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2);text-align:center}.mk-line.locked{color:#ffb08a}.mk-line .cur-icon,.mk-summary .cur-icon,.mk-row-price .cur-icon,.mk-detail .btn .cur-icon{width:18px;height:18px;vertical-align:-3px}.mk-price-row{display:flex;align-items:center;gap:10px}.btn.mk-step{min-width:56px;font-size:calc(26px * var(--ts));line-height:1}.mk-price-field{display:flex;align-items:center;gap:8px;height:58px;padding:0 14px;border-radius:14px;background:#0000008c;box-shadow:inset 0 2px 8px #000,0 0 0 2px #d7b45a59}.mk-price-field:focus-within{box-shadow:inset 0 2px 8px #000,0 0 0 3px var(--gold-2),0 0 18px #ffc85a4d}.mk-price-field .cur-icon{width:26px;height:26px}.mk-price-input{width:190px;border:0;outline:0;background:none;text-align:center;font:800 calc(24px * var(--ts)) var(--font-body);color:var(--parchment)}.mk-range{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.mk-ladder{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:14px;background:#0000004d;box-shadow:inset 0 0 0 1px #d7b45a40}.mk-ladder-row{display:flex;align-items:center;gap:10px}.mk-ladder-label{font:700 calc(20px * var(--ts)) var(--font-body);letter-spacing:.04em;color:var(--parchment-2);text-align:center}.mk-ladder-count{min-width:64px;text-align:center;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.mk-ladder-drop{display:flex;flex-direction:column;align-items:center;gap:6px}.mk-ladder-drop.hidden{display:none}.mk-ladder-drop .mk-price-field{height:48px}.mk-ladder-drop .mk-price-input{width:120px;font-size:calc(20px * var(--ts))}.mk-ladder-prices{font:700 calc(20px * var(--ts))/1.4 var(--font-body);color:var(--gold-2);text-align:center}.mk-ladder-prices .cur-icon{width:16px;height:16px;vertical-align:-3px}.mk-ladder-hint{font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2);text-align:center}.mk-range.bad{color:#ff9a8a}.mk-summary{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:44px;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.mk-summary b{color:var(--heal)}.mk-summary small{font-size:calc(20px * var(--ts));color:var(--parchment-2)}.mk-title{margin-top:8px;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}.mk-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#00000061;box-shadow:inset 0 0 0 1px var(--rarity);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 40%,transparent)}.mk-thumb{position:relative;flex:none;width:67px;height:94px}.mk-thumb .rcard{position:absolute;left:0;top:0;transform:scale(.3);transform-origin:0 0;animation:none}@media(hover:hover){.mk-thumb .rcard:hover{position:absolute;left:0;top:0;transform:scale(.3);transform-origin:0 0;animation:none}}body:not(.has-frames) .mk-thumb .rcard{transform:scale(.2925)}@media(hover:hover){body:not(.has-frames) .mk-thumb .rcard:hover{transform:scale(.2925)}}.mk-thumb .rcard-text,.mk-thumb .rcard-stars,.mk-thumb .rcard-kind,.mk-thumb .rcard-rarity,.mk-thumb .rcard-serial,.mk-thumb .rcard-name{display:none}.mk-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mk-row-text b{font:900 calc(20px * var(--ts)) var(--font-title);color:var(--rarity);text-shadow:0 1px 0 #000}.mk-row-text span{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.mk-row-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.mk-row-price small{font-size:calc(20px * var(--ts));color:var(--heal)}.mk-row-price em{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.mk-toast .ach-toast-icon img{object-fit:contain;padding:8px}.mk-buy-box{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.mk-cost{display:flex;flex-direction:column;align-items:center;gap:4px;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.mk-cost>span{display:inline-flex;align-items:center;gap:6px}.mk-cost .cur-icon{width:20px;height:20px}.mk-cost-fee{font-size:calc(20px * var(--ts));color:var(--parchment-2)}.mk-fee-i{flex:none;width:24px;height:24px;border-radius:50%;font:italic 900 calc(20px * var(--ts)) / 24px Georgia,serif;text-align:center;color:#1a1206;background:radial-gradient(circle at 40% 35%,#ffe9a6,#c99a3e);box-shadow:0 1px 3px #0009}.cc-slot>.mk-fee-i{position:absolute;left:4px;top:4px;z-index:3}.market-float{left:4px;top:360px}.market-float .emblem-art{width:88px;height:90px}.bell-float{right:4px;top:108px}.bell-float .emblem-art{width:80px;height:84px}.bell-float .badge{right:10px}.bell-float.ringing .emblem-art>img{animation:bellSwing .9s ease-out;transform-origin:50% 8%}@keyframes bellSwing{15%{rotate:16deg}35%{rotate:-13deg}55%{rotate:8deg}75%{rotate:-4deg}to{rotate:0deg}}@media(prefers-reduced-motion:reduce){.bell-float.ringing .emblem-art>img{animation:none}}.ntc-tabs{flex:none}.ntc-list[hidden],.nws-list[hidden]{display:none}.ntc-panel,.nws-panel{width:600px;max-width:calc(100% - 32px);max-height:88%;gap:12px}.ntc-modal{grid-template-rows:minmax(0,1fr)}.ntc-panel{height:88%;min-height:0;box-sizing:border-box}.ntc-head-art,.nws-head-art{position:absolute;left:-18px;top:-50px;width:96px;height:96px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.8))}.ntc-list,.nws-list{width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;padding:2px 2px 4px;scrollbar-width:none}.ntc-list::-webkit-scrollbar,.nws-list::-webkit-scrollbar{display:none}.ntc-row{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 6px 8px 8px;border-radius:14px;background:linear-gradient(90deg,#00000080,#00000047);box-shadow:inset 0 0 0 1px #ffffff0d;animation:socRowIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 30ms);transition:opacity .18s ease,translate .18s ease}.ntc-row.unread{background:linear-gradient(90deg,#7852168c,#281c0c59);box-shadow:inset 0 0 0 1px #f3d98c80}.ntc-row.unread:before{content:"";position:absolute;left:-3px;top:50%;width:10px;height:10px;translate:0 -50%;border-radius:50%;background:#e5332a;box-shadow:0 0 0 2px #000,0 0 8px #e5332ab3}.ntc-row.gone{opacity:0;translate:40px 0}.ntc-icon{position:relative;flex:0 0 auto;width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#3a3048,#14101c);box-shadow:0 0 0 2px #0b0d12,0 0 0 3px #f3d98c8c}.ntc-icon .ntc-face{position:absolute;width:150%;height:150%;left:-25%;top:-5%}.ntc-icon .ntc-face img{width:100%;height:100%;object-fit:contain}.ntc-icon .ntc-coin{width:70%;height:70%;object-fit:contain}.ntc-text{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:8px;row-gap:2px;text-align:left;background:none;border:0;padding:0;color:inherit;cursor:pointer}.ntc-title{grid-column:1;font:600 calc(15px * var(--ts))/1.3 var(--font-body);color:var(--parchment);overflow-wrap:anywhere}.ntc-title b{color:var(--gold-2);font-weight:800}.ntc-text small{grid-column:1;display:flex;align-items:center;gap:4px;font:600 calc(13px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.ntc-text small .cur-icon{width:16px;height:16px}.ntc-text time{grid-column:2;grid-row:1;align-self:start;white-space:nowrap;font:700 calc(12px * var(--ts)) var(--font-body);color:var(--parchment-2);opacity:.8}.ntc-dismiss{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f}.ntc-dismiss:active{transform:scale(.9)}.ntc-dismiss i:before,.ntc-dismiss i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:1px;background:var(--parchment-2);translate:-50% -50%;rotate:45deg}.ntc-dismiss i:after{rotate:-45deg}.ntc-empty{padding:28px 18px;text-align:center;font:600 calc(15px * var(--ts))/1.45 var(--font-body);color:var(--parchment-2)}.nws-item{position:relative;flex:0 0 auto;display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:4px;padding:10px 14px 12px;border-radius:14px;background:linear-gradient(90deg,#00000080,#00000047);box-shadow:inset 0 0 0 1px #ffffff0d;animation:socRowIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 30ms)}.nws-item.soon{background:linear-gradient(90deg,#1e466e80,#0e182859);box-shadow:inset 0 0 0 1px #96d2ff59}.nws-item.fresh:before{content:"";position:absolute;left:-3px;top:18px;width:10px;height:10px;border-radius:50%;background:#e5332a;box-shadow:0 0 0 2px #000,0 0 8px #e5332ab3}.nws-title{grid-column:1;grid-row:1;font:800 calc(16px * var(--ts))/1.25 var(--font-body);color:var(--gold-2)}.nws-when{grid-column:2;grid-row:1;align-self:start;white-space:nowrap;font:700 calc(12px * var(--ts)) var(--font-body);color:var(--parchment-2);opacity:.85}.nws-item.soon .nws-when{color:#bfe6ff;opacity:1}.nws-body{grid-column:1 / -1;margin:0;font:600 calc(14px * var(--ts))/1.4 var(--font-body);color:var(--parchment)}.nws-feedback{grid-column:1 / -1;width:100%;margin-top:8px;table-layout:fixed;border-collapse:collapse;font:600 calc(13px * var(--ts))/1.4 var(--font-body);color:var(--parchment)}.nws-feedback th,.nws-feedback td{padding:9px 10px;border:1px solid rgba(215,180,90,.22);text-align:left;overflow-wrap:anywhere;vertical-align:top}.nws-feedback thead th{color:var(--gold-2);background:#d7b45a14}.nws-feedback th:first-child{width:34%}.nws-discord{grid-column:1 / -1;justify-self:start;max-width:100%;margin-top:8px;white-space:normal;text-align:center}.nws-item[data-news=communityDailyChoice] .nws-title{font-size:calc(20px * var(--ts))}.nws-item[data-news=communityDailyChoice] .nws-body{font-size:calc(18px * var(--ts))}.nws-item[data-news=communityDailyChoice] .nws-feedback{font-size:calc(16px * var(--ts))}.nws-watch{justify-self:start;margin-top:8px}.card-reel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:max(12px,env(safe-area-inset-top,0px)) 12px 12px;background:#05030ceb}.card-reel-frame{position:relative;flex:0 1 auto;height:min(78vh,900px);aspect-ratio:9 / 16;max-width:100%;border:1px solid #e8c26a;border-radius:10px;overflow:hidden;background:#000}.card-reel-video{width:100%;height:100%;object-fit:cover;display:block}.card-reel-name{position:absolute;left:0;right:0;top:16%;padding:0 10px;text-align:center;font:900 calc(24px * var(--ts))/1.15 var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000,0 0 10px #000;pointer-events:none}.card-reel-sound{position:absolute;right:8px;bottom:8px;padding:6px 12px;font:700 calc(13px * var(--ts)) var(--font-body);color:#fff;background:#000000a6;border:1px solid rgba(255,255,255,.5);border-radius:999px;cursor:pointer}.card-reel-sound.on{color:#ffe38a;border-color:#e8c26a}.ntc-row[data-kind=news] .ntc-text small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.socials{position:relative;z-index:5;width:100%;height:0;flex:0 0 auto}.socials-dial{position:absolute;left:4px;bottom:6px;display:flex;flex-direction:column;align-items:center}.socials-dial .emblem{position:relative}.socials-horn{position:relative;width:70px;height:70px;margin:7px 0;border-radius:50%;overflow:hidden;display:block;background:#10131c;box-shadow:0 0 0 3px #2c1c06,0 0 0 5px var(--gold-2),0 0 16px #ffaa3259,0 6px 12px #000000b3;transition:box-shadow .25s ease,rotate .35s cubic-bezier(.2,.9,.3,1.4)}.socials-horn>img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover}.socials-btn .emblem-art{width:88px;height:84px}.socials-dial.open .socials-horn{rotate:-14deg;box-shadow:0 0 0 3px #2c1c06,0 0 0 5px #fff1c0,0 0 26px #ffc45abf,0 6px 12px #000000b3}.socials-dial.open .socials-btn:after{opacity:.8}.socials-btn:focus-visible{outline:none}.socials-btn:focus-visible .socials-horn,.social-link:focus-visible{outline:3px solid #fff1c0;outline-offset:3px}.socials-list{position:absolute;left:50%;bottom:calc(100% + 4px);translate:-50% 0;display:flex;flex-direction:column-reverse;align-items:center;gap:14px;pointer-events:none}.social-link{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--bg);box-shadow:0 0 0 3px #0b0d12,0 0 0 5px var(--gold),0 8px 14px #000000bf;opacity:0;translate:0 calc(40px + var(--i) * 30px);scale:.4;visibility:hidden;transition:opacity .18s ease,translate .22s ease,scale .22s ease,visibility 0s linear .22s;transition-delay:calc((2 - var(--i)) * 25ms),calc((2 - var(--i)) * 25ms),calc((2 - var(--i)) * 25ms),.22s;-webkit-tap-highlight-color:transparent}.social-link svg{width:34px;height:34px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.socials-dial.open .social-link:active{scale:.9;transition-delay:0s}.socials-dial.open .socials-list{pointer-events:auto}.socials-dial.open .social-link{opacity:1;translate:0 0;scale:1;visibility:visible;transition:opacity .2s ease,translate .38s cubic-bezier(.2,.9,.3,1.35),scale .38s cubic-bezier(.2,.9,.3,1.35),visibility 0s;transition-delay:calc(var(--i) * 60ms)}@media(prefers-reduced-motion:reduce){.socials-horn,.social-link,.socials-dial.open .social-link{transition:opacity .15s ease,visibility 0s;transition-delay:0s}.social-link{translate:0 0;scale:1}.socials-dial.open .socials-horn{rotate:0deg}}.social-link.s-share{border:0;padding:0;cursor:pointer;font:inherit}.modes-body{position:relative;z-index:1;flex:1;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:22px;padding:4px 30px 40px}.modes-body::-webkit-scrollbar{display:none}.modes-kicker{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.34em;text-transform:uppercase;color:var(--ember);text-shadow:0 1px 0 #000}.modes-maintenance{width:100%;max-width:640px;display:flex;flex-direction:column;gap:4px;padding:10px 18px;border-radius:18px;text-align:center;background:#3c2608e0;box-shadow:inset 0 0 0 1px #f0be5ab3,0 8px 22px #0000008c}.modes-maintenance b{font:800 calc(20px * var(--ts)) var(--font-body);color:#ffd27a}.modes-maintenance span{font:600 calc(20px * var(--ts)) var(--font-body);color:#f3e6c8}.mode-card{position:relative;width:100%;max-width:640px;flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:12px 22px 12px 12px;text-align:left;border-radius:26px;background:linear-gradient(90deg,#07080ceb,#181c28d6);box-shadow:inset 0 0 0 1px #d7b45a80,0 12px 30px #000000a6;animation:popIn .4s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--i, 0) * 90ms);transition:transform .12s ease,box-shadow .2s ease}.mode-card:active{transform:scale(.98);box-shadow:inset 0 0 0 2px var(--gold-2),0 12px 30px #000000a6}.mode-badge{position:relative;flex:0 0 auto;width:204px;height:204px;display:grid;place-items:center}.mode-badge:before{content:"";position:absolute;inset:8%;border-radius:50%;filter:blur(8px);background:radial-gradient(circle,var(--glow, rgba(255, 190, 90, .5)),transparent 70%);animation:modeGlow 3.2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -1.1s)}.mode-badge img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.7));animation:modeFloat 3.2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -1.1s)}@keyframes modeFloat{50%{translate:0 -6px}}@keyframes modeGlow{50%{opacity:.55}}.mode-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.mode-text b{font:900 calc(34px * var(--ts)) var(--font-title);letter-spacing:.06em;line-height:1.05;text-transform:uppercase;color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 16px rgba(255,170,60,.35)}.mode-text span{font:700 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.mode-text small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2)}.mode-campaign{--glow: rgba(255, 190, 90, .5)}.mode-challenge{--glow: rgba(255, 90, 60, .5)}.mode-duels{--glow: rgba(110, 170, 255, .5)}.mode-ffa{--glow: rgba(190, 120, 255, .5)}.mode-card.locked{background:linear-gradient(90deg,#08090ce6,#14161cd6);box-shadow:inset 0 0 0 1px #a0a0aa47,0 12px 30px #000000a6}.mode-card.locked:active{transform:none}.mode-card.locked .mode-badge:before{display:none}.mode-card.locked .mode-badge img:not(.mode-lock){filter:grayscale(1) brightness(.5) drop-shadow(0 8px 8px rgba(0,0,0,.7));animation:none}.mode-badge img.mode-lock{position:absolute;right:4%;bottom:4%;width:40%;height:40%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #2c303a,0 0 0 5px #d7b45a99,0 10px 18px #000000d9;animation:none}.mode-card.locked .mode-text b{color:#a3a2aa;text-shadow:0 3px 0 #000}.mode-card.locked .mode-text span{color:#ffc98a}.mode-card.locked .mode-text small{color:#8d8c96}.mode-invasion .mode-text span{font-size:calc(20px * var(--ts));font-weight:800}.mode-card.nope{animation:modeNope .42s ease}@keyframes modeNope{20%,60%{translate:-7px 0}40%,80%{translate:7px 0}}.challenge-panel .ribbon{max-width:560px;overflow:hidden;text-overflow:ellipsis}.challenge-text{text-align:center;font:italic calc(20px * var(--ts))/1.4 var(--font-lore);color:var(--parchment-2);padding:0 8px}.challenge-panel .stage-info{text-transform:none}html:lang(de) .mode-text b{font-size:calc(27px * var(--ts))}.mode-badge .mode-rank{position:absolute;right:0;bottom:2%;width:40%;z-index:1}.mode-badge .mode-rank img{position:absolute;inset:0;width:100%;height:100%;animation:none}.mode-trials{--glow: rgba(170, 110, 255, .55)}.mode-text b em{display:inline-block;vertical-align:middle;margin-left:10px;padding:2px 8px;border-radius:999px;translate:0 -3px;font:900 calc(20px * var(--ts)) var(--font-body);font-style:normal;letter-spacing:.14em;text-shadow:none;color:#1a0c06;background:linear-gradient(180deg,#ffd27a,#e08a2a)}#frame .mode-card .mode-info{position:absolute;top:10px;right:10px;width:46px;height:46px;z-index:2;cursor:pointer}.mode-card.with-info .mode-text b{padding-right:44px}.pvp-info{flex:0 0 auto;margin-left:10px;vertical-align:middle}.pvp-panel{width:min(660px,94%);max-height:85vh;overflow-y:auto}.pvp-copy{font:calc(24px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2);margin:16px 8px}.pvp-panel>.btn{margin:12px auto 0;display:block}.pvp-deck-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:42vh;overflow-y:auto;padding:5px}.pvp-deck-card{display:flex;align-items:center;gap:10px;min-height:78px;text-align:left;color:var(--parchment-2);background:#1b1822;border:2px solid #605247;border-radius:8px;padding:8px}.pvp-deck-card img{width:48px;height:60px;object-fit:cover}.pvp-deck-card span{min-width:0;overflow-wrap:anywhere}.pvp-deck-card b{display:block;font:calc(20px * var(--ts))/1.15 var(--font-body)}.pvp-deck-card small{display:block;font:calc(17px * var(--ts)) var(--font-body);opacity:.75}.pvp-deck-card.selected{border-color:#efc76b;background:#393020;box-shadow:inset 0 0 0 1px #efc76b}.pvp-deck-card:disabled{opacity:.5}.pvp-info:focus-visible,.pvp-deck-card:focus-visible{outline:3px solid #efc76b;outline-offset:3px}.pvp-deck-card>.icon{width:48px;height:48px;flex:0 0 48px;position:relative;overflow:hidden}.pvp-deck-card .icon img{width:100%;height:100%;object-fit:contain}.tm-chip{position:absolute;z-index:30;top:190px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:999px;max-width:92%;text-align:center;background:#14100ce0;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f0be5a99;font:800 calc(14px * var(--ts)) var(--font-body);color:#ffe6b0;pointer-events:none}.hud.tm-no-wall .hud-rampart{visibility:hidden}.tm-body{position:relative;z-index:1;flex:1;min-height:0;width:100%;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;padding:8px 30px 40px;text-align:center}.tm-title{font:900 calc(34px * var(--ts)) var(--font-title);color:var(--gold-2, #ffd27a);text-shadow:0 2px 0 #000}.tm-title.lost{color:#ff9a8a}.tm-line{font:700 calc(17px * var(--ts)) var(--font-body);color:#f3e6c8;max-width:620px}.tm-small{font:600 calc(14px * var(--ts)) var(--font-body);color:var(--parchment-2, #d8c8a4);max-width:620px}.tm-mods{display:flex;flex-direction:column;gap:6px;width:100%;max-width:620px}.tm-mod{padding:7px 14px;border-radius:12px;background:#3c2608cc;box-shadow:inset 0 0 0 1px #f0be5a80;font:700 calc(14px * var(--ts)) var(--font-body);color:#ffe6b0}.tm-actions{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;max-width:620px}.tm-actions .btn{width:100%}.tm-card{width:100%;max-width:620px;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:12px 16px;text-align:left;border:0;border-radius:16px;cursor:pointer;background:#181410eb;box-shadow:inset 0 0 0 2px #f0be5a8c,0 8px 20px #00000080;color:#f3e6c8}.tm-card:active{transform:scale(.98)}.tm-card .icon{width:64px;height:64px;flex:0 0 64px}.tm-card b{display:block;font:800 calc(18px * var(--ts)) var(--font-body);color:#ffe6b0}.tm-card span{display:block;font:600 calc(14px * var(--ts)) var(--font-body)}.tm-card.poor{opacity:.45;cursor:default}.tm-road{display:flex;flex-direction:column-reverse;gap:12px;width:100%;max-width:620px}.tm-layer{display:flex;justify-content:center;gap:12px}.tm-node{flex:1 1 0;max-width:190px;min-height:66px;padding:8px 6px;border:0;border-radius:14px;background:#1e1a16bf;color:#8d8474;box-shadow:inset 0 0 0 1px #a0968259;font:800 calc(15px * var(--ts)) var(--font-body)}.tm-node.open{background:#462e0cf2;color:#ffe6b0;box-shadow:inset 0 0 0 2px var(--gold-2, #ffd27a),0 0 16px #ffbe5073;cursor:pointer}.tm-node.here{background:#284628f2;color:#d7f5c8;box-shadow:inset 0 0 0 2px #9fe08a}.tm-node.gone{opacity:.45}.tm-pad{position:absolute;left:0;top:0;width:720px;pointer-events:auto;touch-action:none}.tm-hint{position:absolute;z-index:30;left:50%;bottom:300px;transform:translate(-50%);padding:6px 16px;border-radius:999px;white-space:nowrap;pointer-events:none;background:#14100cd9;font:800 calc(16px * var(--ts)) var(--font-body);color:#ffe6b0;box-shadow:0 0 0 2px #000}.tm-hint.inline{position:static;transform:none;white-space:normal;text-align:center;border-radius:14px}.tm-build{position:absolute;z-index:30;left:40px;right:40px;bottom:210px;display:flex;flex-direction:column;align-items:center;gap:10px}.tm-build .btn{pointer-events:auto}.hud.tm-warlord .hud-slots,.hud.tm-warlord .hud-book,.hud.tm-warlord .hud-forecast{display:none}.tm-tray{position:absolute;z-index:30;inset:auto 12px 8px;display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px;border-radius:16px;background:#0e0a08eb;box-shadow:inset 0 0 0 2px #f0be5a8c}.tm-chest{font:900 calc(18px * var(--ts)) var(--font-body);color:#ffd27a}.tm-lanes{display:flex;gap:8px;width:100%}.tm-lane{flex:1;min-height:44px;border:0;border-radius:10px;background:#3c3228e6;color:#d8c8a4;font:800 calc(15px * var(--ts)) var(--font-body);cursor:pointer}.tm-lane.on{background:#a8201a;color:#fff;box-shadow:inset 0 0 0 2px #ffd27a}.tm-send{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.tm-troop{min-height:74px;padding:6px;border:0;border-radius:12px;background:#321a14f2;color:#ffe6b0;box-shadow:inset 0 0 0 1px #f0be5a99;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tm-troop:active{transform:scale(.96)}.tm-troop b{font:800 calc(14px * var(--ts)) var(--font-body);line-height:1.1}.tm-troop em{font:800 calc(11px * var(--ts)) var(--font-body);font-style:normal;color:#ff9a8a;text-transform:uppercase}.tm-troop span{font:900 calc(16px * var(--ts)) var(--font-body);color:#ffd27a}.tm-troop.poor{opacity:.45}.tm-guide-block{position:absolute;left:0;top:0;width:720px;height:100vh;min-height:1860px;z-index:40;pointer-events:auto;background:#03040859}.tm-guide{position:absolute;z-index:41;left:50%;top:280px;width:600px;transform:translate(-50%);padding:16px 22px;border-radius:18px;text-align:center;pointer-events:none;background:#100c08f2;box-shadow:0 0 0 2px #000,inset 0 0 0 2px var(--gold-2, #ffd27a),0 12px 30px #0009;display:flex;flex-direction:column;align-items:center;gap:10px}.tm-guide p{margin:0;font:700 calc(19px * var(--ts)) var(--font-body);color:#f3e6c8;line-height:1.3}.tm-guide-count{font:800 calc(13px * var(--ts)) var(--font-body);color:var(--ember, #ff9a4a);letter-spacing:.1em}.tm-guide .btn{pointer-events:auto}.tm-help{position:absolute;z-index:31;right:16px;top:190px;width:44px;height:44px;border:0;border-radius:50%;background:#14100ce0;color:#ffe6b0;font:900 calc(20px * var(--ts)) var(--font-body);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f0be5a99;cursor:pointer}.tm-spot{outline:4px solid #ffd27a;outline-offset:3px;animation:tmSpot 1s ease-in-out infinite}@keyframes tmSpot{50%{outline-color:#ffd27a40}}.hud.tm-tray-mode .hud-slots,.hud.tm-tray-mode .hud-book,.hud.tm-tray-mode .hud-forecast{display:none}.tm-cards{display:flex;gap:8px;justify-content:center;width:100%;min-height:150px}.tm-handcard{flex:0 1 150px;padding:8px 4px;border:0;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#321a14f2;color:#ffe6b0;box-shadow:inset 0 0 0 2px #f0be5ab3;cursor:pointer}.tm-handcard .icon{width:70px;height:70px}.tm-handcard b{font:800 calc(13px * var(--ts)) var(--font-body);line-height:1.1}.tm-handcard span{font:900 calc(18px * var(--ts)) var(--font-body);color:#7ac8ff}.tm-handcard.poor{opacity:.45}.tm-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.tm-slot{position:relative;height:92px;border:0;border-radius:12px;background:#28221ce6;box-shadow:inset 0 0 0 1px #f0be5a66;cursor:pointer;display:flex;align-items:center;justify-content:center}.tm-slot .icon{width:72px;height:72px}.tm-slot b{position:absolute;right:6px;bottom:4px;font:900 calc(18px * var(--ts)) var(--font-body);color:#ffd27a;text-shadow:0 1px 2px #000}.tm-slot.on{box-shadow:inset 0 0 0 3px #ffd27a,0 0 14px #ffd27a99}.tm-buy.poor{opacity:.5}.tm-legion-news{position:absolute;z-index:29;left:0;right:0;top:260px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.tm-legion-news>div{font:900 calc(26px * var(--ts)) var(--font-title);color:#ffe6b0;text-align:center;text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.7);animation:tmNews 1.5s ease-out forwards}.tm-legion-news>div.big{font-size:calc(36px * var(--ts));color:#ffd27a}@keyframes tmNews{0%{transform:scale(.5);opacity:0}12%{transform:scale(1.15);opacity:1}22%{transform:scale(1)}75%{opacity:1}to{transform:translateY(-34px);opacity:0}}.tm-legion-score{font:900 calc(48px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 3px 0 #000}.tm-card>div{flex:1;min-width:0}.tm-cost{font:900 calc(20px * var(--ts)) var(--font-body);font-style:normal;color:#ffd27a}.shop-bundles{display:flex;flex-direction:column;gap:16px;width:100%}.shop-bundle{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:16px}.shop-bundle.bundle-launch{border-color:#ff8c5ae6;box-shadow:inset 0 0 0 1px #000000a6,0 0 0 2px #ff783c59,0 10px 26px #0009,0 0 30px #ff6e324d}.shop-bundle.bundle-patron{border-color:#ffe28cf2;box-shadow:inset 0 0 0 1px #000000a6,0 0 0 2px #c8aaff73,0 10px 26px #0009,0 0 38px #aa8cff66}.bundle-face{position:relative;min-height:330px;display:flex;align-items:stretch;overflow:hidden}.bundle-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}.bundle-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,10,.92) 0%,rgba(6,5,10,.78) 42%,rgba(6,5,10,.1) 72%,transparent)}.bundle-text{position:relative;z-index:1;width:64%;display:flex;flex-direction:column;gap:7px;padding:18px 16px 16px 20px}.bundle-ribbon{align-self:flex-start;padding:4px 12px;border-radius:10px;white-space:nowrap;background:linear-gradient(180deg,#c23a30,#7a1a14);box-shadow:0 0 0 2px #000,inset 0 1px #ffd78c73;font:900 calc(11px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000;animation:bundlePulse 2.4s ease-in-out infinite}.bundle-patron .bundle-ribbon{background:linear-gradient(180deg,#8a5ad8,#3a1f72)}@keyframes bundlePulse{50%{filter:brightness(1.35);transform:scale(1.04)}}.bundle-name{font:900 calc(25px * var(--ts))/1.1 var(--font-title);color:#ffe7a6;text-shadow:0 2px 0 #000,0 0 18px rgba(255,190,80,.45)}.bundle-patron .bundle-name{background:linear-gradient(180deg,#fff8dc,#f4cf72 55%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 12px rgba(190,160,255,.5))}.bundle-pitch{font:500 calc(13.5px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2)}.bundle-pitch b{color:#ffd77a}.bundle-items{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.bundle-items li{position:relative;padding-left:20px;font:700 calc(13.5px * var(--ts))/1.35 var(--font-body);color:#f4ead2;text-shadow:0 1px 0 #000}.bundle-items li:before{content:"";position:absolute;left:2px;top:.38em;width:10px;height:10px;rotate:45deg;border-radius:2px;background:linear-gradient(135deg,#fff6c8,#e2a83a);box-shadow:0 0 8px #ffc850b3}.bundle-patron .bundle-items li:before{background:linear-gradient(135deg,#f0e6ff,#8f6be6 55%,#3fd2c4);box-shadow:0 0 8px #aa8cffcc}.bundle-items b{color:#ffd77a}.bundle-clock{display:flex;align-items:center;gap:7px;margin-top:4px;font:700 calc(20px * var(--ts)) var(--font-body);color:#ffd1c4}.bundle-clock i{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;position:relative}.bundle-clock i:after{content:"";position:absolute;left:4px;top:1px;width:2px;height:5px;background:currentColor;transform-origin:1px 4px;animation:bundleHand 1s steps(12) infinite}@keyframes bundleHand{to{rotate:360deg}}.bundle-clock b{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums}.bundle-emblem{position:absolute;right:14px;top:12px;width:92px;height:auto;z-index:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.7));animation:giftFloat 3.6s ease-in-out infinite}.bundle-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#0a0810bf,#040308f2);border-top:1px solid rgba(255,210,130,.25)}.bundle-buy{display:inline-flex;align-items:center;gap:12px}.bundle-price{font:900 calc(20px * var(--ts)) var(--font-title)}.bundle-owned{padding:6px 16px;border-radius:10px;font:900 calc(14px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:#9ff0b8;border:1px solid rgba(120,230,160,.5);background:#143c2499}.bundle-offer{z-index:40}.bundle-panel{position:relative;width:min(640px,94%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 16px;overflow:hidden;border-radius:18px}.bundle-panel .bundle-face{align-self:stretch;min-height:360px}.bundle-panel .bundle-buy{margin-top:4px}.bundle-panel .btn.ghost{opacity:.8}.bundle-panel>.icon-btn.close{top:10px;right:10px}.bundle-notice-art{width:100%;max-width:420px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #ffd28280,0 10px 22px #0009}.bundle-notice-art img{width:100%;height:100%;object-fit:cover}.bundle-notice .bundle-name{font-size:calc(20px * var(--ts));text-align:center}.bundle-notice .bundle-items{align-self:flex-start;margin:8px auto 0;text-align:left}.booster-vault{--pk-1: #4a3208;--pk-2: #e0b040;--pk-3: #ffe08a;border-color:#ffdc78e6;box-shadow:inset 0 0 0 1px #000000a6,0 0 0 2px #ffc85a59,0 0 30px #ffb43c59}.booster-vault.busy{pointer-events:none;filter:saturate(.7)}.vault-count{position:absolute;right:-6px;bottom:6px;z-index:1;padding:3px 10px;border-radius:12px;background:linear-gradient(180deg,#c23a30,#7a1a14);box-shadow:0 0 0 2px #000;font:900 calc(18px * var(--ts)) var(--font-title);color:#fff3cf}.vault-msg:empty{display:none}.vault-msg{font:600 calc(13px * var(--ts)) var(--font-body);color:#ffb3a6}.vault-progress .panel{display:flex;flex-direction:column;align-items:center;gap:12px}.vault-bar{width:260px;height:14px;border-radius:8px;background:#0009;box-shadow:inset 0 0 0 1px #ffd28266;overflow:hidden}.vault-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e2a83a,#ffe08a);transition:width .3s ease}.vault-label{font:700 calc(14px * var(--ts)) var(--font-body);color:var(--parchment-2)}.cc-haul{justify-content:flex-start;padding:20px 10px 24px;gap:12px}.haul-head{font:700 calc(16px * var(--ts)) var(--font-body);color:var(--parchment-2)}.haul-head b{color:#ffd77a}.haul-tally{font:600 calc(14px * var(--ts)) var(--font-body);color:var(--parchment-2)}.haul-tally b{color:#9ff0b8}.haul-grid{display:grid;grid-template-columns:repeat(4,140px);gap:12px;justify-content:center}.haul-slot{position:relative;width:140px;height:196px;animation:haulIn .35s ease-out both}.haul-slot>.rcard{zoom:.625}.haul-slot.champion{grid-column:span 2;justify-self:center;width:180px;height:283px}.haul-slot.champion>*{zoom:.9}.haul-n{position:absolute;right:-4px;bottom:-6px;z-index:2;padding:2px 8px;border-radius:10px;background:#12101a;box-shadow:0 0 0 2px #ffd282b3;font:900 calc(14px * var(--ts)) var(--font-title);color:#ffe7a6}.haul-rest{font:600 calc(14px * var(--ts)) var(--font-body);color:var(--parchment-2)}.haul-rest b{color:#ffd77a}.haul-spares{max-width:520px;text-align:center;color:#b8ae9a}@keyframes haulIn{0%{opacity:0;transform:translateY(10px) scale(.96)}}.patron-title{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:linear-gradient(90deg,#3c286ed9,#1e163299);box-shadow:inset 0 0 0 1px #ffdc8c99,0 0 16px #aa8cff59}.patron-emblem{width:34px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.patron-title span{display:flex;flex-direction:column;line-height:1.15}.patron-title b{font:900 calc(13px * var(--ts)) var(--font-title);letter-spacing:.04em;background:linear-gradient(180deg,#fff8dc,#f4cf72);-webkit-background-clip:text;background-clip:text;color:transparent}.patron-title small{font:600 calc(11px * var(--ts)) var(--font-body);color:#d8ccff}.shop-bundle.bundle-supporter{border-color:#aac8ffe6;box-shadow:inset 0 0 0 1px #000000a6,0 0 0 2px #6e96f066,0 10px 26px #0009,0 0 30px #5a82e659}.bundle-supporter .bundle-ribbon{background:linear-gradient(180deg,#3d6fd0,#1b2f6a)}.bundle-supporter .bundle-name{color:#e4edff;text-shadow:0 2px 0 #000,0 0 18px rgba(120,160,255,.5)}.bundle-supporter .bundle-items li:before{background:linear-gradient(135deg,#f2f6ff,#8fb4ff 55%,#3a5fc8);box-shadow:0 0 8px #78a0ffcc}.bundle-supporter .bundle-emblem{width:76px}.shop-bundle.sold{box-shadow:inset 0 0 0 1px #000000a6,0 10px 26px #0009;border-color:#9696968c}.shop-bundle.sold .bundle-art,.shop-bundle.sold .bundle-emblem{filter:grayscale(1) brightness(.62);animation:none}.shop-bundle.sold .bundle-text{filter:grayscale(.85) brightness(.82)}.shop-bundle.sold .bundle-ribbon{animation:none}.bundle-sold{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}.bundle-sold span{padding:8px 26px;border:4px double rgba(255,120,100,.95);border-radius:10px;rotate:-12deg;font:900 calc(34px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:#ff8a78;background:#1e06068c;text-shadow:0 2px 0 #000;box-shadow:0 0 0 2px #0009,0 8px 18px #0009;animation:soldStamp .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes soldStamp{0%{opacity:0;transform:scale(1.8)}}.bundle-closed{font:700 calc(13px * var(--ts)) var(--font-body);color:#a8a092}.supporter-title{background:linear-gradient(90deg,#1c2e60d9,#10162c99);box-shadow:inset 0 0 0 1px #c8d7f08c,0 0 12px #6e96f04d}.supporter-title b{background:linear-gradient(180deg,#fff,#c8d6f0);-webkit-background-clip:text;background-clip:text}.supporter-title small{color:#b8c8ec}.shop-bundle.bundle-bf_warchest,.shop-bundle.bundle-bf_starter{border-color:#f0c864f2;box-shadow:inset 0 0 0 1px #000000bf,0 0 0 2px #14100ae6,0 10px 26px #000000b3,0 0 34px #e6b44659}.bundle-bf_warchest .bundle-ribbon,.bundle-bf_starter .bundle-ribbon{background:linear-gradient(180deg,#1c1810,#050403);color:#f6d47a;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f0c864cc}.bundle-bf_warchest .bundle-name{background:linear-gradient(180deg,#fff6d6,#f0c75a 55%,#b8862c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 12px rgba(240,190,80,.45))}.bundle-bf_warchest .bundle-items li:before,.bundle-bf_starter .bundle-items li:before{background:linear-gradient(135deg,#fff2c0,#e0a830 55%,#1a140a);box-shadow:0 0 8px #f0be50cc}.bundle-bf_warchest .bundle-emblem{width:84px}.shop-bundle.bundle-welcome{border-color:#96dc78f2;box-shadow:inset 0 0 0 1px #000000bf,0 0 0 2px #0e180ae6,0 10px 26px #000000b3,0 0 34px #8cdc6e52}.bundle-welcome .bundle-ribbon{background:linear-gradient(180deg,#4f9a3a,#23561b);color:#f4ffd9;box-shadow:0 0 0 2px #0b1708,inset 0 0 0 1px #beff96b3}.bundle-welcome .bundle-items li:before{background:linear-gradient(135deg,#f4ffc8,#8fd35c 55%,#1d3d12);box-shadow:0 0 8px #96e66ecc}.shop-bundle.bundle-wayfarer{border-color:#e1a05ff2;box-shadow:inset 0 0 0 1px #000000bf,0 0 0 2px #1c1008e6,0 10px 26px #000000b3,0 0 34px #d78c4652}.bundle-wayfarer .bundle-ribbon{background:linear-gradient(180deg,#b0693a,#6a3517);color:#fff1de;box-shadow:0 0 0 2px #1a0d05,inset 0 0 0 1px #ffcd96b3}.bundle-wayfarer .bundle-items li:before{background:linear-gradient(135deg,#ffe7c4,#d38a4c 55%,#4a240d);box-shadow:0 0 8px #e19650cc}.bundle-prices{display:inline-flex;align-items:baseline;gap:8px}.bundle-was{font:700 calc(13px * var(--ts)) var(--font-body);opacity:.75;text-decoration-thickness:2px;text-decoration-color:#ff6a5a}.raider-title{background:linear-gradient(90deg,#0e0c08eb,#281e0cb3);box-shadow:inset 0 0 0 1px #f0c864b3,0 0 14px #e6b44659}.raider-title b{background:linear-gradient(180deg,#fff6d6,#e8b84a);-webkit-background-clip:text;background-clip:text}.raider-title small{color:#d9c08a}.contender-title{background:linear-gradient(90deg,#1e0a0aeb,#461812b3);box-shadow:inset 0 0 0 1px #ff8c64b3,0 0 14px #ff6e4659}.contender-title b{background:linear-gradient(180deg,#fff1e6,#ff8a5c);-webkit-background-clip:text;background-clip:text}.contender-title small{color:#f0b9a0}.bundle-panel.offer-bf_warchest .bundle-emblem{top:80px;width:80px}.pass-float{right:4px;top:486px}.pass-float .emblem-art{width:64px;height:88px}.pass-float .emblem-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7));animation:passSway 3.6s ease-in-out infinite;transform-origin:50% 0}@keyframes passSway{50%{rotate:-4deg}}.pass-body{position:relative;z-index:1;width:680px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:4px 10px 28px}.pass-body::-webkit-scrollbar{display:none}.pass-none{margin-top:60px;text-align:center;font:600 calc(20px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2)}.pass-head{display:flex;align-items:center;gap:14px;padding:6px 4px 0}.pass-emblem{width:70px;height:104px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7))}.pass-head-text{display:flex;flex-direction:column;gap:4px;min-width:0}.pass-season{font:900 calc(24px * var(--ts))/1.1 var(--font-title);color:#ffe7a6;text-shadow:0 2px 0 #000,0 0 18px rgba(255,190,80,.4)}.pass-note{font:500 calc(20px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2)}.pass-note b{color:#ffd77a}.pass-pitch{padding:0 4px}.pass-bar{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:linear-gradient(180deg,#2a2140,#141020);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #c8a0ff66,0 8px 20px #0000008c}.pass-level{display:flex;flex-direction:column;align-items:center;min-width:74px;line-height:1}.pass-level small{font:800 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2)}.pass-level b{font:900 calc(38px * var(--ts)) var(--font-title);color:#ffe28a;text-shadow:0 2px 0 #000,0 0 14px rgba(255,200,90,.5)}.pass-bar-right{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.pass-track{position:relative;height:18px;border-radius:9px;overflow:hidden;background:#07060c;box-shadow:inset 0 0 0 2px #000c,0 0 0 1px #c8a0ff59}.pass-track i{position:absolute;left:0;top:0;bottom:0;border-radius:9px;transition:width .6s ease;background:linear-gradient(90deg,#8a4bff,#d77bff 55%,#ffd36a);box-shadow:0 0 14px #d77bff99}.pass-xp{font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.pass-versions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pass-version{position:relative;display:flex;flex-direction:column;gap:8px;padding:0 0 12px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#221a14,#100c09);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #d7b45a8c,0 10px 22px #0009}.pass-version.plus{background:linear-gradient(180deg,#241a3a,#100c1c);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #c8a0ffb3,0 10px 22px #0009,0 0 24px #aa78ff4d}.pass-version-art{width:100%;height:130px;object-fit:cover;object-position:70% 50%}.pass-version-name{padding:0 12px;font:900 calc(20px * var(--ts))/1.15 var(--font-title);color:#ffe7a6;text-shadow:0 2px 0 #000}.pass-version .bundle-items{padding:0 12px;flex:1}.pass-version .bundle-items li{font-size:calc(20px * var(--ts))}.pass-buy{margin:0 12px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding-left:8px;padding-right:8px;line-height:1.1}.pass-buy .bundle-prices{display:inline-flex;align-items:baseline;gap:6px;font-size:.78em}.pass-buy.owned{opacity:.7}.pass-complete{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#9664ff1a;box-shadow:inset 0 0 0 1px #c8a0ff66}.pass-complete .pass-note{flex:1}.pass-complete-btn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap}.pass-complete-btn .cost{display:inline-flex;align-items:center;gap:5px}.pass-complete-btn .cost-ic{width:20px;height:20px;object-fit:contain}.pass-claim-all{align-self:center}.pass-levels{display:flex;flex-direction:column;gap:6px}.pass-row{display:grid;grid-template-columns:46px 56px 1fr auto;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:12px;background:linear-gradient(180deg,#282c3ceb,#10121aeb);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #d7b45a40}.pass-row.rare{background:linear-gradient(180deg,#3c265cf2,#160e24f2);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #c8a0ff8c}.pass-row.open{box-shadow:0 0 0 2px #000,inset 0 0 0 2px #ffd26ee6,0 0 18px #ffbe5059}.pass-row.taken:not(.has-free),.pass-row.taken.has-free>:not(.pass-free),.pass-free.taken>*{opacity:.55}.pass-tag{display:inline-block;margin:0 8px;padding:1px 7px;border-radius:8px;vertical-align:1px;white-space:nowrap;background:linear-gradient(180deg,#8a5ad8,#3a1f72);box-shadow:0 0 0 1px #000;font:800 calc(20px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase;color:#f3e6ff}.pass-tag.free{margin-left:0;background:linear-gradient(180deg,#4f9a4a,#1f5a24);color:#e6ffe0}.pass-free{grid-column:1 / -1;display:grid;grid-template-columns:46px 56px 1fr auto;align-items:center;gap:10px;padding-top:5px;border-top:1px solid rgba(160,225,150,.3)}.pass-free .pass-art,.pass-free .pass-art.sb-icon{width:38px;height:38px;justify-self:center}.pass-free .pass-reward{font-size:calc(20px * var(--ts))}.pass-free.open{border-top-color:#ffd26ee6}.pass-n{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a3550,#15131f);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #d7b45a80;font:900 calc(20px * var(--ts)) var(--font-title);color:var(--parchment)}.pass-row.reached .pass-n{background:radial-gradient(circle at 40% 35%,#ffd36a,#a8741c);color:#1a1006}.pass-art{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7))}.pass-art.sb-icon{flex:none;width:52px;height:52px}.pass-reward{font:700 calc(20px * var(--ts))/1.25 var(--font-body);color:#f4ead2;text-shadow:0 1px 0 #000}.pass-state{width:34px;text-align:center;font:900 calc(20px * var(--ts)) var(--font-title)}.pass-state.done{color:var(--heal)}.pass-state.locked i,.dprem-lock{position:relative;display:inline-block;width:16px;height:12px;margin-top:8px;border-radius:3px;background:#efe3c88c}.pass-state.locked i:before,.dprem-lock:before{content:"";position:absolute;left:3px;top:-8px;width:10px;height:10px;border:2.5px solid rgba(239,227,200,.55);border-bottom:0;border-radius:7px 7px 0 0;box-sizing:border-box}.pass-confirm{max-width:480px}.pass-toast{position:absolute;left:50%;bottom:120px;z-index:30;translate:-50% 0;padding:10px 18px;border-radius:12px;background:#140a0aeb;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #ff785a99;font:700 calc(20px * var(--ts)) var(--font-body);color:#ffd9c8}.pass-offer .bundle-pitch b,.pass-banner .bundle-pitch b{color:#ffd77a}.pass-offer .bundle-ribbon,.pass-banner .bundle-ribbon{background:linear-gradient(180deg,#8a5ad8,#3a1f72)}.pass-offer-emblem{width:92px;height:136px;object-fit:contain}.pass-banner{flex-shrink:0;width:100%;cursor:pointer;text-align:left;font:inherit;color:inherit;border-color:#c8a0ffe6}.pass-banner .bundle-face{min-height:250px}.pass-banner>.bundle-buy{align-self:center;margin:10px 0 14px}.c-red{--rc: #ff5a36;--rc2: #ffb08a}.c-yellow{--rc: #ffc53d;--rc2: #fff0b0}.c-blue{--rc: #4aa8ff;--rc2: #bfe4ff}.rn-tabs{position:relative;z-index:2;align-self:center;display:flex;gap:4px;margin:2px auto 6px;padding:4px;border-radius:12px;background:#00000080;box-shadow:inset 0 0 0 1px #d7b45a4d}.rn-tab{padding:7px 14px;border-radius:9px;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2)}.rn-tab{position:relative}.rn-tab .badge{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:#e5332a;color:#fff;font:900 calc(13px * var(--ts))/calc(22px * var(--ts)) var(--font-body);letter-spacing:0;box-shadow:0 0 0 2px #000}.rn-tab .badge.hidden{display:none}.rn-tab.active{color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 2px 6px #00000080}.screen.runes{display:flex;flex-direction:column}.rn-body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;padding:4px 12px 18px;display:flex;flex-direction:column;align-items:center;gap:12px}.rn-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.rn-page{position:relative;min-height:36px;padding:6px 14px;border-radius:18px;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);background:#00000080;box-shadow:inset 0 0 0 1px #d7b45a4d}.rn-page.active{color:#fff;background:linear-gradient(180deg,#7a68b0,#3b3160);box-shadow:0 2px 6px #00000080,inset 0 0 0 1px #ffdc8c80}.rn-worn-dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d0,#ffc53d 60%,#b07a22);box-shadow:0 0 8px #ffc53d;animation:rnPulse 2s ease-in-out infinite}.rn-wear{margin-left:4px}.rn-board-wrap{width:min(100%,600px);display:flex;flex-direction:column;gap:8px}.rn-legend{display:flex;gap:6px}.rn-leg{flex:1 1 0;min-width:0;padding:5px 8px;border-radius:10px;text-align:center;background:#00000073;box-shadow:inset 0 0 0 1px var(--rc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 55%,transparent)}.rn-leg b{display:block;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:var(--rc);text-shadow:0 0 8px var(--rc);text-shadow:0 0 8px color-mix(in srgb,var(--rc) 60%,transparent)}.rn-leg span{display:block;font:600 calc(20px * var(--ts))/1.25 var(--font-body);color:var(--parchment-2)}.rn-board{position:relative;width:100%;aspect-ratio:900 / 1613;border-radius:14px;overflow:hidden;isolation:isolate;box-shadow:0 10px 30px #0009}.rn-board-art{position:absolute;inset:0;width:100%;height:100%}.rn-board:before,.rn-board:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.rn-board:before{background:radial-gradient(circle at 50% 21.1%,rgba(255,90,54,.55),transparent 17%),radial-gradient(circle at 50% 72.7%,rgba(74,168,255,.55),transparent 17%);animation:rnBreath 4.2s ease-in-out infinite}.rn-board:after{background:radial-gradient(circle at 50% 47.1%,rgba(255,197,61,.55),transparent 17%);animation:rnBreath 4.2s ease-in-out -2.1s infinite}@keyframes rnBreath{0%,to{opacity:.25}50%{opacity:1}}.rn-slot{position:absolute;z-index:1;width:11.5%;aspect-ratio:170 / 192;transform:translate(-50%,-50%);padding:0;background:none;border:0;cursor:pointer}.rn-slot:not(.epic){width:12.6%}.rn-slot.epic{width:24%}.rn-hex{position:absolute;inset:4%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--rc);background:color-mix(in srgb,var(--rc) 70%,#000);animation:rnEmpty 3s ease-in-out infinite}.rn-hex:after{content:"";position:absolute;inset:7%;clip-path:inherit;background:radial-gradient(circle,#0a0810a6,#0a0810eb)}@keyframes rnEmpty{0%,to{opacity:.45}50%{opacity:.85}}.rn-slot:active{transform:translate(-50%,-50%) scale(.94)}.rn-slot.full .rn-hex{opacity:0;animation:none}.rn-slot .rn-ic{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:rnGlow 3.2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.37s)}.rn-slot.epic .rn-ic{inset:-10%;width:120%;height:120%}@keyframes rnGlow{0%,to{filter:drop-shadow(0 0 2px var(--rc)) brightness(1);filter:drop-shadow(0 0 2px color-mix(in srgb,var(--rc) 70%,transparent)) brightness(1)}50%{filter:drop-shadow(0 0 9px var(--rc)) brightness(1.15)}}.rn-slot.full:after{content:"";position:absolute;inset:0;pointer-events:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 48%,var(--rc2) 52%,transparent 65%) no-repeat;background-size:260% 100%;mix-blend-mode:overlay;animation:rnSheen 5.5s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .61s)}@keyframes rnSheen{0%,62%{background-position:140% 0}to{background-position:-40% 0}}.rn-slot.epic.full:before,.rn-rays{content:"";position:absolute;inset:-38%;pointer-events:none;border-radius:50%;z-index:-1;background:repeating-conic-gradient(from 0deg,var(--rc) 0 6deg,transparent 6deg 22deg);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 75%,transparent) 0 6deg,transparent 6deg 22deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);animation:rnSpin 14s linear infinite,rnPulse 2.6s ease-in-out infinite}@keyframes rnSpin{to{transform:rotate(360deg)}}@keyframes rnPulse{0%,to{opacity:.55}50%{opacity:1}}.rn-panel{width:min(100%,600px);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:linear-gradient(180deg,#1e162cd9,#0e0a18e6);box-shadow:inset 0 0 0 1px #d7b45a4d,0 6px 16px #00000073}.rn-panel-title{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);text-align:center}.rn-empty{text-align:center;font:600 calc(20px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2)}.rn-bonus{display:flex;align-items:center;gap:8px;font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.rn-bonus b{color:var(--rc2)}.rn-times{min-width:26px;text-align:center;font-weight:900;color:var(--rc)!important}.rn-ic.small{width:30px;height:auto;flex:none;filter:drop-shadow(0 0 4px var(--rc));filter:drop-shadow(0 0 4px color-mix(in srgb,var(--rc) 60%,transparent))}.rn-held{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;max-height:190px;overflow-y:auto}.rn-held-tile{position:relative;padding:4px;border-radius:10px;background:#00000059;box-shadow:inset 0 0 0 1px var(--rc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 40%,transparent)}.rn-held-tile .rn-ic{width:100%;height:auto;display:block;animation:rnGlow 3.2s ease-in-out infinite}.rn-count{position:absolute;right:2px;bottom:1px;padding:0 5px;border-radius:8px;font:900 calc(20px * var(--ts)) var(--font-body);color:#fff;background:#000000bf}.rn-drops{font:600 calc(20px * var(--ts))/1.45 var(--font-body);color:var(--parchment-2);text-align:center}.rn-trade{align-self:center}.rn-modal{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(560px,92%);max-height:88%}.rn-modal .ribbon{max-width:100%}.rn-modal .ribbon span{white-space:normal;text-align:center}.rn-remove{align-self:center}.rn-pick-list{width:100%;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.rn-pick{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;text-align:left;background:#00000059;box-shadow:inset 0 0 0 1px var(--rc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 35%,transparent)}.rn-pick .rn-ic{width:44px;height:auto;flex:none;animation:rnGlow 3.2s ease-in-out infinite}.rn-pick.on{box-shadow:inset 0 0 0 2px var(--rc)}.rn-pick.spent{opacity:.45}.rn-pick-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rn-pick-text b{font:800 calc(20px * var(--ts)) var(--font-body);color:var(--rc2)}.rn-pick-text small{font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.rn-left{flex:none;font:800 calc(20px * var(--ts)) var(--font-body);font-style:normal;color:var(--parchment-2)}.rn-big{position:relative;width:150px;aspect-ratio:170 / 192;margin:10px 0 4px;isolation:isolate}.rn-big.epic{width:190px}.rn-big .rn-ic{position:relative;width:100%;height:100%;object-fit:contain;animation:rnGlow 2.6s ease-in-out infinite,rnBob 3.4s ease-in-out infinite}@keyframes rnBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.rn-kind{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--parchment-2)}.rn-desc{max-width:360px;text-align:center;font:600 calc(20px * var(--ts))/1.4 var(--font-body);color:var(--parchment)}.rn-found-name{font:900 calc(22px * var(--ts)) var(--font-title);text-align:center;color:#fff3cf;text-shadow:0 2px 0 #000,0 0 16px rgba(255,190,80,.6)}.rn-found .rn-big{animation:rnRise .8s cubic-bezier(.2,1.4,.4,1) both}@keyframes rnRise{0%{transform:translateY(30px) scale(.4);opacity:0}to{transform:none;opacity:1}}.rn-found.epic{box-shadow:0 0 0 2px #ffd27899,0 0 60px #ffbe5073}.rn-found-row{display:flex;gap:10px;justify-content:center}.rn-mkcard{position:relative;width:100%;aspect-ratio:5 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;border-radius:10px;overflow:hidden;isolation:isolate;text-align:center;background:radial-gradient(circle at 50% 38%,#120c1e,#0c0814 70%);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 35%,#120c1e),#0c0814 70%);box-shadow:inset 0 0 0 2px var(--rc),0 4px 10px #00000080;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rc) 60%,#000),0 4px 10px #00000080}.rn-mkcard .rn-rays{inset:-10% -30% 25%}.rn-mkcard:not(.epic) .rn-rays{display:none}.rn-mkcard .rn-ic{width:62%;height:auto;min-height:0;flex:0 1 auto;object-fit:contain;animation:rnGlow 3.2s ease-in-out infinite}.rn-mkcard b{flex:none;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:800 calc(12px * var(--ts))/1.15 var(--font-body);color:var(--rc2)}.rn-mkcard small{flex:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 calc(10px * var(--ts)) var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--parchment-2)}.mk-exch{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.mk-exch-opt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border-radius:14px;background:linear-gradient(180deg,#281c0ed9,#100c18e6);box-shadow:inset 0 0 0 1px #ffd28273}.mk-exch-opt.off{opacity:.75}.mk-exch-from,.mk-exch-to{font:900 calc(20px * var(--ts)) var(--font-title);color:#fff3cf;display:flex;align-items:center;gap:6px}.mk-exch-to{color:#ffd77a}.mk-exch-arrow{width:18px;height:18px;border-right:3px solid var(--gold-2);border-bottom:3px solid var(--gold-2);transform:rotate(45deg);margin:-6px 0 2px}.mk-exch-wait{text-align:center;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--gold-2)}.rn-bench{position:sticky;bottom:0;z-index:3;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:linear-gradient(180deg,#1e162ce0,#0e0a18eb);box-shadow:inset 0 0 0 1px #d7b45a4d,0 6px 16px #00000073}.rn-slot,.rn-held-tile{touch-action:none;-webkit-user-select:none;user-select:none}.rn-held-tile.spent{opacity:.4}.rn-held-tile.picked{box-shadow:inset 0 0 0 2px var(--rc),0 0 14px var(--rc);transform:translateY(-3px)}.rn-hand{padding:8px 10px;border-radius:10px;font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment);background:#0006;box-shadow:inset 0 0 0 1px var(--rc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 55%,transparent)}.rn-hand b{color:var(--rc2)}.rn-hand small{display:block;margin-top:3px;color:var(--parchment-2)}.rn-board.holding .rn-slot:not(.can){filter:brightness(.55) saturate(.6)}.rn-slot.can .rn-hex{opacity:1;animation:rnBeckon .9s ease-in-out infinite}.rn-slot.can.full .rn-ic{animation:rnBeckonIc .9s ease-in-out infinite}@keyframes rnBeckon{0%,to{background:var(--rc);background:color-mix(in srgb,var(--rc) 70%,#000)}50%{background:var(--rc2)}}@keyframes rnBeckonIc{50%{filter:drop-shadow(0 0 10px var(--rc2)) brightness(1.25)}}.rn-slot.over{transform:translate(-50%,-50%) scale(1.18)}.rn-slot.set:before{content:"";position:absolute;inset:-30%;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,transparent 35%,var(--rc2) 45%,var(--rc) 52%,transparent 62%);animation:rnBurst .7s ease-out both}@keyframes rnBurst{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}.rn-slot.set .rn-ic{animation:rnPop .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes rnPop{0%{transform:scale(1.5)}to{transform:scale(1)}}.rn-ghost{position:fixed;z-index:9999;height:auto;pointer-events:none;transform:translate(-50%,-60%) scale(1.15);filter:drop-shadow(0 0 12px var(--rc)) drop-shadow(0 8px 10px rgba(0,0,0,.6))}.rn-page-add{min-width:36px;padding:6px 10px;font-size:calc(20px * var(--ts));line-height:1;color:#ffe39a;background:linear-gradient(180deg,#7a68b08c,#3b31608c);box-shadow:inset 0 0 0 1px #ffdc8c8c}.rn-page-add.busy{opacity:.5;pointer-events:none}.rn-buy-art{width:100%;max-width:360px;aspect-ratio:1613 / 900;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #ffd28273,0 10px 22px #0009}.rn-buy-art img{width:100%;height:100%;object-fit:cover}.rn-buy-offer{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px}.rn-buy-offer .rn-buy-art{flex:0 0 38%;max-width:200px}.rn-buy-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.rn-buy-text b{font:800 calc(20px * var(--ts)) var(--font-display, var(--font-body));color:#ffe39a}.rn-buy-text span{font-size:calc(20px * var(--ts));color:var(--parchment-2);line-height:1.3}.rn-buy-offer .btn{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto}.rn-buy-offer .btn.busy{opacity:.5;pointer-events:none}.rn-buy-price{font-size:calc(20px * var(--ts))}.screen.spellbook{display:flex;flex-direction:column}.sb-body{position:relative;z-index:1;flex:1;min-height:0;align-self:stretch;display:flex;padding:2px 0 8px}.sb-view{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;container-type:size;touch-action:pan-y}.sb-stage{position:relative;width:min(100cqw - 64px,(100cqh - 16px) * .726);aspect-ratio:720 / 992;margin-right:34px;perspective:1600px}.sb-board{position:absolute;inset:-2.5% -1.5% -2.5% -4%;border-radius:6px 12px 12px 6px;background:url(../assets/ui/spellbook/cover.webp) center / 100% 100% no-repeat;filter:brightness(.55) saturate(.9);box-shadow:0 14px 28px #000000b3}.sb-page{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:11% 11% 13%;color:#3b2614;background:url(../assets/ui/spellbook/page.webp) center / 100% 100% no-repeat;filter:drop-shadow(-2px 3px 4px rgba(0,0,0,.45))}.sb-head{display:flex;align-items:center;gap:10px}.sb-head-face{position:relative;width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 30%,#000));box-shadow:0 0 0 2px #8a9ab8,0 0 0 4px #1c2440}.sb-head-face img{position:absolute;left:-15%;top:-8%;width:130%;height:130%;object-fit:contain}.sb-hero-name{font:900 calc(24px * var(--ts)) var(--font-title);color:#24305a;text-shadow:0 1px 0 rgba(255,245,220,.7)}.sb-caption{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.06em;color:#24305a;text-align:center}.sb-sub{font:600 calc(20px * var(--ts))/1.25 var(--font-body);color:#4a4a5e;text-align:center}.sb-turn{position:absolute;bottom:5.5%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:76%;padding:7px 14px;border-radius:999px;font:800 calc(20px * var(--ts)) var(--font-body);color:#e8f0ff;background:linear-gradient(180deg,#2f4a8a,#182850);box-shadow:0 2px 5px #00000073,inset 0 0 0 1px #bed2ff73}.sb-turn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-turn i{font:900 calc(22px * var(--tsb))/1 var(--font-title);font-style:normal;color:#9fd0ff}.sb-turn.to-left{flex-direction:row-reverse}.sb-circle{position:relative;margin:14% 0 4%;width:min(88%,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#10141e 0 30%,#141a26 62%,#0a0d14 70%);background:radial-gradient(circle,color-mix(in srgb,var(--hc) 45%,#10141e) 0 30%,#141a26 62%,#0a0d14 70%);box-shadow:0 0 0 3px #8a9ab8,0 0 0 6px #1c2440,0 0 24px var(--hc),inset 0 0 30px #000c;box-shadow:0 0 0 3px #8a9ab8,0 0 0 6px #1c2440,0 0 24px color-mix(in srgb,var(--hc) 60%,transparent),inset 0 0 30px #000c}.sb-sigil{position:absolute;inset:30%;border:2px solid var(--hc);border:2px solid color-mix(in srgb,var(--hc) 70%,#fff);opacity:.55;transform:rotate(45deg);border-radius:18%;animation:sbSpin 18s linear infinite}@keyframes sbSpin{to{transform:rotate(405deg)}}.sb-slot{position:absolute;width:36%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:radial-gradient(circle,#262c3a,#10131c);box-shadow:0 0 0 2px #c9a24a,0 0 0 4px #000,0 4px 10px #0009}.sb-slot.s0{left:50%;top:8%}.sb-slot.s1{left:12%;top:74%}.sb-slot.s2{left:88%;top:74%}.sb-slot.full{box-shadow:0 0 0 2px #ffe08a,0 0 0 4px #000,0 0 16px var(--hc);box-shadow:0 0 0 2px #ffe08a,0 0 0 4px #000,0 0 16px color-mix(in srgb,var(--hc) 80%,transparent)}.sb-slot .sb-icon{width:100%;height:100%}.sb-plus{font:900 calc(28px * var(--tsb)) var(--font-title);color:#c9a24a;opacity:.7}.sb-icon{position:relative;display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,var(--hc) 0,#000 60%,#0b0d14 100%);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--hc) 55%,#fff) 0,color-mix(in srgb,var(--hc) 45%,#000) 60%,#0b0d14);box-shadow:inset 0 0 0 2px #ffe6a0b3,inset 0 0 12px #000000b3}.sb-icon-img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.sb-icon.unknown{filter:grayscale(1) brightness(.35)}.sb-icon-q{position:absolute;inset:0;display:grid;place-items:center;font:900 calc(26px * var(--tsb)) var(--font-title);color:#fff;filter:none}.sb-icon.big{width:120px;height:120px}.sb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 4px;width:100%;max-height:52%;overflow-y:auto;scrollbar-width:none;flex:none}.sb-grid::-webkit-scrollbar{display:none}.sb-grid .sb-icon{width:min(86px,17cqw);height:min(86px,17cqw)}.sb-spell{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;border-radius:10px}.sb-spell.sel{background:#2846961f;box-shadow:inset 0 0 0 2px #28469666}.sb-spell.on .sb-icon{box-shadow:inset 0 0 0 2px #ffe08a,0 0 0 2px #7a5a2a,0 0 12px var(--hc);box-shadow:inset 0 0 0 2px #ffe08a,0 0 0 2px #7a5a2a,0 0 12px color-mix(in srgb,var(--hc) 80%,transparent)}.sb-name{font:800 calc(20px * var(--ts))/1.15 var(--font-body);color:#24305a;text-align:center}.sb-count{position:absolute;top:0;right:calc(50% - min(50px,10cqw));padding:0 5px;border-radius:8px;font:900 calc(20px * var(--ts)) var(--font-body);color:#fff;background:#7a3a12}.sb-detail{flex:0 1 auto;min-height:0;overflow-y:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 4px;border-top:1px solid rgba(40,60,120,.3);text-align:center;scrollbar-width:none}.sb-detail-name{font:900 calc(20px * var(--ts)) var(--font-title);color:#24305a}.sb-detail-ready{font:800 calc(20px * var(--ts)) var(--font-body);color:#2a62b0}.sb-detail-desc{align-self:stretch;overflow-wrap:anywhere;font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:#3b2614}.sb-hint{font:italic 600 calc(20px * var(--ts))/1.3 var(--font-body);color:#6b4a2a}.sb-note{font:800 calc(20px * var(--ts)) var(--font-body);color:#a02a12}.sb-detail .btn{margin-top:4px;min-width:140px}.sb-postits{position:absolute;z-index:7;right:-40px;top:5%;bottom:7%;width:46px;display:flex;flex-direction:column}.sb-postit{position:relative;flex:1 1 0;min-height:0;width:100%}.sb-postit-tab{position:absolute;left:0;top:0;width:100%;height:46px;border-radius:4px 12px 12px 4px;overflow:hidden;transform:translate(-4px);transition:transform .15s;background:linear-gradient(90deg,#000,var(--hc));background:linear-gradient(90deg,color-mix(in srgb,var(--hc) 45%,#000),var(--hc));box-shadow:0 2px 4px #0009,inset 0 0 0 1px #fff0c840}@media(hover:hover){.sb-postit:hover .sb-postit-tab{transform:translate(0)}}.sb-postit.active{z-index:2}.sb-postit.active .sb-postit-tab{transform:translate(6px);box-shadow:0 0 0 2px #ffe08a,0 3px 8px #000000b3}.sb-postit.locked .sb-postit-tab{filter:saturate(.4) brightness(.75)}.sb-postit-face{position:absolute;inset:-12% -22% -40%}.sb-postit-face img{width:100%;height:100%;object-fit:contain}.sb-postit-n{position:absolute;right:3px;bottom:3px;min-width:16px;padding:0 3px;border-radius:8px;font:900 calc(20px * var(--ts)) var(--font-body);color:#2a1606;background:#ffe08a}.sb-fx{position:absolute;inset:6%;overflow:hidden;border-radius:50%}.sb-fx-strip{display:block;height:100%;width:calc(var(--n) * 100%);max-width:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));animation:sbFx calc(var(--n) * 85ms) steps(var(--n)) infinite}@keyframes sbFx{to{transform:translate(-100%)}}.sb-icon:not(.unknown) .sb-icon-img{animation:sbGlow 2.4s ease-in-out infinite}@keyframes sbGlow{50%{filter:drop-shadow(0 0 6px var(--hc)) brightness(1.12);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--hc) 80%,#fff)) brightness(1.12)}}.sb-found{display:flex;flex-direction:column;align-items:center;gap:10px;width:580px;max-width:calc(100% - 40px);padding:46px 26px 24px;text-align:center}.sb-found>.ribbon{max-width:calc(100% + 24px);padding-left:40px;padding-right:40px;letter-spacing:.06em}.sb-found-art{position:relative;display:grid;place-items:center;width:180px;height:160px}.sb-rays{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,220,140,.55),transparent 65%);animation:sbSpin 12s linear infinite}.sb-found-text{font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.sb-found .sb-detail-desc{color:var(--parchment-2)}.sb-found-row{display:flex;flex-direction:column-reverse;align-items:stretch;gap:10px;width:100%;margin-top:6px}.sb-found-row .btn{max-width:100%}.sb-strip{display:block;height:100%;width:calc(var(--n) * 100%);max-width:none;animation:sbFx calc(var(--n) * 80ms) steps(var(--n)) infinite}.sb-still{display:block;width:100%;height:100%;object-fit:contain}.sb-cover{position:absolute;z-index:8;inset:-2.5% -1.5% -2.5% -4%;transform-origin:0 50%;transform-style:preserve-3d;animation:sbCoverOpen 1.9s both;pointer-events:none}.sb-cover>*{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden}.sb-cover-front{filter:drop-shadow(0 12px 18px rgba(0,0,0,.65))}.sb-cover-front .sb-strip,.sb-cover-front .sb-still{height:100%}.sb-cover-front .sb-strip{width:calc(var(--n) * 100%)}.sb-cover-back{transform:rotateY(180deg);background:url(../assets/ui/spellbook/cover.webp) center / 100% 100% no-repeat;filter:brightness(.35)}@keyframes sbCoverOpen{0%{transform:scale(.92);opacity:0}12%{transform:scale(1);opacity:1}50%{transform:rotateY(0);animation-timing-function:cubic-bezier(.5,0,.85,.6)}72%{transform:rotateY(-90deg);animation-timing-function:cubic-bezier(.15,.4,.5,1)}88%{opacity:1}to{transform:rotateY(-165deg);opacity:0}}.sb-page.sb-opening{animation:sbPageIn .5s ease-out 1.2s both}@keyframes sbPageIn{0%{opacity:0}to{opacity:1}}.sb-leaf{position:absolute;inset:0;z-index:6;transform-origin:0 50%;transform-style:preserve-3d;pointer-events:none;animation:sbLeafTurn .75s cubic-bezier(.4,.05,.35,1) both}.sb-leaf>.sb-page{backface-visibility:hidden}.sb-leaf-back{position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;background:url(../assets/ui/spellbook/page.webp) center / 100% 100% no-repeat;filter:brightness(.82)}.sb-leaf-shade{position:absolute;inset:0;z-index:3;pointer-events:none;backface-visibility:hidden;background:linear-gradient(90deg,#00001400,#00001459 60%,#ffffff40 85%,#00001433);animation:sbLeafShade .75s ease-in-out both}@keyframes sbLeafTurn{0%{transform:rotateY(0) skewY(0)}30%{transform:rotateY(-35deg) skewY(-2deg)}to{transform:rotateY(-180deg) skewY(0)}}@keyframes sbLeafShade{0%{opacity:0}45%{opacity:1}to{opacity:.2}}.sb-page.sb-under{animation:sbUnder .75s ease-out both}@keyframes sbUnder{0%{filter:brightness(.55) drop-shadow(-2px 3px 4px rgba(0,0,0,.45))}to{filter:brightness(1) drop-shadow(-2px 3px 4px rgba(0,0,0,.45))}}.sb-burst{position:absolute;z-index:9;left:50%;top:46%;width:92%;aspect-ratio:1;overflow:hidden;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;animation:sbBurst .9s ease-out both}@keyframes sbBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}@media(prefers-reduced-motion:reduce){.sb-page.sb-opening,.sb-page.sb-under{animation:none}.sb-cover,.sb-leaf,.sb-burst{display:none}}.sb-mkcard{position:relative;width:100%;aspect-ratio:5 / 7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;box-sizing:border-box;border-radius:10px;overflow:hidden;isolation:isolate;text-align:center;background:radial-gradient(circle at 50% 38%,#120c1e,#0c0814 70%);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--hc) 35%,#120c1e),#0c0814 70%);box-shadow:inset 0 0 0 2px var(--hc),0 4px 10px #00000080;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--hc) 60%,#000),0 4px 10px #00000080}.sb-mkcard .rn-rays{inset:-10% -30% 25%}.sb-mkcard .sb-icon{width:62%;height:auto;aspect-ratio:1;flex:0 1 auto;min-height:0}.sb-mkcard b{flex:none;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:800 calc(12px * var(--ts))/1.15 var(--font-body);color:#e8d8ff}.sb-mkcard small{flex:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 calc(10px * var(--ts)) var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--parchment-2)}.story-panel{gap:14px}.story-art{position:relative;width:560px;height:240px;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #d7b45a80,0 10px 24px #0009;background:#07080c}.story-art img{width:100%;height:100%;object-fit:cover}.story-art img.flip{transform:scaleX(-1)}.story-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(6,8,12,.7))}.story-art.rift{background:radial-gradient(60% 80% at 50% 50%,rgba(176,124,255,.22),transparent 75%),linear-gradient(180deg,#040209,#0a0618 50%,#06030f)}.story-art img.story-tear{position:absolute;left:50%;top:50%;width:250px;height:250px;object-fit:contain;transform:translate(-50%,-50%);animation:storyTear 14s linear infinite}@keyframes storyTear{to{transform:translate(-50%,-50%) rotate(-360deg)}}.story-text{max-width:560px;text-align:center;font:italic calc(23px * var(--ts))/1.45 var(--font-lore);color:var(--parchment);text-shadow:0 1px 0 #000}.story-go{min-width:260px}.story-btn{align-self:center;margin-top:8px;display:flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border-radius:99px;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.04em;color:var(--gold-2);text-shadow:0 1px 0 #000;background:linear-gradient(180deg,#3c2c12eb,#181108f0);box-shadow:inset 0 0 0 1px #d7b45ab3,0 0 12px #ffc85a40,0 4px 10px #00000080}.story-btn img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}.story-btn:active{transform:scale(.94)}.worldmap{background:#07080c}.wm-scroll{position:relative;flex:1;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.wm-scroll::-webkit-scrollbar{display:none}.wm-world{position:relative;width:720px;height:1460px}.wm-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wm-part{position:absolute;z-index:1;width:0;height:0;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center}.wm-mark{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#5a6478,#262c3a 60%,#10131a);box-shadow:0 0 0 3px #000,0 0 0 7px var(--gold),0 10px 22px #000000bf}.wm-mark b{font-family:var(--font-deco);font-weight:900;font-size:calc(30px * var(--tsb));color:var(--gold-2);text-shadow:0 3px 0 #000}.wm-part.current .wm-mark{animation:nodePulse 1.6s ease-in-out infinite}.wm-plate{position:absolute;top:46px;left:0;transform:translate(-50%);width:280px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:14px;text-align:center;background:#07080ccc;box-shadow:inset 0 0 0 1px #d7b45a73,0 8px 20px #0009}.wm-plate small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--ember)}.wm-plate b{font-family:var(--font-title);font-size:calc(23px * var(--ts));line-height:1.05;color:var(--gold-2);text-shadow:0 3px 0 #000}.wm-plate em{font:italic calc(20px * var(--ts)) var(--font-lore);color:var(--parchment-2)}.wm-trophies{display:flex;align-items:center;gap:6px;margin-top:4px;padding:3px 14px;border-radius:16px;background:#00000080;font:900 calc(20px * var(--ts)) var(--font-body);color:var(--gold-2)}.wm-trophies img{width:24px;height:24px}.wm-trophies.full{box-shadow:inset 0 0 0 1px var(--gold-2),0 0 14px #ffc85a73}.wm-chapters{font:700 calc(20px * var(--ts)) var(--font-body);letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;color:var(--parchment-2);opacity:.8}.wm-lockline{font:700 calc(20px * var(--ts)) var(--font-body);color:#c8b8ff}.wm-lockline:empty{display:none}.wm-lockline b{white-space:nowrap}.wm-pass{display:flex;align-items:center;gap:6px;margin-top:2px;padding:3px 14px;border-radius:16px;font:900 calc(20px * var(--ts)) var(--font-body);color:var(--gold-2);background:#0009;box-shadow:inset 0 0 0 1px var(--gold)}.wm-pass i{width:15px;height:15px;background:url(../assets/icons/lock.webp) center / contain no-repeat}.wm-pass .cur-icon{width:19px;height:19px}.wm-part.soon .wm-mark{filter:grayscale(.75) brightness(.7);box-shadow:0 0 0 3px #000,0 0 0 7px #6a6070,0 10px 22px #000000bf}.wm-part.soon .wm-plate{background:#07080cb3}.wm-part.soon .wm-plate b{color:#cfc6b8}.wm-lock{position:absolute;right:-4px;bottom:-4px;width:34px;height:34px;border-radius:50%;background:#10131a url(../assets/icons/lock.webp) center / 60% no-repeat;box-shadow:0 0 0 2px #000,0 0 0 4px #6a6070}.wm-soon{margin-top:4px;padding:2px 8px;border-radius:12px;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.03em;white-space:nowrap;text-transform:uppercase;color:#d8d0ff;background:#5a469673;box-shadow:inset 0 0 0 1px #aa96ff8c}.wm-peek{position:absolute;bottom:58px;left:0;transform:translate(-50%);z-index:3;width:260px;padding:10px 14px;border-radius:12px;text-align:center;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment);background:#141022f2;box-shadow:inset 0 0 0 1px #aa96ffb3,0 8px 20px #000000b3;animation:wmPeek 2.6s ease forwards;pointer-events:none}@keyframes wmPeek{0%{opacity:0;transform:translate(-50%,8px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.discord-row{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:12px;border-top:1px solid rgba(215,180,90,.25)}.discord-row .discord-mark{width:22px;height:22px;flex:none;fill:currentColor}.discord-row .btn.discord-link{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(180deg,#6b77f5,#4752c4)}.discord-row .discord-link span{overflow-wrap:anywhere}.discord-row .discord-linked{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;font:700 calc(16px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.discord-row .discord-linked .discord-mark{color:#8c95ff}.discord-row .discord-linked b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gold-2)}.discord-row .discord-hint{font:500 calc(13px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2);text-align:center}.fg{--fg-ascend: #f2c24e;--fg-hold: #7f8fa8;--fg-shatter: #c8432f}.fg-intro{text-align:center;font:700 calc(17px * var(--ts)) var(--font-body);color:var(--parchment);padding:0 14px}.fg-rarities{grid-template-columns:repeat(3,minmax(0,1fr))}.fg-to{font:800 calc(12px * var(--ts)) var(--font-body);color:var(--gold-2);text-shadow:0 1px 0 #000;white-space:nowrap}.fg-core{position:absolute;left:50%;top:50%;z-index:2;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%}.fg-dial{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 3px #000,0 0 0 7px var(--rarity),0 0 44px #ffaa3ca6;box-shadow:0 0 0 3px #000,0 0 0 7px color-mix(in srgb,var(--rarity) 65%,var(--gold)),0 0 44px color-mix(in srgb,var(--rarity) 45%,rgba(255,170,60,.65));-webkit-mask:radial-gradient(circle,transparent 54%,#000 55%);mask:radial-gradient(circle,transparent 54%,#000 55%);transition:filter .3s ease}.fg-dial.idle{filter:saturate(.3) brightness(.6)}.fg-needle{position:absolute;left:50%;top:50%;z-index:3;width:8px;height:104px;margin:-104px 0 0 -4px;border-radius:4px 4px 2px 2px;transform-origin:50% 100%;background:linear-gradient(180deg,#fff6d8,#f2c24e 40%,#7a4a12);box-shadow:0 0 0 2px #000,0 0 14px #ffdc8ce6}.fg-hub{position:absolute;left:50%;top:50%;z-index:4;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;background:radial-gradient(circle at 50% 36%,#6a4418,#1c0f06 72%);box-shadow:0 0 0 3px #000,inset 0 0 0 2px #f3d98c80;padding:0;border:0;cursor:pointer;transition:scale .12s ease,filter .12s ease}.fg-hub.ready{background:radial-gradient(circle at 50% 36%,#9a6420,#2a1608 72%);animation:fgHubReady 1.6s ease-in-out infinite}@keyframes fgHubReady{0%,to{box-shadow:0 0 0 3px #000,inset 0 0 0 2px #ffe3a0cc,0 0 10px 2px #ffbe5059}50%{box-shadow:0 0 0 3px #000,inset 0 0 0 2px #ffe3a0,0 0 26px 8px #ffbe50b3}}@media(hover:hover){.fg-hub.ready:hover{filter:brightness(1.15)}}.fg-hub:active{scale:.94}.fg-ring.forging .fg-hub{animation:none;cursor:default;scale:1}.fg-hub b{font:900 calc(28px * var(--ts)) var(--font-title);color:#ffe3a0;text-shadow:0 2px 0 #000}.fg-hub span{font:800 calc(12px * var(--ts)) var(--font-body);color:var(--parchment);text-transform:uppercase;letter-spacing:.06em}.fg-hub small{font-size:calc(11px * var(--ts));color:var(--rarity);letter-spacing:-.04em;text-shadow:0 1px 0 #000}.fg-ring .cb-slot{transition:translate .6s cubic-bezier(.5,0,.7,.4),scale .6s ease,opacity .6s ease,filter .6s ease}.fg-ring .cb-slot.s0{--dx: 135px;--dy: 180px}.fg-ring .cb-slot.s1{--dx: -135px;--dy: 180px}.fg-ring .cb-slot.s2{--dx: 220px;--dy: 0px}.fg-ring .cb-slot.s3{--dx: -220px;--dy: 0px}.fg-ring .cb-slot.s4{--dx: 135px;--dy: -180px}.fg-ring .cb-slot.s5{--dx: -135px;--dy: -180px}.fg-ring.forging .cb-slot.filled{translate:var(--dx) var(--dy);scale:.35;opacity:.15;filter:brightness(2) saturate(1.6)}.fg-ring.forging .cb-slot:not(.filled){opacity:.25}.fg-ring.forging:before{animation:fgBurn 1.2s ease-in-out infinite}.fg-ring.forging:after{animation-duration:6s}@keyframes fgBurn{50%{filter:brightness(1.6) saturate(1.4)}}.fg-ring.forging .fg-dial{filter:none}.fg-ring.done-ascend .fg-core{animation:fgAscend 1s cubic-bezier(.2,.9,.3,1.3)}.fg-ring.done-ascend .fg-dial{box-shadow:0 0 0 3px #000,0 0 0 7px var(--fg-ascend),0 0 90px 20px #ffd26ee6}@keyframes fgAscend{40%{scale:1.18}}.fg-ring.done-hold .cb-slot.filled{translate:none;scale:1;opacity:1;filter:none;transition-timing-function:cubic-bezier(.2,.9,.3,1.2)}.fg-ring.done-hold .fg-dial{box-shadow:0 0 0 3px #000,0 0 0 7px var(--fg-hold),0 0 40px #96aac899}.fg-ring.done-shatter .fg-core{animation:fgShake .5s ease}.fg-ring.done-shatter .fg-dial{box-shadow:0 0 0 3px #000,0 0 0 7px var(--fg-shatter),0 0 70px 10px #dc3c28d9}.fg-ring.done-shatter .cb-slot.filled{opacity:0;filter:grayscale(1) brightness(.4)}@keyframes fgShake{20%,60%{translate:-8px 0}40%,80%{translate:8px 0}}.fg-legend{width:100%;display:flex;flex-direction:column;gap:6px;padding:0 10px}.fg-odd{display:flex;align-items:baseline;gap:10px;padding:7px 12px;border-radius:12px;background:#0006;font:600 calc(15px * var(--ts)) var(--font-body);color:var(--parchment-2)}.fg-odd i{flex:0 0 auto;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 2px #000;align-self:center}.fg-odd b{flex:0 0 auto;font-weight:900}.fg-odd.ascend i{background:var(--fg-ascend)}.fg-odd.ascend b{color:var(--fg-ascend)}.fg-odd.hold i{background:var(--fg-hold)}.fg-odd.hold b{color:#c3cddd}.fg-odd.shatter i{background:var(--fg-shatter)}.fg-odd.shatter b{color:#ff8a74}.r-common{--rarity: var(--r-common)}.r-semicommon{--rarity: var(--r-semicommon)}.r-semirare{--rarity: var(--r-semirare)}.r-rare{--rarity: var(--r-rare)}.r-epic{--rarity: var(--r-epic)}.r-legendary{--rarity: var(--r-legendary)}.r-mythical{--rarity: var(--r-mythical)}.rarity-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:10px;white-space:nowrap;font:900 calc(12px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--rarity);background:#0000008c;box-shadow:inset 0 0 0 1px var(--rarity);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 55%,transparent);text-shadow:0 1px 0 #000}.cc-heroes{position:relative;z-index:2;flex:none;width:100%;height:106px;overflow-x:clip;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}.cc-hero{--off: 0;--lift: 0px;position:absolute;left:50%;top:12px;width:80px;height:80px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 2px #000,0 0 0 4px #d7b45a59;transform:translate(calc(-50% + var(--off) * 90px),var(--lift));transition:transform .42s cubic-bezier(.2,.85,.25,1),box-shadow .25s ease}.cc-hero.active{z-index:1;--lift: -4px;box-shadow:0 0 0 2px #000,0 0 0 5px var(--gold-2),0 0 20px #ffd26e99}.cc-hero.locked{filter:grayscale(.8) brightness(.55)}.cc-tabs{position:relative;z-index:2;display:flex;gap:6px;padding:5px;border-radius:14px;background:#00000080;box-shadow:inset 0 0 0 1px #d7b45a59}.cc-tab{padding:10px 28px;border-radius:10px;font:900 calc(17px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2)}.cc-tab.active{color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 2px 8px #00000080}.cc-msg{position:relative;z-index:2;min-height:24px;padding:3px 24px 0;text-align:center;font:700 calc(15px * var(--ts)) var(--font-body);color:#ffb08a;text-shadow:0 1px 2px #000}.cc-msg.ok{color:var(--heal)}.cc-body{position:relative;z-index:1;flex:1;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;padding:4px 15px 24px;scrollbar-width:none}.cc-body::-webkit-scrollbar{display:none}.cc-head{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:12px}.cc-head-text{flex:1;display:flex;flex-direction:column;gap:3px;font:600 calc(13px * var(--ts)) var(--font-body);color:var(--parchment-2)}.cc-head-text b{font:900 calc(22px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.cc-head-text em{font-style:normal;font-weight:900;color:var(--heal)}.cc-warn{margin:0 0 12px;padding:8px 14px;border-radius:10px;background:#5a140ea6;box-shadow:inset 0 0 0 1px #a33;font:600 calc(14px * var(--ts))/1.3 var(--font-body);color:#ffd0c0;text-align:center}.cc-grid{display:grid;grid-template-columns:repeat(4,160px);justify-content:center;gap:26px 10px;padding:4px 0 16px}.cc-slot{position:relative;width:160px;height:224px;cursor:pointer}.cc-slot .rcard{position:absolute;left:0;top:0;transform:scale(.714);transform-origin:0 0;animation:none}@media(hover:hover){.cc-slot .rcard:hover{position:absolute;left:0;top:0;transform:scale(.714);transform-origin:0 0;animation:none}}body:not(.has-frames) .cc-slot .rcard{transform:scale(.696)}@media(hover:hover){body:not(.has-frames) .cc-slot .rcard:hover{transform:scale(.696)}}.cc-slot .rcard.r-legendary,.cc-slot .rcard.r-mythical{animation:cardGlow 3.2s ease-in-out infinite}.cc-slot .rcard-text,.cc-slot .rcard-stars{display:none}.cc-slot .rcard-kind,body.has-frames .cc-slot .rcard-kind{top:214px;height:20px;line-height:20px;font-size:min(calc(13px * var(--ts)),15px);letter-spacing:.08em}.cc-slot .rcard-rarity,body.has-frames .cc-slot .rcard-rarity{top:236px;bottom:auto;height:20px;line-height:20px;font-size:min(calc(13px * var(--ts)),15px);letter-spacing:.04em}.cc-slot .rcard-serial,.cc-slot .rcard-copies{font-size:calc(14px * var(--ts));padding:1px 5px}@media(hover:hover){.cc-slot:hover .rcard{box-shadow:var(--card-ring),0 0 40px var(--rarity);box-shadow:var(--card-ring),0 0 40px color-mix(in srgb,var(--rarity) 80%,transparent)}}.cc-slot.out .rcard{filter:saturate(.3) brightness(.55)}.cc-slot.dupe{z-index:0;isolation:isolate}.cc-slot.dupe:before,.cc-slot.dupe:after{content:"";position:absolute;left:0;top:0;z-index:-1;width:160px;height:224px;border-radius:10px;background:linear-gradient(180deg,#33405a,#131a26);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #8cafd773}.cc-slot.dupe:before{transform:translate(9px,9px) rotate(4deg)}.cc-slot.dupe:after{transform:translate(5px,5px) rotate(2deg)}.cc-slot.dupe.out:before,.cc-slot.dupe.out:after{filter:saturate(.3) brightness(.55)}.cc-spare{position:absolute;right:-8px;top:-8px;z-index:7;padding:4px 9px;border-radius:11px;white-space:nowrap;font:900 calc(11px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#eaf4ff;background:linear-gradient(180deg,#6d8fb8,#23364f);box-shadow:0 0 0 2px #000,0 3px 8px #0009}.cc-suggest{position:absolute;right:-8px;top:-8px;z-index:7;padding:4px 9px;border-radius:11px;white-space:nowrap;font:900 calc(11px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#eafff0;background:linear-gradient(180deg,#5fae7a,#1f4a30);box-shadow:0 0 0 2px #000,0 3px 8px #0009}.cc-head-dupe{color:#a8c8ea}.cc-head-dupe em{font-style:normal;font-weight:900;color:#eaf4ff}.cc-state{position:absolute;left:50%;bottom:-13px;z-index:6;transform:translate(-50%);padding:5px 13px;border-radius:12px;white-space:nowrap;font:900 calc(11px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 0 2px #000,0 3px 8px #0009}.cc-state.in{color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold))}.cc-state.out{color:var(--parchment-2);background:#262b36}.cc-state.sig{color:#fff;background:linear-gradient(180deg,#7a68b0,#3b3160)}.cc-state.sealed{color:#ffd0c0;background:#4a1410}.cc-detail,.cc-break{width:620px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:popIn .35s cubic-bezier(.2,.9,.3,1.3)}.cc-detail .ribbon,.cc-break .ribbon{margin-top:-62px}.cc-big{position:relative;width:224px;height:314px}.cc-big .rcard{animation:none;transform:none}@media(hover:hover){.cc-big .rcard:hover{animation:none;transform:none}}.cc-big .rcard.r-legendary,.cc-big .rcard.r-mythical{animation:cardGlow 3.2s ease-in-out infinite}.cc-power{display:flex;align-items:center;gap:10px;font:600 calc(15px * var(--ts)) var(--font-body);color:var(--parchment)}.cc-copies{width:100%;display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto;scrollbar-width:thin}.cc-copies-title{font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}.cc-copies-title small{margin-left:6px;color:var(--parchment-2)}.cc-copy{flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:6px;align-items:center;gap:12px;min-height:52px;padding:6px 12px;border-radius:12px;background:#00000059;box-shadow:inset 0 0 0 1px var(--rarity);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 35%,transparent)}.cc-copy>*{flex:none;max-width:100%}.cc-copy>span:not(.rarity-tag){flex:1 1 80px;min-width:0;font:600 calc(14px * var(--ts)) var(--font-body);color:var(--parchment-2)}.cc-copy span b{color:var(--rarity)}.cc-playing{font:900 calc(12px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--heal);padding-right:6px}.cc-copy.spare{box-shadow:inset 0 0 0 1px #8cafd766}.cc-spare-tag{font:900 calc(12px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#a8c8ea;padding-right:6px}.cc-dupe-hint{margin-top:2px;padding:7px 12px;border-radius:10px;background:#23364f8c;box-shadow:inset 0 0 0 1px #8cafd766;font:500 calc(13px * var(--ts))/1.35 var(--font-body);color:#d6e6f6;text-align:center}.cc-empty{padding:6px 0;font:500 calc(14px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2);text-align:center}.cc-break-text{font:500 calc(15px * var(--ts))/1.35 var(--font-body);color:var(--parchment);text-align:center}.cc-break-row{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:#00000059}.cc-break-count{flex:1;font:700 calc(15px * var(--ts)) var(--font-body);color:var(--parchment-2)}.cc-packs{display:flex;flex-direction:column;gap:14px}.cc-packs-intro{padding:0 12px;text-align:center;font:500 calc(15px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2)}.cc-packs-intro b{color:var(--gold-2)}.cc-luck{margin:0 12px;padding:7px 12px;border-radius:12px;text-align:center;font:600 calc(14px * var(--ts))/1.35 var(--font-body);color:#f6ecd2;background:linear-gradient(90deg,#c896281a,#c8962861,#c896281a);box-shadow:inset 0 0 0 1px #ffd26e73}.cc-luck b{color:#ffe27a;font-size:1.15em}.tier-bronze{--pk-1: #3a2414;--pk-2: #a8683a;--pk-3: #e0a86e}.tier-silver{--pk-1: #262d3a;--pk-2: #8e9cb2;--pk-3: #e2eaf5}.tier-gold{--pk-1: #4a3208;--pk-2: #e0b040;--pk-3: #ffe08a}.pack{display:flex;align-items:center;gap:18px;padding:16px 18px}.pack-art{position:relative;flex:0 0 150px;height:200px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle at 50% 40%,var(--pk-2),var(--pk-1) 72%);box-shadow:inset 0 0 0 2px var(--pk-3),0 8px 20px #0009}.pack-art:has(.pack-img){background:none;box-shadow:none}.pack-img{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.65))}.pack-glyph{font:900 calc(72px * var(--tsb)) var(--font-deco);color:var(--pk-3);text-shadow:0 3px 0 #000}.pack-hero{position:absolute;right:-12px;bottom:-10px;z-index:2;width:70px;height:70px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 2px #000,0 0 0 4px var(--pk-3)}.pack-hero img{width:130%;height:130%;margin:-10% -15%;object-fit:contain}.pack-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.pack-name{font:900 calc(26px * var(--ts)) var(--font-title);color:var(--pk-3);text-shadow:0 2px 0 #000}.pack-sub{font:600 calc(14px * var(--ts)) var(--font-body);color:var(--parchment)}.pack-odds{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;font:700 calc(12px * var(--ts)) var(--font-body)}.pack-odds span{display:flex;justify-content:space-between;color:var(--rarity)}.pack-odds b{color:var(--parchment)}.pack-buy{display:flex;gap:10px;margin-top:4px}.pack-buy .btn{flex:1}.btn.busy{opacity:.6;pointer-events:none}.tier-diamond{--pk-1: #16243a;--pk-2: #7fc8ee;--pk-3: #d8f4ff}.cc-packs-head{display:flex;align-items:center;gap:8px;margin:0 12px;font:600 calc(14px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.cc-packs-short{flex:1;min-width:0}.cc-packs-short b{color:var(--gold-2)}.cc-luck-chip{flex:none;padding:5px 10px;border-radius:999px;font:700 calc(13px * var(--ts)) var(--font-body);color:#f6ecd2;background:linear-gradient(90deg,#c8962833,#c896286b);box-shadow:inset 0 0 0 1px #ffd26e80}.cc-luck-chip b{color:#ffe27a}.cc-info{flex:none;width:28px;height:28px;border-radius:50%;font:900 calc(15px * var(--ts)) var(--font-title);color:#1a1206;background:radial-gradient(circle at 40% 35%,#ffe9a6,#c99a3a);box-shadow:0 0 0 2px #000}.cc-rail-title{margin:2px 14px -8px;font:900 calc(18px * var(--ts)) var(--font-title);letter-spacing:.04em;color:var(--gold-2);text-shadow:0 2px 0 #000}.cc-rail{display:flex;gap:12px;padding:4px 12px 8px;overflow:auto hidden;scroll-snap-type:x mandatory;scroll-padding:0 12px;scrollbar-width:none;overscroll-behavior-x:contain}.cc-rail::-webkit-scrollbar{display:none}.cc-rail-box{position:relative}.cc-rail-box .cc-rail{padding-inline:52px;scroll-padding:0 52px}.cc-rail-arrow{z-index:2;width:44px;height:44px;margin-top:-22px;transition:opacity .2s ease}.cc-rail-arrow.prev{left:4px}.cc-rail-arrow.next{right:4px}.cc-rail-arrow i{width:14px;height:14px;border-width:4px}.cc-rail-arrow.off{opacity:0;pointer-events:none}.ptile{flex:0 0 clamp(190px,47%,260px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px}.ptile-art{position:relative;height:calc(230px * var(--tsb, 1));max-height:260px;display:block;border-radius:12px;background:radial-gradient(ellipse at 50% 55%,var(--pk-2),transparent 70%);background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--pk-2) 45%,transparent),transparent 70%)}.ptile-art .pack-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.65));transition:transform .2s}@media(hover:hover){.ptile-art:hover .pack-img:last-of-type{transform:translateY(-4px) scale(1.03)}}.ptile-art.stack .back2{transform:translate(-22%) rotate(-12deg) scale(.86);filter:brightness(.6) drop-shadow(0 6px 8px rgba(0,0,0,.6))}.ptile-art.stack .back1{transform:translate(22%) rotate(12deg) scale(.86);filter:brightness(.75) drop-shadow(0 6px 8px rgba(0,0,0,.6))}.ptile-count{position:absolute;right:2px;bottom:2px;z-index:2;padding:1px 8px;border-radius:999px;font:900 calc(16px * var(--ts)) var(--font-title);color:#1a1206;background:linear-gradient(180deg,var(--pk-3),var(--pk-2));box-shadow:0 0 0 2px #000}.ptile-odds{position:absolute;left:2px;top:2px;z-index:2;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font:italic 900 calc(13px * var(--ts)) Georgia,serif;color:var(--pk-3);background:#000000a6;box-shadow:inset 0 0 0 1px var(--pk-3)}.ptile-name{font:900 calc(22px * var(--ts))/1.1 var(--font-title);color:var(--pk-3);text-shadow:0 2px 0 #000;text-align:center}.ptile-sub{min-height:2.5em;font:600 calc(13px * var(--ts))/1.25 var(--font-body);color:var(--parchment);text-align:center}.ptile-step{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto}.ptile-step-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:900 calc(22px * var(--tsb))/1 var(--font-title);color:#1a1206;background:radial-gradient(circle at 40% 35%,#ffe9a6,#c99a3a);box-shadow:0 0 0 2px #000,0 3px 6px #00000080}.ptile-step-btn.disabled{filter:grayscale(1) brightness(.6);pointer-events:none}.ptile-step-n{min-width:40px;text-align:center;font:900 calc(20px * var(--ts)) var(--font-title);color:var(--pk-3);text-shadow:0 2px 0 #000}.ptile-buy{display:flex;flex-direction:column;gap:6px}.ptile-buy .btn{width:100%}.diamond-package{position:relative;flex-basis:clamp(230px,62%,320px);background:linear-gradient(160deg,#78c8ff38,#141e3c8c 45%,#be8cff38);box-shadow:0 0 0 2px #000,0 0 0 4px #9fdcff,0 0 26px #8cd2ff8c;animation:diamondGlow 3s ease-in-out infinite}@keyframes diamondGlow{50%{box-shadow:0 0 0 2px #000,0 0 0 4px #e9f8ff,0 0 40px #c8a0ffbf}}.diamond-art{display:flex;align-items:center;gap:6px}.diamond-art .ptile-art{flex:1}.diamond-minis{flex:0 0 34%;align-self:stretch;display:flex;flex-direction:column}.diamond-mini{position:relative;flex:1;margin:18% 0}.diamond-mini .pack-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.diamond-mini .ptile-count{right:0;bottom:0;padding:0 5px;font-size:calc(12px * var(--ts));--pk-2: #c9a24a;--pk-3: #ffe9a6}.diamond-bonus b{color:#bfe9ff}.diamond-package .wr-save{top:8px;right:auto;left:8px}.pack-odds-panel,.pack-help{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:min(420px,92vw)}.pack-odds-img{width:96px;height:128px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.65))}.pack-odds-panel .pack-odds{width:100%;grid-template-columns:1fr;font-size:calc(13px * var(--ts))}.pack-odds-panel .pack-odds span{display:grid;grid-template-columns:minmax(0,1fr) auto 5ch;align-items:center;gap:8px}.pack-odds-panel .pack-odds em{font-style:normal;min-width:0;overflow-wrap:anywhere}.pack-odds-panel .pack-odds b{text-align:right;white-space:nowrap}.odds-bars{display:inline-flex;gap:2px}.odds-bars i{width:5px;height:12px;border-radius:1px;border:1px solid currentColor;border:1px solid color-mix(in srgb,currentColor 45%,transparent)}.odds-bars i.on{background:currentColor;border-color:currentColor}.pack-extras-head{width:100%;font:900 calc(13px * var(--tsb)) var(--font-deco);color:var(--gold-2);text-align:center}.pack-extras span{color:var(--parchment-2)}.pack-extras-note{font:600 calc(11px * var(--ts)) var(--font-body);color:var(--parchment-2);text-align:center}.pack-odds-panel .ribbon,.pack-help .ribbon{max-width:calc(100% - 80px);padding:10px 40px 12px;font-size:calc(20px * var(--ts))}.pack-odds-panel .ribbon span,.pack-help .ribbon span{display:block;white-space:normal;text-align:center}.pack-help .cc-packs-intro{padding:0;margin:0}.pack-help .cc-luck{margin:0}.cc-reveal{z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:20px;padding:16px 0;overflow:hidden auto;scrollbar-width:none;background:radial-gradient(ellipse at 50% 45%,#281c3ccc,#030408f5 70%)}.cc-reveal::-webkit-scrollbar{display:none}.reveal-row{display:grid;grid-template-columns:repeat(2,196px);gap:34px 30px;perspective:1400px}.reveal-row.n1{grid-template-columns:224px}.reveal-slot{position:relative;width:196px;height:275px;cursor:pointer;animation:dealIn .6s cubic-bezier(.18,.9,.25,1.12) backwards;animation-delay:calc(var(--i) * .14s)}.reveal-row.n1 .reveal-slot{width:224px;height:314px}.reveal-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}@media(hover:hover){.reveal-slot:not(.open):hover .reveal-flip{transform:translateY(-8px) rotate(-1.5deg)}}.reveal-slot.open .reveal-flip{transform:rotateY(180deg)}.reveal-back,.reveal-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.reveal-back{border-radius:12px;background:linear-gradient(180deg,#1e2a48,#0c1224);box-shadow:inset 0 0 0 3px var(--gold-3),0 14px 30px #000000b3}.reveal-back img{width:100%;height:100%;object-fit:fill;border-radius:12px}.reveal-front{transform:rotateY(180deg)}.reveal-front .rcard{transform:scale(.875);transform-origin:0 0;animation:none}@media(hover:hover){.reveal-front .rcard:hover{transform:scale(.875);transform-origin:0 0;animation:none}}.reveal-row.n1 .reveal-front .rcard{transform:none}@media(hover:hover){.reveal-row.n1 .reveal-front .rcard:hover{transform:none}}.reveal-front .rcard.r-legendary,.reveal-front .rcard.r-mythical{animation:cardGlow 3.2s ease-in-out infinite}.reveal-label{position:absolute;left:0;right:0;bottom:-26px;text-align:center;white-space:nowrap;font:900 calc(13px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--rarity);text-shadow:0 1px 0 #000,0 0 10px var(--rarity);text-shadow:0 1px 0 #000,0 0 10px color-mix(in srgb,var(--rarity) 60%,transparent);opacity:0;transition:opacity .3s .45s}.reveal-slot.open .reveal-label{opacity:1}.reveal-slot.burst:before{content:"";position:absolute;inset:-70px;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--rarity) 0%,var(--rarity) 32%,transparent 68%);background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 75%,#fff) 0%,color-mix(in srgb,var(--rarity) 45%,transparent) 32%,transparent 68%);animation:revealBurst 1.3s ease-out .3s both}@keyframes revealBurst{0%{transform:scale(.3);opacity:0}30%{opacity:1}to{transform:scale(1.25);opacity:.4}}.reveal-slot.pull-dupe .reveal-front .rcard{filter:saturate(.55) brightness(.82)}.reveal-slot.pull-dupe .reveal-label{color:#a8c8ea;text-shadow:0 1px 0 #000}.reveal-slot.pull-dupe.burst:before{opacity:.45}.reveal-tally{min-height:0;max-width:460px;text-align:center;opacity:0;transition:opacity .35s .3s;font:600 calc(15px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2)}.reveal-tally.shown{opacity:1}.reveal-tally b{color:var(--gold-2)}.reveal-tally small{display:block;margin-top:3px;font:500 calc(13px * var(--ts))/1.3 var(--font-body);color:#a8c8ea}.reveal-row{row-gap:86px;padding-bottom:58px}.reveal-label{pointer-events:none}.reveal-label:has(.reveal-hero){bottom:-64px;display:flex;flex-direction:column;align-items:center}.reveal-hero{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:3px 11px;border:0;border-radius:12px;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.1em;color:#fff;color:color-mix(in srgb,var(--hc) 45%,#fff);background:linear-gradient(180deg,var(--hc),rgba(0,0,0,.55));background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 34%,transparent),#0000008c);box-shadow:inset 0 0 0 1px var(--hc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hc) 65%,transparent);text-shadow:0 1px 0 #000}button.reveal-hero{cursor:pointer;font-family:var(--font-body)}.reveal-slot.open .reveal-hero{pointer-events:auto}.reveal-hero.locked{color:#2a1606;background:linear-gradient(180deg,#ffe7a8,#d79a34);text-shadow:none;box-shadow:0 0 0 2px #000,0 0 14px #ffbe5080;animation:unlockPulse 2.2s ease-in-out infinite}@media(hover:hover){.reveal-hero.locked:hover{background:linear-gradient(180deg,#fff3cf,#e8ab42)}}@keyframes unlockPulse{50%{box-shadow:0 0 0 2px #000,0 0 24px #ffc85af2}}.reveal-crest{position:absolute;left:-15px;top:-13px;z-index:6;width:58px;height:58px}.crest-ring{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 32%,var(--hc),#000 72%);background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--hc) 65%,#fff),color-mix(in srgb,var(--hc) 30%,#000) 72%);box-shadow:0 0 0 2px #000,0 0 0 4px var(--hc),0 6px 14px #000000b3;box-shadow:0 0 0 2px #000,0 0 0 4px color-mix(in srgb,var(--hc) 85%,#000),0 6px 14px #000000b3}.crest-face{width:100%;height:100%}.crest-face img{position:absolute;width:155%;height:155%;left:-28%;top:-4%;object-fit:contain}.reveal-crest .mystery-q{font:900 calc(30px * var(--tsb)) var(--font-title);color:#efe4ff;text-shadow:0 2px 0 #000}.reveal-crest.locked .crest-ring{filter:grayscale(.6) brightness(.72)}.reveal-crest .lock-mark{position:absolute;right:-3px;bottom:-1px;z-index:2}.reveal-crest.small{position:relative;left:0;top:0;width:38px;height:38px;flex:0 0 auto}.lock-mark{position:relative;display:block;width:16px;height:13px;border-radius:3px;background:linear-gradient(180deg,#ffe7a8,#d79a34);box-shadow:0 0 0 2px #000;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.lock-mark:before{content:"";position:absolute;left:50%;bottom:calc(100% - 2px);width:10px;height:9px;transform:translate(-50%);border:3px solid #e8b455;border-bottom:0;border-radius:6px 6px 0 0}.lock-mark:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:5px;transform:translate(-50%,-50%);border-radius:2px;background:#3a2408}.lock-mark.big{width:30px;height:24px;border-radius:6px;box-shadow:0 0 0 2px #000}.lock-mark.big:before{bottom:calc(100% - 3px);width:18px;height:17px;border-width:5px;border-radius:10px 10px 0 0}.lock-mark.big:after{width:5px;height:9px;border-radius:3px}.reveal-slot.locked .reveal-front .rcard{filter:grayscale(.38) brightness(.74)}.reveal-lock{position:absolute;left:0;right:0;top:22px;height:134px;z-index:5;display:grid;place-items:center;pointer-events:none}.reveal-lock:before{content:"";position:absolute;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,#08050cd1 30%,#08050c00 72%)}.reveal-lock .lock-mark{z-index:2}.reveal-locked{display:none;flex-direction:column;align-items:center;gap:10px;max-width:520px;padding:12px 18px;border-radius:14px;background:linear-gradient(180deg,#3e260ce6,#140c06eb);box-shadow:inset 0 0 0 1px #ffc86e66,0 8px 22px #0009}.reveal-locked.show{display:flex;animation:dealIn .5s cubic-bezier(.18,.9,.25,1.12) both}.reveal-locked-text{margin:0;text-align:center;font:600 calc(15px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.reveal-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.reveal-chip{display:flex;align-items:center;gap:9px;padding:5px 16px 5px 5px;border:0;border-radius:26px;cursor:pointer;background:linear-gradient(180deg,#2a1c10,#170e07);background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 42%,#2a1c10),#170e07);box-shadow:0 0 0 2px #000,inset 0 0 0 1px var(--hc),0 4px 12px #0009;box-shadow:0 0 0 2px #000,inset 0 0 0 1px color-mix(in srgb,var(--hc) 70%,transparent),0 4px 12px #0009}@media(hover:hover){.reveal-chip:hover{filter:brightness(1.18)}}.reveal-chip-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.16}.reveal-chip-text b{font:900 calc(15px * var(--ts)) var(--font-title);letter-spacing:.04em;color:#ffe9b8;text-shadow:0 2px 0 #000}.reveal-chip-text small{display:flex;align-items:center;gap:5px;font:800 calc(12px * var(--ts)) var(--font-body);color:var(--gold-2)}.reveal-chip-text .coin-fallback{width:14px;height:14px}.cc-hero-count{position:absolute;right:4px;top:4px;z-index:2;min-width:22px;height:22px;padding:0 6px;border-radius:11px;font:900 calc(12px * var(--ts))/calc(22px * var(--ts)) var(--font-body);color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 0 0 2px #000}.cc-hero.mystery{display:grid;place-items:center;filter:none;background:radial-gradient(circle at 50% 35%,#4a3a70,#120c22)}.cc-hero.mystery .mystery-q{font-size:calc(40px * var(--tsb));animation:mysteryPulse 2.4s ease-in-out infinite}.cc-slot.secret{cursor:help}.cc-hidden{position:absolute;left:0;top:0;width:160px;height:224px;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px #000,0 0 0 4px var(--rarity),0 0 22px var(--rarity);box-shadow:0 0 0 2px #000,0 0 0 4px color-mix(in srgb,var(--rarity) 70%,transparent),0 0 22px color-mix(in srgb,var(--rarity) 45%,transparent)}.cc-hidden img{width:100%;height:100%;object-fit:fill;filter:brightness(.55) saturate(.8)}.cc-hidden-q{position:absolute;inset:0;display:grid;place-items:center;font:900 calc(84px * var(--tsb)) var(--font-title);color:var(--rarity);color:color-mix(in srgb,var(--rarity) 60%,#fff);text-shadow:0 0 24px var(--rarity),0 4px 0 #000;animation:mysteryPulse 3s ease-in-out infinite}.cc-hidden-rarity{position:absolute;left:0;right:0;bottom:24px;text-align:center;font:900 calc(12px * var(--ts))/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--rarity);text-shadow:0 1px 0 #000,0 0 8px #000}.cc-slot.secret.r-legendary .cc-hidden,.cc-slot.secret.r-mythical .cc-hidden{animation:cardGlow 3.2s ease-in-out infinite}.cc-state.secret{color:#efe4ff;background:linear-gradient(180deg,#5a4690,#2a1f48)}.pack-hero.mystery-q{font-size:calc(38px * var(--tsb));background:radial-gradient(circle at 50% 35%,#5a4690,#120c22)}.pack-champion{margin-top:6px;padding:5px 10px;border-radius:10px;font:700 calc(13px * var(--ts)) var(--font-body);color:#f0e4ff;background:linear-gradient(90deg,#7850c873,#7850c81a);box-shadow:inset 0 0 0 1px #be96ff73}.pack-champion b{color:#ffe27a}.reveal-slot.champion{grid-column:1 / -1;justify-self:center;width:224px;height:314px}.reveal-slot.champion .reveal-back{animation:champBack 1.4s ease-in-out infinite}@keyframes champBack{0%,to{box-shadow:inset 0 0 0 3px #ffe27a,0 0 0 2px #000,0 0 36px #ffc878e6,0 0 80px #be78ffb3}50%{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #000,0 0 60px #ffe6a0,0 0 130px #c88cfff2}}.champ-back-q{position:absolute;inset:0;display:grid;place-items:center;font:900 calc(110px * var(--tsb)) var(--font-title);color:#fff4d8;text-shadow:0 0 30px #ffcf70,0 0 60px #b070ff,0 5px 0 #000}.champ-card{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:#0c0a14;box-shadow:0 0 0 2px #000,0 0 0 5px #ffe27a,0 0 50px var(--hc);box-shadow:0 0 0 2px #000,0 0 0 5px #ffe27a,0 0 50px color-mix(in srgb,var(--hc) 80%,transparent)}.champ-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}.champ-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.92) 88%)}.champ-sprite{position:absolute;right:4px;bottom:62px;z-index:2;width:64px;height:64px}.champ-ribbon{position:absolute;top:10px;left:50%;z-index:2;transform:translate(-50%);padding:4px 14px;border-radius:10px;white-space:nowrap;font:900 calc(11px * var(--ts)) var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:#2a1606;background:linear-gradient(180deg,#fff0b8,#e0a040);box-shadow:0 0 0 2px #000}.champ-name{position:absolute;left:0;right:0;bottom:14px;z-index:2;text-align:center}.champ-name b{display:block;font:900 calc(24px * var(--ts)) var(--font-title);color:#fff4d8;text-shadow:0 2px 0 #000,0 0 16px var(--hc)}.champ-name small{font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--hc);text-shadow:0 1px 0 #000}.champ-card .rcard-serial{z-index:3}.reveal-slot.champion .reveal-label{color:#ffe27a;font-size:calc(15px * var(--ts))}.cc-reveal.champion-open{background:radial-gradient(ellipse at 50% 62%,#7846bec7,#030408f5 70%)}.reveal-slot.champion.burst:before{inset:-150px;background:conic-gradient(from 0deg,transparent,rgba(255,226,122,.7),transparent 20%,rgba(122,232,255,.55),transparent 45%,rgba(255,122,217,.55),transparent 70%,rgba(255,226,122,.7),transparent);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 68%);mask-image:radial-gradient(circle,#000 20%,transparent 68%);animation:revealBurst 1.3s ease-out .3s both,champRays 7s linear infinite}@keyframes champRays{to{rotate:360deg}}.dk-layout{display:flex;align-items:flex-start;gap:12px}.dk-book{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.dk-tools{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.dk-search{width:100%;height:52px;padding:0 22px;border-radius:26px;border:2px solid var(--gold-3);background:#141821;color:var(--parchment);font:600 calc(17px * var(--ts)) var(--font-body);outline:none}.dk-search::placeholder{color:#8d97aa}.dk-search:focus{border-color:var(--gold)}.dk-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.dk-chips::-webkit-scrollbar{display:none}.dk-chip{flex-shrink:0;height:44px;padding:0 16px;border-radius:22px;border:2px solid var(--gold-3);background:#141821d9;color:var(--parchment-2);font:700 calc(14px * var(--ts)) var(--font-body);white-space:nowrap;cursor:pointer}.dk-chip.active{color:#2a1606;border-color:var(--gold-2);background:linear-gradient(180deg,var(--gold-2),var(--gold))}.dk-grid{grid-template-columns:repeat(3,160px);justify-content:space-between;gap:26px 0;padding-bottom:28px}.dk-none{grid-column:1 / -1;padding:36px 0;text-align:center;font:600 calc(16px * var(--ts)) var(--font-body);color:var(--parchment-2)}.dk-side{position:sticky;top:0;z-index:8;flex-shrink:0;width:172px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px}.dk-side-head{display:flex;align-items:baseline;gap:6px;min-width:0;padding:0 2px}.dk-side-head b{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.05;font:900 calc(14px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.dk-count{flex-shrink:0;font:900 calc(14px * var(--ts)) var(--font-title);color:var(--parchment)}.dk-count.full{color:var(--gold-2)}.dk-seats{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.dk-seats::-webkit-scrollbar{display:none}.dk-seat{flex-shrink:0}.dk-seat{position:relative;height:40px;padding:0 6px 0 0;border-radius:9px;border:2px solid var(--iron-3);border-left:7px solid var(--rarity, var(--r-common));background:#1d2330;color:var(--parchment);display:flex;align-items:center;gap:7px;overflow:hidden;cursor:pointer;text-align:left}.dk-seat.fixed{background:#2a2414}@media(hover:hover){.dk-seat:hover{box-shadow:0 0 14px var(--rarity);box-shadow:0 0 14px color-mix(in srgb,var(--rarity) 70%,transparent)}}.dk-seat-icon{position:relative;flex-shrink:0;width:32px;height:32px;margin-left:2px;border-radius:6px;overflow:hidden;display:grid;place-items:center}.dk-seat-name{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font:700 calc(11px * var(--ts))/1.1 var(--font-body);overflow-wrap:normal;word-break:normal}.dk-seat-lock{flex-shrink:0;width:18px;height:18px;background:url(../assets/ui/deck_lock.webp) center / contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.dk-seat.empty{border:2px dashed var(--steel);background:transparent;color:var(--steel);display:grid;place-items:center;font:900 24px var(--font-title);cursor:default}.dk-peek{display:none;position:absolute;z-index:9;pointer-events:none}.dk-peek.on{display:flex;gap:12px;box-sizing:border-box;padding:10px;border-radius:14px;background:#10141c;border:3px solid var(--rarity, var(--r-common));box-shadow:0 16px 40px #000000bf;animation:popIn .14s ease-out}.dk-peek.over{left:0;right:0;top:0;min-height:100%;flex-direction:column;align-items:center}.dk-peek.beside{right:calc(100% + 10px);top:0;width:440px}.dk-peek-card{position:relative;flex-shrink:0;width:144px;height:213px}.dk-peek-card .rcard{position:absolute;left:0;top:0;transform:scale(.66);transform-origin:0 0;animation:none}@media(hover:hover){.dk-peek-card .rcard:hover{position:absolute;left:0;top:0;transform:scale(.66);transform-origin:0 0;animation:none}}.dk-peek-card .rcard-text,.dk-peek-card .rcard-stars{display:none}.dk-peek-info{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;gap:6px}.dk-peek-name{font:900 calc(19px * var(--ts))/1.15 var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.dk-peek-kind{font:600 calc(12px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.dk-peek-text{flex:1;min-height:0;overflow:hidden;font:500 calc(14px * var(--ts))/1.4 var(--font-body);color:var(--parchment)}.dk-peek-text p{margin:0 0 6px}.dk-peek-status{font:800 calc(12px * var(--ts))/1.3 var(--font-body);color:var(--gold)}body:has(.dk-layout) .friends-float{visibility:hidden;pointer-events:none}.cc-slot.armed .rcard{box-shadow:var(--card-ring),0 0 0 4px var(--gold-2),0 0 36px var(--gold-2);box-shadow:var(--card-ring),0 0 0 4px var(--gold-2),0 0 36px color-mix(in srgb,var(--gold-2) 70%,transparent)}@media(hover:hover){.cc-slot.armed .rcard:hover{box-shadow:var(--card-ring),0 0 0 4px var(--gold-2),0 0 36px var(--gold-2);box-shadow:var(--card-ring),0 0 0 4px var(--gold-2),0 0 36px color-mix(in srgb,var(--gold-2) 70%,transparent)}}.cc-slot.armed{z-index:2;transform:translateY(-6px);transition:transform .12s ease-out}.cc-slot.out.armed .rcard{filter:none}.dk-seat.armed{border-color:var(--gold-2);box-shadow:0 0 14px var(--gold-2);box-shadow:0 0 14px color-mix(in srgb,var(--gold-2) 70%,transparent)}.dk-peek.armed{pointer-events:auto}.dk-peek-take{flex-shrink:0;align-self:stretch;min-height:48px;padding:6px 10px;font-size:calc(15px * var(--ts));white-space:normal;line-height:1.15}.ptile-first{min-height:0;color:var(--gold-2, #ffd27a);font-weight:800}.rcard-rarity.sig{color:#cdb8ff;text-shadow:0 1px 0 #000,0 0 8px rgba(160,120,255,.55)}.rarity-tag.r-signature{--rarity: #cdb8ff}.shop .shop-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;width:690px;padding:5px;border-radius:18px}.shop .shop-tabs:has(>:only-child){grid-template-columns:1fr;width:auto}.shop .shop-tab{position:relative;min-width:0;height:auto;padding:6px 1px 5px;border-radius:13px;flex-direction:column;gap:2px;font-size:calc(20px * var(--ts));letter-spacing:.03em}.shop .shop-tab{container-type:inline-size}.shop .shop-tab span{max-width:100%;white-space:normal;line-height:1.1;text-align:center;letter-spacing:0;overflow-wrap:anywhere;font-size:min(calc(20px * var(--ts)),11cqi)}.shop .shop-tab-icon{width:34px;height:34px}.shop .shop-tab .badge{position:absolute;top:2px;right:10px}.shop .shop-pane.shop-body{flex:1 1 0}.shop-msg{position:absolute;z-index:30;left:50%;top:172px;transform:translate(-50%);width:600px;padding:8px 14px;border-radius:12px;background:#07080ceb;box-shadow:0 0 0 1px #d7b45a73;opacity:0;pointer-events:none;transition:opacity .2s}.shop-msg.show{opacity:1}.shop .bottom-nav{flex:none}.shop-market{align-self:center;margin-top:4px}.shop-shelf{width:100%;min-width:0;display:flex;flex-direction:column;gap:10px}.shop-shelf>*{width:100%;min-width:0}.wr-holds{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.wr-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 4px;border-radius:99px;background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a4d;font:700 calc(20px * var(--ts))/1.2 var(--font-body);color:var(--parchment)}.wr-chip img{width:24px;height:24px;object-fit:contain}.wr-buy{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:150px}.wr-buy s{margin-right:4px;font:700 calc(20px * var(--ts)) var(--font-body);color:#ffb0a0;text-decoration-thickness:2px}.wr-buy .cur-icon{height:1.15em}.wr-set{width:100%;display:flex;flex-direction:column;gap:10px}.wr-set-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-radius:14px;background:radial-gradient(120% 140% at 0% 50%,var(--set-glow, rgba(123, 63, 228, .45)),transparent 60%),linear-gradient(160deg,#1d1530,#12131b);box-shadow:inset 0 0 0 1px var(--set-edge, rgba(166, 120, 255, .7))}.wr-set-champions{--set-glow: rgba(215, 180, 90, .4);--set-edge: rgba(243, 217, 140, .7)}.wr-set-fortune{--set-glow: rgba(60, 190, 120, .35);--set-edge: rgba(110, 220, 150, .65)}.wr-set-title small{display:block;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2)}.wr-set-title b{font:900 calc(22px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 2px 0 #000}.wr-set-clock{display:flex;align-items:center;gap:6px;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--gold-2);white-space:nowrap}.wr-set-clock i{width:13px;height:13px;border:2px solid currentColor;border-radius:50%}.wr-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.wr-pair .wr-offer{padding-top:calc(16px * var(--ts) + 14px)}.wr-offer{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 12px;text-align:center}.wr-offer.featured{padding:22px 16px 16px;border-color:#ffdc78d9;box-shadow:inset 0 0 0 1px #000000a6,0 0 28px #ffb43c40}.wr-offer .wr-buy{margin-top:auto}.wr-offer.bought{filter:saturate(.5) brightness(.8)}.wr-offer-name{font:900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.wr-offer.featured .wr-offer-name{font-size:calc(22px * var(--ts))}.wr-save{position:absolute;top:-10px;right:12px;padding:3px 10px;border-radius:10px;background:linear-gradient(180deg,#c23a30,#7a1a14);box-shadow:0 0 0 2px #000;font:900 calc(20px * var(--ts)) var(--font-body);color:#fff}.wr-once{padding:3px 10px;border-radius:10px;background:linear-gradient(180deg,#3d8a52,#1c4a2a);box-shadow:0 0 0 2px #000;font:800 calc(20px * var(--ts)) var(--font-body);color:#eaffef;text-transform:uppercase;letter-spacing:.06em}.wr-next{display:flex;gap:8px}.wr-next span{flex:1;display:flex;flex-direction:column;padding:8px 12px;border-radius:12px;border:1px dashed rgba(215,180,90,.35);background:#07080c99;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.wr-next small{font-size:calc(20px * var(--ts));color:var(--parchment-2)}.wr-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.wr-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:10px;background:#0006;box-shadow:inset 0 0 0 1px #d7b45a40;cursor:default}.wr-box small{font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);text-transform:uppercase;letter-spacing:.08em}.wr-box b{font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.wr-box .wr-holds{gap:3px}.wr-box .wr-chip{padding:2px 6px 2px 3px;font-size:calc(20px * var(--ts))}.wr-box .wr-chip img{width:18px;height:18px}.wr-box.ready{cursor:pointer;box-shadow:inset 0 0 0 2px #5fe08a,0 0 14px #5fe08a59}.wr-box.ready b{color:#5fe08a}.wr-box.taken{opacity:.45}.wr-chains{width:100%;display:flex;flex-direction:column;gap:6px}.wr-rb,.wr-cache,.wr-choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;text-align:center}.wr-rb-art{position:relative;width:110px;height:110px}.wr-rb-art>img:first-child{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.65))}.wr-rb-rune{position:absolute;right:-8px;bottom:-4px;width:52px;height:52px;filter:drop-shadow(0 0 10px rgba(166,120,255,.8))}.wr-rb-grand{border-color:#ffdc78d9}.wr-rb-line{font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.wr-rb-quest{font:800 calc(20px * var(--ts))/1.3 var(--font-body);color:#ffd36b}.wr-buy.discounted{position:relative}.wr-runeshop{width:100%;display:flex;flex-direction:column;gap:8px}.wr-runeshop .cos-note{margin:-4px 0 2px 6px}.wr-caches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wr-cache-art{display:flex;justify-content:center;gap:2px;height:64px}.wr-cache-art img{width:52px;height:52px;object-fit:contain}.wr-cache-art img:nth-child(2){transform:translateY(-8px) scale(1.15)}.wr-cache.c-red{border-color:#e65a46b3}.wr-cache.c-yellow{border-color:#f0c850b3}.wr-cache.c-blue{border-color:#5aa0f0b3}.wr-choice.epic{border-color:#ff8c5acc}.wr-runes{max-width:640px}.wr-runes-grid,.wr-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.wr-rune,.wr-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:12px;background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a4d;text-align:center}.wr-rune img,.wr-pick img{width:56px;height:56px}.wr-rune b,.wr-pick b{font:800 calc(20px * var(--ts))/1.2 var(--font-body);color:var(--gold-2)}.wr-rune small,.wr-pick small{font:600 calc(20px * var(--ts))/1.25 var(--font-body);color:var(--parchment-2)}.wr-rune.epic{box-shadow:inset 0 0 0 2px #ff8c5acc,0 0 16px #ff8c5a59}.wr-pick{cursor:pointer}@media(hover:hover){.wr-pick:hover{box-shadow:inset 0 0 0 2px var(--gold-2)}}.wr-pick em{position:absolute;top:4px;right:6px;font:800 calc(20px * var(--ts)) var(--font-body);font-style:normal;color:var(--parchment-2)}.wr-picker{max-width:660px;max-height:90%;overflow-y:auto;scrollbar-width:none}.shop .fate{position:relative;z-index:1;width:680px;flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 10px 4px}.fate-head{display:flex;align-items:baseline;justify-content:space-between;width:100%}.fate-head>b{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000}.fate-links{display:flex;gap:8px;color:var(--parchment-2)}.fate-link{font:700 calc(20px * var(--ts)) var(--font-body);color:#c8b4ff;text-decoration:underline;text-underline-offset:3px}.fate-wheel{position:relative;flex:1 1 0;min-height:160px;max-height:470px;aspect-ratio:1;max-width:100%;margin-top:10px}.fate-rays{position:absolute;inset:-14%;z-index:0;border-radius:50%;pointer-events:none;opacity:.55;background:repeating-conic-gradient(from 0deg,#ffd66e80 0deg 7deg,#ffd66e00 7deg 22.5deg);-webkit-mask:radial-gradient(circle,#000 34%,transparent 70%);mask:radial-gradient(circle,#000 34%,transparent 70%);animation:fateRays 26s linear infinite}.fate-wheel.ready .fate-rays{opacity:.9}.fate-wheel.spinning .fate-rays{opacity:1;animation-duration:5s}@keyframes fateRays{to{rotate:360deg}}.fate-svg{position:relative;z-index:1;width:100%;height:100%;transition:transform 4.2s cubic-bezier(.12,.8,.12,1);filter:drop-shadow(0 10px 18px rgba(0,0,0,.75)) drop-shadow(0 0 22px rgba(255,190,80,.35))}.fate-rare{animation:fateRare 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes fateRare{50%{opacity:.45;scale:.8}}.fate-lamp{fill:#fff6d0;stroke:#8a5a10;stroke-width:.8;animation:fateLamp 1.2s steps(1) infinite}.fate-lamp.l1{animation-delay:-.6s}.fate-wheel.spinning .fate-lamp{animation-duration:.24s}.fate-wheel.spinning .fate-lamp.l1{animation-delay:-.12s}@keyframes fateLamp{0%{fill:#fffbe6;filter:drop-shadow(0 0 3px #ffe08a)}50%{fill:#a8742a;filter:none}}.fate-slice.hit{animation:fateHit .5s ease-in-out 6 alternate}@keyframes fateHit{to{filter:brightness(1.7) saturate(1.2)}}.fate-pointer{position:absolute;left:50%;top:-5%;z-index:3;width:14%;transform:translate(-50%);transform-origin:50% 12%;filter:drop-shadow(0 3px 3px rgba(0,0,0,.8))}.fate-pointer.kick{animation:fateKick .16s ease-out}@keyframes fateKick{40%{rotate:-14deg}}.fate-hub{position:absolute;left:50%;top:50%;z-index:2;width:21%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 32%,#4b2f86,#160c2c 70%);box-shadow:0 0 0 3px #4a2a06,0 0 0 7px #e2b24a,0 0 0 9px #4a2a06,inset 0 4px 10px #ffffff40,0 6px 14px #000000b3,0 0 26px #a06eff99}.fate-hub img{width:66%;filter:drop-shadow(0 0 6px rgba(190,150,255,.9))}.fate-wheel.ready .fate-hub img{animation:fateHub 1.8s ease-in-out infinite}@keyframes fateHub{50%{scale:1.12;filter:drop-shadow(0 0 12px rgba(220,190,255,1))}}@media(prefers-reduced-motion:reduce){.fate-rays,.fate-lamp,.fate-rare,.fate-hub img,.fate-pointer.kick,.fate-slice.hit{animation:none!important}}.fate-free{position:absolute;left:50%;bottom:-3%;z-index:3;transform:translate(-50%);padding:3px 12px;border-radius:10px;white-space:nowrap;background:linear-gradient(180deg,#3d8a52,#1c4a2a);box-shadow:0 0 0 2px #000,0 0 16px #5ae6828c;font:800 calc(20px * var(--ts)) var(--font-body);color:#eaffef;text-transform:uppercase;letter-spacing:.08em}.fate-won{position:absolute;left:50%;top:50%;z-index:4;min-width:260px;padding:14px 20px;border-radius:16px;text-align:center;pointer-events:none;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:.35s;background:linear-gradient(180deg,#2a1f45,#15111f);border:2px solid #d7b45a;box-shadow:0 0 40px #f3d98c66}.fate-won.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.fate-won small{font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);letter-spacing:.1em;text-transform:uppercase}.fate-won img{display:block;height:72px;margin:6px auto 0}.fate-won b{display:block;margin-top:4px;font:900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2)}.fate-meters{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;align-items:end;margin-top:12px}.fate-meter{font:700 calc(20px * var(--ts)) var(--font-body);color:#d8ccff}.fate-bar{position:relative;height:12px;margin-top:4px;border-radius:99px;overflow:hidden;background:#0d0b16;border:1px solid #4a3a74}.fate-bar i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#7b3fe4,#b48cff);transition:width .5s}.fate-meter.red .fate-bar i{background:linear-gradient(90deg,#c0392b,var(--gold-2))}.fate-pick{min-height:40px;min-width:0;max-width:100%;white-space:normal;line-height:1.1;text-align:center;overflow-wrap:anywhere}.fate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.fate-spin-box{position:relative;display:grid;min-width:0}#frame .fate-spin-box>.info-btn{position:absolute;top:-14px;right:-6px;width:36px;height:36px;font-size:calc(20px * var(--ts));z-index:2}.fate-spin{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:66px;padding:6px 10px}.fate-spin b{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.08em}.fate-spin span{display:inline-flex;align-items:center;gap:4px;font:800 calc(20px * var(--ts)) var(--font-body)}.fate-spin small{font:700 calc(20px * var(--ts)) var(--font-body);opacity:.85;text-transform:none;letter-spacing:0}.fate-spin .cur-icon{height:1.15em}.fate-fold{position:absolute;z-index:5;left:10px;right:10px;bottom:6px;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:#0d0b16f7;box-shadow:0 0 0 1px #a678ff99,0 -10px 30px #0009}.fate-fold>b{font:900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2)}.fate-fold>.fate-link{align-self:center}.fate-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.fate-legend>div{display:flex;align-items:center;gap:8px}.fate-legend i{flex:none;width:12px;height:12px;border-radius:3px}.fate-legend em{margin-left:auto;font-style:normal;font-weight:800;color:var(--parchment-2)}.fate-note{grid-column:1 / -1;margin:4px 0 0;font-size:calc(20px * var(--ts));color:var(--parchment-2)}.fate-sources{display:flex;flex-wrap:wrap;gap:6px}.fate-sources span{padding:4px 10px;border-radius:99px;background:#181a22;border:1px solid #2c2f39;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.fate-car{position:relative;flex:0 1 260px;min-height:170px;max-height:260px;width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}.fate-track{flex:1 1 0;min-height:0;display:flex;transition:transform .5s ease}.fate-slide{flex:0 0 100%;display:flex;align-items:center;gap:18px;height:100%;padding:14px 22px;text-align:left;border-radius:16px;background:radial-gradient(120% 120% at 10% 50%,var(--sl-glow, rgba(123, 63, 228, .45)),transparent 60%),linear-gradient(160deg,#1d1530,#12131b);box-shadow:inset 0 0 0 1px var(--sl-edge, rgba(166, 120, 255, .6))}.fate-slide.c-gold,.fate-slide.c-champions{--sl-glow: rgba(215, 180, 90, .35);--sl-edge: rgba(243, 217, 140, .6)}.fate-slide.c-blue{--sl-glow: rgba(74, 163, 240, .3);--sl-edge: rgba(74, 163, 240, .6)}.fate-slide.c-fortune{--sl-glow: rgba(60, 190, 120, .35);--sl-edge: rgba(110, 220, 150, .6)}.fate-slide>img{flex:none;width:auto;height:min(190px,80%);aspect-ratio:1;object-fit:contain;border-radius:10px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.fate-slide-text{display:flex;flex-direction:column;gap:2px;min-width:0}.fate-slide-text small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2)}.fate-slide-text b{font:900 calc(26px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 2px 0 #000}.fate-slide-text span{font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:#d2cbe0}.fate-slide-text em{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font:800 calc(20px * var(--ts)) var(--font-body);font-style:normal;color:var(--gold-2)}.fate-slide-text em s{color:#ffb0a0;font-size:.85em}.fate-slide-text em .cur-icon{height:1.15em}.fate-dots,.sf-dots{display:flex;justify-content:center;gap:7px;padding:7px 0 0}.fate-dot,.sf-dot{width:9px;height:9px;border-radius:99px;background:#3a3d48;transition:width .2s}.fate-dot.on,.sf-dot.on{width:22px;background:var(--gold-2)}.storefront{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 0 20px}.sf-feat{position:relative;width:100%;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 16px;cursor:pointer;text-align:center;background:radial-gradient(120% 90% at 50% 30%,var(--sf-glow, rgba(123, 63, 228, .45)),transparent 62%),linear-gradient(160deg,#1d1530,#12131b);border-color:var(--sf-edge, rgba(166, 120, 255, .7))}.sf-pass,.sf-crowns,.sf-set.c-champions{--sf-glow: rgba(215, 180, 90, .35);--sf-edge: rgba(243, 217, 140, .7)}.sf-rb{--sf-glow: rgba(74, 163, 240, .3);--sf-edge: rgba(74, 163, 240, .65)}.sf-feat>*{animation:sf-in .35s ease}@keyframes sf-in{0%{opacity:0;transform:translate(18px)}}.sf-set.c-fortune{--sf-glow: rgba(60, 190, 120, .35);--sf-edge: rgba(110, 220, 150, .65)}.sf-feat>img,.sf-wheel{height:180px;max-width:90%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}.sf-wheel{aspect-ratio:1}.sf-wheel svg{width:100%;height:100%}.sf-feat-text b{display:block;font:900 calc(26px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 2px 0 #000}.sf-feat-text span{font:600 calc(20px * var(--ts)) var(--font-body);color:#d2cbe0}.sf-feat-btn{display:inline-flex;align-items:center;gap:6px;min-width:260px;justify-content:center}.sf-feat-btn s{color:#7a3a10;margin-right:4px}.sf-feat-btn .cur-icon{height:1.15em}.sf-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.sf-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px 12px}.sf-tile img{height:84px;max-width:80%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.sf-tile b{font:900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.sf-tile small{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.coupon-tag{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 6px 1px 5px;border-radius:6px;vertical-align:middle;background:linear-gradient(180deg,#e2452f,#8c1a10);box-shadow:0 0 0 1px #2a0804,0 0 10px #ff5a3273;font:800 calc(20px * var(--ts)) var(--font-body);font-style:normal;color:#fff3e6;letter-spacing:.02em;white-space:nowrap;line-height:1.5}.coupon-tag em{font-style:normal}.coupon-tag .coupon-left{font-variant-numeric:tabular-nums;opacity:.9}.coupon-tag .coupon-left:before{content:"⏱";margin-right:2px;font-size:.9em}s+.cur-icon,s+img{margin-left:4px}.fate-coupon{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:6px 12px;border-radius:14px;background:linear-gradient(90deg,#8c1a10d9,#280c08d9);box-shadow:inset 0 0 0 1px #ff8c5a8c,0 0 18px #ff50284d;animation:couponIn .4s ease-out}@keyframes couponIn{0%{opacity:0;transform:scale(.94)}}.fate-coupon img{flex:none;width:74px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.fate-coupon-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.fate-coupon-text b{font:900 calc(20px * var(--ts)) var(--font-title);color:#ffe0c8;text-shadow:0 2px 0 #000}.fate-coupon-text .coupon-tag{margin-left:0}.btn .coupon-tag{position:absolute;top:-12px;right:-6px;z-index:2;margin:0;padding:0 5px;gap:3px;font-size:calc(20px * var(--ts));line-height:1.6;pointer-events:none}.btn .coupon-tag em,.coupon-tag .coupon-pct{display:none}.btn .coupon-tag .coupon-pct{display:inline}.cs-band{display:flex;align-items:center;gap:14px;margin:4px 0 14px;padding:10px 16px;border-radius:16px;background:linear-gradient(90deg,#781e14d9,#280e0ad9);box-shadow:inset 0 0 0 1px #ff966480,0 0 22px #ff5a3240}.cs-band-art{flex:none;width:76px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.cs-band-text{display:flex;flex-direction:column;gap:3px}.cs-band-text b{font:900 calc(20px * var(--ts)) var(--font-title);color:#ffd9b8;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 0 #000}.cs-band-text span{font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:#f4e2d6}.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-card{--cs: #b48cff;--cs-glow: rgba(180, 140, 255, .32);position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 12px 14px;border-radius:18px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 26%,var(--cs-glow),transparent 62%),linear-gradient(180deg,#1c1828,#0c0a12);box-shadow:inset 0 0 0 1px var(--cs),0 10px 20px #0000008c}.cs-card.el-nature{--cs: #5fd36a;--cs-glow: rgba(95, 211, 106, .32)}.cs-card.el-frost{--cs: #6cc8ff;--cs-glow: rgba(108, 200, 255, .32)}.cs-card.el-fire{--cs: #ff7a3a;--cs-glow: rgba(255, 122, 58, .32)}.cs-card.el-holy{--cs: #ffd86a;--cs-glow: rgba(255, 216, 106, .3)}.cs-card.el-lightning{--cs: #ffe94a;--cs-glow: rgba(255, 233, 74, .3)}.cs-card.el-shadow{--cs: #b86cff;--cs-glow: rgba(184, 108, 255, .34)}.cs-ribbon{position:absolute;top:14px;right:-36px;width:140px;padding:3px 0;rotate:35deg;text-align:center;background:linear-gradient(180deg,#e2452f,#8c1a10);box-shadow:0 2px 6px #0009;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#fff3e6}.cs-art{position:relative;width:132px;height:132px;display:grid;place-items:center}.cs-glow{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,var(--cs-glow),transparent 70%);animation:csGlow 2.4s ease-in-out infinite}.cs-art img{position:relative;max-width:132px;max-height:132px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.7));animation:csFloat 3s ease-in-out infinite}@keyframes csGlow{50%{opacity:.55;scale:.9}}@keyframes csFloat{50%{translate:0 -6px}}@media(prefers-reduced-motion:reduce){.cs-glow,.cs-art img{animation:none}}.cs-name{font:900 calc(20px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 2px 0 #000}.cs-effect{font:700 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--cs)}.cs-lore{font:italic 500 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.cs-held{margin-top:2px;padding:2px 10px;border-radius:99px;background:#00000073;font:800 calc(20px * var(--ts)) var(--font-body);color:#9a93ad}.cs-held.on{color:#c8ffd0;box-shadow:0 0 0 1px #6edc8280}.cs-btn{flex-direction:column;gap:0;width:100%;min-width:0;min-height:56px;margin-top:16px;padding:6px 4px;letter-spacing:0}.cs-btn small{display:block;width:100%;overflow:hidden;text-align:center;font:800 calc(20px * var(--ts)) var(--font-body);text-transform:none;opacity:.9}.cs-btn span{display:inline-flex;align-items:center;gap:3px;font:900 calc(20px * var(--ts)) var(--font-body)}.cs-btn .cur-icon{height:1.1em}.wr-rb-page{font:700 calc(20px * var(--ts)) var(--font-body);color:#c8b4ff}.cs-spells-box{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px}.cs-spells-art{flex:none;width:70px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.cs-spells-text{flex:1;font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.cs-found{--cs: #ffd86a;--cs-glow: rgba(255, 216, 106, .4);display:flex;flex-direction:column;align-items:center;gap:6px;width:580px;max-width:calc(100% - 40px);padding:46px 26px 24px;text-align:center}.cs-found.el-nature{--cs: #5fd36a;--cs-glow: rgba(95, 211, 106, .4)}.cs-found.el-frost{--cs: #6cc8ff;--cs-glow: rgba(108, 200, 255, .4)}.cs-found.el-fire{--cs: #ff7a3a;--cs-glow: rgba(255, 122, 58, .4)}.cs-found.el-lightning{--cs: #ffe94a;--cs-glow: rgba(255, 233, 74, .4)}.cs-found.el-shadow{--cs: #b86cff;--cs-glow: rgba(184, 108, 255, .45)}.cs-found>.ribbon{max-width:calc(100% + 24px);padding-left:40px;padding-right:40px;letter-spacing:.06em}.cs-found-art{position:relative;width:200px;height:200px;display:grid;place-items:center}.cs-found-art img{position:relative;max-width:180px;max-height:180px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.7));animation:csFloat 3s ease-in-out infinite}.cs-found-rays{position:absolute;inset:-30%;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--cs-glow) 0deg 8deg,transparent 8deg 24deg);-webkit-mask:radial-gradient(circle,#000 25%,transparent 70%);mask:radial-gradient(circle,#000 25%,transparent 70%);animation:fateRays 18s linear infinite}.cs-found .cs-name{font-size:calc(26px * var(--ts))}.cs-found-note{margin:4px 0 10px;font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2)}.cs-drops{margin:-6px 0 14px;font:600 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2);text-align:center}@media(prefers-reduced-motion:reduce){.cs-found-rays,.cs-found-art img{animation:none}}.shop .fate-wheel{flex:none;width:min(560px,92%,calc(100dvh / var(--frame-scale, 1) - 820px));min-width:240px;height:auto;min-height:0;max-height:none}.shop .fate.alone .fate-wheel{width:min(640px,96%,calc(100dvh / var(--frame-scale, 1) - 620px));margin-top:26px}.shop .fate.alone{justify-content:flex-start}.reinforce-offer .reinforce-panel{width:640px;max-width:calc(100% - 32px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 24px 22px;text-align:center}.reinforce-ribbon{box-sizing:border-box;width:100%;padding:10px 18px;border-radius:12px;text-align:center;white-space:normal;text-wrap:balance;background:linear-gradient(180deg,#c23a30,#7a1a14);box-shadow:0 0 0 2px #000,inset 0 1px #ffd78c73,0 6px 18px #00000073;font:900 calc(22px * var(--ts)) var(--font-title);letter-spacing:.06em;line-height:1.15;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000;animation:reinforceGlow 2.4s ease-in-out infinite}@keyframes reinforceGlow{50%{filter:brightness(1.25)}}.reinforce-art{position:relative;width:100%;height:300px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 60%,#78beff59,#0000008c)}.reinforce-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.55}.reinforce-pack{position:absolute;left:22%;bottom:14px;height:210px;filter:drop-shadow(0 0 18px rgba(140,210,255,.8));animation:reinforceFloat 3.2s ease-in-out infinite}.reinforce-page{position:absolute;right:20%;bottom:22px;height:170px;transform:rotate(8deg);filter:drop-shadow(0 0 16px rgba(255,210,120,.7));animation:reinforceFloat 3.2s ease-in-out .8s infinite}@keyframes reinforceFloat{0%,to{translate:0 0}50%{translate:0 -8px}}@media(prefers-reduced-motion:reduce){.reinforce-pack,.reinforce-page,.reinforce-ribbon{animation:none}}.reinforce-text{margin:0;font:700 calc(19px * var(--ts)) var(--font-body);color:var(--parchment);line-height:1.3}.reinforce-take{width:100%;white-space:normal;line-height:1.1}.reinforce-double{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;white-space:normal;line-height:1.15}.reinforce-double b{font:900 calc(19px * var(--ts)) var(--font-title);letter-spacing:.05em}.reinforce-double small{font:700 calc(14px * var(--ts)) var(--font-body);opacity:.9;text-transform:none;letter-spacing:0}.reinforce-price{font:900 calc(20px * var(--ts)) var(--font-body)}.reinforce-status:not(:empty){font:700 calc(14px * var(--ts)) var(--font-body);color:#ffb08a}.fee-purchase{z-index:90}.fee-purchase .panel{text-align:center}.fee-purchase-title{margin:0 0 .65em;font-size:1.25em;overflow-wrap:anywhere}.fee-purchase-price{font-size:1.35em;font-weight:700}.fee-purchase-fee{display:block;margin-top:.2em;font-size:.85em}.fee-purchase .cur-icon{width:1em;height:1em;vertical-align:-.1em}.fee-purchase-actions{display:flex;justify-content:center;gap:.75em;margin-top:1.25em}.duel-rank{position:relative;display:flex;align-items:center;gap:40px;width:640px;padding:12px 24px 12px 34px;margin:2px 0 12px;background:radial-gradient(ellipse 60% 120% at 18% 50%,var(--rk),transparent 70%),#080a10d1;background:radial-gradient(ellipse 60% 120% at 18% 50%,color-mix(in srgb,var(--rk) 22%,transparent),transparent 70%),#080a10d1}.duel-rank-regalia{--rw: 206px;flex:0 0 auto;margin:-4px 0 -8px}.duel-rank-info{position:relative;z-index:2;flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.duel-rank-kicker{font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--ember)}.duel-rank-name{font:900 calc(42px * var(--ts)) var(--font-title);line-height:1;letter-spacing:.03em;text-transform:uppercase;color:var(--rk);text-shadow:0 3px 0 #000,0 0 22px var(--rk);text-shadow:0 3px 0 #000,0 0 22px color-mix(in srgb,var(--rk) 55%,transparent)}.duel-rank-name.long{font-size:calc(33px * var(--ts))}.duel-rank-name.longer{font-size:calc(27px * var(--ts))}.duel-rank-points{font:800 calc(18px * var(--ts)) var(--font-body);color:#fff}.duel-rank-line{font:700 calc(14px * var(--ts)) var(--font-body);color:var(--parchment)}.duel-rank-shield{align-self:flex-start;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.06em;color:#9fd4ff}.duel-rank-shield:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:2px;background:currentColor;rotate:45deg;vertical-align:1px;box-shadow:0 0 6px currentColor}.duel-rank-shield.held{color:#ffe08a}.duel-rank.unranked .duel-rank-name{color:#dfe6f0}.duel-rank-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:-2px}small.duel-rank-line{font-size:calc(12px * var(--ts));letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-2)}.duel-panel{padding-top:22px}.duel-panel .lb-list{gap:10px}.duel-find{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0 10px}.duel-find-hint{text-align:center;font:italic calc(17px * var(--ts)) var(--font-lore);color:var(--parchment-2);padding:0 16px}.duel-tray-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.duel-subhead{align-self:flex-start;margin-top:8px;font:900 calc(15px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000}.duel-rec{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:14px;background:linear-gradient(90deg,#00000085,#00000047);box-shadow:inset 0 0 0 1px #ffffff0a;animation:socRowIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 35ms)}.duel-rec.win{box-shadow:inset 0 0 0 1px #96e68259}.duel-rec.loss{box-shadow:inset 0 0 0 1px #e6645059}.duel-rec .soc-who b{font:900 calc(18px * var(--ts)) var(--font-title);color:#fff}.duel-rec .soc-who b small{margin-left:2px;font:700 calc(12px * var(--ts)) var(--font-body);color:var(--parchment-2)}.duel-line{font:700 calc(13px * var(--ts)) var(--font-body);color:var(--parchment)}.duel-rec-outcome{flex:0 0 auto;text-align:right;font:900 calc(16px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2)}.duel-rec-outcome.win{color:#b6f59a}.duel-rec-outcome.loss{color:#ff9a80}.duel-rec-outcome small{display:block;font:700 calc(12px * var(--ts)) var(--font-body);letter-spacing:.06em;color:var(--parchment-2)}.duel-rec-outcome time{display:block;font:700 calc(11px * var(--ts)) var(--font-body);letter-spacing:.04em;text-transform:none;color:var(--parchment-2);opacity:.8}.duel-feed{width:100%;display:flex;flex-direction:column;gap:8px}.duel-feed-row .soc-who{min-width:0}.duel-feed-row .soc-who b{font-size:calc(16px * var(--ts));overflow-wrap:anywhere}.duel-feed-row .soc-who b i{font:italic 700 calc(12px * var(--ts)) var(--font-body);color:var(--parchment-2);margin:0 3px}.duel-feed-win{color:#b6f59a}.duel-feed-lose{color:var(--parchment)}.duel-feed-when{text-transform:none}.duel-feed-when time{font-size:calc(12px * var(--ts));opacity:1;color:var(--parchment)}.duel-feed-when .up{color:#b6f59a}.duel-feed-when .down{color:#ff9a80}.muster{justify-content:flex-start;background:#07080c}.muster .embers{z-index:2}.muster-side{position:relative;width:100%;flex:1 1 0;min-height:0}.muster-art{position:absolute;inset:0;overflow:hidden}.muster-side.rival .muster-art{bottom:-40px;clip-path:polygon(0 0,100% 0,100% calc(100% - 80px),0 100%);background:radial-gradient(ellipse 75% 85% at 66% 42%,#0a0612,#07080c 78%);background:radial-gradient(ellipse 75% 85% at 66% 42%,color-mix(in srgb,var(--hc, #b36bff) 42%,#0a0612),#07080c 78%)}.muster-side.me .muster-art{top:-40px;clip-path:polygon(0 80px,100% 0,100% 100%,0 100%);background:radial-gradient(ellipse 75% 85% at 34% 58%,#0a0612,#07080c 78%);background:radial-gradient(ellipse 75% 85% at 34% 58%,color-mix(in srgb,var(--hc, #d7b45a) 42%,#0a0612),#07080c 78%)}.muster-art:after{content:"";position:absolute;inset:0;pointer-events:none}.muster-side.rival .muster-art:after{background:linear-gradient(180deg,rgba(7,8,12,.6),transparent 24%,transparent 72%,rgba(7,8,12,.45))}.muster-side.me .muster-art:after{background:linear-gradient(180deg,rgba(7,8,12,.35),transparent 26%,transparent 60%,rgba(7,8,12,.94))}.muster-splash{position:absolute;top:0;width:74%;height:100%;object-fit:cover;object-position:50% 12%}.muster-side.me .muster-splash{left:0;-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent);mask-image:linear-gradient(90deg,#000 58%,transparent)}.muster-side.rival .muster-splash{right:0;-webkit-mask-image:linear-gradient(270deg,#000 58%,transparent);mask-image:linear-gradient(270deg,#000 58%,transparent)}.muster-splash.enter{animation:splashEnter .9s cubic-bezier(.2,.8,.2,1) both}@keyframes splashEnter{0%{opacity:0;scale:1.18;filter:brightness(2.6) saturate(.4)}to{opacity:1;scale:1;filter:none}}.muster-sheen{position:absolute;top:0;bottom:0;left:-40%;width:40%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,240,200,.1) 42%,rgba(255,250,235,.2) 50%,rgba(255,240,200,.1) 58%,transparent);animation:musterSheen 6s ease-in-out 1.2s infinite}@keyframes musterSheen{0%{transform:translate(0)}45%,to{transform:translate(350%)}}.muster-shroud{position:absolute;inset:0;transition:opacity .6s ease}.muster-shroud:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 65% at 66% 42%,rgba(140,70,230,.3),transparent 70%);animation:shroudBreathe 2.6s ease-in-out infinite alternate}@keyframes shroudBreathe{0%{opacity:.55}to{opacity:1}}.muster-sweep,.muster-ring,.muster-shroud b{position:absolute;left:66%;top:42%;translate:-50% -50%}.muster-sweep{width:440px;height:440px;border-radius:50%;background:conic-gradient(#c896ff00 0deg 270deg,#d2aaff66 352deg,#ffffffbf 360deg);-webkit-mask-image:radial-gradient(circle,#000 52%,transparent 71%);mask-image:radial-gradient(circle,#000 52%,transparent 71%);animation:musterSweep 2.4s linear infinite}@keyframes musterSweep{to{rotate:360deg}}.muster-ring{width:150px;height:150px;border-radius:50%;box-shadow:0 0 0 2px #d2aaffcc,0 0 22px #b36bff99,inset 0 0 22px #b36bff73;animation:musterRing 2.4s ease-out infinite}.muster-ring.two{animation-delay:1.2s}@keyframes musterRing{0%{scale:.4;opacity:.95}to{scale:2.8;opacity:0}}.muster-shroud b{font:900 118px var(--font-deco);line-height:1;color:#eadcff;text-shadow:0 6px 0 #000,0 0 34px rgba(179,107,255,.95);animation:musterQ 1.3s ease-in-out infinite alternate}@keyframes musterQ{0%{opacity:.5;scale:.94}to{opacity:1;scale:1.05}}.muster-shroud.idle .muster-sweep,.muster-shroud.idle .muster-ring{animation:none;opacity:0}.muster-shroud.idle b{animation:none;opacity:.35}.muster-side.found .muster-shroud{opacity:0}.muster-plate{position:absolute;z-index:3;display:flex;flex-direction:column;gap:1px;max-width:340px;padding:10px 18px 11px;border-radius:4px;animation:plateIn .55s cubic-bezier(.2,.9,.3,1.2) backwards}.muster-plate b,.muster-plate span,.muster-plate small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muster-plate b{font:900 calc(28px * var(--ts)) var(--font-title);letter-spacing:.04em;color:#fff;text-shadow:0 2px 0 #000}.muster-plate span{font:italic calc(17px * var(--ts)) var(--font-lore);color:var(--parchment);text-shadow:0 1px 0 #000}.muster-plate small{margin-top:4px;font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000}.muster-side.me .muster-plate{right:16px;top:76px;align-items:flex-end;text-align:right;background:linear-gradient(270deg,#08090eeb,#08090e99);box-shadow:0 0 0 1px #000,inset -4px 0 0 var(--hc, #d7b45a),0 8px 22px #0009;box-shadow:0 0 0 1px #000,inset -4px 0 color-mix(in srgb,var(--hc, #d7b45a) 70%,#fff),0 8px 22px #0009}.muster-side.rival .muster-plate{left:16px;bottom:78px;align-items:flex-start;background:linear-gradient(90deg,#0a0612eb,#0a061299);box-shadow:0 0 0 1px #000,inset 4px 0 #b36bff,0 8px 22px #0009,0 0 26px #b36bff40}.muster-side.rival .muster-plate small{color:#d9b8ff}.seeking-plate b{font-size:calc(24px * var(--ts));color:#eadcff;animation:plateSeek 1s ease-in-out infinite alternate}@keyframes plateSeek{0%{opacity:.55}to{opacity:1}}@keyframes plateIn{0%{opacity:0;translate:0 14px}}.muster-flag{position:absolute;z-index:3;width:176px;height:330px;pointer-events:none;animation:plateIn .55s cubic-bezier(.2,.9,.3,1.2) backwards}.muster-side.me .muster-flag{right:0;top:-36px}.muster-side.rival .muster-flag{left:0;top:auto;bottom:0}.muster-flag .rank-banner{position:absolute;inset:0;width:100%;height:100%}.muster-flag-emblem{position:absolute;left:50%;top:31%;width:96px;translate:-50% -50%}.muster-flag-text{position:absolute;left:50%;top:50%;width:146px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px 7px;border-radius:6px;text-align:center;background:#06070b9e;box-shadow:0 0 0 1px #00000080,0 4px 12px #00000073}.muster-flag-text b,.muster-flag-text span,.muster-flag-text small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muster-flag-text b{font:900 calc(21px * var(--ts)) var(--font-title);letter-spacing:.03em;color:#fff;text-shadow:0 2px 0 #000}.muster-flag-text span{font:italic calc(14px * var(--ts)) var(--font-lore);color:var(--parchment);text-shadow:0 1px 0 #000}.muster-flag-text small{font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000}.muster-flag-text small.rank{margin-top:3px;font-size:calc(13px * var(--ts));letter-spacing:.05em;line-height:1.2;white-space:normal;color:var(--rk)}.muster-flag-text b,.muster-flag-text small.rank{overflow:visible}.muster-flag-text b{white-space:normal;overflow-wrap:anywhere;line-height:1.1}.muster-flag-text small.who{white-space:normal;line-height:1.25}.muster-side.rival .muster-flag-text small.who{color:#d9b8ff}.muster-side.me:has(.muster-flag) .muster-hand{right:186px}.muster-hand{position:absolute;z-index:3;width:103px;height:144px;pointer-events:none;animation:handFloat 3.4s ease-in-out infinite alternate}.muster-side.me .muster-hand{right:132px;bottom:40px}.muster-side.rival .muster-hand{left:132px;top:46px;animation-delay:-1.7s}@keyframes handFloat{0%{translate:0 0}to{translate:0 -7px}}.muster-card{position:absolute;inset:0;z-index:var(--z, 1);perspective:800px;transform-origin:50% 260%;rotate:var(--rot);animation:musterDeal .55s cubic-bezier(.18,.9,.25,1.12) backwards;animation-delay:calc(var(--i) * 70ms)}.muster-side.rival .muster-card{transform-origin:50% -160%;rotate:calc(var(--rot) * -1);animation-name:musterDealDown}.muster-card.lead{translate:0 -12px}.muster-side.rival .muster-card.lead{translate:0 12px}@keyframes musterDeal{0%{opacity:0;translate:0 60px}}@keyframes musterDealDown{0%{opacity:0;translate:0 -60px}}.muster-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.muster-card.shown .muster-flip{transform:rotateY(180deg)}.muster-back,.muster-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.muster-back{border-radius:7px;box-shadow:0 0 0 1px #000,0 8px 16px #000000b3}.muster-back img{display:block;width:100%;height:100%;border-radius:7px}.muster-side.rival .muster-back{box-shadow:0 0 0 1px #000,0 8px 16px #000000b3,0 0 14px #b36bff8c}.muster-front{transform:rotateY(180deg)}.muster-front .rcard{transform:scale(.46);transform-origin:0 0;animation:none;cursor:default}@media(hover:hover){.muster-front .rcard:hover{transform:scale(.46);transform-origin:0 0;animation:none;cursor:default}}.muster-front .rcard.r-legendary,.muster-front .rcard.r-mythical{animation:cardGlow 3.2s ease-in-out infinite}.muster-vs{position:relative;z-index:4;flex:0 0 0;width:100%;height:0;pointer-events:none}.muster-vs:before{content:"";position:absolute;left:50%;top:0;width:820px;height:4px;translate:-50% -50%;rotate:-6.34deg;background:linear-gradient(90deg,transparent,rgba(255,200,110,.9) 18%,#fff7e0 50%,rgba(255,200,110,.9) 82%,transparent);filter:drop-shadow(0 0 5px rgba(255,170,60,.95)) drop-shadow(0 0 14px rgba(255,120,40,.6))}.muster-vs-badge{position:absolute;left:50%;top:0;width:150px;height:150px;translate:-50% -50%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.85)) drop-shadow(0 0 18px rgba(255,180,80,.5));animation:vsIdle 2.2s ease-in-out infinite alternate}@keyframes vsIdle{0%{scale:.96}to{scale:1.04}}.muster-vs-text{position:absolute;left:50%;top:22px;translate:-50% 0;white-space:nowrap;font:900 calc(34px * var(--ts)) var(--font-deco);line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 3px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 0 20px rgba(255,150,50,.85)}.muster-vs.clash .muster-vs-badge{animation:vsClash .7s cubic-bezier(.2,.9,.3,1.3) both,vsIdle 2.2s ease-in-out .7s infinite alternate}.muster-vs.clash .muster-vs-text{animation:vsTextClash .6s cubic-bezier(.2,.9,.3,1.4) .25s both}.muster-vs.clash:before{animation:seamFlare 1s ease-out .28s both}.muster-vs.clash:after{content:"";position:absolute;left:50%;top:0;width:170px;height:170px;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,225,160,.9) 24%,rgba(255,150,60,.4) 50%,transparent 70%);animation:vsFlash .9s ease-out .28s both}@keyframes vsClash{0%{opacity:0;scale:2.6}55%{opacity:1;scale:.86}to{scale:1}}@keyframes vsTextClash{0%{opacity:0;scale:2}}@keyframes vsFlash{0%{opacity:1;scale:.3}to{opacity:0;scale:5}}@keyframes seamFlare{0%{height:4px}25%{height:16px}to{height:4px}}.muster-foot{position:relative;z-index:3;flex:0 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 28px 26px}.muster .seek-status{min-height:96px;justify-content:center}.muster-foot>.btn{min-width:240px}.muster-foot>.btn.gone{visibility:hidden;pointer-events:none}.muster-found{font:900 calc(26px * var(--ts)) var(--font-title);letter-spacing:.05em;text-align:center;color:#f0e4ff;text-shadow:0 2px 0 #000,0 0 22px rgba(179,107,255,.95);animation:foundIn .5s cubic-bezier(.2,.9,.3,1.3) .3s both}@keyframes foundIn{0%{opacity:0;scale:.7}}.muster-tip{width:100%;max-width:640px;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 16px;border-radius:12px;text-align:center;background:#00000080;box-shadow:inset 0 0 0 1px #d7b45a40;transition:opacity .4s ease}.muster-tip:empty{display:none}.muster-tip.fade{opacity:0}.muster-tip b{font:900 calc(12px * var(--ts)) var(--font-title);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2)}.muster-tip span{font:600 calc(15px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.muster.settled,.muster.settled .muster-card,.muster.settled .muster-plate,.muster.settled .muster-splash,.muster.settled .muster-found,.muster.settled .muster-vs-text{animation:none}.muster.settled .muster-vs.clash .muster-vs-badge{animation:vsIdle 2.2s ease-in-out infinite alternate}.muster.settled .muster-vs.clash:before{animation:none}.muster.settled .muster-vs.clash:after{display:none}.muster.settled .muster-flip{transition:none}.seek-status{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.seek-clock{font:900 calc(34px * var(--ts)) var(--font-title);color:#fff;letter-spacing:.06em;text-shadow:0 2px 0 #000;font-variant-numeric:tabular-nums}.seek-want{font:800 calc(16px * var(--ts)) var(--font-body);color:var(--gold-2);text-shadow:0 1px 0 #000}.seek-others{font:700 calc(12px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2);min-height:1.2em}.seek-sub{text-align:center;font:italic calc(17px * var(--ts)) var(--font-lore);color:var(--parchment-2);padding:0 12px}.duel-notice{display:flex;flex-direction:column;align-items:center;gap:18px}.duel-notice-text{text-align:center;font:calc(18px * var(--ts)) var(--font-body);color:var(--parchment);padding:0 8px;line-height:1.4}.duel-notice-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.duel-hud{position:absolute;inset:0;pointer-events:none}.duel-peer{position:absolute;left:12px;top:calc(var(--hud-top, 10px) + 77px);width:62px;height:62px;padding:4px;border-radius:50%;--ring: #4aa83a;background:conic-gradient(var(--ring) calc(var(--hp, 1) * 360deg),rgba(0,0,0,.6) 0);box-shadow:0 0 0 2px #000,0 4px 10px #0000008c;pointer-events:auto;transition:transform .1s ease,box-shadow .15s ease}.duel-peer:active{transform:scale(.94)}.duel-peer.low{--ring: #e0402a}.duel-peer.watching{box-shadow:0 0 0 2px #000,0 0 0 4px #ffb060,0 0 16px #ffa03c99}.duel-peer.fallen{filter:grayscale(.8) brightness(.6)}.duel-peer.away{animation:peerAway 1s ease-in-out infinite alternate}@keyframes peerAway{0%{filter:grayscale(.2)}to{filter:grayscale(.9) brightness(.55)}}.duel-away{color:#ffb0a0}.duel-peer-avatar{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:inset 0 0 0 2px #000}.duel-peer-avatar img{position:absolute;width:150%;height:150%;left:-25%;top:-5%;object-fit:contain}.duel-peer-avatar .hero-sprite-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(22px * var(--ts))}.duel-peer-badge{position:absolute;right:-5px;bottom:-5px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#1d2f6e;box-shadow:0 0 0 2px #000}.duel-peer-badge svg{width:16px;height:16px;fill:#ffd27a}.duel-peer-hint{position:absolute;left:12px;top:calc(var(--hud-top, 10px) + 146px);padding:6px 12px;border-radius:16px;white-space:nowrap;pointer-events:none;background:#000000b8;box-shadow:0 0 0 1px #d7b45a80;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);animation:fadeIn .3s;transition:opacity .6s ease}.duel-peer-hint.gone{opacity:0}.duel-watching{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto;white-space:nowrap}.duel-watching-tag{padding:6px 18px;border-radius:20px;background:#000000b3;box-shadow:0 0 0 2px #000,0 0 0 3px #ffb060;font:900 calc(14px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:#ffd27a;text-shadow:0 1px 0 #000}.duel-back{min-height:56px;padding:10px 28px;font-size:calc(20px * var(--ts))}.duel-rival-ramp{position:absolute;left:82px;top:calc(var(--hud-top, 10px) + 72px);width:270px;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:stretch;gap:3px;text-align:left;pointer-events:auto;cursor:pointer}.duel-rival-ramp b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 calc(15px * var(--ts))/1.15 var(--font-title);letter-spacing:.05em;color:#e2c9ff;text-shadow:0 1px 0 #000,0 0 8px #000}.duel-rival-bar{display:flex;align-items:center;gap:6px}.duel-rival-bar .hud-rampart-icon{flex:0 0 auto;width:24px;height:24px}.duel-rival-ramp .bar{flex:1;height:22px;box-shadow:inset 0 1px 3px #000,0 0 0 2px #05060a,0 0 0 3px #b36bffcc,0 0 12px #b36bff59}.duel-rival-ramp .bar>i{background:linear-gradient(180deg,#b6f59a,#4aa83a 60%,#2a6a22)}.duel-rival-ramp .bar>span{position:absolute;inset:0;white-space:nowrap;text-align:center;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;font:800 calc(14px * var(--ts))/calc(22px * var(--ts)) var(--font-body)}.duel-rival-ramp.low .bar>i{background:linear-gradient(180deg,#ff9a80,#c02a1a 60%,#6a0e08);animation:lowPulse .8s infinite}.duel-rival-ramp.fallen .bar>span{color:#ffb0a0}.duel-rival-ramp.hit .bar{animation:hurtShake .28s}.duel-rival-ramp:active{transform:scale(.97)}.duel-rival-ramp.under{inset:auto 110px 102px;width:auto;pointer-events:none}.duel-rival-ramp.under b{display:none}.duel-rival-ramp.under .duel-rival-bar{gap:8px}.duel-rival-ramp.under .hud-rampart-icon{width:34px;height:34px}.hud.spectating .hud-rampart,.hud.spectating .hud-slots,.hud.spectating .hud-boss{opacity:.15;pointer-events:none}.hud.spectating .hud-rampart{opacity:0}.duel-tray{position:absolute;right:10px;bottom:150px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto}.duel-horns{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.duel-horns b{font:900 calc(11px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000}.duel-horns-head{display:flex;align-items:baseline;gap:6px}.duel-charge-tag{font:900 calc(11px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 0 #000}.duel-horns.charge2 .duel-charge-tag{color:#ff6a5a}.duel-horns.charge3 .duel-charge-tag{color:#fff4c8;text-shadow:0 1px 0 #000,0 0 8px rgba(255,220,120,.95)}.duel-pips{position:relative;display:flex;gap:3px}.duel-pips>i{width:9px;height:16px;border-radius:3px;background:#ffffff24;box-shadow:inset 0 0 0 1px #0009;transition:background .2s ease}.duel-pips>i.on,.duel-pips>i.c1{background:linear-gradient(180deg,#ffe27a,#d9a21e);box-shadow:inset 0 0 0 1px #0009,0 0 6px #ffd25080}.duel-pips>i.c2{background:linear-gradient(180deg,#ff7a6a,#b3121e);box-shadow:inset 0 0 0 1px #0009,0 0 7px #ff3c32a6}.duel-pips>i.c3{background:linear-gradient(180deg,#fff,#ffe08a 45%,#ff9d2a);box-shadow:inset 0 0 0 1px #00000080,0 0 9px #ffe68cf2,0 0 16px #ff962899;animation:chargeGlow .9s ease-in-out infinite alternate}@keyframes chargeGlow{to{filter:brightness(1.25);box-shadow:inset 0 0 0 1px #00000080,0 0 12px #fff0aa,0 0 22px #ff9628cc}}.duel-sparks{position:absolute;inset:-4px 0 0;pointer-events:none;display:none}.duel-horns.charge3 .duel-sparks{display:block}.duel-sparks i{position:absolute;left:var(--x);top:6px;width:3px;height:3px;border-radius:50%;background:#fff6c8;box-shadow:0 0 4px #ffd060,0 0 8px #ff9a2a;opacity:0;animation:hornSpark var(--d) ease-out var(--delay) infinite}@keyframes hornSpark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),-22px) scale(.3)}}.duel-comeback{font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#ffb060;text-shadow:0 1px 0 #000}.duel-send{width:156px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:12px;text-align:left;background:linear-gradient(180deg,#222836f0,#0e1118f5);border:1px solid rgba(215,180,90,.35);box-shadow:0 0 0 1px #000,0 4px 10px #00000080;opacity:.55;transition:opacity .15s ease,transform .1s ease,box-shadow .15s ease}.duel-send b{font:900 calc(14px * var(--ts)) var(--font-title);color:#fff}.duel-send small{font:800 calc(11px * var(--ts)) var(--font-body);color:var(--gold-2);white-space:nowrap}.duel-send.ready{opacity:1;border-color:#ffc86ecc;box-shadow:0 0 0 1px #000,0 0 14px #ffaa3c73}.duel-send.ready:active{transform:scale(.96)}.duel-send.ready.charge2{border-color:#ff5a4a;box-shadow:0 0 0 1px #000,0 0 14px #ff3c3299}.duel-send.ready.charge3{border-color:#fff0b0;box-shadow:0 0 0 1px #000,0 0 16px #ffdc78d9}.duel-send.sent{animation:sendFlash .35s ease}.duel-send.titan{border-color:#e66e4680}.duel-send.titan b{color:#ffc2a0}.duel-send.titan.ready{border-color:#ff8a50;box-shadow:0 0 0 1px #000,0 0 18px #ff6e28b3;animation:titanReady 1.2s ease-in-out infinite alternate}@keyframes titanReady{0%{box-shadow:0 0 0 1px #000,0 0 10px #ff6e2873}to{box-shadow:0 0 0 1px #000,0 0 22px #ff6e28e6}}.hud.pvp .hud-speed{display:none}.pause-panel .btn.danger.confirm{background:linear-gradient(180deg,#a8402c,#6a2014);color:#fff}@keyframes sendFlash{0%{background:#ffd27a}to{background:linear-gradient(180deg,#222836f0,#0e1118f5)}}.hud-banner.raid span{color:#e2c4ff;font-size:calc(36px * var(--tsb));text-shadow:0 3px 0 #000,0 0 30px rgba(170,90,255,.95)}.duel-incoming{position:absolute;left:50%;top:calc(var(--hud-top, 10px) + 222px);transform:translate(-50%);max-width:92%;width:max-content;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:6px 14px;border-radius:18px;pointer-events:none;background:#160824cc;box-shadow:0 0 0 1px #000,0 0 0 2px #b36bff8c,0 6px 18px #00000080;animation:objectiveInFlat .3s ease}.duel-incoming b{margin-right:2px;font:900 calc(13px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:#e2c9ff;text-shadow:0 1px 0 #000}@keyframes objectiveInFlat{0%{opacity:0}}.duel-incoming-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:10px;background:#280e3ce0;font:800 calc(13px * var(--ts)) var(--font-body);color:#f0e0ff;box-shadow:0 0 0 1px #000,0 0 10px #b36bffb3;animation:incomingPulse 1s ease-in-out infinite alternate}.duel-incoming-chip em{font-style:normal}.duel-incoming-chip.charge2 em{color:#ff8a7a}.duel-incoming-chip.charge3 em{color:#fff4c8;text-shadow:0 0 8px rgba(255,220,120,.95)}.duel-incoming-chip small{font:700 calc(11px * var(--ts)) var(--font-body);color:#cdb4ec}.duel-incoming-chip small.foe{color:#ffc2a0}.duel-incoming-chip .faces{display:inline-flex;gap:2px}.duel-incoming-chip .faces img{width:22px;height:22px;border-radius:5px;background:#00000059;object-fit:contain;image-rendering:pixelated}@keyframes incomingPulse{0%{box-shadow:0 0 0 1px #000,0 0 5px #b36bff73}to{box-shadow:0 0 0 1px #000,0 0 14px #b36bfff2}}.duel-sent-note{max-width:170px;text-align:right;font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:#d9b8ff;text-shadow:0 1px 0 #000;opacity:0;pointer-events:none}.duel-sent-note.show{animation:sentNote 2.6s ease forwards}@keyframes sentNote{0%{opacity:0;transform:translateY(4px)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}.duel-objective{position:absolute;left:50%;top:calc(var(--hud-top, 10px) + 266px);transform:translate(-50%);width:max-content;max-width:92%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 20px;border-radius:18px;text-align:center;pointer-events:none;background:#000c;box-shadow:0 0 0 2px #000,0 0 0 3px var(--obj, #ffb060),0 6px 22px #0000008c;animation:objectiveIn .35s cubic-bezier(.2,.9,.3,1.3)}.duel-objective b{font:900 calc(17px * var(--ts)) var(--font-title);letter-spacing:.05em;color:#fff;text-shadow:0 2px 0 #000}.duel-objective span{font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}.duel-objective.hold{--obj: #7ddc5a}.duel-objective.hold b{color:#dcffc6}.duel-objective.fell{--obj: #e0402a}@keyframes objectiveIn{0%{opacity:0;transform:translate(-50%,-8px) scale(.92)}to{opacity:1;transform:translate(-50%)}}.draft-hurry{margin-top:10px;font:800 calc(15px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#ffd27a;text-shadow:0 1px 0 #000}.draft-owed{font:700 calc(13px * var(--ts)) var(--font-body);color:#ffb08a;text-shadow:0 1px 0 #000}.draft-owed:empty{display:none}.draft-timer{width:420px;max-width:80%;height:12px;margin:8px auto 0;border-radius:6px;background:#0009;box-shadow:0 0 0 1px #d7b45a8c;overflow:hidden}.draft-timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffd27a,#e0402a)}.duel-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;width:100%;align-items:stretch}.duel-side{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:12px;background:#00000059;min-width:0}.duel-side.winner{box-shadow:inset 0 0 0 2px #ffd27899}.duel-side-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 calc(17px * var(--ts)) var(--font-title);color:var(--gold-2);text-align:center}.duel-side-hp{font:900 calc(34px * var(--ts)) var(--font-title);color:#fff}.duel-side-hp.fell{font-size:calc(20px * var(--ts));color:#ff9a80;text-align:center}.duel-side-hp small{display:block;font:700 calc(11px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2);text-align:center}.duel-side-stats{display:flex;gap:12px}.duel-side-stats div{display:flex;flex-direction:column;align-items:center}.duel-side-stats b{font:900 calc(18px * var(--ts)) var(--font-title);color:#fff}.duel-side-stats span{font:700 calc(10px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2)}.duel-versus{align-self:center;font:900 calc(26px * var(--ts)) var(--font-deco);color:var(--gold);text-shadow:0 2px 0 #000;text-transform:uppercase}.duel-left{font:800 calc(15px * var(--ts)) var(--font-body);letter-spacing:.06em;color:#ffd27a;text-shadow:0 1px 0 #000;text-align:center}.duel-results .result-actions{width:100%}.duel-results .result-actions .btn{flex:1 1 0;min-width:0;min-height:68px;padding:10px 22px;white-space:normal;line-height:1.1;text-align:center;font-size:calc(20px * var(--ts));letter-spacing:.06em}.duel-rank-note{margin-top:-6px;text-align:center;font:italic calc(16px * var(--ts)) var(--font-lore);color:var(--parchment-2);padding:0 18px}.duel-side-frame .lb-avatar{width:64px;height:64px}.duel-rank-change{display:flex;align-self:stretch;align-items:center;gap:14px;padding:6px 18px 6px 8px;border-radius:16px;background:linear-gradient(90deg,#0009,#00000059);background:linear-gradient(90deg,color-mix(in srgb,var(--rk) 18%,rgba(0,0,0,.6)),#00000059);box-shadow:inset 0 0 0 1px var(--rk);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rk) 45%,transparent)}.duel-rank-change.up{box-shadow:inset 0 0 0 2px var(--rk),0 0 28px var(--rk);box-shadow:inset 0 0 0 2px var(--rk),0 0 28px color-mix(in srgb,var(--rk) 45%,transparent);animation:trainUp 1.4s ease-out .4s both}.duel-rank-change-emblem{width:88px}.duel-rank-change.up .duel-rank-change-emblem{width:110px}.duel-rank-change-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.duel-rank-change-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.duel-rank-change-line b{min-width:0}.duel-rank-change-emblem.unknown{flex:0 0 auto;display:grid;place-items:center;width:76px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2b3345,#0a0c12);box-shadow:0 0 0 3px #000,0 0 0 5px #6b7488,0 4px 12px #0009}.duel-rank-change-emblem.unknown b{font:900 calc(40px * var(--ts)) var(--font-deco);color:#dfe6f0;text-shadow:0 2px 0 #000}.duel-rank-change-text small{font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--parchment-2)}.duel-rank-change.up .duel-rank-change-text small{color:#b6f59a}.duel-rank-change.down .duel-rank-change-text small{color:#ff9a80}.duel-rank-change-text b{font:900 calc(28px * var(--ts)) var(--font-title);line-height:1.05;letter-spacing:.04em;text-transform:uppercase;color:var(--rk);text-shadow:0 2px 0 #000}.reward.duel-delta img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}.reward.duel-delta.win{color:#b6f59a;box-shadow:inset 0 0 0 1px #4a9a3a}.reward.duel-delta.loss{color:#ff9a80;box-shadow:inset 0 0 0 1px #a04030}.challenge-who{display:flex;align-items:center;gap:14px;max-width:100%}.challenge-who b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 calc(22px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.challenge-who b small{margin-left:3px;font:700 calc(13px * var(--ts)) var(--font-body);color:#8a93a8}.duel-feed-row .duel-rec-outcome{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.duel-feed-watch{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:0;border-radius:999px;cursor:pointer;background:#14283ce0;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #a0d2ff99;font:800 calc(12px * var(--ts)) var(--font-body);color:#cfe8ff;letter-spacing:0;text-transform:none}.duel-feed-watch svg{width:14px;height:14px;fill:currentColor}.duel-feed-watch:disabled{cursor:default;opacity:.55}.duel-feed-watch.busy{opacity:.8}.duel-replay-tag{position:absolute;z-index:30;top:6px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 12px 6px;border-radius:12px;max-width:calc(100% - 140px);background:#14283ce0;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #a0d2ff99;color:#cfe8ff;pointer-events:none;text-align:center}.duel-replay-tag b{display:inline-flex;align-items:center;gap:4px;font:900 calc(12px * var(--ts)) var(--font-title);letter-spacing:.08em;text-transform:uppercase}.duel-replay-tag b svg{width:14px;height:14px;fill:currentColor}.duel-replay-tag span{font:800 calc(13px * var(--ts)) var(--font-body);overflow-wrap:anywhere}.duel-replay-tag span i{font-style:italic;color:var(--parchment-2);margin:0 3px}.duel-replay-bar{width:100%;min-width:120px;height:4px;border-radius:2px;background:#0000008c;overflow:hidden}.duel-replay-bar i{display:block;height:100%;width:0;background:#8fd0ff}.duel-replaying .duel-tray,.duel-replaying .duel-sent-note{display:none}.ffa-body{position:relative;z-index:1;flex:1;min-height:0;width:100%;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:10px 24px 40px}.ffa-body::-webkit-scrollbar{display:none}.ffa-panel{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:46px}.ffa-rules{margin:0;padding:0 6px;list-style:none;display:flex;flex-direction:column;gap:8px}.ffa-rules li{position:relative;padding-left:24px;font:700 calc(16px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.ffa-rules li:before{content:"";position:absolute;left:4px;top:.45em;width:9px;height:9px;transform:rotate(45deg);background:var(--gold-2);box-shadow:0 0 6px #ffbe5a99}.ffa-seats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ffa-seat{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:18px;background:#0a0c12c7;box-shadow:inset 0 0 0 1px #d7b45a8c;animation:popIn .35s cubic-bezier(.2,.9,.3,1.2)}.ffa-seat .lb-avatar{width:74px;height:74px}.ffa-seat b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 calc(14px * var(--ts)) var(--font-body);color:var(--gold-2)}.ffa-seat.empty{background:#0a0c1266;box-shadow:inset 0 0 0 1px #a0a0aa40;animation:none}.ffa-seat-ring{width:74px;height:74px;border-radius:50%;border:2px dashed rgba(200,200,210,.3);animation:ffaSeat 2.4s ease-in-out infinite}@keyframes ffaSeat{50%{border-color:#ffd27a8c}}.ffa-seat-ring.plus{display:grid;place-items:center;padding:0;cursor:pointer;background:#ffd27a14;border-color:#ffd27a99;font:900 calc(40px * var(--ts))/1 var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000,0 0 12px rgba(255,170,60,.5);transition:transform .1s ease,background .15s ease}@media(hover:hover){.ffa-seat-ring.plus:hover{background:#ffd27a2e}}.ffa-seat-ring.plus:active{transform:scale(.92)}.ffa-invite-hint{margin-top:-8px;text-align:center;font:700 calc(14px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.ffa-seat small{font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#8d8c96}.ffa-status{text-align:center;font:800 calc(16px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-2)}.ffa-timer{font:900 calc(30px * var(--ts)) var(--font-title);letter-spacing:.06em;color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 16px rgba(255,170,60,.4)}.ffa-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ffa-rivals{position:absolute;left:10px;top:calc(var(--hud-top, 10px) + 76px);width:214px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.ffa-rival{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:0;border-radius:30px;text-align:left;cursor:pointer;background:#08090eb8;box-shadow:0 0 0 1px #000,0 0 0 2px #b36bff73;transition:transform .1s ease,box-shadow .15s ease}.ffa-rival:active{transform:scale(.97)}.ffa-face{--ring: #4aa83a;flex:0 0 auto;width:48px;height:48px;padding:3px;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--hp, 1) * 360deg),rgba(0,0,0,.6) 0);box-shadow:0 0 0 2px #000}.ffa-rival-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ffa-rival-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 calc(13px * var(--ts))/1.15 var(--font-title);letter-spacing:.04em;color:#e2c9ff;text-shadow:0 1px 0 #000}.ffa-bar{position:relative;height:7px;border-radius:4px;overflow:hidden;background:#000000b3;box-shadow:inset 0 1px 2px #000}.ffa-bar>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#b6f59a,#4aa83a 60%,#2a6a22);transition:width .25s ease}.ffa-rival-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--parchment-2)}.ffa-rival.low .ffa-face{--ring: #e0402a}.ffa-rival.low .ffa-bar>i{background:linear-gradient(180deg,#ff9a80,#c02a1a 60%,#6a0e08)}.ffa-rival.fallen{background:#08090e80;box-shadow:0 0 0 1px #000}.ffa-rival.fallen .ffa-face{filter:grayscale(.85) brightness(.6)}.ffa-rival.fallen small{color:#ffb0a0}.ffa-rival.away .ffa-face{animation:peerAway 1s ease-in-out infinite alternate}.ffa-rival.aimed{box-shadow:0 0 0 1px #000,0 0 0 2px #d58bff,0 0 12px #b36bffb3}.ffa-rival.watched{box-shadow:0 0 0 1px #000,0 0 0 3px #ffb060,0 0 14px #ffa03c99}.ffa-count{align-self:flex-start;padding:4px 12px;border-radius:14px;pointer-events:none;background:#000000b3;box-shadow:0 0 0 1px #d7b45a80;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2)}.ffa-aim{display:inline-flex;align-items:center;gap:4px;max-width:190px;padding:4px 10px;border:0;border-radius:10px;cursor:pointer;background:#280e3ce6;box-shadow:0 0 0 1px #000,0 0 8px #b36bff99;font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.04em;color:#f0e0ff;pointer-events:auto}.ffa-aim svg{flex:0 0 auto;width:14px;height:14px;fill:#d58bff}.ffa-aim span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffa-aim.hidden,.ffa-hud .duel-tray.hidden{display:none}.ffa-catching{font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2);text-shadow:0 1px 0 #000;animation:ffaBlink 1s ease-in-out infinite alternate}@keyframes ffaBlink{to{opacity:.45}}.ffa-watching{top:calc(var(--hud-top, 10px) + 330px);transform:translate(-50%)}.ffa-fallen{top:auto;bottom:150px;pointer-events:auto;gap:8px}.ffa-fallen-text{display:flex;flex-direction:column;align-items:center;gap:2px}.ffa-fallen .ffa-leave{min-height:40px;padding:6px 22px}.ffa-standings{width:100%;display:flex;flex-direction:column;gap:8px}.ffa-line{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:16px;background:#0a0c12b3;box-shadow:inset 0 0 0 1px #d7b45a4d}.ffa-line.you{box-shadow:inset 0 0 0 2px var(--gold-2)}.ffa-line.first{background:linear-gradient(90deg,#5a400cd9,#141008cc)}.ffa-place{flex:0 0 48px;text-align:center;font:900 calc(24px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.ffa-line .lb-avatar{flex:0 0 auto;width:52px;height:52px}.ffa-line-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ffa-line-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 calc(16px * var(--ts)) var(--font-body);color:var(--parchment)}.ffa-line-text small,.ffa-line-kills small{font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-2)}.ffa-line-kills{display:flex;flex-direction:column;align-items:flex-end}.ffa-line-kills b{font:900 calc(18px * var(--ts)) var(--font-title);color:#fff}.ffa-results .result-banner span{font-size:calc(40px * var(--tsb));white-space:normal;text-align:center;line-height:1.05;max-width:92vw}.line-muster-body{position:relative;z-index:1;flex:1;min-height:0;width:100%;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 16px 40px}.line-muster-body::-webkit-scrollbar{display:none}.line-muster-head{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.line-count{display:flex;flex-direction:column;align-items:center;line-height:1}.line-count b{font:900 calc(64px * var(--ts)) var(--font-title);color:var(--gold-2);letter-spacing:.02em;text-shadow:0 4px 0 #000,0 0 28px rgba(255,170,60,.55);animation:lineBeat 1.6s ease-in-out infinite}@keyframes lineBeat{50%{transform:scale(1.04);text-shadow:0 4px 0 #000,0 0 40px rgba(255,190,80,.8)}}.line-count span{font:800 calc(15px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment)}.line-clock{font:900 calc(30px * var(--ts)) var(--font-title);letter-spacing:.06em;color:#fff3d8;text-shadow:0 3px 0 #000;min-height:1.2em}.line-rules{max-width:560px}.line-grid{--sq: 92px;width:100%;max-width:900px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sq),1fr));gap:8px}.line-muster{--sq: 92px}.line-muster .line-grid{--sq: inherit}.line-square{min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;border-radius:12px;background:#0a0c12b8;box-shadow:inset 0 0 0 1px #d7b45a59}.line-square.fresh{animation:lineIn .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes lineIn{0%{transform:scale(.2);opacity:0;box-shadow:inset 0 0 0 1px #ffdc8c,0 0 30px #ffc85ae6}70%{transform:scale(1.08);opacity:1}}.line-square.friend{background:#281e08d9;box-shadow:inset 0 0 0 2px #ffd27a,0 0 14px #ffc85a8c}.line-square .lb-avatar.line-sq-face{width:calc(var(--sq) * .62);height:calc(var(--sq) * .62)}.line-square small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 calc(11px * var(--ts)) var(--font-body);color:var(--parchment-2)}.line-more{font:800 calc(14px * var(--ts)) var(--font-body);letter-spacing:.08em;color:var(--gold-2)}.line-grid.marching .line-square{animation:lineMarch .9s cubic-bezier(.5,0,.7,.3) forwards}@keyframes lineMarch{to{transform:translateY(-120vh) scale(.6);opacity:0}}.line-strip{position:absolute;left:0;right:0;top:calc(var(--hud-top, 10px) + 74px);display:flex;align-items:center;gap:0;padding:2px 10px;overflow-x:auto;scrollbar-width:none;pointer-events:auto;scroll-snap-type:x proximity}.line-strip::-webkit-scrollbar{display:none}.line-tile{flex:0 0 auto;width:76px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 3px;border:0;border-radius:12px;background:#08090ebd;box-shadow:0 0 0 1px #000,0 0 0 2px #d7b45a59;cursor:pointer;scroll-snap-align:center}.line-tile .lb-avatar.line-face{width:38px;height:38px}.line-tile b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:900 calc(11px * var(--ts)) var(--font-title);color:#ffe7b0;text-shadow:0 1px 0 #000}.line-bar{position:relative;width:100%;height:5px;border-radius:3px;overflow:hidden;background:#000000b3}.line-bar>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#b6f59a,#4aa83a 60%,#2a6a22);transition:width .25s ease}.line-tile small{font:800 calc(10px * var(--ts)) var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--parchment-2);white-space:nowrap}.line-tile.you{box-shadow:0 0 0 1px #000,0 0 0 2px #ffd27a,0 0 10px #ffc85a80}.line-tile.edge{box-shadow:0 0 0 1px #000,0 0 0 2px #ff6a3a,0 0 12px #ff5a28a6}.line-tile.edge.you{box-shadow:0 0 0 1px #000,0 0 0 3px #ff6a3a,0 0 16px #ff5a28cc}.line-tile.watched{box-shadow:0 0 0 1px #000,0 0 0 3px #ffb060,0 0 14px #ffa03c99}.line-tile.titan{animation:line-titan-over 1.6s ease-in-out infinite}@keyframes line-titan-over{0%,to{box-shadow:0 0 0 1px #000,0 0 0 2px #b77cff,0 0 8px #aa64ff73}50%{box-shadow:0 0 0 1px #000,0 0 0 3px #d4a8ff,0 0 18px #be78ffd9}}.line-tile.fallen{background:#08090e73;box-shadow:0 0 0 1px #000}.line-tile.fallen .line-face{filter:grayscale(.9) brightness(.5)}.line-tile.fallen small{color:#ffb0a0}.line-joint{flex:0 0 auto;width:12px;height:10px;background:linear-gradient(180deg,#8a6a3a,#4a3418);box-shadow:0 0 0 1px #000}.line-joint.gap{width:12px;height:2px;background:transparent;box-shadow:none;border-top:2px dashed rgba(255,110,70,.7)}.line-titan{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--hud-top, 10px) + 160px);width:min(420px,calc(100% - 32px));display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:14px;background:#08090eb8;box-shadow:0 0 0 1px #000}.line-titan b{font:900 calc(12px * var(--ts)) var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:#ffb08a;white-space:nowrap}.line-titan-bar{flex:1;position:relative;height:10px;border-radius:5px;overflow:hidden;background:#000000bf;box-shadow:inset 0 1px 2px #000}.line-titan-bar>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#ffb08a,#d2462a 60%,#6a1408);transition:width .4s ease}.line-titan span{min-width:3em;text-align:right;font:900 calc(12px * var(--ts)) var(--font-body);color:#fff}.line-coming{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--hud-top, 10px) + 192px);padding:3px 12px;border-radius:12px;background:#3c0e08cc;box-shadow:0 0 0 1px #000,0 0 10px #ff5a2873;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.06em;color:#ffd8c8;white-space:nowrap}.line-follow.on{box-shadow:0 0 0 2px #ffd27a}.line-party{width:100%;max-width:560px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:14px;background:#0a0c12b8;box-shadow:inset 0 0 0 1px #d7b45a66}.line-party>b{font:900 calc(13px * var(--ts)) var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}.line-party>small{font:700 calc(12px * var(--ts)) var(--font-body);color:var(--parchment-2)}.line-friend{display:flex;align-items:center;gap:10px}.line-friend .lb-avatar.line-friend-face{width:36px;height:36px}.line-friend span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 calc(13px * var(--ts)) var(--font-body);color:#ffe7b0}.line-invite{z-index:60}.line-titan.trail .line-titan-bar>i{background:linear-gradient(180deg,#fff2c0,#f0c860 60%,#7d5314)}.line-titan.trail span{min-width:0;white-space:nowrap}.line-strip{top:calc(var(--hud-top, 10px) + 70px);padding:0 8px}.line-tile{width:40px;padding:2px;gap:1px;border-radius:10px}.line-tile .lb-avatar.line-face{width:28px;height:28px}.line-tile b,.line-tile small{display:none}.line-bar{height:4px}.line-joint{width:8px;height:6px}.line-joint.gap{width:8px}.line-titan{top:calc(var(--hud-top, 10px) + 112px);padding:1px 8px;gap:6px;border-radius:8px;width:min(320px,calc(100% - 32px))}.line-titan b,.line-titan span{font-size:calc(10px * var(--ts))}.line-titan-bar{height:6px}.line-coming{top:auto;bottom:calc(var(--hud-bottom, 230px))}.gate{background:#03040a;justify-content:flex-start}.gate-cam{position:absolute;top:0;left:0;width:720px;height:100%;overflow:hidden;will-change:transform;transition:transform 1.2s cubic-bezier(.62,0,.82,.06),filter 1.2s ease}.gate.loading-art .gate-cam,.gate.loading-art .gate-ui,.gate.loading-art .gate-logo{opacity:0}.gate.intro .gate-cam{animation:gateCamIn 2.8s cubic-bezier(.16,.6,.2,1) backwards}@keyframes gateCamIn{0%{transform:scale(1.16);filter:brightness(0) saturate(.4)}45%{filter:brightness(.75) saturate(.8)}}.gate.zoom .gate-cam{transform:scale(3.4);filter:brightness(1.06) saturate(1.08)}.gate.no-art .gate-cam{background:url(../assets/ui/menu_bg.jpg) center / cover no-repeat;filter:brightness(.55)}.gate-breath,.gate-shake{position:absolute;inset:0}.gate-breath{animation:gateBreath 18s ease-in-out infinite}@keyframes gateBreath{50%{transform:scale(1.025) translateY(-.5%)}}.gate-shake.bump{animation:gateBump .45s cubic-bezier(.3,.7,.4,1)}@keyframes gateBump{12%{transform:translate(-5px,7px)}30%{transform:translate(6px,-4px)}50%{transform:translate(-3px,3px)}72%{transform:translate(2px,-1px)}}.gate-hole{position:absolute;z-index:1}.gate-beyond{position:absolute;left:50%;top:60%;width:270%;max-width:none;transform:translate(-50%,-64%);filter:brightness(.45) saturate(.85);transition:filter 1.6s ease .25s}.gate-light{position:absolute;inset:-12% -30%;opacity:0;mix-blend-mode:screen;transition:opacity 1.3s ease .35s;background:radial-gradient(ellipse 46% 52% at 50% 64%,#ffe8afb8,#ffaf5561 42%,#ff823200 78%)}.gate-leaves{position:absolute;inset:0;perspective:560px;perspective-origin:50% 64%}.gate-door{position:absolute;top:0;width:50%;height:100%;max-width:none;backface-visibility:hidden;will-change:transform;transition:transform 1.9s cubic-bezier(.55,0,.22,1),filter 1.9s ease}.gate-door.l{left:0;transform-origin:0 50%}.gate-door.r{right:0;transform-origin:100% 50%}.gate.swing .gate-door.l{transform:rotateY(84deg);filter:brightness(.42)}.gate.swing .gate-door.r{transform:rotateY(-84deg);filter:brightness(.42)}.gate.unlatch .gate-door.l{animation:doorRattleL .34s ease-in-out}.gate.unlatch .gate-door.r{animation:doorRattleR .34s ease-in-out}@keyframes doorRattleL{25%{transform:rotateY(4deg)}50%{transform:rotateY(-1deg)}75%{transform:rotateY(2.5deg)}}@keyframes doorRattleR{25%{transform:rotateY(-4deg)}50%{transform:rotateY(1deg)}75%{transform:rotateY(-2.5deg)}}.gate.closing .gate-door{transition:transform .85s cubic-bezier(.62,0,.96,.52),filter .85s ease-in}.gate.swing .gate-light{opacity:1}.gate.swing .gate-beyond{filter:brightness(1.15) saturate(1.05)}.gate-seam{position:absolute;left:50%;top:16%;bottom:0;width:5%;transform:translate(-50%);mix-blend-mode:screen;pointer-events:none;opacity:.55;background:linear-gradient(90deg,transparent 25%,rgba(255,200,120,.45) 50%,transparent 75%);animation:gateSeam 3.4s ease-in-out infinite;transition:opacity .25s}.gate-seam:after{content:"";position:absolute;left:50%;bottom:-2%;width:1400%;height:8%;translate:-50% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(255,190,100,.55),transparent 70%)}.gate.opening .gate-seam,.gate.swing .gate-seam{opacity:0;animation:none}@keyframes gateSeam{50%{opacity:.25}}.gate-grille{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:translateY(-106%);filter:drop-shadow(0 6px 6px rgba(0,0,0,.7));transition:transform .75s cubic-bezier(.5,0,.3,1)}.gate.instant,.gate.instant *{transition:none!important}.gate-frame{position:absolute;inset:0;z-index:2;width:100%;height:100%;max-width:none;pointer-events:none}.gate.lite .gate-cam{will-change:auto}.gate.lite .gate-breath{animation:none}.gate.lite .gate-hole{overflow:hidden}.gate.lite .gate-beyond{will-change:transform}.gate.lite .gate-light{will-change:opacity}.gate.lite .gate-light,.gate.lite .gate-seam,.gate.lite .gate-bloom,.gate.lite .gate-spill,.gate.lite .gate-torch i{mix-blend-mode:normal}.gate.lite .gate-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#0e101ad1,#06070cf0)}.gate-bloom,.gate-spill{position:absolute;z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity 1.3s ease .55s}.gate-bloom{background:radial-gradient(ellipse 34% 40% at 50% 58%,rgba(255,226,160,.5),rgba(255,170,80,.16) 55%,transparent 80%)}.gate-spill{background:radial-gradient(ellipse 30% 46% at 50% 0%,rgba(255,210,135,.55),rgba(255,165,75,.2) 50%,transparent 78%)}.gate.swing .gate-bloom,.gate.swing .gate-spill{opacity:1}.gate-torches{position:absolute;inset:0;z-index:3;pointer-events:none}.gate-torch{position:absolute;aspect-ratio:1;translate:-50% -50%}.gate-torch i{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;mix-blend-mode:screen}.tl-cast{width:520%;height:520%;background:radial-gradient(circle,rgba(255,150,60,.26),rgba(255,110,40,.09) 38%,transparent 66%);animation:torchCast 3.1s ease-in-out infinite var(--d)}.tl-glow{width:120%;height:120%;background:radial-gradient(circle,rgba(255,196,120,.42),rgba(255,130,50,.2) 38%,transparent 66%);animation:torchFlicker calc(1.2s * var(--sp)) linear infinite var(--d)}@keyframes torchFlicker{0%{opacity:.85;scale:1}11%{opacity:1;scale:1.05}24%{opacity:.72;scale:.96}38%{opacity:.95}51%{opacity:.66;scale:.94}63%{opacity:1;scale:1.04}79%{opacity:.8}to{opacity:.85;scale:1}}@keyframes torchCast{0%,to{opacity:.85;scale:1}30%{opacity:1;scale:1.05}55%{opacity:.7;scale:.97}80%{opacity:.95;scale:1.02}}.gate-torch b{position:absolute;left:calc(50% + var(--x));top:30%;width:5px;height:5px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff6c8,#ffa040 55%,transparent 72%);box-shadow:0 0 6px #ff8a2a;animation:torchSpark 2.4s linear infinite}@keyframes torchSpark{0%{transform:translate(0) scale(1);opacity:0}12%{opacity:1}to{transform:translate(var(--dx),-150px) scale(.3);opacity:0}}.gate-clouds{position:absolute;left:0;right:0;top:0;height:44%;z-index:3;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.gate-clouds i{position:absolute;left:0;width:80%;height:20%;border-radius:50%;filter:blur(14px);animation:cloudDrift 120s linear infinite;background:radial-gradient(ellipse at 50% 60%,#101628d9,#10162800 70%)}.gate-clouds i:nth-child(1){top:2%;animation-duration:140s;animation-delay:-30s}.gate-clouds i:nth-child(2){top:12%;width:60%;animation-duration:95s;animation-delay:-70s;background:radial-gradient(ellipse at 50% 40%,#788cb947,#788cb900 68%)}.gate-clouds i:nth-child(3){top:22%;width:90%;animation-duration:170s;animation-delay:-120s}.gate-clouds i:nth-child(4){top:6%;width:50%;animation-duration:80s;animation-delay:-10s;background:radial-gradient(ellipse at 50% 40%,#96a5cd38,#96a5cd00 68%)}@keyframes cloudDrift{0%{transform:translate(-90%)}to{transform:translate(150%)}}.gate-fog{position:absolute;left:-30%;right:-30%;bottom:-2%;height:36%;z-index:4;pointer-events:none}.gate-fog i{position:absolute;width:60%;height:42%;border-radius:50%;filter:blur(16px);animation:fogDrift 34s ease-in-out infinite alternate;background:radial-gradient(ellipse,#afc3e63d,#afc3e600 70%)}.gate-fog i:nth-child(1){left:0;bottom:30%;animation-duration:41s}.gate-fog i:nth-child(2){left:30%;bottom:44%;animation-duration:29s;animation-delay:-12s;opacity:.8}.gate-fog i:nth-child(3){left:45%;bottom:8%;width:80%;animation-duration:47s;animation-delay:-20s}.gate-fog i:nth-child(4){left:10%;bottom:0;width:70%;animation-duration:37s;animation-delay:-5s}.gate-fog i:nth-child(5){left:55%;bottom:58%;width:45%;animation-duration:25s;animation-delay:-17s;opacity:.6}@keyframes fogDrift{0%{transform:translate(-12%)}to{transform:translate(12%)}}.gate-dust{position:absolute;z-index:3;pointer-events:none}.gate-dust i{position:absolute;left:calc(50% + var(--x));bottom:12%;width:34%;aspect-ratio:1.7;border-radius:50%;opacity:0;filter:blur(7px);background:radial-gradient(ellipse,#c4b69c99,#c4b69c00 70%);animation:dustPuff 1.4s ease-out forwards}@keyframes dustPuff{0%{transform:translate(-50%) scale(.3);opacity:.95}to{transform:translate(calc(-50% + var(--dx)),-45%) scale(1.9);opacity:0}}.gate-sparks{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.gate-sparks i{position:absolute;bottom:-20px;width:calc(6px * var(--s));height:calc(6px * var(--s));border-radius:50%;opacity:0;background:radial-gradient(circle,#fff3c0,#ff8a2a 55%,transparent 70%);box-shadow:0 0 10px #ff7a2a;animation:emberRise 12s linear infinite}.gate-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 85% 62% at 50% 46%,transparent 58%,rgba(2,3,8,.6)),linear-gradient(180deg,rgba(3,4,10,.55),transparent 18%,transparent 64%,rgba(3,4,10,.78) 90%)}.gate.opening .gate-vignette,.gate.opening .gate-sparks{transition:opacity .8s;opacity:0}.gate-logo{position:relative;z-index:5;width:580px;height:240px;margin-top:36px;display:grid;place-items:center;transition:opacity .5s ease,transform .7s ease}.gate-logo img{max-width:100%;max-height:100%;filter:drop-shadow(0 10px 26px rgba(0,0,0,.9));animation:logoBreath 5s ease-in-out infinite}.gate-logo img+.logo-text{display:none}.gate.intro .gate-logo{animation:gateLogoIn 1.4s cubic-bezier(.2,.9,.25,1.12) .55s backwards}@keyframes gateLogoIn{0%{transform:translateY(-50px) scale(1.18);opacity:0;filter:blur(6px)}}.gate.opening .gate-logo{opacity:0;transform:translateY(-50px) scale(.94)}.gate-ui{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;align-items:center;padding-bottom:18px;transition:opacity .4s ease,transform .6s cubic-bezier(.5,0,.8,.4)}.gate.intro .gate-ui{animation:gateUiIn 1s cubic-bezier(.2,.9,.3,1.08) 1.2s backwards}@keyframes gateUiIn{0%{transform:translateY(70px);opacity:0}}.gate.opening .gate-ui{opacity:0;transform:translateY(90px);pointer-events:none}.gate-card{position:relative;width:624px;padding:22px 28px 18px;border-radius:26px;display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(180deg,#0e101aa8,#06070ce6);box-shadow:inset 0 0 0 1px #d7b45a6b,inset 0 1px #ffe8aa29,0 22px 50px #000000b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.gate-card:before,.gate-card:after{content:"";position:absolute;top:-9px;width:18px;height:18px;transform:rotate(45deg);background:linear-gradient(135deg,#fff0b8,#c8901e);box-shadow:0 0 0 2px #0a0a0f,0 0 12px #ffbe5099}.gate-card:before{left:40px}.gate-card:after{right:40px}.gate-card.in>*{animation:gateItemIn .5s cubic-bezier(.2,.9,.3,1.1) backwards}.gate-card.in>:nth-child(2){animation-delay:.06s}.gate-card.in>:nth-child(3){animation-delay:.12s}.gate-card.in>:nth-child(4){animation-delay:.18s}@keyframes gateItemIn{0%{transform:translateY(14px);opacity:0}}.gate-card.bad{animation:hurtShake .32s}.gate-card .btn.huge{width:100%;min-height:80px;padding:10px 30px;flex-direction:column;gap:0}.gate-card .btn.huge span{font-size:calc(34px * var(--ts));line-height:1.05}.gate-card .btn.huge.crazy-in span{font-size:calc(24px * var(--ts));white-space:normal;text-wrap:balance}.gate-card .btn.huge small{font:800 calc(14px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;opacity:.75}.gate-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;align-items:center}.gate-row .btn:not(.gate-link){width:100%;min-height:60px;padding:8px 12px;font-size:calc(21px * var(--ts))}.gate-note{font:600 calc(16px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2);text-align:center}.gate-note b{color:var(--gold-2)}.gate-title{font:900 calc(30px * var(--ts))/1.1 var(--font-deco);color:var(--gold-2);text-align:center;text-shadow:0 3px 0 #000,0 0 22px rgba(255,170,60,.4)}.gate-text{font:italic calc(21px * var(--ts))/1.3 var(--font-lore);color:var(--parchment);text-align:center;max-width:540px}.gate-hello{font:700 calc(24px * var(--ts)) var(--font-title);color:var(--parchment);text-align:center}.gate-hello b{color:var(--gold-2)}.btn.gate-link{min-height:40px;padding:6px 10px;font:700 calc(15px * var(--ts)) var(--font-body);color:var(--parchment-2);background:none!important;box-shadow:none!important;text-transform:none;letter-spacing:0}.btn.gate-link b{color:var(--gold-2)}.gate-form{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px}.gate-form .gate-title{font-size:calc(28px * var(--ts))}.gate-field{position:relative;display:flex;flex-direction:column;gap:5px}.gate-field span{padding-left:6px;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.gate-field input{width:100%;height:58px;padding:0 86px 0 18px;border:0;outline:0;border-radius:14px;font:700 calc(23px * var(--ts)) var(--font-body);color:var(--parchment);background:#030408db;box-shadow:inset 0 2px 8px #000,0 0 0 2px #d7b45a61;user-select:text;-webkit-user-select:text}.gate-field input:focus{box-shadow:inset 0 2px 8px #000,0 0 0 3px var(--gold-2),0 0 20px #ffc85a59}.gate-field:not(.has-eye) input{padding-right:18px}.gate-eye{position:absolute;right:9px;bottom:9px;height:40px;padding:0 12px;border-radius:10px;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);background:#ffffff12}.gate-invite input{text-transform:uppercase;letter-spacing:.16em}.gate-error{min-height:20px;font:700 calc(15px * var(--ts))/1.3 var(--font-body);color:#ff9f8c;text-align:center}.gate-submit{min-height:66px;font-size:calc(26px * var(--ts))}.gate-submit.busy{pointer-events:none;filter:saturate(.55) brightness(.85)}.btn.gate-forgot{align-self:flex-end;min-height:32px;margin:-6px 0 -8px;padding:4px 6px}.gate-text b{color:var(--gold-2);font-style:normal}.gate-foot{margin-top:10px;font:700 calc(11px * var(--ts)) var(--font-body);letter-spacing:.32em;text-transform:uppercase;color:#d9c8a66b}.gate-steps{align-self:center;display:flex;align-items:center;gap:8px;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#d9c8a68c}.gate-steps span.now{color:var(--gold-2)}.gate-steps i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:900 calc(13px * var(--ts))/1 var(--font-body);font-style:normal}.gate-steps i.done{color:#2a1606;background:linear-gradient(180deg,#fff0b8,#c8901e);box-shadow:0 0 0 2px #0a0a0f}.gate-steps i.now{color:#2a1606;background:linear-gradient(180deg,#fff0b8,#d39a36);box-shadow:0 0 0 2px #0a0a0f,0 0 0 4px #f3d98c59,0 0 16px #ffbe50bf;animation:stepGlow 1.8s ease-in-out infinite}.gate-steps i.todo{color:var(--gold);background:#0000008c;box-shadow:inset 0 0 0 2px #d7b45a73}.gate-steps .line{width:46px;height:2px;margin:0 4px;background:linear-gradient(90deg,#f3d98ce6,#d7b45a40)}@keyframes stepGlow{50%{box-shadow:0 0 0 2px #0a0a0f,0 0 0 5px #f3d98c33,0 0 24px #ffbe50f2}}.name-plate{position:relative;overflow:hidden;padding:12px 20px 14px;border-radius:16px;text-align:center;background:radial-gradient(ellipse 70% 100% at 50% 0%,rgba(255,186,90,.22),transparent 72%),linear-gradient(180deg,#30200ceb,#100b06f5);box-shadow:inset 0 0 0 1px #f3d98c99,inset 0 0 0 6px #00000059,inset 0 0 0 7px #d7b45a40,0 12px 26px #0000008c}.name-plate:before{content:"";position:absolute;inset:-40% -60%;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#fff0 42%,#ffecbe29,#fff0 58%);animation:cardSheen 5s ease-in-out infinite}.name-plate small{display:flex;align-items:center;justify-content:center;gap:12px;font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}.name-plate small:before,.name-plate small:after{content:"";width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(243,217,140,.85))}.name-plate small:after{transform:scaleX(-1)}.name-plate b{display:block;margin-top:4px;min-height:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:900 clamp(calc(26px * var(--tsb)),calc((66px - var(--len, 8) * 2.4px) * var(--tsb)),calc(44px * var(--tsb)))/calc(52px * var(--tsb)) var(--font-deco);color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 26px rgba(255,170,60,.5)}.name-plate b.empty{color:#d9c8a647;text-shadow:none}.name-plate b em{margin-left:6px;font:700 calc(20px * var(--ts)) var(--font-body);font-style:normal;letter-spacing:.04em;color:#d9c8a68c;text-shadow:none}.name-plate.pop b{animation:namePop .4s cubic-bezier(.2,.9,.3,1.4)}@keyframes namePop{40%{transform:scale(1.07)}}.gate-field.has-count input{padding-right:76px}.gate-count{position:absolute;right:16px;bottom:19px;font:800 calc(14px * var(--ts)) var(--font-body);font-style:normal;color:#d9c8a680}.gate-field.ok input{box-shadow:inset 0 2px 8px #000,0 0 0 2px #7fd66b8c}.gate-field.ok input:focus{box-shadow:inset 0 2px 8px #000,0 0 0 3px #8fdc7a,0 0 20px #7fd66b4d}.gate-field.ok .gate-count{color:#8fdc7a}.name-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.btn.name-chip,.btn.name-roll{min-height:40px;padding:6px 16px;border-radius:20px;font:700 calc(16px * var(--ts)) var(--font-title);letter-spacing:.03em;text-transform:none;color:var(--gold-2);background:#00000080;box-shadow:inset 0 0 0 1px #d7b45a80}@media(hover:hover){.btn.name-chip:hover{box-shadow:inset 0 0 0 2px var(--gold-2),0 0 14px #ffc85a59}}.btn.name-roll{width:40px;padding:0}.btn.name-roll img{width:24px;height:24px;transition:transform .3s ease}@media(hover:hover){.btn.name-roll:hover img{transform:rotate(-35deg)}}.gate-flash{position:absolute;inset:0;z-index:9;pointer-events:none;opacity:0;transition:opacity .38s ease-in;background:radial-gradient(circle at 50% 58%,#fffbe8,#ffdc96 45%,#ffae52)}.gate.flash .gate-flash{opacity:1}.gate-afterglow{position:absolute;inset:0;z-index:60;background:radial-gradient(circle at 50% 58%,#fffbe8,#ffdc96 45%,#ffae52);animation:gateAfterglow 1.2s ease-out forwards}@keyframes gateAfterglow{to{opacity:0}}.lb-guest{display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px;border-radius:14px;background:#2818088c;box-shadow:inset 0 0 0 1px #d7b45a73}.lb-guest-text{flex:1;font:600 calc(15px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.lb-guest-text b{color:var(--gold-2)}.guest-note{width:100%;padding:10px 14px;border-radius:12px;text-align:center;font:600 calc(15px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2);background:#00000059}.guest-note b{color:var(--gold-2)}.cloud-note:before{content:"";display:inline-block;width:9px;height:9px;margin:0 9px 2px 0;border-radius:50%;vertical-align:middle;background:var(--parchment-2)}.cloud-note.syncing:before{background:var(--gold-2);animation:cloudPulse .8s ease-in-out infinite alternate}.cloud-note.saved:before{background:#7fd66b;box-shadow:0 0 8px #7fd66bcc}.cloud-note.offline,.cloud-note.guest{color:var(--parchment);box-shadow:inset 0 0 0 1px #e0894a73}.cloud-note.offline:before,.cloud-note.guest:before{background:#e0894a}@keyframes cloudPulse{0%{opacity:.3}to{opacity:1}}.account-panel .btn{width:100%}.account-name{display:flex;flex-direction:column;align-items:center;font-family:var(--font-title)}.account-name b{font-size:calc(34px * var(--ts));color:var(--gold-2);text-shadow:0 3px 0 #000}.account-name small{font:600 calc(14px * var(--ts)) var(--font-body);color:var(--parchment-2)}.account-text{font:500 calc(17px * var(--ts))/1.4 var(--font-body);color:var(--parchment);text-align:center}.account-text b{color:var(--gold-2)}.lang-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid rgba(215,180,90,.25)}.lang-row span{font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.lang-select{flex:1;max-width:300px;min-height:48px;padding:0 14px;border:0;border-radius:10px;font:700 calc(18px * var(--ts)) var(--font-body);color:var(--gold-2);background:linear-gradient(180deg,#2b3242,#161b25);box-shadow:0 0 0 2px #05060a,inset 0 0 0 1px #d7b45a73;cursor:pointer}.lang-select option{color:var(--parchment);background:#161b25}.gate-card{width:680px;padding:24px 24px 12px}.gate-form{gap:12px}.gate-form .gate-title{font-size:calc(40px * var(--ts))}.gate-form .gate-text{align-self:center;max-width:620px;font-size:calc(27px * var(--ts))}.gate-field{gap:6px}.gate-field span{font-size:calc(18px * var(--ts));letter-spacing:.16em}.gate-field input{height:88px;padding-left:22px;font-size:calc(32px * var(--ts))}.gate-field:not(.has-eye) input{padding-right:22px}.gate-eye{right:10px;bottom:12px;height:64px;padding:0 16px;font-size:calc(16px * var(--ts))}.gate-error{min-height:26px;font-size:calc(22px * var(--ts))}#frame .gate-submit{min-height:96px;font-size:calc(36px * var(--ts))}.btn.gate-link{min-height:72px;font-size:calc(23px * var(--ts))}.btn.gate-forgot{min-height:60px;margin:-6px 0}.gate-steps{font-size:calc(16px * var(--ts))}.gate-steps i{width:34px;height:34px;font-size:calc(17px * var(--ts))}.name-plate{padding:16px 20px 14px}.name-plate small{font-size:calc(16px * var(--ts));letter-spacing:.24em}.name-plate small:before,.name-plate small:after{flex:0 1 80px;width:auto;min-width:12px}.name-plate b{min-height:68px;font-size:clamp(calc(30px * var(--tsb)),calc((86px - var(--len, 8) * 3.2px) * var(--tsb)),calc(60px * var(--tsb)));line-height:calc(68px * var(--tsb))}.name-plate b em{font-size:calc(26px * var(--ts))}.gate-field.has-count input{padding-right:100px}.gate-count{right:20px;bottom:30px;font-size:calc(20px * var(--ts))}.name-chips{display:grid;grid-template-columns:1fr 1fr;gap:10px}#frame .btn.name-chip,#frame .btn.name-roll{width:auto;min-width:0;min-height:84px;padding:8px 14px;border-radius:18px;font-size:calc(26px * var(--ts))}.btn.name-chip{overflow-wrap:anywhere}#frame .btn.name-roll{gap:10px;font-family:var(--font-body);font-size:calc(22px * var(--ts))}.btn.name-roll img{flex:none;width:40px;height:40px}.gate-logo img{max-height:var(--logo-max, 100%)}.rally-offer{z-index:45}.rally-panel{position:relative;width:min(560px,94%);max-height:94%;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0 0 14px;border-radius:18px}.rally-stage{position:relative;flex:none;height:clamp(250px,46vh,360px);overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#3a2410,#120a06 70%)}.rally-splash{position:absolute;left:50%;bottom:0;height:100%;aspect-ratio:3 / 4;translate:-50% 0;object-fit:cover;object-position:50% 15%;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);transition:filter .3s}.rally-glow{position:absolute;inset:auto 0 0;height:55%;background:radial-gradient(ellipse at 50% 100%,rgba(255,190,80,calc(.12 + var(--g, 0) * .1)),transparent 70%);pointer-events:none}.rally-panel[data-step="2"] .rally-glow{--g: 1}.rally-panel[data-step="3"] .rally-glow{--g: 2}.rally-panel[data-step="4"] .rally-glow{--g: 3}.rally-panel[data-step="3"] .rally-hoard,.rally-panel[data-step="4"] .rally-hoard{max-height:40%}.rally-panel[data-step="5"] .rally-hoard{max-height:44%}.rally-panel[data-step="5"] .rally-glow{--g: 4}.rally-hoard{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:auto;max-height:34%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 -4px 14px rgba(255,190,80,.35));animation:rallyIn .35s ease-out}@keyframes rallyIn{0%{opacity:0;translate:0 10px}}.rally-shade{position:absolute;inset:0 0 auto;height:46%;background:linear-gradient(180deg,rgba(6,5,10,.9),transparent);pointer-events:none}.rally-text{position:absolute;inset:0 0 auto;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 44px 0;text-align:center}.rally-ribbon{align-self:center}.rally-pitch{font:900 calc(23px * var(--ts))/1.15 var(--font-title);color:#ffe7a6;text-shadow:0 2px 0 #000,0 0 18px rgba(255,190,80,.5)}.rally-lead{font:600 calc(13px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2);text-shadow:0 1px 0 #000}.rally-badges{position:absolute;inset:0;z-index:1;pointer-events:none}.rally-ring{position:absolute;left:12px;bottom:16px;width:84px;height:84px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));animation:rallyIn .35s ease-out}.rally-emblem{position:absolute;right:12px;bottom:18px;width:78px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));animation:giftFloat 3.6s ease-in-out infinite}.rally-keys{position:absolute;left:50%;bottom:6px;translate:-50% 0;z-index:1;display:flex;gap:2px;padding:3px 8px;border-radius:12px;background:#08060cb8;box-shadow:0 0 0 1px #ffd27873}.rally-key{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.rally-steps{flex:none;display:flex;flex-direction:column;gap:6px;padding:0 16px}.rally-slide-hint{font:800 calc(11px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#d9c08a}.rally-slider{-webkit-appearance:none;appearance:none;width:100%;height:10px;margin:6px 0;border-radius:6px;cursor:pointer;background:linear-gradient(90deg,#ffd77a var(--fill, 0%),rgba(255,255,255,.15) var(--fill, 0%));box-shadow:0 0 0 2px #000,inset 0 1px 2px #0009}.rally-slider::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c8,#e2a83a 60%,#8a5a14);box-shadow:0 0 0 2px #000,0 0 14px #ffc850cc}.rally-slider::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c8,#e2a83a 60%,#8a5a14);box-shadow:0 0 0 2px #000,0 0 14px #ffc850cc}.rally-notches{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.rally-notch{padding:4px 0;border:0;border-radius:8px;background:#ffffff0f;font:800 calc(11.5px * var(--ts)) var(--font-body);color:var(--parchment-2);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rally-notch.on{background:#ffc85a38;color:#fff;box-shadow:inset 0 0 0 1px #ffd278cc}.rally-items{padding:0 20px}.rally-buy{align-self:center}.rally-once{padding:0 20px;text-align:center;font:600 calc(12px * var(--ts))/1.35 var(--font-body);color:#f0b9a0}.rally-panel>.btn.ghost{align-self:center;opacity:.8}.rally-panel>.icon-btn.close{top:10px;right:10px}.gift-panel{gap:14px}.gift-art{position:relative;width:250px;height:270px;display:grid;place-items:center}.gift-art:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,204,110,.6),rgba(255,160,50,.18) 55%,transparent 72%);animation:giftPulse 2.4s ease-in-out infinite}.gift-rays{position:absolute;inset:-12%;border-radius:50%;background:repeating-conic-gradient(rgba(255,214,120,.24) 0 9deg,transparent 9deg 30deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);animation:giftSpin 20s linear infinite}.gift-pack{position:relative;width:200px;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.65));animation:giftFloat 3.2s ease-in-out infinite}.gift-text{max-width:460px;text-align:center;font:600 calc(18px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.gift-text b{color:var(--gold-2)}.gift-msg{font:700 calc(14px * var(--ts)) var(--font-body);color:#ff9f80;text-align:center}.gift-msg:empty{display:none}@keyframes giftSpin{to{transform:rotate(360deg)}}@keyframes giftPulse{50%{transform:scale(1.1);opacity:.75}}@keyframes giftFloat{50%{transform:translateY(-10px) rotate(-2deg)}}.nudge-panel{gap:14px}.nudge-panel .ribbon{max-width:calc(100% - 80px);padding:10px 40px 12px}.nudge-panel .ribbon span{display:block;white-space:normal;text-align:center}.nudge-art{position:relative;width:200px;height:200px;display:grid;place-items:center}.nudge-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,204,110,.55),rgba(255,160,50,.16) 55%,transparent 72%);animation:nudgePulse 2.4s ease-in-out infinite}.nudge-img{position:relative;width:78%;height:78%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.nudge-text{max-width:320px;text-align:center;line-height:1.4;font-size:calc(16px * var(--ts))}@keyframes nudgePulse{50%{transform:scale(1.08);opacity:.8}}@media(prefers-reduced-motion:reduce){.nudge-glow{animation:none}}.nudge-deal{padding:6px 14px;border-radius:10px;background:#ffc45029;border:1px solid rgba(255,196,80,.55);color:#ffd27a;font-weight:700;text-align:center;max-width:320px;font-size:calc(15px * var(--ts))}.warning-panel{gap:14px;max-width:min(520px,calc(100vw - 32px))}.warning-text{text-align:center;font:600 calc(17px * var(--ts))/1.5 var(--font-body);color:var(--parchment)}.warning-text b{color:var(--gold-2)}.warning-rules{background:none;border:0;padding:4px 8px;cursor:pointer;font:800 calc(14px * var(--ts)) var(--font-body);color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}.warning-msg{font:700 calc(14px * var(--ts)) var(--font-body);color:#ff9f80;text-align:center}.warning-msg:empty{display:none}.warning-panel .ribbon{max-width:100%;padding:12px 44px 14px;white-space:normal;text-align:center;font-size:calc(21px * var(--ts));letter-spacing:.06em;line-height:1.2}.survey-panel{width:620px;max-width:calc(100% - 32px);gap:12px}.survey-panel.busy{pointer-events:none;filter:brightness(.8)}.survey-panel .ribbon{max-width:100%;padding:12px 44px 14px;white-space:normal;text-align:center;font-size:calc(21px * var(--ts));line-height:1.2}.survey-reward{display:flex;align-items:center;justify-content:center;gap:8px;font:800 calc(17px * var(--ts)) / 1.25 var(--font-body);color:var(--gold-2);text-align:center}.survey-coin{width:28px;height:28px;object-fit:contain;flex:none}.survey-step{font:700 calc(14px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--parchment-2)}.survey-q{font:800 calc(25px * var(--ts)) / 1.28 var(--font-body);color:var(--parchment);text-align:center}.survey-msg{font:700 calc(15px * var(--ts)) var(--font-body);color:#ff9f80;text-align:center}.survey-msg:empty,.survey-step:empty{display:none}.survey-answers{width:100%;display:flex;flex-direction:column;gap:10px}.survey-answer{width:100%;min-height:66px;padding:10px 18px;border-radius:12px;cursor:pointer;text-align:center;white-space:normal;font:700 calc(19px * var(--ts)) / 1.25 var(--font-body);color:var(--parchment);background:linear-gradient(180deg,#343c4e,#1d2330);box-shadow:0 0 0 2px #05060a,inset 0 0 0 1px #d7b45a66;transition:transform .08s ease}.survey-answer:active{transform:translateY(2px) scale(.99)}.survey-other{color:var(--gold-2)}.survey-box{width:100%;display:flex;flex-direction:column;gap:8px}.survey-input{width:100%;padding:14px 16px;border:0;outline:0;border-radius:12px;resize:none;box-sizing:border-box;font:700 calc(28px * var(--ts)) / 1.3 var(--font-body);color:var(--parchment);background:#07080c;user-select:text;-webkit-user-select:text;box-shadow:inset 0 2px 8px #000,0 0 0 2px #d7b45a8c}.survey-input:focus{box-shadow:inset 0 2px 8px #000,0 0 0 3px var(--gold-2),0 0 20px #ffc85a66}.survey-count{align-self:flex-end;font:700 calc(13px * var(--ts)) var(--font-body);color:var(--parchment-2)}.survey-row{display:flex;justify-content:space-between;gap:12px}.survey-row .btn{flex:1}.survey-panel.typing .survey-reward,.survey-panel.typing .survey-step,.survey-panel.typing .survey-skip{display:none}.survey-panel.typing .survey-q{font-size:calc(30px * var(--ts))}.survey-skip{background:none;border:0;padding:8px 14px;cursor:pointer;font:700 calc(16px * var(--ts)) var(--font-body);color:var(--parchment-2);text-decoration:underline;text-underline-offset:3px}.survey-notice{width:100%;font:600 calc(13px * var(--ts)) / 1.35 var(--font-body);color:var(--parchment-2);text-align:center}.survey-policy{margin-left:6px;padding:0;font:inherit;color:var(--gold-2);text-decoration:underline}.support-panel{gap:12px;max-width:620px}.support-panel .ribbon{max-width:calc(100% - 80px);padding:10px 40px 12px;font-size:calc(22px * var(--ts));letter-spacing:.08em}.support-panel .ribbon span{display:block;white-space:normal;text-align:center}.support-art{position:relative;width:300px;height:230px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 2px #6b5424,0 12px 30px #000000a6;background:radial-gradient(circle at 50% 40%,#ffd6784d,#0a0c12e6 70%)}.support-splash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.support-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,8,12,.85))}.support-logo{position:absolute;left:50%;bottom:6px;z-index:1;width:170px;height:auto;transform:translate(-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.8))}.support-kicker{font:900 calc(24px * var(--tsb)) var(--font-deco);color:var(--gold-2);text-shadow:0 2px 0 #000;text-align:center}.support-text,.support-ask{max-width:500px;text-align:center;font:600 calc(18px * var(--ts))/1.42 var(--font-body);color:var(--parchment)}.support-ask{color:var(--parchment-2);font-size:calc(17px * var(--ts))}.support-buy,.support-rate{width:100%;max-width:500px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 10px;padding-inline:14px}.support-price{padding:2px 12px;border-radius:20px;background:#00000059;font-size:.75em;white-space:nowrap}.support-later{opacity:.8}.support-rate>span,.support-buy>span{text-align:center}.support-pick{animation:supportPick 1.3s ease-in-out 3;border-radius:16px}@keyframes supportPick{50%{box-shadow:0 0 0 3px var(--gold-2),0 0 30px 8px #f3d98c8c}}#frame>.tour{position:absolute;left:0;top:0;width:720px;height:100%;z-index:60;overflow:hidden;pointer-events:none;animation:fadeIn .22s ease}.tour-ring{position:absolute;left:0;top:0;width:0;height:0;border-radius:18px;box-shadow:0 0 0 9999px #030408c7,0 0 0 3px var(--gold-2),0 0 22px 4px #f3d98c73;animation:tourRing 1.9s ease-in-out infinite}.tour-ring.empty{box-shadow:0 0 0 9999px #030408d1;animation:none}.tour.lit .tour-ring{box-shadow:none;animation:none}@keyframes tourRing{50%{box-shadow:0 0 0 9999px #030408c7,0 0 0 4px var(--gold-2),0 0 34px 10px #f3d98c99}}.tour-bubble{position:absolute;left:20px;right:20px;pointer-events:auto;padding:16px 20px 14px;border-radius:16px;text-align:center;background:linear-gradient(180deg,#222836fa,#0b0e14fc);border:2px solid #6b5424;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #f3d98c3d,0 18px 40px #000c;animation:tourIn .26s cubic-bezier(.2,.9,.3,1.3)}.tour-bubble.centre{top:50%;transform:translateY(-50%);padding:24px 24px 18px}@keyframes tourIn{0%{opacity:0;transform:translateY(10px) scale(.96)}}.tour-bubble.anchored:after{content:"";position:absolute;left:calc(var(--arrow-x) - 20px);width:22px;height:22px;margin-left:-11px;background:linear-gradient(135deg,#222836fa,#0b0e14fc);border-right:2px solid #6b5424;border-bottom:2px solid #6b5424;transform:rotate(45deg)}.tour-bubble.anchored:after{bottom:-13px}.tour-bubble.anchored.points-up:after{bottom:auto;top:-13px;transform:rotate(225deg)}.tour-text{font:600 calc(19px * var(--ts))/1.34 var(--font-body);color:var(--parchment);text-shadow:0 1px 0 #000}.tour-text b{color:var(--gold-2)}.tour-text em{font-style:normal;color:var(--ember)}.tour-bubble.centre .tour-text{font-size:calc(21px * var(--ts))}.tour-foot{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:18px}.tour-ok{min-width:150px}.tour-skip{font:700 calc(14px * var(--ts)) var(--font-body);letter-spacing:.04em;color:var(--steel);text-decoration:underline;text-underline-offset:3px;padding:6px 2px}.tour-skip:active{color:var(--parchment-2)}.tour-bubble .tour-text{max-width:620px;margin:0 auto}.tour-note{max-width:600px;margin:8px auto 0;font:600 calc(15px * var(--ts))/1.35 var(--font-body);color:var(--gold-2)}.tree-box{position:relative;z-index:1;width:100%;flex:1;min-height:0;overflow:hidden;isolation:isolate}.tree-sky{position:absolute;inset:0;background-size:100% 100%}.tree-sky.twinkle{animation:twinkle 3.6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}.tree-fit{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-end}.tree-canvas{position:relative;height:min(100%,1075px);aspect-ratio:1 / 1;flex-shrink:0}.tree-art{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none}.tree-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.roots-glow{position:absolute;transform:translate(-50%,-50%);width:64%;height:34%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .8s;background:radial-gradient(ellipse,rgba(255,196,90,.6),rgba(255,150,40,.2) 45%,transparent 70%)}.roots-glow.on{opacity:1;animation:breath 3.2s ease-in-out infinite alternate}@keyframes breath{0%{opacity:.7}to{opacity:1}}.edge path{fill:none;stroke-linecap:round}.e-base{stroke:#c9b79c;stroke-width:3;stroke-dasharray:1 10;opacity:.22}.edge.near .e-base{stroke:var(--bc);opacity:.5}.edge.hot .e-base{stroke:var(--bc);opacity:.85;animation:readyPulse 1.6s ease-in-out infinite}.edge.hot .e-core{stroke:#ffe9a8;opacity:.9;animation:sapFlow .9s linear infinite}@keyframes readyPulse{50%{opacity:.3}}.e-glow{stroke:var(--bc);stroke-width:26;opacity:0}.edge.lit .e-glow{animation:glowIn .8s var(--delay, .05s) both,breath 3s ease-in-out calc(var(--delay, .05s) + .8s) infinite alternate}@keyframes glowIn{0%{opacity:0}to{opacity:.6}}.e-grow{stroke:#fff;stroke:color-mix(in srgb,var(--bc) 45%,#fff);stroke-width:5;stroke-dasharray:var(--len, 2000);stroke-dashoffset:var(--len, 2000);opacity:0}.tree-box.live .edge.lit .e-grow{opacity:.95;animation:sapGrow .8s ease-out var(--delay, .05s) both}@keyframes sapGrow{0%{stroke-dashoffset:var(--len, 2000)}to{stroke-dashoffset:0}}.e-core{stroke:#fff;stroke-width:2.5;stroke-dasharray:6 18;opacity:0}.edge.lit .e-core{animation:coreIn .4s calc(var(--delay, .05s) + .7s) both,sapFlow 1.1s linear infinite}@keyframes coreIn{0%{opacity:0}to{opacity:.85}}@keyframes sapFlow{to{stroke-dashoffset:-24}}.leaf-shape{fill:var(--bc);fill:color-mix(in srgb,var(--bc) 62%,#fff);stroke:var(--bc);stroke:color-mix(in srgb,var(--bc) 55%,#000);stroke-width:1.5;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 100%;rotate:var(--r, 0deg);scale:var(--s, 1);filter:drop-shadow(0 0 3px var(--bc));filter:drop-shadow(0 0 3px color-mix(in srgb,var(--bc) 70%,transparent));animation:leafSway 3.2s ease-in-out infinite alternate}.leaf.sprout .leaf-shape{animation:leafSway 3.2s ease-in-out infinite alternate,leafSprout .7s cubic-bezier(.2,.9,.3,1.4) both}@keyframes leafSway{0%{rotate:calc(var(--r, 0deg) - 7deg)}to{rotate:calc(var(--r, 0deg) + 7deg)}}@keyframes leafSprout{0%{scale:0}to{scale:var(--s, 1)}}.tn{position:absolute;z-index:2;--n: 46px;width:var(--n);height:var(--n);padding:0;border:0;background:none;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:width .35s cubic-bezier(.2,.9,.3,1.3),height .35s cubic-bezier(.2,.9,.3,1.3)}.tn:before{content:"";position:absolute;inset:-14px;border-radius:50%}.tn.avail{--n: 58px}.tn.owned{--n: 68px;z-index:3}.tn.owned.key{--n: 80px}.tn.ready{--n: 84px;z-index:4}.tn.ready.key{--n: 94px}.tn-icon{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px #000,0 0 0 4px #3a3f4e;transition:filter .35s}.tn-icon .sigil{font-size:calc(26px * var(--ts))}.tn.locked .tn-icon{filter:grayscale(1) brightness(.45) sepia(.35);box-shadow:0 0 0 2px #000,0 0 0 3px #4a3d2e}.tn.locked.key .tn-icon{box-shadow:0 0 0 2px #000,0 0 0 4px #5a4a2a}.tn.avail .tn-icon{filter:brightness(.82) saturate(.85);box-shadow:0 0 0 2px #000,0 0 0 3px var(--bc),0 0 10px var(--bc);box-shadow:0 0 0 2px #000,0 0 0 3px var(--bc),0 0 10px color-mix(in srgb,var(--bc) 55%,transparent)}.tn.ready .tn-icon{box-shadow:0 0 0 2px #000,0 0 0 4px #fff,0 0 0 8px var(--bc),0 0 30px 8px var(--bc);box-shadow:0 0 0 2px #000,0 0 0 4px #fff,0 0 0 8px var(--bc),0 0 30px 8px color-mix(in srgb,var(--bc) 60%,#fff);animation:readyBeat 1.5s ease-in-out infinite}@keyframes readyBeat{0%,to{transform:scale(1);filter:brightness(1.05)}50%{transform:scale(1.08);filter:brightness(1.45)}}.tn-ping{position:absolute;inset:0;border-radius:50%;pointer-events:none}.tn-ping:before,.tn-ping:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid #fff;opacity:0}.tn.ready .tn-ping:before{animation:tnPing 1.9s ease-out infinite}.tn.ready .tn-ping:after{animation:tnPing 1.9s ease-out .95s infinite}@keyframes tnPing{0%{transform:scale(1);opacity:.85}70%{opacity:.22}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.tn.ready .tn-icon,.tn.ready .tn-ping:before,.tn.ready .tn-ping:after{animation:none}}.tn.owned .tn-icon{box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-2),0 0 24px var(--bc);box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-2),0 0 24px color-mix(in srgb,var(--bc) 55%,#ffd070);animation:bloomPop .75s cubic-bezier(.2,.9,.3,1.4) var(--delay, .25s) backwards}@keyframes bloomPop{0%{transform:scale(.4);filter:brightness(3)}60%{transform:scale(1.18);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}.tn.owned.key:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px dashed var(--gold-2);opacity:.8;animation:ringSpin 14s linear infinite}.tn.sel:not(.ready) .tn-icon{box-shadow:0 0 0 2px #000,0 0 0 4px #fff,0 0 22px #fff}.tn.sel:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px dashed #fff;animation:ringSpin 8s linear infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}.tn-cost{position:absolute;right:-5px;bottom:-5px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;background:#120d1e;color:#d8c0ff;font:900 calc(18px * var(--ts))/24px var(--font-body);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #8a6ad0;transition:transform .3s}.tn.locked .tn-cost{transform:scale(.85);color:#a898c8}.tn.avail .tn-cost{background:#2b1520;color:#ffb3a3;box-shadow:0 0 0 2px #000,inset 0 0 0 1px #9c5a52}.tn.ready .tn-cost{background:linear-gradient(#fff2c4,#e8a838);color:#2a1606;box-shadow:0 0 0 2px #000,0 0 12px #ffd26ed9}.tn.owned .tn-cost{background:var(--gold-2);color:#2a1606;box-shadow:0 0 0 2px #000}.tree-box.has-ready .leaves,.tree-box.has-ready .edge.lit{opacity:.5}.tree-box.has-ready .tn.owned .tn-icon{filter:brightness(.58) saturate(.65)}.tree-box.has-ready .tn.avail .tn-icon{filter:brightness(.6) saturate(.7)}.tree-box.has-ready .tn.locked .tn-icon{filter:grayscale(1) brightness(.3) sepia(.35)}.bough-label{position:absolute;z-index:1;transform:translate(-50%,-50%);text-align:center;pointer-events:none;white-space:nowrap}.bough-label b{display:block;font-family:var(--font-title);font-weight:900;font-size:calc(20px * var(--ts));letter-spacing:.14em;text-transform:uppercase;color:var(--bc);text-shadow:0 2px 0 #000,0 0 14px var(--bc);text-shadow:0 2px 0 #000,0 0 14px color-mix(in srgb,var(--bc) 70%,transparent)}.bough-label span{font:700 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;color:var(--parchment-2);text-shadow:0 1px 0 #000,0 0 6px #000}.bloom-glow{position:absolute;transform:translate(-50%,-50%);width:50%;height:50%;border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1.2s;background:radial-gradient(circle,var(--bc),var(--bc) 42%,transparent 70%);background:radial-gradient(circle,color-mix(in srgb,var(--bc) 60%,transparent),color-mix(in srgb,var(--bc) 20%,transparent) 42%,transparent 70%)}.tree-box.bloom-arcana .bloom-glow.b-arcana,.tree-box.bloom-bastion .bloom-glow.b-bastion,.tree-box.bloom-war .bloom-glow.b-war{opacity:1;animation:breath 4s ease-in-out infinite alternate}.tree-heart{position:absolute;z-index:2;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at 50% 40%,#2b2314,#120e07 70%);box-shadow:0 0 0 3px #000,0 0 0 5px #5a4a2a,inset 0 0 22px #000;transition:background .6s,box-shadow .6s}.tree-heart b{font-family:var(--font-title);font-weight:900;font-size:calc(42px * var(--tsb));line-height:1;color:#6f6a60;transition:color .6s}.tree-heart span{margin-top:5px;max-width:100px;font:800 calc(20px * var(--ts))/1.1 var(--font-body);text-transform:uppercase;letter-spacing:.1em;text-align:center;color:#9a9080;transition:color .6s}.tree-heart.has-points{background:radial-gradient(circle at 50% 38%,#fff0b8,#e8a838 45%,#7a4210);box-shadow:0 0 0 3px #000,0 0 0 5px var(--gold-2),0 0 36px 12px #ffc85a8c;animation:heartBeat 2.4s ease-in-out infinite}.tree-heart.has-points b{color:#2a1606;text-shadow:0 1px 0 rgba(255,255,255,.35)}.tree-heart.has-points span{color:#4a2c08}@keyframes heartBeat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.tree-heart.spend{animation:heartSpend .6s cubic-bezier(.2,.9,.3,1.4)}@keyframes heartSpend{30%{transform:translate(-50%,-50%) scale(.82);filter:brightness(1.6)}to{transform:translate(-50%,-50%) scale(1)}}.motes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.motes i{position:absolute;bottom:12%;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px 2px var(--c);opacity:0;animation:moteRise linear infinite}@keyframes moteRise{0%{transform:translate(0) scale(.4);opacity:0}12%{opacity:.9}70%{opacity:.7}to{transform:translate(var(--sx, 0),-760px) scale(1.1);opacity:0}}.tree-burst{position:absolute;z-index:4;transform:translate(-50%,-50%);pointer-events:none}.tree-burst i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px var(--c);animation:sparkFly .95s ease-out both}@keyframes sparkFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.tree-toast{position:absolute;z-index:30;left:50%;top:36%;transform:translate(-50%);padding:14px 28px;border-radius:16px;white-space:nowrap;pointer-events:none;background:#0a0c14f0;border:2px solid var(--gold);color:var(--gold-2);font-family:var(--font-title);font-weight:900;font-size:calc(22px * var(--ts));text-shadow:0 2px 0 #000;box-shadow:0 0 0 2px #000,0 10px 30px #0009,0 0 34px #ffc85a73;animation:toastIn .5s cubic-bezier(.2,.9,.3,1.3),toastOut .5s ease-in 3.2s both}@keyframes toastIn{0%{transform:translate(-50%,-30px);opacity:0}}@keyframes toastOut{to{transform:translate(-50%,-20px);opacity:0}}.tree-detail{position:absolute;z-index:5;left:14px;right:14px;bottom:10px;min-height:150px;padding:14px 84px 14px 18px;display:flex;align-items:center;gap:14px;text-align:left}.td-hint{flex:1;padding-left:66px;text-align:center;font:500 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment-2)}.td-hint.ready{color:var(--parchment)}.td-hint b{color:var(--gold-2)}.td-autofill{margin-top:8px}.td-icon{position:relative;flex-shrink:0;width:72px;height:72px}.td-icon-img{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 2px #000,0 0 0 4px var(--bc),0 0 16px var(--bc)}.td-icon-img .sigil{font-size:calc(26px * var(--ts))}.td-icon.locked .td-icon-img{filter:grayscale(1) brightness(.6);box-shadow:0 0 0 2px #000,0 0 0 4px #3a3f4e}.td-icon.owned .td-icon-img{box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-2),0 0 16px var(--bc);box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-2),0 0 16px color-mix(in srgb,var(--bc) 55%,#ffd070)}.td-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.td-name{font-family:var(--font-title);font-weight:900;font-size:calc(21px * var(--ts));color:var(--gold-2)}.td-desc{font:500 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.td-req{font:600 calc(20px * var(--ts)) var(--font-body);color:#ff9a8a}.td-short{font:600 calc(20px * var(--ts)) var(--font-body);color:#ffc98a}.td-owned{font-family:var(--font-title);color:var(--heal);font-weight:900;letter-spacing:.2em;text-transform:uppercase;font-size:calc(20px * var(--ts))}.td-body .btn{align-self:flex-start;margin-top:4px}.tree-heroes{position:relative;z-index:2;display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;margin:0 auto 4px;padding:4px 10px 8px}.tree-heroes::-webkit-scrollbar{display:none}.tree-heroes>:first-child{margin-left:auto}.tree-heroes>:last-child{margin-right:auto}.tree-hero{position:relative;flex:0 0 auto;width:48px;height:48px;padding:0;border-radius:50%;cursor:pointer;overflow:visible;border:2px solid rgba(255,255,255,.25);background:radial-gradient(circle at 50% 35%,#2a3358,#0b0f22);box-shadow:0 2px 6px #0009;opacity:.72;transition:transform .2s,opacity .2s,border-color .2s}.tree-hero.on{opacity:1;border-color:#f3d98c;transform:scale(1.12);box-shadow:0 0 0 2px #000,0 0 14px #f3d98cb3}.tree-hero-face{width:100%;height:100%;border-radius:50%;overflow:hidden}.tree-hero-face img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.tree-hero-face .hero-sprite-fallback{font-size:calc(18px * var(--ts))}.tree-hero .badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e5332a;color:#fff;font:900 calc(12px * var(--ts))/calc(20px * var(--ts)) var(--font-body);box-shadow:0 0 0 2px #000}.td-soon{margin-top:6px;color:#f3d98c;font-size:calc(20px * var(--ts))}.soc-tabs{position:relative;z-index:2;display:flex;gap:6px;padding:5px;margin:0 0 52px;border-radius:40px;background:#07080cd1;box-shadow:inset 0 0 0 1px #d7b45a73,0 6px 16px #00000080}.soc-tab{min-width:200px;height:52px;padding:0 24px 0 12px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:10px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2);transition:color .15s ease,filter .15s ease}.soc-tab img{width:34px;height:34px;border-radius:9px;box-shadow:0 0 0 1px #000000b3;filter:saturate(.5) brightness(.75)}.soc-tab.active{color:#2a1606;text-shadow:0 1px 0 rgba(255,240,200,.6);background:linear-gradient(180deg,#fff0b8,#f0c860 25%,#d39a36 62%,#9a6a1e);box-shadow:0 0 0 2px #2c1c06,inset 0 2px #fff9,inset 0 -3px #5a320a66,0 0 20px #ffb43c59}.soc-tab.active img{filter:none}.soc-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.soc-tag{display:flex;align-items:baseline;gap:3px;min-width:0;font-family:var(--font-title);white-space:nowrap}.soc-tag b{font-size:calc(22px * var(--ts));line-height:1.1;color:var(--gold-2);overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 0 #000}.soc-tag small{flex:0 999 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font:700 calc(20px * var(--ts)) var(--font-body);color:#8a93a8}.soc-tag .soc-you,.soc-tag .soc-ally{align-self:center;margin-left:auto;padding:2px 7px;letter-spacing:.06em;line-height:1.2}.soc-line{display:flex;align-items:center;gap:10px;min-width:0}.soc-sub{flex:0 999 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);white-space:nowrap}.soc-sub.on{color:#8ff09a}.soc-chips{display:flex;gap:6px}.lb-row .soc-chips,.fr-row .soc-chips{flex:0 1 auto;min-width:0;flex-wrap:wrap;height:24px;overflow:hidden}.lb-row .soc-tally,.fr-row .soc-tally{order:-1}.fr-row .soc-line{flex-wrap:wrap;height:24px;overflow:hidden}.fr-row .soc-sub{flex:1 1 5em}.soc-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 4px;border-radius:12px;white-space:nowrap;background:#00000080;box-shadow:inset 0 0 0 1px #d7b45a47;font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.soc-chip img{width:18px;height:18px;border-radius:5px}.soc-chip em{font-style:normal;font-weight:700;color:#7d8598}.soc-chip.perfect{color:#ffe08a;padding-left:7px}.soc-stars{display:inline-flex;gap:0}.soc-stars i{width:11px;height:11px;background:linear-gradient(180deg,#fff2a0,#f0b020);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.soc-stars i:nth-child(2){transform:translateY(-2px)}.soc-points{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-title);line-height:1}.soc-points b{font-size:calc(28px * var(--ts));font-weight:900;color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 14px rgba(255,180,60,.3)}.soc-points small{margin-top:4px;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-2)}.soc-bar{display:grid;gap:3px;width:100%;max-width:300px}.soc-bar i{position:relative;height:7px;border-radius:4px;overflow:hidden;background:#161920;box-shadow:inset 0 0 0 1px #000}.soc-bar i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--f, 0) * 100%);background:linear-gradient(180deg,#ffe28a,#c8901e);box-shadow:0 0 6px #ffc85a99}.soc-ally{flex:0 0 auto;padding:3px 10px;border-radius:10px;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#b8ffc0;background:#286e3c59;box-shadow:inset 0 0 0 1px #7ddc8a73}.lb-panel{position:relative;z-index:1;width:660px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-height:0;padding-top:34px}.lb-panel .ribbon{margin-top:-66px}.lb-panel.hall-page{width:100%;margin:6px 0 0;padding:0 15px;gap:8px}.hall-page .lb-list{padding-bottom:14px}.hall-page .lb-row:not(.me):not(.looked){background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%),repeating-linear-gradient(100deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),linear-gradient(180deg,#333846,#171a22 70%,#0e1016);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #d7b45a38,inset 0 -8px 14px #00000073,0 6px 12px #00000080}.lb-rules{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;max-width:100%;text-align:center;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.lb-rules b{color:#9dff9a;font-weight:900}.lb-rules span{flex:0 1 auto;min-width:0}.lb-rules i{flex:0 0 auto;width:6px;height:6px;transform:rotate(45deg);background:var(--gold-3)}.lb-info{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#00000073;box-shadow:inset 0 0 0 1.5px #d7b45a99}.lb-info i{font:italic 900 calc(20px * var(--ts)) var(--font-title);color:var(--gold-2);line-height:1}.lb-rules-tip{display:flex;flex-direction:column;gap:6px;max-width:340px;font-size:calc(20px * var(--ts))}.lb-rules-tip b{color:#9dff9a;font-weight:900}.lb-rules-tip span{position:relative;padding-left:14px}.lb-rules-tip span:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;transform:rotate(45deg);background:var(--gold-3)}.lb-rules-tip i{display:none}.lb-seasons{width:100%;flex:0 0 auto;display:flex;align-items:center;justify-content:safe center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.lb-seasons::-webkit-scrollbar{display:none}.lb-seasons-label{flex:0 0 auto;margin-right:2px;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-2)}.lb-season{flex:0 0 auto;height:38px;padding:0 16px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:800 calc(20px * var(--ts)) var(--font-title);color:var(--parchment-2);background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a4d;transition:color .15s ease,box-shadow .15s ease}.lb-season em{display:inline-flex;align-items:center;gap:5px;font:normal 900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9dff9a}.lb-season em:before{content:"";width:7px;height:7px;border-radius:50%;background:#6fe07a;box-shadow:0 0 8px #6fe07a}.lb-season:active{filter:brightness(1.2)}.lb-season.active{color:var(--gold-2);background:linear-gradient(180deg,#825a1a8c,#281e0e99);box-shadow:inset 0 0 0 2px #f3d98cbf,0 0 14px #ffbe5033}.lb-list{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding:2px 2px 10px;scrollbar-width:none}.lb-list::-webkit-scrollbar{display:none}.lb-list.busy{opacity:.55;pointer-events:none;transition:opacity .15s}.lb-pager{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 0 4px}.lb-page{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#2e3544,#151922);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #d7b45a8c,0 4px 10px #00000080}.lb-page i{width:14px;height:14px;border:solid var(--gold-2);border-width:0 0 4px 4px;transform:translate(3px) rotate(45deg)}.lb-page.next i{transform:translate(-3px) rotate(-135deg)}.lb-page:active{filter:brightness(1.25)}.lb-page.disabled{opacity:.35;pointer-events:none}.lb-page-label{min-width:170px;text-align:center;font:700 calc(20px * var(--ts)) var(--font-title);color:var(--parchment);text-shadow:0 2px 0 #000}.soc-you{flex:0 0 auto;padding:4px 10px;border-radius:10px;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#2a1606;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 0 0 1px #000}.soc-you.register{color:#fff;background:linear-gradient(180deg,#d8742a,#8a3a10)}.lb-empty{text-align:center;padding:40px;font:italic calc(20px * var(--ts)) var(--font-lore);color:var(--parchment-2)}.lb-row{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border-radius:14px;text-align:left;background:linear-gradient(90deg,#00000085,#00000047);box-shadow:inset 0 0 0 1px #ffffff0a;animation:socRowIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 35ms)}@keyframes socRowIn{0%{opacity:0;transform:translateY(10px)}}.lb-row:active{filter:brightness(1.2)}.lb-row .soc-points small{letter-spacing:.06em}.lb-row.me{position:sticky;top:0;bottom:0;z-index:2;background:linear-gradient(90deg,#825a1a99,#281e0e8c),#15120c;box-shadow:inset 0 0 0 2px #f3d98cbf,0 0 18px #ffbe5040,0 -6px 14px #0000008c}.lb-rank{width:46px;flex:0 0 auto;text-align:center;font-family:var(--font-title);font-weight:900;font-size:calc(24px * var(--ts));color:var(--parchment-2)}.lb-rank.mid,.lb-rank.long{font-size:calc(20px * var(--ts))}.lb-row.me .lb-rank{color:var(--gold-2)}.rank-1 .lb-rank{color:#ffd24a;text-shadow:0 0 12px #ffb020}.rank-2 .lb-rank{color:#dfe6f0}.rank-3 .lb-rank{color:#e0a070}.lb-avatar{position:relative;flex:0 0 auto;width:54px;height:54px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--hc),#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 2px #000,0 0 0 4px var(--gold-3)}.lb-avatar img{position:absolute;width:150%;height:150%;left:-25%;top:-5%;object-fit:contain}.lb-avatar .hero-sprite-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(22px * var(--ts))}.fr-panel{position:relative;z-index:1;width:660px;margin:44px 0 10px;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-height:0;padding-top:34px}.fr-panel .ribbon{margin-top:-66px}.fr-panel>.lb-empty-state{flex:1;justify-content:center}.fr-tag{width:100%;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:16px;background:linear-gradient(90deg,#6e4c1680,#141620d1 60%);box-shadow:inset 0 0 0 1px #f3d98c80}.fr-tag .chip-avatar{flex:0 0 auto}.fr-tag-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fr-tag-text small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--ember)}.fr-tag-text .soc-tag b{font-size:calc(28px * var(--ts))}.fr-tag-text .soc-tag small{font-size:calc(20px * var(--ts));color:var(--parchment-2);letter-spacing:0;text-transform:none}.fr-add{width:100%;display:flex;gap:10px}.fr-input{flex:1;min-width:0;height:58px;padding:0 18px;border:0;outline:0;border-radius:12px;font:700 calc(22px * var(--ts)) var(--font-title);color:var(--gold-2);background:#07080c;user-select:text;-webkit-user-select:text;box-shadow:inset 0 2px 8px #000,0 0 0 2px #d7b45a73}.fr-input::placeholder{color:#545b6c;font-weight:600}.fr-input:focus{box-shadow:inset 0 2px 8px #000,0 0 0 3px var(--gold-2),0 0 18px #ffc85a59}.fr-input.bad{animation:hurtShake .3s;box-shadow:inset 0 2px 8px #000,0 0 0 3px #e5533a}.fr-add .btn{min-height:58px;min-width:110px;font-size:calc(20px * var(--ts))}.fr-msg{width:100%;min-height:20px;text-align:center;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.fr-msg.ok{color:#9dff9a}.fr-msg.bad{color:#ff9a8a}.fr-list{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding:0 2px 10px;scrollbar-width:none}.fr-list::-webkit-scrollbar{display:none}.fr-list .lb-empty-state{padding:30px 24px;gap:12px}.fr-list .lb-empty-icon{width:96px;height:96px}.fr-section{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin:10px 4px 2px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.fr-section:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(215,180,90,.55),transparent)}.fr-section b{min-width:26px;height:24px;padding:0 8px;border-radius:12px;text-align:center;letter-spacing:0;font:900 calc(20px * var(--ts))/calc(24px * var(--ts)) var(--font-body);color:var(--gold-2);background:#d7b45a2e}.fr-section.incoming b{color:#fff;background:#e5332a;box-shadow:0 0 10px #e5332a99}.fr-online{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:12px;font:900 calc(20px * var(--ts))/1 var(--font-body);letter-spacing:.12em;color:#b8ffc0;background:#286e3c59;box-shadow:inset 0 0 0 1px #7ddc8a80}.screen.covered>:not(.modal),.screen.covered>:not(.modal) *,.screen.covered>:not(.modal) *:before,.screen.covered>:not(.modal) *:after{animation-play-state:paused!important}.fr-row.online{background:linear-gradient(90deg,#286e3c4d,#00000047 55%);box-shadow:inset 0 0 0 1px #7ddc8a47}.fr-row{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;background:linear-gradient(90deg,#00000085,#00000047);box-shadow:inset 0 0 0 1px #ffffff0a;animation:socRowIn .35s ease backwards;animation-delay:calc(var(--i, 0) * 35ms)}.lazy-row{flex:0 0 auto;width:100%}.fr-row.settled{animation:none}.fr-row.incoming{background:linear-gradient(90deg,#6e4c1680,#0000004d);box-shadow:inset 0 0 0 1px #f3d98c80}.fr-row.outgoing{opacity:.82}.fr-body{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left}.fr-body:active{filter:brightness(1.2)}.fr-avatar{position:relative;flex:0 0 auto}.fr-dot{position:absolute;right:-2px;bottom:0;width:17px;height:17px;border-radius:50%;background:#4a5060;box-shadow:0 0 0 3px #0b0d12}.fr-dot.on{background:#6ee07a;box-shadow:0 0 0 3px #0b0d12,0 0 4px #6ee07a}.fr-dot.on:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 12px #6ee07a;animation:frPulse 2s ease-in-out infinite}@keyframes frPulse{50%{opacity:0}}.fr-side{flex:0 0 auto;display:flex;align-items:center;gap:8px}.fr-side .btn.small{min-height:44px;padding:6px 16px;font-size:calc(20px * var(--ts))}.fr-side .fr-decline{min-width:44px;padding:6px 0;font-size:calc(20px * var(--ts))}.fr-compare{align-self:center;margin-top:12px;flex:0 0 auto}.fr-compare .btn-ico{width:28px;height:28px;margin:-4px 8px -2px -4px}.soc-card{width:580px;display:flex;flex-direction:column;align-items:center;gap:14px;animation:popIn .35s cubic-bezier(.2,.9,.3,1.3)}.soc-card .ribbon{margin-top:-60px;max-width:540px}.soc-card .ribbon span{display:block;overflow:hidden;text-overflow:ellipsis}.soc-card-hero{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,var(--hc),#000);background:radial-gradient(circle,color-mix(in srgb,var(--hc) 55%,#fff),color-mix(in srgb,var(--hc) 25%,#000));box-shadow:0 0 0 4px #000,0 0 0 8px var(--gold),0 0 36px #ffbe5a80}.soc-card-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 12%}.soc-card-sub{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2)}.soc-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.soc-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:#00000061;box-shadow:inset 0 0 0 1px #d7b45a33}.soc-stat b{font:900 calc(30px * var(--ts)) var(--font-title);line-height:1.05;color:#fff;text-shadow:0 2px 0 #000}.soc-stat b em{font-style:normal;font-size:calc(20px * var(--ts));color:#8a93a8}.soc-stat span{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2)}.soc-card .soc-bar{max-width:none;gap:4px}.soc-card .soc-bar i{height:12px;border-radius:6px}.soc-card-chapter-row{margin-top:-4px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px}.soc-card-chapter-row .soc-card-chapter{margin-top:0}.soc-card-stars[hidden]{display:none}.soc-card-stars .soc-stars i{width:14px;height:14px;transform:none}.soc-card-chapter{margin-top:-4px;font:italic calc(20px * var(--ts)) var(--font-lore);color:var(--parchment-2)}.soc-card-duels{margin-top:-6px;font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000}.soc-card-actions{display:flex;gap:12px;justify-content:center}.soc-card .btn.small{min-height:54px;padding:10px 28px;font-size:calc(18px * var(--ts))}.soc-card .fr-msg:empty{display:none}.reward.rank{color:#ffe08a;box-shadow:inset 0 0 0 1px #ffd26eb3,0 0 14px #ffbe5040}.reward.rank img{width:26px;height:26px;border-radius:6px}.fr-side .fr-duel{padding-left:14px;padding-right:14px}@keyframes dailyTurn{to{rotate:360deg}}@keyframes dailyFloat{50%{translate:0 -8px}}.daily-body{position:relative;z-index:1;flex:1;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:16px;padding:2px 24px 30px}.daily-body::-webkit-scrollbar{display:none}.daily-rays{position:absolute;left:50%;top:250px;z-index:-1;width:1600px;height:1600px;margin:-800px 0 0 -800px;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,196,100,.13) 0deg 7deg,transparent 7deg 20deg);-webkit-mask-image:radial-gradient(circle closest-side,#000 8%,transparent 62%);mask-image:radial-gradient(circle closest-side,#000 8%,transparent 62%);animation:dailyTurn 80s linear infinite}.daily-loading,.daily-offline{margin:auto;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:540px;padding:26px 30px;text-align:center;font:700 calc(20px * var(--ts))/1.4 var(--font-body);color:var(--parchment)}.daily-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.daily-kicker{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.34em;text-transform:uppercase;color:var(--ember);text-shadow:0 1px 0 #000}.daily-headline{padding:0 10px;font:900 calc(46px * var(--tsb))/1.05 var(--font-deco);background:linear-gradient(180deg,#fff6d0,#f0c860 45%,#b07a24 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #1a0e04) drop-shadow(0 0 18px rgba(255,150,40,.45))}.daily-gems{display:flex;align-items:center;gap:15px;margin:6px 0 2px}.daily-gems i{width:22px;height:22px;rotate:45deg;border-radius:5px;background:linear-gradient(135deg,#3a4050,#141820);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #d7b45a66}.daily-gems i.on{background:linear-gradient(135deg,#fff3c0,#f2b640 50%,#9a5a0c);box-shadow:0 0 0 2px #000,0 0 14px #ffbe50d9}.daily-gems i.now{background:linear-gradient(135deg,#fff3c0,#d39a36);animation:dailyGem 1.1s ease-in-out infinite}.daily-gems i.last{width:30px;height:30px;background:linear-gradient(135deg,#cfa8ff,#5a22a8);box-shadow:0 0 0 2px #000,0 0 12px #aa6eff99}.daily-gems i.last.on,.daily-gems i.last.now{background:linear-gradient(135deg,#fff,#d8b0ff 40%,#7a3ad0);box-shadow:0 0 0 2px #000,0 0 20px #c896fff2}@keyframes dailyGem{50%{scale:1.2;box-shadow:0 0 0 2px #000,0 0 22px #ffd26e}}.daily-sub{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-2)}.daily-lost{padding:6px 14px;border-radius:10px;background:#5a140ea6;box-shadow:inset 0 0 0 1px #a33;font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:#ffd0c0}.daily-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 16px;margin-block:auto;padding-top:12px}.dtile{position:relative;height:206px;display:flex;flex-direction:column;align-items:center;padding:34px 8px 22px;border-radius:18px;background:radial-gradient(circle at 50% 42%,rgba(255,196,100,.18),transparent 60%),linear-gradient(180deg,#283042,#131722 68%,#0b0d13);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #d7b45a73,inset 0 2px #ffffff14,0 10px 22px #0009;animation:dtileIn .5s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--i) * 60ms);transition:transform .2s ease}@keyframes dtileIn{0%{opacity:0;transform:translateY(24px) scale(.9)}}.dtile-day{position:absolute;top:-12px;left:50%;translate:-50% 0;z-index:3;padding:5px 16px 6px;border-radius:10px;white-space:nowrap;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000;background:linear-gradient(180deg,#a02c22,#5e140e);box-shadow:0 0 0 2px #000,inset 0 1px #ffc88c66}.dtile-art{position:relative;flex:1;width:100%;min-height:0;display:grid;place-items:center}.dtile-art img{max-width:136px;max-height:120px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.7))}.dtile-name{max-width:100%;font:900 calc(20px * var(--ts)) var(--font-title);color:#ffd772;text-shadow:0 2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtile.k-card .dtile-name,.dtile.k-pack .dtile-name{color:#bfe0ff}.dtile.k-fate .dtile-art{flex:0 0 auto;width:190px;height:190px}.dtile-fate-wheel{width:100%;height:100%;animation:fateSpinArt 14s linear infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.7))}@keyframes fateSpinArt{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.dtile-fate-wheel{animation:none}}.dtile-fate-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.dtile.k-fate .dtile-name{font-size:calc(26px * var(--ts));color:#f0d8ff;white-space:normal}.dtile-fate-note{font:700 calc(16px * var(--ts))/1.3 var(--font-body);color:#d8ccff}.dtile.st-claimed{box-shadow:0 0 0 2px #000,inset 0 0 0 2px #6ec87873,0 8px 18px #0000008c}.dtile.st-claimed .dtile-art,.dtile.st-claimed .dtile-name,.dtile.st-claimed .mini-wheel{filter:saturate(.45) brightness(.6)}.dtile-check{position:absolute;right:10px;top:26px;z-index:2;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#b6f5b0,#3aa84e 55%,#176428);box-shadow:0 0 0 3px #0a2410,0 0 0 5px #aaffaa73,0 6px 12px #0009;animation:dtileStamp .45s cubic-bezier(.2,.9,.3,1.5) backwards;animation-delay:calc(var(--i) * 60ms + .2s)}.dtile-check:after{content:"";position:absolute;left:19px;top:9px;width:14px;height:27px;border:solid #fff;border-width:0 6px 6px 0;rotate:45deg;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}@keyframes dtileStamp{0%{opacity:0;scale:2.2;rotate:-25deg}}.dtile.wide .dtile-check{right:auto;left:168px;top:20px}.dtile-art img.icon-tile{width:112px;height:112px;border-radius:50%;box-shadow:0 0 0 3px #e2ae48,0 0 0 5px #2a1606,0 8px 14px #000000b3}.wheel-seg img.icon-tile{width:74px;height:74px;margin-bottom:6px;border-radius:50%;box-shadow:0 0 0 3px #e2ae48,0 0 0 5px #2a1606,0 4px 8px #000000b3}.prize-art img.icon-tile{width:280px;height:280px;border-radius:50%;box-shadow:0 0 0 6px #e2ae48,0 0 0 10px #2a1606,0 0 50px #ffc45a99,0 18px 30px #000000b3}.dtile.st-today{z-index:2;transform:translateY(-6px) scale(1.05);background:radial-gradient(circle at 50% 42%,rgba(255,210,120,.4),transparent 62%),linear-gradient(180deg,#3a3222,#19150d 68%,#0e0b07);animation:dtileIn .5s cubic-bezier(.2,.9,.3,1.2) backwards,dtileGlow 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * 60ms),0s}@keyframes dtileGlow{0%,to{box-shadow:0 0 0 2px #000,inset 0 0 0 3px var(--gold-2),0 0 0 5px #ffd7784d,0 0 26px #ffbe5080,0 14px 26px #0009}50%{box-shadow:0 0 0 2px #000,inset 0 0 0 3px #fff4c8,0 0 0 6px #ffe18c8c,0 0 50px #ffc85ad9,0 14px 26px #0009}}.dtile.st-today:before{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,246,214,.3) 50%,transparent 62%) 150% 0 / 250% 100% no-repeat;animation:dtileShine 2.8s ease-in-out infinite}@keyframes dtileShine{0%,35%{background-position:150% 0}to{background-position:-150% 0}}.dtile.st-today .dtile-art img{animation:dailyFloat 2.2s ease-in-out infinite}.dtile.st-later{opacity:.9}.dtile.stamping{animation:dtilePress .42s ease}@keyframes dtilePress{40%{scale:.9}}.dtile.nudge{animation:dtileNudge .4s ease}@keyframes dtileNudge{25%{rotate:-3deg}75%{rotate:3deg}}.dtile-tag{position:absolute;left:50%;bottom:-11px;translate:-50% 0;z-index:3;padding:4px 12px;border-radius:10px;white-space:nowrap;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 0 2px #000,0 3px 8px #0009}.dtile-tag.today{color:#2a1606;background:linear-gradient(180deg,#fff0b8,var(--gold))}.dtile-tag.tomorrow{color:var(--parchment);background:linear-gradient(180deg,#3a4458,#1e2432)}.dtile-tag.claimed{color:#e0ffe0;background:linear-gradient(180deg,#2e8a44,#17542a)}.dtile.wide{grid-column:1 / -1;height:232px;flex-direction:row;gap:16px;padding:18px 26px 18px 16px;background:radial-gradient(circle at 22% 50%,rgba(190,120,255,.42),transparent 55%),linear-gradient(180deg,#2e2150,#150e28 70%,#0b0716);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #d2aaff8c,0 0 30px #965aff4d,0 12px 24px #0009}.dtile.wide .dtile-day{background:linear-gradient(180deg,#7a44c8,#3a1a70);color:#f6ecff}.dtile.wide.st-today{transform:translateY(-4px) scale(1.02);animation:dtileIn .5s cubic-bezier(.2,.9,.3,1.2) backwards,dtileRoyal 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * 60ms),0s}@keyframes dtileRoyal{0%,to{box-shadow:0 0 0 2px #000,inset 0 0 0 3px #d9b8ff,0 0 0 5px #c896ff4d,0 0 30px #aa6eff8c,0 12px 24px #0009}50%{box-shadow:0 0 0 2px #000,inset 0 0 0 3px #f6ecff,0 0 0 6px #c896ff8c,0 0 64px #aa6efff2,0 12px 24px #0009}}.mini-wheel{position:relative;flex:0 0 196px;height:196px}.mini-wheel .wheel-stage{position:absolute;left:0;top:0;transform:scale(.35);transform-origin:0 0}.mini-wheel .wheel{animation:dailyTurn 30s linear infinite}.mini-wheel .wheel-bulbs i{box-shadow:0 0 10px 4px #ffd26ed9}.dtile-wheel-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.dtile-wheel-text b{font:900 calc(36px * var(--tsb))/1.02 var(--font-deco);color:#ffe7a0;text-shadow:0 3px 0 #000,0 0 18px rgba(255,170,60,.5)}.dtile-wheel-text small{font:700 calc(16px * var(--ts))/1.3 var(--font-body);color:#e8dcff}.dtile-wheel-text em{margin-top:8px;padding:6px 14px;border-radius:10px;font:900 calc(12px * var(--ts)) var(--font-body);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:#2a1606;background:linear-gradient(180deg,#fff0b8,var(--gold));box-shadow:0 0 0 2px #000}.daily-foot{width:100%;padding-top:8px;display:flex;flex-direction:column;align-items:center;gap:12px}.daily-claim{flex-direction:column;gap:2px;width:470px}.daily-claim span{font-size:calc(36px * var(--tsb));line-height:1}.daily-claim small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;opacity:.8}.daily-claim.gold{animation:dailyCta 1.6s ease-in-out infinite}.daily-claim.royal{animation:dailyCtaRoyal 1.6s ease-in-out infinite}@keyframes dailyCta{50%{filter:brightness(1.12) drop-shadow(0 0 18px rgba(255,190,80,.8))}}@keyframes dailyCtaRoyal{50%{filter:brightness(1.15) drop-shadow(0 0 22px rgba(190,130,255,.9))}}.daily-wait{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 44px 14px}.daily-wait small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--parchment-2)}.daily-clock{font:900 calc(46px * var(--tsb))/1.05 var(--font-title);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 16px rgba(255,170,60,.4)}.daily-wait span{font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.daily-home{min-width:300px}.daily-remind{width:min(100%,470px)}.daily-guest{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:620px;padding:14px 22px;text-align:center}.daily-guest b{font:900 calc(22px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.daily-guest span{font:500 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.daily-msg{min-height:22px;padding:0 20px;text-align:center;font:700 calc(20px * var(--ts)) var(--font-body);color:#ffb08a;text-shadow:0 1px 2px #000}.wheel-ov{z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#46246edb,#030408f5 70%)}.wheel-rays{position:absolute;left:50%;top:42%;width:1500px;height:1500px;margin:-750px 0 0 -750px;pointer-events:none;background:repeating-conic-gradient(rgba(255,214,140,.14) 0deg 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle closest-side,#000 10%,transparent 70%);mask-image:radial-gradient(circle closest-side,#000 10%,transparent 70%);animation:dailyTurn 50s linear infinite}.wheel-ov.spinning .wheel-rays{animation-duration:8s}.wheel-ribbon{position:relative;margin-bottom:4px}.wheel-ov>.close{position:absolute;top:26px;right:22px}.wheel-ov.spinning>.close{opacity:.3;pointer-events:none}.wheel-note{position:relative;max-width:620px;padding:0 20px;text-align:center;font:700 calc(20px * var(--ts))/1.35 var(--font-body);color:#f2e6ff;text-shadow:0 2px 4px #000}.wheel-note.nudge{animation:dtileNudge .4s ease}.wheel-odds{position:relative;width:620px;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;padding:12px 22px 14px}.wheel-odds-title{grid-column:1 / -1;margin-bottom:2px;text-align:center;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2)}.wheel-odd{display:flex;justify-content:space-between;gap:10px;font:700 calc(20px * var(--ts)) var(--font-body);color:#ffd772}.wheel-odd b{color:var(--parchment)}.wheel-odd.k-pack span{color:#bfe0ff}.wheel-odd.k-crowns span,.wheel-odd.k-crowns b{color:#e2c4ff}.wheel-stage{position:relative;flex:none;width:560px;height:560px}.wheel-glow{position:absolute;inset:-50px;border-radius:50%;pointer-events:none;background:radial-gradient(circle closest-side,rgba(255,205,120,.5),rgba(255,140,40,.14) 60%,transparent);animation:wheelGlow 3s ease-in-out infinite}@keyframes wheelGlow{50%{opacity:.65;scale:.96}}.wheel-ov.won-big .wheel-glow{background:radial-gradient(circle closest-side,rgba(225,180,255,.85),rgba(170,100,255,.3) 60%,transparent);animation:wheelGlowBig .3s ease-in-out infinite alternate}@keyframes wheelGlowBig{to{scale:1.08}}.wheel{position:absolute;inset:38px;border-radius:50%;overflow:hidden;will-change:transform;box-shadow:0 0 0 4px #1a0e04}.wheel:before{content:"";position:absolute;inset:0;z-index:1;border-radius:50%;background:repeating-conic-gradient(from calc(var(--step) / -2),rgba(255,228,160,.95) 0deg .8deg,transparent .8deg var(--step))}.wheel:after{content:"";position:absolute;inset:0;z-index:3;border-radius:50%;pointer-events:none;background:radial-gradient(circle closest-side,transparent 55%,rgba(0,0,0,.45)),radial-gradient(circle at 50% 22%,rgba(255,255,255,.16),transparent 45%)}.wheel-seg{position:absolute;left:50%;top:0;z-index:2;width:120px;height:50%;margin-left:-60px;padding-top:18px;display:flex;flex-direction:column;align-items:center;transform-origin:50% 100%;rotate:var(--a)}.wheel-seg img{width:86px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.75))}.wheel-seg.k-pack img{width:70px;height:94px}.wheel-seg b{margin-top:-4px;font:900 calc(26px * var(--ts)) var(--font-title);color:#fff3cf;text-shadow:0 2px 0 #000,0 0 8px #000}.wheel-seg.k-crowns b{color:#f0dcff;text-shadow:0 2px 0 #000,0 0 12px rgba(200,150,255,.9)}.wheel-seg.win img{animation:wheelWinArt .5s ease-in-out 4 alternate}@keyframes wheelWinArt{to{scale:1.25;filter:drop-shadow(0 0 16px #fff2b0)}}.wheel-win{position:absolute;inset:0;z-index:1;border-radius:50%;pointer-events:none;background:conic-gradient(from calc(var(--a) - var(--step) / 2),rgba(255,244,190,.6) 0deg var(--step),transparent var(--step));animation:wheelWin .35s ease-in-out 8 alternate}@keyframes wheelWin{0%{opacity:.25}}.wheel-rim{position:absolute;inset:14px;z-index:2;border-radius:50%;pointer-events:none;background:radial-gradient(circle closest-side,transparent 0 90.5%,#2a1606 90.5% 91.3%,#fff0b8 92%,#e2ae48 94.5%,#9a6418 97.4%,#3a2006 99.2%,transparent 99.6%);filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))}.wheel-bulbs{position:absolute;inset:0;z-index:3;pointer-events:none}.wheel-bulbs i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;transform:rotate(var(--a)) translateY(-253px);background:radial-gradient(circle at 40% 35%,#fff,#ffe7a0 45%,#d58a18 85%);box-shadow:0 0 10px 3px #ffd678cc;animation:wheelBulb 1.2s steps(1) infinite;animation-delay:calc(var(--i) * -.6s)}@keyframes wheelBulb{50%{background:radial-gradient(circle at 40% 35%,#a88a58,#5a3a14 80%);box-shadow:0 0 3px 1px #ffbe5a40}}.wheel-ov.spinning .wheel-bulbs i{animation-duration:.24s;animation-delay:calc(var(--i) * -.12s)}.wheel-ov.won .wheel-bulbs i,.wheel-ov.won-big .wheel-bulbs i{animation-duration:.16s;animation-delay:calc(var(--i) * -.08s)}.wheel-pointer{position:absolute;left:50%;top:-6px;z-index:5;width:66px;height:88px;margin-left:-33px;transform-origin:50% 18%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.7))}.wheel-pointer img{width:100%;height:100%;object-fit:contain}.wheel-pointer:not(:has(img)):before{content:"";position:absolute;inset:6px 8px 0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,#fff0b8,#e0a840 45%,#7a4e14)}.wheel-pointer:not(:has(img)):after{content:"";position:absolute;left:50%;top:18px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb0a0,#d0201a 55%,#5a0806);box-shadow:0 0 0 2px #3a2006}.wheel-pointer.flick{animation:wheelFlick .16s ease-out}@keyframes wheelFlick{35%{rotate:-16deg}}.wheel-pointer.land{animation:wheelLand .7s cubic-bezier(.2,.9,.3,1.6)}@keyframes wheelLand{30%{rotate:-22deg;scale:1.15}60%{rotate:8deg}}.wheel-hub{position:absolute;left:50%;top:50%;z-index:6;width:136px;height:136px;margin:-68px;border-radius:50%;display:grid;place-items:center;font:900 calc(30px * var(--ts)) var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:#2a1606;text-shadow:0 1px 0 rgba(255,240,200,.6);background:radial-gradient(circle at 50% 30%,#fff6d0,#f0c860 38%,#c28a2c 70%,#7a4e14);box-shadow:0 0 0 4px #2a1606,0 0 0 10px #d9a847,0 0 0 13px #2a1606,0 0 36px #ffbe50d9,inset 0 -6px #5a320a73,inset 0 3px #fff9;animation:wheelHub 1.3s ease-in-out infinite}@keyframes wheelHub{50%{scale:1.07;box-shadow:0 0 0 4px #2a1606,0 0 0 10px #f3d98c,0 0 0 13px #2a1606,0 0 60px #ffd26e,inset 0 -6px #5a320a73,inset 0 3px #fff9}}.wheel-hub:active{scale:.95}.wheel-hub.busy{animation:none;pointer-events:none;filter:brightness(.9)}.wheel-hub.locked{animation:none;cursor:default;background:radial-gradient(circle at 50% 30%,#6a7288,#343a4a 60%,#1a1e28);box-shadow:0 0 0 4px #0a0c12,0 0 0 10px #8a7440,0 0 0 13px #0a0c12,0 10px 24px #0009}.wheel-hub.locked i{width:54px;height:54px;background:url(../assets/icons/lock.webp) center / contain no-repeat;filter:drop-shadow(0 2px 3px #000)}.wheel-ov:not(.live) .wheel{animation:dailyTurn 40s linear infinite}.prize-ov{z-index:35;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#6e4614d9,#030408f5 68%)}.prize-ov.k-crowns{background:radial-gradient(ellipse at 50% 44%,#6e38bee0,#030408f5 68%)}.prize-ov.k-pack,.prize-ov.k-card{background:radial-gradient(ellipse at 50% 44%,#284682d9,#030408f5 68%)}.prize-rays{position:absolute;left:50%;top:40%;width:1500px;height:1500px;margin:-750px 0 0 -750px;pointer-events:none;background:repeating-conic-gradient(rgba(255,226,150,.24) 0deg 8deg,transparent 8deg 22deg);-webkit-mask-image:radial-gradient(circle closest-side,#000 8%,transparent 62%);mask-image:radial-gradient(circle closest-side,#000 8%,transparent 62%);animation:dailyTurn 22s linear infinite,prizeRaysIn .8s ease-out both}@keyframes prizeRaysIn{0%{opacity:0;scale:.3}}.prize-sparks{position:absolute;inset:0;pointer-events:none}.prize-sparks i{position:absolute;left:50%;top:40%;width:10px;height:10px;margin:-5px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff,#ffd24a 45%,transparent 70%);animation:prizeSpark 1.8s ease-out infinite}.prize-ov.k-crowns .prize-sparks i{background:radial-gradient(circle,#fff,#d8a8ff 45%,transparent 70%)}@keyframes prizeSpark{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(1.2)}15%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(.2)}}.prize-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;animation:prizePop .55s cubic-bezier(.2,.9,.3,1.3) both}@keyframes prizePop{0%{opacity:0;scale:.6}}.prize-kicker{font:900 calc(22px * var(--ts)) var(--font-title);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000}.prize-art{width:340px;height:320px;display:grid;place-items:center}.prize-art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.7)) drop-shadow(0 0 34px rgba(255,196,90,.55));animation:prizeArtIn .8s cubic-bezier(.2,.9,.3,1.5) .1s backwards,dailyFloat 2.4s ease-in-out .9s infinite}.prize-ov.k-card .prize-art img{max-height:280px}@keyframes prizeArtIn{0%{opacity:0;scale:.2;rotate:-12deg}}.prize-name{padding:0 20px;text-align:center;font:900 calc(56px * var(--tsb))/1.05 var(--font-deco);background:linear-gradient(180deg,#fff6d0,#f0c860 45%,#b07a24 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #1a0e04) drop-shadow(0 0 22px rgba(255,150,40,.5))}.prize-ov.k-crowns .prize-name{background-image:linear-gradient(180deg,#fff,#e4c8ff 45%,#9a5ae0 85%)}.prize-jackpot{font:900 calc(22px * var(--ts)) var(--font-body);letter-spacing:.5em;text-transform:uppercase;color:#ffe27a;text-shadow:0 0 16px rgba(255,200,80,.9),0 2px 0 #000;animation:prizeJackpot .5s steps(1) infinite}@keyframes prizeJackpot{50%{color:#fff}}.prize-panel .btn{margin-top:18px;min-width:340px}.fly-coin{position:absolute;z-index:60;width:34px;height:34px;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8d0,#ffd34a 35%,#d99a1c 70%,#8a5a0c);box-shadow:inset 0 0 0 3px #8c5a0a8c,0 0 14px #ffc850e6}.fly-coin.crowns{width:42px;height:34px;border-radius:0;background:url(../assets/icons/crown_currency.webp) center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 0 8px rgba(210,160,255,.9))}.pill.bump{animation:pillBump .25s ease}@keyframes pillBump{40%{scale:1.12;filter:brightness(1.35)}}.daily-float{left:4px;top:108px}.ref-card{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 22px 20px;flex:none}.ref-card.has-spins{box-shadow:0 0 0 2px #000,0 0 0 4px #c896ff80,0 0 30px #aa6eff73}.ref-head{width:100%;display:flex;align-items:center;gap:16px}.ref-art{flex:none;width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7))}.ref-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:left}.ref-lines b{font:900 calc(26px * var(--ts))/1.1 var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.ref-lines span{font:500 calc(20px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.ref-spin{flex-direction:column;gap:2px;width:100%;max-width:470px;animation:dailyCtaRoyal 1.6s ease-in-out infinite}.ref-spin span{font-size:calc(30px * var(--tsb));line-height:1}.ref-spin small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;opacity:.85}.ref-code{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px 12px;border-radius:14px;background:#030408b8;box-shadow:inset 0 2px 8px #000,0 0 0 2px #d7b45a61}.ref-code small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--parchment-2)}.ref-code b{font:900 calc(44px * var(--tsb))/1.1 var(--font-title);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--gold-2);text-shadow:0 3px 0 #000,0 0 16px rgba(255,170,60,.4);user-select:text;-webkit-user-select:text}.ref-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ref-actions .btn{width:100%}.ref-msg{min-height:20px;text-align:center;font:700 calc(20px * var(--ts)) var(--font-body);color:#ffd9a0;text-shadow:0 1px 2px #000}.ref-ladder{width:100%;display:flex;flex-direction:column;gap:6px}.ref-step{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:12px;background:#ffffff0d;font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.ref-step b{color:var(--gold-2);font-weight:800}.ref-step-art{flex:none;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}.ref-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ref-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;border-radius:12px;background:#ffffff0d}.ref-stat small{text-align:center;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2)}.ref-stat b{font:900 calc(26px * var(--ts)) var(--font-title);color:var(--parchment)}.ref-list{width:100%;display:flex;flex-direction:column;gap:4px}.ref-friend{display:flex;flex-direction:column;gap:4px;padding:7px 12px 8px;border-radius:10px;background:#ffffff0a;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.ref-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-chips{display:flex;flex-wrap:wrap;gap:4px 6px}.ref-chips em{padding:2px 8px;border-radius:8px;font:800 calc(20px * var(--ts)) var(--font-body);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#d9c8a673;background:#ffffff0d}.ref-chips em.done{color:#d8ffd0;background:linear-gradient(180deg,#2e8a44,#17542a);box-shadow:0 0 0 1px #0009}.ref-redeem{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:10px;border-top:1px solid rgba(215,180,90,.25)}.ref-redeem-title{text-align:center;font:700 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.ref-redeem-row{width:100%;display:flex;gap:10px}.ref-redeem-row input{flex:1;min-width:0;height:48px;padding:0 16px;border:0;outline:0;border-radius:12px;text-transform:uppercase;letter-spacing:.14em;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment);background:#030408db;box-shadow:inset 0 2px 8px #000,0 0 0 2px #d7b45a61;user-select:text;-webkit-user-select:text}.ref-redeem-row input:focus{box-shadow:inset 0 2px 8px #000,0 0 0 3px var(--gold-2),0 0 20px #ffc85a59}.ref-redeem-row .btn.busy{pointer-events:none;filter:saturate(.55) brightness(.85)}.ref-thanks{padding:6px 12px;text-align:center;font:700 calc(20px * var(--ts))/1.35 var(--font-body);color:#8fdc7a}.modal.ref-ov{z-index:84;padding:24px 0}.ref-box{width:calc(100% - 36px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;animation:popIn .35s cubic-bezier(.2,.9,.3,1.3)}.ref-box::-webkit-scrollbar{display:none}.daily-body>.ref-spin{flex:none}.ref-share{width:100%;display:flex;align-items:center;gap:16px}.ref-scan{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px}.ref-qr{width:168px;height:168px;border-radius:10px;box-shadow:0 0 0 2px #000,0 0 0 4px #d7b45a8c,0 6px 14px #0009}.ref-scan small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--parchment-2);text-align:center;max-width:168px}.ref-share-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.ref-share-side .ref-actions{grid-template-columns:1fr;gap:8px}.ref-share-side .ref-code b{font-size:calc(34px * var(--tsb))}.ref-link{text-align:center;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}.ref-close{flex:none;min-width:200px}.daily-premium{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 10px 12px;border-radius:16px;background:linear-gradient(180deg,#321e54e6,#120c1ee6);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #c8a0ff73}.daily-premium.on{box-shadow:0 0 0 2px #000,inset 0 0 0 2px #ffd26ecc,0 0 22px #c88cff59}.daily-premium-head{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.daily-premium-head b{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:#e6c8ff;text-shadow:0 2px 0 #000}.daily-premium-head small{font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.daily-premium-row{width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.dprem{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px 7px;border-radius:10px;background:#0a061299;box-shadow:inset 0 0 0 1px #c8a0ff4d;text-align:center}.dprem small{font:800 calc(20px * var(--ts)) var(--font-title);color:var(--parchment-2);text-transform:uppercase}.dprem img{width:40px;height:40px;object-fit:contain}.dprem span{font:700 calc(20px * var(--ts))/1.15 var(--font-body);color:#f4ead2}.dprem.today{box-shadow:inset 0 0 0 2px #ffd26ee6}.dprem.claimed{opacity:.5}.dprem .dprem-lock{position:absolute;right:5px;top:5px;margin:0;transform:scale(.75)}.daily-premium:not(.on) .dprem img{filter:grayscale(.5) brightness(.8)}.prize-bonus{margin-top:4px;padding:5px 12px;border-radius:10px;background:#9664ff2e;box-shadow:inset 0 0 0 1px #c8a0ff80;font:800 calc(20px * var(--ts)) var(--font-body);color:#e6c8ff;text-shadow:0 1px 0 #000}.dtile.k-fate:not(.wide) .dtile-art{flex:1;width:100%;height:auto}.dtile.k-fate:not(.wide) .dtile-fate-wheel{width:120px;height:120px}.dtile.wide .dtile-art{flex:0 0 auto;width:210px;height:190px}.dtile.wide .dtile-art img{max-width:210px;max-height:190px}.dtile.k-grand .dtile-name{font-size:calc(28px * var(--ts));color:#ffe6a6;white-space:normal}.daily-grid .dtile:not(.wide) .dtile-name{white-space:normal;overflow:hidden;text-overflow:clip;font-size:calc(17px * var(--ts));line-height:1.1;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ffd772}.daily-grid .dtile:not(.wide) .dtile-art{flex:0 0 auto;height:100px}.daily-grid .dtile:not(.wide) .dtile-art img{max-width:120px;max-height:100px}.daily-grid .dtile.k-fate:not(.wide) .dtile-fate-wheel{width:100px;height:100px}.daily-grid .dtile:not(.wide) .dtile-name{margin-top:auto;margin-bottom:4px}.lb-podium{position:relative;display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:10px;flex:0 0 auto;padding:22px 8px 4px;isolation:isolate}.lb-podium:before{content:"";position:absolute;inset:0 -10px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 22% 70% at 50% 18%,rgba(255,214,120,.28),transparent 70%),radial-gradient(ellipse 16% 55% at 16% 40%,rgba(220,230,245,.14),transparent 70%),radial-gradient(ellipse 16% 55% at 84% 42%,rgba(230,150,90,.14),transparent 70%)}.pd-light{position:absolute;left:50%;top:-36px;z-index:-1;width:380px;height:380px;translate:-50% 0;pointer-events:none}.pd-rays{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,220,140,.22) 0 6deg,transparent 6deg 24deg);-webkit-mask:radial-gradient(circle,#000 8%,rgba(0,0,0,.6) 34%,transparent 66%);mask:radial-gradient(circle,#000 8%,rgba(0,0,0,.6) 34%,transparent 66%);animation:pdTurn 48s linear infinite}@keyframes pdTurn{to{rotate:360deg}}.pd-motes{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.pd-motes i{position:absolute;left:var(--x);bottom:30%;width:var(--s);height:var(--s);border-radius:50%;background:#ffe9a8;box-shadow:0 0 6px 1px #ffc450e6;opacity:0;animation:pdMote var(--t) ease-in infinite;animation-delay:var(--d)}@keyframes pdMote{0%{opacity:0;transform:translate(0)}15%{opacity:.9}to{opacity:0;transform:translate(14px,-190px)}}.pod{--m1: #ffd9b3;--m2: #cd7f45;--m3: #6b3514;--glow: 230, 140, 80;--dl: 0s;--sh: 152px;--hh: 118px;--lift: 28px;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease}.pod.p1{--m1: #fff3bf;--m2: #e8b53a;--m3: #8a5a12;--glow: 255, 200, 80;--dl: .3s;--sh: 180px;--hh: 138px;--lift: 14px}.pod.p2{--m1: #ffffff;--m2: #c3ccd9;--m3: #5b6575;--glow: 210, 225, 245;--dl: .15s}@media(hover:hover){.pod:hover{transform:translateY(-4px)}.pod:hover .pod-plinth:before{filter:brightness(1.25)}}.pod-stand{position:relative;z-index:1;width:100%;height:var(--sh);margin-bottom:4px}.pod-stand:before{content:"";position:absolute;left:50%;top:58%;width:130%;height:80%;translate:-50% -50%;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--rk),transparent 68%);background:radial-gradient(circle,color-mix(in srgb,var(--rk) 38%,transparent),transparent 68%);animation:rankBreath 3.6s ease-in-out infinite}.pod-banner{--bh: calc(var(--sh) + 20px + var(--lift));position:absolute;left:50%;top:calc(var(--lift) * -1);z-index:0;height:var(--bh);width:calc(var(--bh) * .69);translate:-50% 0;animation:pdDrop .7s cubic-bezier(.2,.9,.3,1.15) backwards;animation-delay:calc(var(--dl) + .2s)}@keyframes pdDrop{0%{opacity:0;transform:translateY(-40px)}}.pod-hero{position:absolute;left:50%;bottom:0;z-index:2;height:var(--hh);translate:-50% 0;pointer-events:none;animation:pdHero .65s cubic-bezier(.25,1.3,.5,1) backwards;animation-delay:calc(var(--dl) + .35s)}.pod-hero img{position:relative;display:block;height:100%;width:auto;transform-origin:50% 100%;filter:drop-shadow(0 0 1px rgba(0,0,0,.9)) drop-shadow(0 6px 6px rgba(0,0,0,.55));animation:pdBreathe 3.4s ease-in-out infinite}.pod-ground{position:absolute;left:50%;bottom:-5px;width:86%;height:14px;translate:-50% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}@keyframes pdHero{0%{opacity:0;transform:translateY(-34px) scale(.92)}}@keyframes pdBreathe{50%{transform:scale(1.012,1.024)}}.pod-crown{position:absolute;left:50%;top:-24px;width:46px;margin-left:-23px;z-index:3;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,200,80,.6));animation:pdCrown .8s cubic-bezier(.3,1.6,.5,1) backwards,idleBob 2.4s ease-in-out infinite;animation-delay:1.2s,2s}@keyframes pdCrown{0%{opacity:0;transform:translateY(-60px) scale(1.5) rotate(-18deg)}}.pod-plinth{position:relative;z-index:2;width:100%;min-height:calc(64px * var(--ts));padding:13px 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%),repeating-linear-gradient(100deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),linear-gradient(180deg,#333846,#171a22 70%,#0e1016);box-shadow:0 0 0 2px #000,inset 0 0 0 1px rgba(var(--glow),.28),inset 0 -10px 16px #00000080,0 12px 20px #0009;animation:pdRise .6s cubic-bezier(.2,.9,.3,1.12) backwards;animation-delay:var(--dl)}.pod.p1 .pod-plinth{min-height:calc(80px * var(--ts));padding-top:15px}.pod.p2 .pod-plinth{min-height:calc(70px * var(--ts))}@keyframes pdRise{0%{opacity:0;transform:translateY(50px)}}.pod-plinth:before{content:"";position:absolute;left:-4px;right:-4px;top:-6px;height:12px;border-radius:4px;background:linear-gradient(180deg,var(--m1),var(--m2) 55%,var(--m3));box-shadow:0 0 0 2px #000,0 0 16px rgba(var(--glow),.45);transition:filter .2s}.pod-sheen{position:absolute;left:-4px;right:-4px;top:-6px;height:12px;border-radius:4px;pointer-events:none;overflow:hidden;mix-blend-mode:overlay}.pod-sheen:before{content:"";position:absolute;left:0;top:0;bottom:0;width:300%;transform:translate(-66.667%);background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);animation:pdSheen 5s ease-in-out infinite;animation-delay:calc(var(--dl) + 1s)}.pod-plinth.looked{overflow:visible}.pod-plinth.looked:before{z-index:3}.pod-plinth.looked>.pod-sheen{position:absolute;z-index:3}.pod-plinth.looked>.pod-medal,.pod-plinth.looked>.pod-you{position:absolute;z-index:3}.pod-plinth.looked>.rl-motes{overflow:hidden}@keyframes pdSheen{0%{transform:translate(-66.667%)}45%,to{transform:translate(66.667%)}}.pod-medal{position:absolute;left:-10px;top:-18px;width:34px;height:34px;z-index:2;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,var(--m1),var(--m2) 55%,var(--m3));box-shadow:0 0 0 2px #000,inset 0 0 0 3px #00000040,inset 0 2px 1px #fff9,0 4px 10px #000000b3,0 0 14px rgba(var(--glow),.6)}.pod.p1 .pod-medal{width:42px;height:42px;left:-12px;top:-22px}.pod-medal span{font:900 calc(20px * var(--ts)) var(--font-deco);line-height:1;color:var(--m3);color:color-mix(in srgb,var(--m3) 75%,#000);text-shadow:0 1px 0 rgba(255,255,255,.55)}.pod.p1 .pod-medal span{font-size:calc(25px * var(--ts))}.pod-name{max-width:100%;font:800 calc(20px * var(--ts)) var(--font-title);line-height:1.15;color:var(--parchment);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 0 #000}.pod.p1 .pod-name{font-size:calc(20px * var(--ts));color:#fff3cf}.pod.me .pod-name{color:var(--gold-2)}.pod-pts{display:flex;align-items:center;gap:3px;font:900 calc(16px * var(--ts)) var(--font-title);line-height:1.1;color:var(--m1);text-shadow:0 2px 0 #000,0 0 10px rgba(var(--glow),.45);white-space:nowrap}.pod.p1 .pod-pts{font-size:calc(19px * var(--ts))}.pod-pts small{font:800 calc(10px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2)}.pod-emblem{width:22px}.pod.p1 .pod-emblem{width:26px}.pod-emblem:before{filter:blur(4px)}.pod-sub{max-width:100%;font:700 calc(20px * var(--ts)) var(--font-body);letter-spacing:.05em;color:#8a93a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod.p3 .pod-sub:not(.tally){display:none}.pod-sub.tally{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;height:1.3em;margin-top:1px;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:0}.pod-sub.tally em{font-style:normal;font-weight:700;color:#7d8598}.pod-tally{order:-1;display:inline-flex;align-items:center;gap:3px;color:#ffe08a}.pod-tally i{width:11px;height:11px;flex:0 0 auto;background:linear-gradient(180deg,#fff2a0,#f0b020);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.pod.p1 .pod-sub.tally{font-size:calc(20px * var(--ts))}.pod.p1 .pod-tally i{width:13px;height:13px}.pod-stages{display:inline-flex;align-items:center;gap:3px;color:var(--parchment)}.pod-stages img{width:13px;height:13px;border-radius:3px}.pod.me .pod-plinth{box-shadow:0 0 0 2px #000,inset 0 0 0 2px #ffd26ecc,inset 0 -10px 16px #00000080,0 12px 20px #0009,0 0 18px #ffc85059}.pod-you{position:absolute;right:-6px;top:-13px;z-index:2;padding:2px 7px;border-radius:99px;font:900 calc(9px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#2a1a02;background:linear-gradient(180deg,#ffe89a,#d9a630);box-shadow:0 0 0 2px #000,0 2px 6px #0009}@media(prefers-reduced-motion:reduce){.pd-rays,.pd-motes i,.pod-sheen:before,.pod-stand:before,.pod-hero img{animation:none}.pd-motes{display:none}}@property --wp{syntax: "<number>"; inherits: true; initial-value: 0;}.modal.soc-modal{display:flex;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:62px 0 24px;scrollbar-width:none}.modal.soc-modal::-webkit-scrollbar{display:none}.soc-modal .soc-card{margin:auto;width:632px;gap:10px;padding-top:30px;padding-bottom:24px}.soc-card-head{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin-top:-10px}.soc-modal .soc-card-regalia{--rw: 138px;margin:0 0 0 8px}.soc-card-who{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.soc-card-who .soc-card-rank{margin:0;font-size:calc(34px * var(--ts));line-height:1}.soc-card-who .soc-card-sub{letter-spacing:.1em}.soc-card-who .rank-bar{width:100%}.soc-card-place{padding:5px 14px;border-radius:99px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.08em;color:#fff3cf;background:linear-gradient(180deg,#5a461ecc,#281e0ce6);box-shadow:inset 0 0 0 1px #ffd26e8c,0 2px 8px #0009}.soc-card-place.p1{color:#2a1a02;background:linear-gradient(180deg,#ffe89a,#d9a630);box-shadow:inset 0 0 0 1px #fff4c4,0 0 18px #ffc85099}.soc-card-place.p2{color:#1b1f26;background:linear-gradient(180deg,#f2f5fa,#9ea8b8)}.soc-card-place.p3{color:#241206;background:linear-gradient(180deg,#f0b27a,#a3602c)}.wd-heading{width:100%;display:flex;align-items:center;gap:14px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000}.wd-heading:before,.wd-heading:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,rgba(215,180,90,.7))}.wd-heading:after{background:linear-gradient(-90deg,transparent,rgba(215,180,90,.7))}.wd-vault{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 12px;border-radius:16px;background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(255,214,130,.2),transparent 70%),linear-gradient(180deg,#00000026,#00000073);box-shadow:inset 0 0 0 1px #d7b45a2e}.wd-leaves{position:relative;width:100%;display:grid;touch-action:pan-y}.wd-leaf{grid-area:1 / 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 44px;opacity:0;visibility:hidden;transform:translate(calc(var(--d, 1) * 60px));transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}.wd-leaf.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}.wd-leaf.wd-cards{padding:0}.wd-arrow{position:absolute;top:50%;z-index:20;width:36px;height:52px;margin-top:-26px;border:0;border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#3c2e14d9,#181208eb);box-shadow:inset 0 0 0 1px #ffd26e73,0 4px 10px #0009}.wd-arrow.prev{left:6px}.wd-arrow.next{right:6px}.wd-arrow i{position:absolute;left:50%;top:50%;width:12px;height:12px;border:solid var(--gold-2);border-width:0 0 3px 3px;translate:-30% -50%;rotate:45deg}.wd-arrow.next i{translate:-70% -50%;rotate:-135deg}@media(hover:hover){.wd-arrow:hover{filter:brightness(1.3)}}.wd-arrow:active{scale:.92}.wd-dots{position:relative;display:flex;gap:10px;justify-content:center}.wd-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#d7b45a4d;box-shadow:0 0 0 1px #000000b3;transition:background .2s,scale .2s}.wd-dot.on{background:var(--gold-2);scale:1.3;box-shadow:0 0 0 1px #000,0 0 8px #ffd26eb3}.wd-shelf{position:relative;width:100%;min-height:150px;max-height:226px;display:flex;flex-wrap:wrap;align-content:safe center;justify-content:center;gap:10px;padding:10px 4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.wd-shelf::-webkit-scrollbar{display:none}.wd-trinket.spell{width:52px;height:52px}.wd-leaf.empty .wd-shelf{min-height:70px}.wd-trinket{position:relative;display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;cursor:pointer;background:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),filter .2s;animation:wdPop .45s cubic-bezier(.2,.9,.3,1.3) backwards;animation-delay:calc(var(--i) * 45ms)}@keyframes wdPop{0%{opacity:0;transform:scale(.4)}}.wd-leaf:not(.on) .wd-rune-ic,.wd-leaf:not(.on) .sb-fx-strip{animation-play-state:paused}.wd-trinket.picked{transform:translateY(-6px) scale(1.15);z-index:2}@media(hover:hover){.wd-trinket:hover{transform:translateY(-6px) scale(1.15);z-index:2}}.wd-trinket-n{position:absolute;right:-4px;bottom:-2px;padding:0 5px;border-radius:8px;font:900 calc(20px * var(--ts)) var(--font-body);color:#fff;background:#14100aeb;box-shadow:inset 0 0 0 1px #ffd26e8c}.wd-rune-ic{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px var(--rc)) drop-shadow(0 3px 3px rgba(0,0,0,.7));filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rc) 70%,transparent)) drop-shadow(0 3px 3px rgba(0,0,0,.7))}.wd-trinket.rc-red{--rc: #ff5a4a}.wd-trinket.rc-yellow{--rc: #ffc94a}.wd-trinket.rc-blue{--rc: #5aa8ff}.wd-trinket.epic{width:76px;height:76px}.wd-trinket.epic .wd-rune-ic{animation:wdRuneGlow 2.4s ease-in-out infinite}@keyframes wdRuneGlow{50%{filter:drop-shadow(0 0 14px var(--rc)) drop-shadow(0 3px 3px rgba(0,0,0,.7)) brightness(1.15)}}.wd-gem.rc-red{--g: #ff5a4a}.wd-gem.rc-yellow{--g: #ffc94a}.wd-gem.rc-blue{--g: #5aa8ff}.wd-trinket .wd-spell-ic{width:100%;height:100%}.wd-leaf .wd-caption small{flex-basis:100%;font:600 calc(20px * var(--ts))/1.3 var(--font-body);color:var(--parchment-2)}.wd-caption .wd-hero{color:var(--gold-2)}.wd-vault:before{content:"";position:absolute;left:50%;top:0;width:360px;height:100%;translate:-50% 0;pointer-events:none;background:linear-gradient(180deg,rgba(255,226,160,.16),transparent 85%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);animation:wdShaft 5s ease-in-out infinite alternate}@keyframes wdShaft{0%{opacity:.55}to{opacity:1}}.wd-gems{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;font:900 calc(20px * var(--ts)) var(--font-body);color:#fff}.wd-gem{display:inline-flex;align-items:center;gap:6px;--g: var(--r-common)}.wd-gem i{width:12px;height:12px;rotate:45deg;border-radius:2px;background:linear-gradient(135deg,#fff,var(--g) 45%,var(--g));background:linear-gradient(135deg,#fff,var(--g) 45%,color-mix(in srgb,var(--g) 50%,#000));box-shadow:0 0 10px var(--g)}.wd-gem.r-rare{--g: var(--r-rare)}.wd-gem.r-epic{--g: var(--r-epic)}.wd-gem.r-legendary{--g: var(--r-legendary)}.wd-gem.r-mythical{--g: var(--r-mythical)}.wd-total{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:calc(20px * var(--ts));color:var(--parchment-2);align-self:center}.wd-fan{position:relative;width:100%;height:186px}.wd-card{position:absolute;left:50%;top:14px;width:109px;height:161px;margin-left:-54.5px;z-index:var(--z, 1);perspective:900px;cursor:pointer;transform:translate(var(--x),var(--y)) rotate(var(--rot));transform-origin:50% 120%;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),filter .25s;animation:wdDeal .6s cubic-bezier(.18,.9,.25,1.12) backwards;animation-delay:calc(var(--i) * .11s + .12s)}.wd-card.lead{top:4px}@keyframes wdDeal{0%{opacity:0;transform:translateY(90px) rotate(0) scale(.7)}}@media(hover:hover){.wd-card:hover{z-index:9;transform:translate(var(--x),calc(var(--y) - 22px)) rotate(calc(var(--rot) * .5)) scale(1.1)}}.wd-fan.zooming .wd-card:not(.zoom){filter:brightness(.45) saturate(.6)}.wd-card.zoom{z-index:12;transform:translateY(-46px) rotate(0) scale(1.62)}.wd-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.wd-card.shown .wd-flip{transform:rotateY(180deg)}.wd-back,.wd-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.wd-back{border-radius:8px;box-shadow:0 0 0 1px #000,0 10px 18px #000000b3}.wd-back img{display:block;width:100%;height:100%;border-radius:8px}.wd-front{transform:rotateY(180deg)}.wd-front .rcard{transform:scale(.5);transform-origin:0 0;cursor:pointer;animation:none}@media(hover:hover){.wd-front .rcard:hover{transform:scale(.5);transform-origin:0 0;cursor:pointer;animation:none}}.wd-front .rcard.r-mythical .rcard-frame{animation-name:wdAura}@keyframes wdAura{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(-40deg)}}.wd-front .rcard.r-legendary:after,.wd-front .rcard.r-mythical:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 54px var(--rarity);box-shadow:0 0 54px color-mix(in srgb,var(--rarity) 85%,transparent);animation:wdCardGlow 3.2s ease-in-out infinite}@keyframes wdCardGlow{50%{opacity:.8}}.wd-card.lead:after{content:"";position:absolute;left:50%;bottom:-16px;width:150px;height:26px;translate:-50% 0;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(255,220,140,.55),transparent 70%);filter:blur(2px);animation:wdPool 2.6s ease-in-out infinite alternate}@keyframes wdPool{0%{opacity:.5;scale:.85 1}to{opacity:1;scale:1.1 1}}.wd-caption{position:relative;min-height:calc(20px * var(--ts));display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;padding:0 16px;text-align:center;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.wd-caption b{font:900 calc(20px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 2px 0 #000}.wd-caption i{font-style:normal;opacity:.5}.wd-caption em{font-style:normal;font-weight:900;color:#ffe08a;letter-spacing:.04em}.wd-caption span{font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:calc(20px * var(--ts));color:var(--r-common)}.wd-caption .r-semicommon{color:var(--r-semicommon)}.wd-caption .r-semirare{color:var(--r-semirare)}.wd-caption .r-rare{color:var(--r-rare)}.wd-caption .r-epic{color:var(--r-epic)}.wd-caption .r-legendary{color:var(--r-legendary)}.wd-caption .r-mythical{color:var(--r-mythical)}.wd-leaf.empty .wd-fan{height:70px;display:grid;place-items:center}.wd-empty,.wd-none,.wd-offline{font:italic calc(20px * var(--ts)) var(--font-lore);color:#8a93a8;text-align:center}.wd-offline{width:100%;padding:10px}.wd-trophies{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.wd-plaque{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:38px 12px 12px;margin-top:28px;border-radius:14px;--pc: 255, 196, 90;background:radial-gradient(ellipse 90% 55% at 50% 0%,rgba(var(--pc),.2),transparent 75%),linear-gradient(180deg,#1e2432eb,#0a0c12f5);box-shadow:inset 0 0 0 1px rgba(var(--pc),.45),inset 0 1px #ffffff14,0 8px 20px #0000008c;animation:wdRise .5s cubic-bezier(.2,.9,.3,1.2) backwards}.wd-plaque.challenge{--pc: 179, 107, 255;animation-delay:.1s;justify-content:space-between}.wd-plaque.challenge:not(.none) .wd-abyss{width:168px;height:168px}@keyframes wdRise{0%{opacity:0;translate:0 18px}}.wd-plaque.ghost{min-height:250px;animation:wdGhost 1.2s ease-in-out infinite alternate}@keyframes wdGhost{0%{opacity:.35}to{opacity:.75}}.wd-vault.loading .wd-fan{height:120px}.wd-vault.loading .wd-fan:after{content:"";position:absolute;left:50%;top:10px;width:300px;height:100px;translate:-50% 0;border-radius:12px;background:linear-gradient(100deg,#ffffff08 30%,#ffffff1a,#ffffff08 70%) 0 0 / 300% 100%;animation:wdShimmer 1.3s linear infinite}@keyframes wdShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.wd-crest{position:absolute;left:50%;top:-36px;width:76px;height:76px;translate:-50% 0;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(var(--pc),.5))}.wd-plaque.none .wd-crest{filter:grayscale(.9) brightness(.6) drop-shadow(0 4px 8px rgba(0,0,0,.8))}.wd-plaque.none .wd-none{flex:1;display:grid;place-items:center;padding:8px 4px 14px}.wd-title{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--pc));text-shadow:0 2px 0 #000;text-align:center}.wd-kda{display:flex;align-items:flex-start;gap:4px}.wd-kda-cell{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:38px}.wd-kda-cell b{font:900 calc(38px * var(--ts)) var(--font-title);line-height:1;text-shadow:0 3px 0 #000;font-variant-numeric:tabular-nums}.wd-kda-cell span{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2);white-space:nowrap}.wd-kda-cell.w b{color:#8ff08a}.wd-kda-cell.l b{color:#ff7a6b}.wd-kda-cell.d b{color:#c4cbd8}.wd-kda>i{font-style:normal;font:900 calc(24px * var(--ts)) var(--font-title);line-height:calc(40px * var(--ts));color:#6b7384}.wd-tiers{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.wd-tiers .wd-kda-cell b{font-size:calc(30px * var(--ts))}.wd-kda-cell.t-normal b{color:#c4cbd8}.wd-kda-cell.t-hard b{color:#8ff08a}.wd-kda-cell.t-nightmare b{color:#ff7a6b}.wd-kda-cell.t-insane b{color:#d7a8ff;text-shadow:0 3px 0 #000,0 0 12px rgba(179,107,255,.7)}.wd-plaque.campaign .wd-duel-mid{flex-direction:column;gap:8px}.wd-plaque.campaign .wd-duel-side{align-items:center}.wd-kda-cell.zero b{color:#5a6172;text-shadow:0 3px 0 #000}.wd-duel-mid{display:flex;align-items:center;gap:12px;margin-top:4px}.wd-ring{--size: 76px;position:relative;flex:0 0 auto;width:var(--size);height:var(--size);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#121620 58%,transparent 59%),conic-gradient(#8ff08a calc(var(--wp) * 1%),#ff7a6b8c 0);box-shadow:0 0 0 2px #000,0 0 16px #8ff08a40;transition:--wp 1.2s cubic-bezier(.2,.8,.2,1) .3s}.wd-ring b{font:900 calc(22px * var(--ts)) var(--font-title);line-height:1;color:#fff}.wd-ring b small{font-size:.6em}.wd-ring span{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2)}.wd-duel-side{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.wd-chip{padding:4px 10px;border-radius:99px;white-space:nowrap;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#e8ecf4;background:#00000080;box-shadow:inset 0 0 0 1px #ffffff2e}.wd-chip.kda{color:#ffe08a;box-shadow:inset 0 0 0 1px #ffd26e99}.wd-chip.kda.hot{color:#2a1a02;background:linear-gradient(180deg,#ffe89a,#e0a932);box-shadow:0 0 14px #ffc8508c}.wd-chip.fire{position:relative;color:#fff;background:linear-gradient(180deg,#ff9a3d,#c2361c);box-shadow:0 0 8px #ff782866}.wd-chip.fire:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 20px #ff963cd9;animation:wdFlicker 1.1s ease-in-out infinite alternate}@keyframes wdFlicker{0%{opacity:0}to{opacity:1}}.wd-scalp{width:100%;display:flex;align-items:center;gap:8px;margin-top:4px;padding:6px 8px;border-radius:10px;background:#00000059}.wd-scalp-emblem{flex:0 0 auto;width:44px;height:44px}.wd-scalp-who{display:flex;flex-direction:column;min-width:0;line-height:1.15}.wd-scalp-who small{font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#ff9d8a}.wd-scalp-who b{font:900 calc(20px * var(--ts)) var(--font-title);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wd-scalp-who span{font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2)}.wd-fav{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font:700 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);text-align:left}.wd-fav-hero{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#fff,#000);background:radial-gradient(circle,color-mix(in srgb,var(--hc) 45%,#fff),color-mix(in srgb,var(--hc) 20%,#000));box-shadow:0 0 0 2px #000,0 0 0 3px #d7b45a99}.wd-fav-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}.wd-fav-hero .hero-sprite-fallback{display:none}.wd-abyss{position:relative;width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 2px}.wd-vortex{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#b36bff00,#b36bffbf,#ff4fd833,#5a28b4cc,#b36bff00);-webkit-mask:radial-gradient(circle,transparent 34%,#000 36%,#000 60%,transparent 71%);mask:radial-gradient(circle,transparent 34%,#000 36%,#000 60%,transparent 71%);animation:wdSpin 9s linear infinite;filter:blur(1px)}.wd-vortex.two{inset:14px;opacity:.8;animation-duration:6s;animation-direction:reverse;background:conic-gradient(from 90deg,#783cff00,#dcaaffb3,#783cff00,#b36bff99,#783cff00)}.wd-abyss:before{content:"";position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle,#05030c 40%,rgba(40,10,70,.9) 75%,transparent);box-shadow:0 0 30px #b36bff73}@keyframes wdSpin{to{rotate:360deg}}.wd-abyss small{position:relative;font:800 calc(20px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#cdb2ff}.wd-wave{position:relative;font:900 calc(48px * var(--ts)) var(--font-title);line-height:1;color:#fff;text-shadow:0 3px 0 #000,0 0 18px rgba(200,150,255,.9);font-variant-numeric:tabular-nums}.wd-place{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;font:900 calc(20px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 2px 0 #000}.wd-place span{padding:3px 10px;border-radius:99px;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#b36bff,#6a2fc2);box-shadow:0 0 12px #b36bff99}.wd-place.p1 b{color:#ffe08a}@media(prefers-reduced-motion:reduce){.wd-vortex,.wd-vault:before,.wd-card.lead:after,.wd-chip.fire:after{animation:none}}.wd-seasons-slot{display:none}.wd-seasons{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.wd-season-row{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:2px 4px 4px;scrollbar-width:none}.wd-season-row::-webkit-scrollbar{display:none}.wd-season{position:relative;flex:0 0 auto;width:104px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 7px;border-radius:12px;background:#00000047;border:1px solid rgba(215,180,90,.35);font:inherit;color:var(--parchment);text-align:center}button.wd-season{cursor:pointer}button.wd-season:active{transform:scale(.96)}.wd-season.busy{opacity:.6}.wd-season-emblem{width:52px;height:52px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6))}.wd-season b{font:800 calc(20px * var(--ts))/1.2 var(--font-body);color:var(--rk, var(--parchment));text-shadow:0 1px 0 #000}.wd-season small{font:600 calc(20px * var(--ts))/1 var(--font-body);color:var(--parchment-2)}.wd-season-worn{display:none;position:absolute;top:-7px;right:-4px;padding:2px 6px;border-radius:999px;font:900 calc(20px * var(--ts))/1.2 var(--font-body);font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:#1b1206;background:var(--rk, #ffd77a);box-shadow:0 1px 3px #0009}.wd-season.worn{border-color:var(--rk, #ffd77a);box-shadow:0 0 12px var(--rk, #ffd77a);box-shadow:0 0 12px color-mix(in srgb,var(--rk, #ffd77a) 45%,transparent)}.wd-season.worn .wd-season-worn{display:block}.wd-season-hint{font:italic calc(20px * var(--ts))/1.3 var(--font-lore);color:var(--parchment-2);text-align:center}.trophy-modal{z-index:60}.trophy-panel{width:min(420px,calc(100vw - 32px));padding:46px 18px 18px}.trophy-list{display:flex;flex-direction:column;gap:6px}.trophy-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#00000061;box-shadow:inset 0 0 0 1px #d7b45a33}.trophy-row.event{margin-left:18px;padding:6px 12px;background:#0000003d}.trophy-row.total{margin-top:4px;box-shadow:inset 0 0 0 1px #d7b45a99}.trophy-row.legacy{background:#00000038;box-shadow:inset 0 0 0 1px #ffffff1a}.trophy-row.legacy .trophy-row-text b{display:flex;align-items:center;gap:8px;color:#9b978f}.trophy-row.legacy .trophy-row-text small{color:#8a857c}.trophy-row.legacy .trophy-row-n{opacity:.55;filter:grayscale(1)}.trophy-info{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;font:800 italic 12px/1 Georgia,serif;color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff73}.trophy-info:active{transform:scale(.9)}.trophy-row.legacy .trophy-row-text small.trophy-legacy{margin-top:4px;color:var(--parchment)}.trophy-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.trophy-row-text b{font:900 calc(20px * var(--ts)) var(--font-title);color:#fff}.trophy-row-text small{font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);line-height:1.3}.trophy-row-n{display:flex;align-items:center;gap:5px}.trophy-row-n img{width:20px;height:20px}.trophy-row-n b{font:900 calc(20px * var(--ts)) var(--font-title);color:#ffd36a;text-shadow:0 2px 0 #000}.trophy-note{margin-top:12px;font:600 calc(20px * var(--ts)) var(--font-body);color:var(--parchment-2);text-align:center;line-height:1.4}.soc-stat.tap{cursor:pointer}.soc-stat.tap span:after{content:" ›"}.wd-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto}.wd-ring-label{font:800 calc(18px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2);white-space:nowrap}.wd-plaque.campaign .wd-duel-side{align-self:stretch;min-width:0}.wd-plaque.campaign .wd-chip{white-space:normal;text-align:center;max-width:100%;overflow-wrap:anywhere;font-size:calc(17px * var(--ts));letter-spacing:.03em}.hall-live{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.hall-live{padding:8px 8px 10px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%),repeating-linear-gradient(100deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),linear-gradient(180deg,#333846,#171a22 70%,#0e1016);box-shadow:0 0 0 2px #000,inset 0 0 0 1px #6ee07a40,inset 0 -8px 14px #00000073,0 6px 12px #00000080}.hall-line{font:700 calc(14px * var(--ts)) var(--font-body);color:var(--parchment-2);text-align:center;text-shadow:0 1px 0 #000}.hall-strip-title{display:flex;align-items:center;gap:7px;font:800 calc(14px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase;color:#8ff09a}.hall-strip-title i,.hall-dot{position:relative;display:inline-block;flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#6ee07a;box-shadow:0 0 4px #6ee07a}.hall-strip-title i:after,.hall-dot:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 10px #6ee07a;animation:frPulse 2s ease-in-out infinite}.hall-seen{display:inline-flex;align-items:center;gap:5px;font:700 calc(12px * var(--ts)) var(--font-body);color:#9aa3b8;white-space:nowrap}.lb-frame{position:relative}.lb-frame .hall-row-dot{right:-2px;bottom:-1px;width:14px;height:14px;z-index:2}.hall-challenge{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;padding:4px 9px;border-radius:999px;cursor:pointer;font:800 calc(12px * var(--ts)) var(--font-body);color:#1a1206;background:linear-gradient(#ffd77a,#d79a2b);box-shadow:0 2px #6b4510,0 0 0 1px #000}.hall-challenge i{width:16px;height:16px;background:url(../assets/icons/sword.webp) center / contain no-repeat}.hall-challenge.sent{filter:grayscale(.8) brightness(.7);pointer-events:none}.hall-slot{flex:0 0 auto;width:100%;padding:2px 0 4px}.hall-slot:empty{display:none}.soc-chips .hall-seen{align-self:center;min-width:0;overflow:hidden;text-overflow:ellipsis}.hall-ring{position:relative;width:100%;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;row-gap:4px}.hall-ring-stage{position:relative;height:112px;overflow:hidden;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.hall-face{--off: 0;--d: max(var(--off), calc(var(--off) * -1));position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;padding:0;border:0;background:none;transform:translate(calc(var(--off) * 70px)) scale(calc(1 - (min(var(--d),3)*.17)));opacity:calc(1 - (min(var(--d),3)*.3));z-index:calc(10 - var(--d));transition:transform .45s cubic-bezier(.3,1.3,.5,1),opacity .45s;filter:saturate(.75) brightness(.8)}.hall-face.active{filter:none}.hall-face-av{position:relative;width:100%;height:100%;display:grid;place-items:center}.hall-face-av>:first-child{transform:scale(1.35)}.hall-face.active .hall-face-av:after{content:"";position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 22px #6ee07a73;pointer-events:none}.hall-face .hall-dot{position:absolute;right:6px;bottom:6px;width:14px;height:14px;box-shadow:0 0 0 3px #0b0d12,0 0 4px #6ee07a;z-index:2}.hall-ring-arrow{position:static;width:34px;height:34px}.hall-ring-info{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:30px}.hall-ring-who{display:flex;align-items:baseline;gap:7px;min-width:0}.hall-ring-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 calc(18px * var(--ts)) var(--font-title);color:var(--gold-2);text-shadow:0 2px 0 #000}.hall-ring-who small{font:800 calc(13px * var(--ts)) var(--font-body);color:#9dff9a;white-space:nowrap}.daily-chests,.daily-dice{display:grid;place-items:center}.dg-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(680px,94%)}.dg-guide{margin:0;text-align:center;color:var(--parchment);font:700 calc(24px * var(--ts))/1.35 var(--font-body);text-shadow:0 2px 0 #000}.dg-error{margin:0;min-height:1em;color:#ff9b8a;font:700 calc(20px * var(--ts)) var(--font-body)}.dg-chests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}.dg-chest{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:230px;padding:12px 6px;border:0;border-radius:16px;background:radial-gradient(circle at 50% 60%,rgba(255,200,90,.18),transparent 70%);color:var(--parchment);animation:dgBob 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.dg-chest-art{width:100%;max-width:180px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}.dg-chest.chosen{animation:dgShake .45s ease-in-out infinite}.dg-chest.won{animation:none;transform:scale(1.08);background:radial-gradient(circle at 50% 50%,rgba(255,215,110,.5),transparent 72%)}.dg-chest.missed{animation:none;opacity:.55;filter:grayscale(.4)}.dg-chest-prize{position:absolute;top:30px;width:84px;height:84px;object-fit:contain;animation:dgRise .6s cubic-bezier(.2,.9,.3,1.3) both}.dg-chest-line{font:900 calc(19px * var(--ts))/1.2 var(--font-body);text-align:center;overflow-wrap:anywhere}.dg-die{position:relative;width:220px;height:220px;display:grid;place-items:center}.dg-die-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.65))}.dg-die.rolling .dg-die-art{animation:dgTumble .35s linear infinite}.dg-die.landed .dg-die-art{animation:dgLand .5s cubic-bezier(.2,.9,.3,1.3) both}.dg-face{position:absolute;right:-18px;bottom:-10px;min-width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#4a1414;border:3px solid var(--gold-2);color:#fff3cf;font:900 calc(42px * var(--ts)) var(--font-title);box-shadow:0 6px 14px #0009}.dg-take{margin-top:6px}@keyframes dgBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dgShake{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes dgRise{0%{transform:translateY(40px) scale(.4);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes dgTumble{0%{transform:rotate(0) scale(.95)}to{transform:rotate(360deg) scale(1.05)}}@keyframes dgLand{0%{transform:scale(1.3) rotate(-20deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.dg-chest,.dg-chest.chosen,.dg-die.rolling .dg-die-art{animation:none}}.daily-chests,.daily-dice{background:radial-gradient(circle at 50% 45%,#281c0ae6,#040408f5 70%)}.daily-choice{padding:24px 16px;gap:16px}.daily-choice>.ribbon{max-width:100%;box-sizing:border-box;padding:12px 40px 14px;white-space:normal;text-align:center}.daily-choice-guide{max-width:500px;text-align:center;margin:0;padding:0 12px;color:var(--gold-2);font-size:calc(18px * var(--ts));min-height:48px}.daily-choice-pack{border:0;background:none;cursor:pointer;padding:10px;animation:dailyChoiceFloat 2.2s ease-in-out infinite}.daily-choice-pack img{width:210px;max-height:300px;object-fit:contain;filter:drop-shadow(0 0 24px #c99940)}.daily-choice-pack.opening{animation:dailyChoiceOpen .65s ease-in both}.daily-choice-pack[hidden],.daily-choice-row[hidden]{display:none}.daily-choice .daily-choice-row{gap:60px 22px;padding:0 0 52px}.daily-choice .reveal-slot{border:0;background:none;padding:0;color:inherit;text-align:initial;transition:opacity .5s,filter .3s}.daily-choice .reveal-slot:disabled{opacity:1;cursor:default}.daily-choice .reveal-front{pointer-events:none}.daily-choice .reveal-front .rcard{margin:0}.daily-choice .reveal-slot.selected .reveal-flip{outline:4px solid #ffe58b;outline-offset:6px;border-radius:12px;box-shadow:0 0 28px #dbab4e}.daily-choice .reveal-slot:focus-visible{outline:3px solid #fff1be;outline-offset:10px;border-radius:12px}.daily-choice-label{position:absolute;top:100%;left:0;right:0;padding-top:8px;text-align:center;font-size:calc(14px * var(--ts));color:var(--gold-2);opacity:0;transition:opacity .4s}.daily-choice-label small{display:block;color:#dfd2bd}.daily-choice .open .daily-choice-label{opacity:1}.daily-choice .reveal-slot.unchosen{opacity:.15;filter:grayscale(1)}.daily-choice .kept{animation:dailyChoiceKeep .85s ease-out both}.daily-choice-confirm{max-width:90%;white-space:normal}.daily-choice-error{color:#ffb4a4;max-width:500px;text-align:center;margin:0}.daily-choice-champion,.daily-choice-champion img{height:100%;width:100%;object-fit:contain}.daily-choice-champion .hero-sprite-fallback{display:none}.daily-choice .reveal-front:has(.daily-choice-champion){border:3px solid #e4bd68;border-radius:12px;background:#21162b;text-align:center}.daily-choice .reveal-front>b{position:absolute;bottom:12px;left:0;right:0;color:#ffe58b}@keyframes dailyChoiceFloat{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes dailyChoiceOpen{35%{transform:rotate(-8deg) scale(1.05)}65%{transform:rotate(8deg) scale(1.12)}to{transform:scale(1.3);opacity:0}}@keyframes dailyChoiceKeep{60%{transform:translateY(-12px) scale(1.06)}}@media(prefers-reduced-motion:reduce){.daily-choice *,.daily-choice *:before{animation:none!important;transition:none!important}}.quests-screen .quests-body{position:relative;z-index:1;flex:1;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 20px 30px}.quests-empty{padding:18px;text-align:center}.quests{width:100%;padding:12px;display:flex;flex-direction:column;gap:8px}.quests.full{padding:16px;gap:10px}.quests-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.quests-head b{font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000}.quests-head small{font-size:calc(20px * var(--ts));opacity:.7}.quests-how{font:600 calc(20px * var(--ts))/1.35 var(--font-body);opacity:.85}.quest,.quest-chest{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#00000061;box-shadow:inset 0 0 0 1px #ffffff14}.quest.pvp{box-shadow:inset 0 0 0 1px #ff6e5a59;background:linear-gradient(90deg,#5a140e73,#00000061 60%)}.quest.done,.quest-chest.ready{box-shadow:inset 0 0 0 1px #5fe08a99,0 0 12px #5fe08a40}.quest.claimed,.quest-chest.claimed{opacity:.55}.quest-chest{grid-template-columns:auto 1fr auto auto;background:linear-gradient(90deg,#6e4c0e80,#00000061 70%)}.quest-chest-art{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7))}.quest-chest.ready .quest-chest-art{animation:hb-ready 1.2s ease-in-out infinite}.quest-text{min-width:0;display:flex;flex-direction:column;gap:4px}.quest-text b{font:800 calc(20px * var(--ts))/1.25 var(--font-body)}.quest-text small{font-size:calc(20px * var(--ts));opacity:.75}.quest-tag{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:99px;font:900 calc(20px * var(--ts)) var(--font-body);letter-spacing:.08em;vertical-align:2px;background:#c9412e;color:#fff}.quest-bar{height:8px;border-radius:99px;background:#00000080;overflow:hidden}.quest-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#a8601a,var(--gold-2))}.quest.done .quest-bar i{background:linear-gradient(90deg,#1d8a45,#5fe08a)}.quest-reward{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:96px}.quest-gold,.quest-x{display:flex;align-items:center;gap:4px;font:800 calc(20px * var(--ts))/1.15 var(--font-body)}.quest-gold b{color:var(--gold-2);font-size:calc(20px * var(--ts))}.quest-pass-tag{padding:0 5px;border-radius:99px;font-size:calc(20px * var(--ts));background:linear-gradient(90deg,#6e3cff,#b48cff);color:#fff}.quest-x{max-width:130px;color:#e8d8ff}.quest-x.r-xp{color:#a8d4ff}.quest-x.r-discount{color:#8af0ad}.quest-x.r-fate,.quest-x.r-arcane{color:#ffd76a}.quest-x.pass{color:#cdb6ff}.quest-x-ic{width:22px;height:22px;object-fit:contain;flex:none}.quests-pass{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font:700 calc(20px * var(--ts))/1.3 var(--font-body);background:linear-gradient(90deg,#5028aa80,#140a2880);box-shadow:inset 0 0 0 1px #b48cff8c;cursor:pointer}.quests-pass.held{cursor:default}.quests-pass .quest-x-ic{width:30px;height:30px}.quest-boosts{display:flex;flex-wrap:wrap;gap:6px}.quest-boost{font:700 calc(20px * var(--ts)) var(--font-body);padding:4px 8px;border-radius:99px;background:#0006;box-shadow:inset 0 0 0 1px #ffffff1f}.quest-notice,.quest-arcane{width:min(420px,92%);padding:22px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.quest-notice-art{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7))}.quest-notice-text{font:800 calc(20px * var(--ts))/1.35 var(--font-body)}.quest-notice-row{display:flex;gap:12px}.arcane-wheel{position:relative;width:260px;height:260px}.arcane-disc{position:absolute;inset:0;border-radius:50%;transition:transform 3.4s cubic-bezier(.12,.7,.15,1);background:repeating-conic-gradient(from 0deg,#2a1660 0 22.5deg,#4b2a9a 22.5deg 45deg);box-shadow:0 0 0 6px #d7b45a,0 0 0 9px #000,0 0 40px #966effcc}.arcane-slot{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;transform:rotate(var(--a)) translateY(-92px) rotate(calc(-1 * var(--a)))}.arcane-slot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.arcane-slot.s-page img{filter:drop-shadow(0 0 8px #ffd76a) drop-shadow(0 2px 3px #000)}.arcane-slot.won{animation:hb-active .5s ease-in-out infinite}.arcane-pointer{position:absolute;left:50%;top:-14px;width:0;height:0;margin-left:-12px;border:12px solid transparent;border-top:22px solid #ffd76a;filter:drop-shadow(0 2px 2px #000)}.arcane-hint{font-size:calc(20px * var(--ts));opacity:.85}.ptile-buy .btn.discounted{position:relative}.ptile-buy .btn.discounted s{opacity:.6;font-size:.85em}.ptile-off{position:absolute;top:-8px;right:-6px;font:900 calc(9px * var(--ts)) var(--font-body);font-style:normal;padding:2px 5px;border-radius:99px;background:#e2553f;color:#fff;box-shadow:0 0 0 2px #000}.cc-luck-chip.quest{background:linear-gradient(180deg,#3b2a66,#1d1530);box-shadow:inset 0 0 0 1px #a678ffcc}.quest-reroll{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;border-radius:12px;background:linear-gradient(90deg,#40287873,#00000061 70%);box-shadow:inset 0 0 0 1px #aa82ff59}.quest-reroll.hidden{display:none}.quest-reroll small{display:block;opacity:.75}.founder-panel{gap:14px}.founder-art{position:relative;width:250px;height:230px;display:grid;place-items:center}.founder-art:before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.6),rgba(255,160,50,.18) 55%,transparent 72%);animation:giftPulse 2.4s ease-in-out infinite}.founder-rays{position:absolute;inset:-10%;border-radius:50%;background:repeating-conic-gradient(rgba(255,214,120,.24) 0 9deg,transparent 9deg 30deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);animation:giftSpin 20s linear infinite}.founder-crowns{position:relative;width:190px;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.65));animation:giftFloat 3.2s ease-in-out infinite}.founder-no{position:absolute;right:8px;bottom:6px;padding:6px 16px;border-radius:30px;font:900 calc(24px * var(--tsb)) var(--font-deco);color:var(--gold-2);background:#0009;box-shadow:inset 0 0 0 1px #d7b45a99;text-shadow:0 2px 0 #000}.founder-text{max-width:470px;text-align:center;font:600 calc(18px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.founder-text b{color:var(--gold-2)}.founder-text .cur-icon{width:22px;height:22px;vertical-align:-4px}.founder-sub{max-width:450px;text-align:center;font:italic calc(15px * var(--ts))/1.4 var(--font-lore);color:var(--parchment-2)}.market-returned-panel .ribbon{max-width:calc(100% - 80px);padding:10px 40px 12px;font-size:calc(22px * var(--ts));letter-spacing:.08em}.market-returned-panel .ribbon span{display:block;white-space:normal;text-align:center}.shop .shop-body{position:relative;z-index:1;width:680px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:10px;padding:2px 10px 26px;scrollbar-width:none}.shop .shop-body::-webkit-scrollbar{display:none}.shop-intro{max-width:600px;text-align:center;font:500 calc(20px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2)}.shop-sub{align-self:flex-start;margin:10px 0 0 6px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;align-items:end}.shop-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 8px 12px;overflow:visible;--pk-1: #2b1f3f;--pk-2: #7a52c0;--pk-3: #d9c2ff}.shop-pack.best{padding-top:34px;transform:translateY(-6px);border-color:#ffdc78e6;box-shadow:inset 0 0 0 1px #000000a6,inset 0 1px #ffffff1a,0 0 0 2px #ffc85a59,0 10px 26px #0009,0 0 34px #ffb43c59;--pk-1: #4a3208;--pk-2: #e0b040;--pk-3: #ffe08a}.shop-ribbon{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:12px;white-space:nowrap;background:linear-gradient(180deg,#c23a30,#7a1a14);box-shadow:0 0 0 2px #000,inset 0 1px #ffd78c73;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 1px 0 #000}.shop-bonus{position:absolute;top:26px;right:-6px;padding:3px 8px;border-radius:10px;transform:rotate(8deg);background:linear-gradient(180deg,#ffe08a,#d39a36);box-shadow:0 0 0 2px #2c1c06;font:900 calc(20px * var(--ts)) var(--font-body);color:#2a1606}.shop-art{position:relative;width:120px;height:120px;display:grid;place-items:center}.shop-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.65))}.shop-art-fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--pk-2),var(--pk-1) 72%);box-shadow:inset 0 0 0 2px var(--pk-3)}.shop-art-fallback .cur-icon{height:58px}.shop-art img~.shop-art-fallback,.shop-art .shop-art-fallback:has(+img){display:none}.shop-art.big{width:200px;height:200px}.shop-art.big .shop-art-fallback .cur-icon{height:96px}.shop-amount{display:flex;align-items:center;gap:5px;font:900 calc(20px * var(--ts)) var(--font-title);color:#fff;text-shadow:0 2px 0 #000;white-space:nowrap}.shop-pack.best .shop-amount{font-size:calc(20px * var(--ts));color:var(--gold-2)}.shop-amount .cur-icon{height:1.2em}.shop-price{display:flex;flex-direction:column;align-items:center;line-height:1.1}.shop-price s{font:700 calc(20px * var(--ts)) var(--font-body);color:#d07070;text-decoration-thickness:2px}.shop-price b{font:800 calc(20px * var(--ts)) var(--font-body);color:var(--parchment)}.shop-pack.best .shop-price b{color:#ffe08a;font-size:calc(20px * var(--ts))}.shop-pack .btn{width:100%;min-height:40px;padding:6px 8px;font-size:calc(20px * var(--ts))}.shop-soon{gap:12px}.shop-soon .ribbon{margin-top:-60px;font-size:calc(20px * var(--ts))}.shop-soon-text{max-width:440px;text-align:center;font:600 calc(20px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.shop-toast .ach-toast-icon img{object-fit:contain;padding:8px}.shop-tabs{position:relative;z-index:2;display:flex;gap:6px;padding:5px;margin:0 0 8px;border-radius:40px;background:#07080cd1;box-shadow:inset 0 0 0 1px #d7b45a73,0 6px 16px #00000080}.shop-tab{min-width:190px;height:48px;padding:0 22px 0 10px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:10px;font:900 calc(20px * var(--ts)) var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--parchment-2);transition:color .15s ease,filter .15s ease}.shop-tab-icon{width:32px;height:32px;object-fit:contain;filter:saturate(.5) brightness(.75)}.shop-tab.active{color:#2a1606;text-shadow:0 1px 0 rgba(255,240,200,.6);background:linear-gradient(180deg,#fff0b8,#f0c860 25%,#d39a36 62%,#9a6a1e);box-shadow:0 0 0 2px #2c1c06,inset 0 2px #fff9,inset 0 -3px #5a320a66,0 0 20px #ffb43c59}.shop-tab.active .shop-tab-icon{filter:none}@media(max-width:640px){.shop-tab{min-width:0;flex:1 1 0;padding:0 10px 0 6px;gap:6px;font-size:calc(20px * var(--ts));letter-spacing:.06em}.shop-tab-icon{width:26px;height:26px}}.shop-grid:has(.bundle-clock){padding-bottom:14px}.shop-pack .bundle-clock{position:absolute;left:50%;bottom:-13px;z-index:3;transform:translate(-50%);margin:0;padding:3px 9px 3px 7px;gap:5px;white-space:nowrap;font-size:0;border-radius:10px;background:linear-gradient(180deg,#5a1a10,#2a0b06);box-shadow:0 0 0 2px #000,0 3px 8px #0009}.shop-pack .bundle-clock i{width:11px;height:11px;border-width:1.5px;flex:none}.shop-pack .bundle-clock i:after{left:3px;top:0;height:4px}.shop-pack .bundle-clock b{font-size:calc(20px * var(--ts))}.gold-rush{display:flex;align-items:center;gap:10px;padding:8px 10px;flex-wrap:wrap;width:100%;box-sizing:border-box}.gold-rush-art{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.gold-rush-text{display:flex;flex-direction:column;gap:2px;flex:1 1 140px;min-width:0}.gold-rush-text b{color:#ffe6a8;font-size:15px}.gold-rush-text small{color:#d9cdb4;font-size:12px}.gold-rush-left{color:#9be07a;font-size:12px;font-weight:700}.gold-shop{flex:1 1 0;min-height:0;overflow-y:auto;padding:16px}.gold-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gold-shop-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:8px;padding:12px;overflow-wrap:anywhere}.gold-shop-tile>img{width:100%;height:94px;object-fit:contain}.gold-shop-tile .cur-icon{width:1em;height:1em}.gold-shop-tile:disabled{opacity:.65}.gold-order-status:not(:empty){padding:10px}.gold-shop-item{position:relative;display:grid;min-width:0}#frame .gold-shop-item>.info-btn{position:absolute;top:6px;right:6px;width:40px;height:40px;font-size:calc(22px * var(--ts));z-index:1}#frame .gold-shop-item>.info-btn:before{inset:-6px}.gold-odds{display:grid;gap:3px;width:100%;margin-top:4px;font:700 calc(12px * var(--ts)) var(--font-body)}.gold-odds span{display:grid;grid-template-columns:minmax(0,1fr) auto 5.2ch;align-items:center;gap:6px;color:var(--rarity)}.gold-odds em{font-style:normal;min-width:0;text-align:left;overflow-wrap:anywhere;color:var(--parchment-2)}.gold-odds b{text-align:right;white-space:nowrap}.gold-odds .odds-bars i{width:6px;height:11px}.shop-subtabs{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.shop-subtab{padding:8px 16px;border-radius:999px;border:0;background:#00000073;box-shadow:inset 0 0 0 1px #d7b45a73;font:800 calc(15px * var(--ts)) var(--font-body);color:var(--parchment);cursor:pointer}.shop-subtab.active{background:linear-gradient(180deg,#f3c86a,#c8902e);color:#2a1a06;box-shadow:none}.gold-shop-tile>img.flag-art{width:auto;height:72px;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px #0009,0 2px 6px #00000080}.gold-shop-tile.worn{box-shadow:inset 0 0 0 2px var(--gold-2),0 0 18px #ffc85a59}.emoji-pack-art{display:grid;grid-template-columns:repeat(2,44px);gap:4px;justify-content:center}.emoji-pack-art .emo-big{width:44px;height:44px}.emoji-pack-note{font:600 calc(12px * var(--ts)) var(--font-body);color:var(--parchment-2);text-align:center}.pack-discovery-info .panel{text-align:center}.screen.starter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 0 22px}.starter-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 30px 0;text-align:center}.starter-kicker{font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.34em;text-transform:uppercase;color:var(--ember);text-shadow:0 1px 0 #000}.starter-title{font:900 calc(44px * var(--tsb)) var(--font-title);letter-spacing:.04em;text-transform:uppercase;line-height:1;color:var(--gold-2);text-shadow:0 4px 0 #000,0 0 22px rgba(255,170,60,.35)}.starter-sub{max-width:600px;font:italic calc(16px * var(--ts))/1.35 var(--font-lore);color:var(--parchment-2)}.starter-cards{position:relative;z-index:1;flex:0 1 auto;min-height:260px;height:520px;display:flex;gap:12px;padding:4px 22px 0;width:100%;justify-content:center;align-items:stretch}.starter-card{position:relative;flex:1 1 0;min-width:0;max-width:220px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 0 10px;overflow:hidden;border-radius:22px;text-align:center;background:linear-gradient(180deg,#0a0c1280,#07080cf0);box-shadow:inset 0 0 0 1px #d7b45a59,0 10px 26px #0009;animation:popIn .4s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--i, 0) * 90ms);transition:transform .14s ease,box-shadow .2s ease,filter .2s ease;filter:grayscale(.4) brightness(.88)}.starter-card:active{transform:scale(.97)}.starter-card.on{filter:none;transform:translateY(-6px);box-shadow:inset 0 0 0 2px var(--hc),0 14px 30px #000000b3,0 0 26px var(--hc);box-shadow:inset 0 0 0 2px var(--hc),0 14px 30px #000000b3,0 0 26px color-mix(in srgb,var(--hc) 45%,transparent)}.sc-art{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden}.sc-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,8,12,.95))}.sc-splash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}.sc-sprite{position:absolute;right:4px;bottom:2px;width:74px;height:74px;z-index:1}.sc-sprite img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.7))}.sc-name{position:relative;z-index:1;margin-top:-10px;font:900 calc(24px * var(--tsb)) var(--font-title);line-height:1.05;color:var(--gold-2);text-shadow:0 3px 0 #000}.sc-role{font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--hc)}.starter-detail{position:relative;z-index:1;width:calc(100% - 44px);max-width:640px;flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;gap:8px;padding:14px 18px}.starter-detail::-webkit-scrollbar{display:none}.starter-detail .hero-name{font-size:calc(28px * var(--tsb))}.starter-detail .hero-name span{font-size:calc(20px * var(--ts))}.sc-line{font:700 calc(14px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.sc-line b{color:var(--hc)}.sc-lore{font:italic calc(14px * var(--ts))/1.35 var(--font-lore);color:var(--parchment-2)}.starter-actions{position:relative;z-index:1;display:flex;justify-content:center;width:100%;padding:2px 30px 0}.starter-actions .btn{width:100%;max-width:560px;font-size:calc(25px * var(--ts));padding:16px 24px}html:lang(de) .sc-name,html:lang(ru) .sc-name{font-size:calc(20px * var(--tsb))}html:lang(de) .sc-role,html:lang(ru) .sc-role{letter-spacing:.08em}html:lang(de) .starter-actions .btn,html:lang(ru) .starter-actions .btn,html:lang(ko) .starter-actions .btn{font-size:calc(21px * var(--ts))}.recall-modal .recall-text{max-width:470px;text-align:center;font:600 calc(18px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.recall-modal .recall-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:min(420px,100%)}.recall-modal .recall-actions .btn{white-space:normal;overflow-wrap:anywhere}