: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;--tsb: 1}html[data-text=small]{--ts: .88;--tsb: .95}html[data-text=large]{--ts: 1.15;--tsb: 1.06}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)}.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;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.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-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,.rcard.big:hover,body.has-frames .rcard.big,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,.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}.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}.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:hover,.tip-term.tip-open{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}.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.upgrade{color:#2a1606;background:linear-gradient(180deg,#ffe38a,#c8901e)}.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}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}}.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(13px * 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,1fr);align-items:end;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(14px * 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;box-shadow:0 0 2px #7dff8c}}.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}.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(14px * 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(16px * 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(11px * 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(13px * 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(12px * 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(11px * 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(18px * 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)}.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(18px * 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(14px * 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}.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}.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:470px}.heroes .hero-info{margin-top:-150px}.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}.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}.shell-bar button:hover{background:#ffffff1f}.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(14px * 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(12px * 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}.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}.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-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-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}.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}.chapter-banner.sealed{padding-bottom:54px}.chapter-lock{position:absolute;left:50%;bottom:10px;transform:translate(-50%);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)}.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:1280px}.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:264px;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(12px * 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(13px * 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(18px * 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(11px * var(--ts)) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-2);opacity:.8}.wm-lockline{font:700 calc(13px * 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(15px * 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 12px;border-radius:12px;font:800 calc(12px * var(--ts)) var(--font-body);letter-spacing:.18em;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(15px * 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}}.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(14px * 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(17px * 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(13px * 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(16px * 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(13px * 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(19px * 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(13px * var(--ts)) var(--font-body);color:var(--parchment-2)}.ach-text small{font:800 calc(11px * 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(18px * 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(13px * 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(16px * var(--ts)) var(--font-title);letter-spacing:.06em;text-transform:uppercase}.ach-claim small{display:flex;align-items:center;gap:4px;font:800 calc(12px * 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(19px * 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(11px * 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(14px * var(--ts)) var(--font-body);color:#fff}.ach-toast-text span em{font:700 calc(11px * 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(13px * 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(16px * 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(16px * 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(14px * var(--ts))}.result-feat.grand span em{flex:0 0 100%;text-align:right;font:800 calc(11px * 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(11px * 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(16px * 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(12px * 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}.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;-webkit-mask:var(--rk-art) center / contain no-repeat;mask:var(--rk-art) center / contain no-repeat;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.75) 50%,transparent 62%) 0 0 / 320% 100% no-repeat;mix-blend-mode:soft-light;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%{background-position:110% 0}to{background-position:-10% 0}}.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{animation-duration:3.8s;mix-blend-mode:overlay}.rank-emblem.rk-diamond .rank-sheen,.rank-emblem.rk-titanslayer .rank-sheen,.rank-emblem.rk-highwarden .rank-sheen{animation-duration:3s;mix-blend-mode:overlay}.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;-webkit-mask:var(--rk-art) center / contain no-repeat;mask:var(--rk-art) center / contain no-repeat;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%) 0 0 / 320% 100% no-repeat;mix-blend-mode:overlay;animation:rankSheen 5.4s ease-in-out infinite}.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}.placement-pips{display:flex;align-items:center;gap:calc(7px * var(--ts))}.placement-pips i{width:calc(15px * var(--ts));height:calc(15px * var(--ts));border-radius:50%;background:#0000008c;box-shadow:inset 0 0 0 2px #ffffff38;transition:background .4s,box-shadow .4s}.placement-pips i.on{background:radial-gradient(circle at 35% 30%,#fff6c8,var(--gold-2) 45%,var(--gold-3));box-shadow:0 0 0 1px #000,0 0 8px #ffc85ab3}.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(12px * var(--ts))/calc(20px * 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,.rank-motes i,.rank-frame-sheen,.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)}.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%}.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(14px * 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(17px * 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(14px * 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(16px * 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(17px * var(--ts)) var(--font-body);color:var(--parchment)}.options-panel .text-size-row .text-sizes{max-width:none}.opt-build{font:700 calc(11px * 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(15px * 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(14px * 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(15px * var(--ts))/1.45 var(--font-body);color:var(--parchment)}.reset-keeps span b{color:var(--gold-2)}.reset-ask{font:700 calc(15px * 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(17px * var(--ts));font:700 calc(13px * var(--ts)) var(--font-body);text-align:center;color:#ff9a8a}.news-float{left:4px;top:360px}.news-float .emblem-art{width:92px;height:84px}.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-panel,.nws-panel{width:600px;max-width:calc(100% - 32px);max-height:88%;gap:12px}.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-head{padding:10px 6px 2px;font:900 calc(15px * var(--ts)) var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 2px 0 #000}.nws-head.soon{color:#9fd8ff}.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)}.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(15px * 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(15px * 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(14px * 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(11px * var(--ts)) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#ffe08a}.sk-name{margin-top:4px;font:900 calc(16px * 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(12px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--parchment-2)}.sk-desc{font:500 calc(13px * var(--ts))/1.35 var(--font-body);color:var(--parchment);margin-bottom:4px}.sk-state{margin-top:auto;font:800 calc(13px * var(--ts)) var(--font-body);color:#d9c2ff}.sk-note{font:600 calc(12px * 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(17px * 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{position:absolute;left:14px;top:14px;z-index:3;display:flex;gap:8px}.sk-chip{position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;overflow:visible;background:radial-gradient(circle at 50% 40%,#000,#07080c 80%);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--hc) 45%,#000),#07080c 80%);box-shadow:0 0 0 2px #000,inset 0 0 0 2px #d7b45a73}.sk-chip img{width:80%;height:80%;object-fit:contain;image-rendering:pixelated;border-radius:50%}.sk-chip img.sk-chip-paint{width:88%;height:88%;object-fit:cover;object-position:center 12%;image-rendering:auto}.sk-chip.on{box-shadow:0 0 0 2px #000,inset 0 0 0 3px var(--gold-2),0 0 16px #ffd26e99}.sk-chip-price{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:8px;white-space:nowrap;background:#140e22eb;box-shadow:inset 0 0 0 1px #c9a8ff99;font:800 calc(11px * var(--ts)) var(--font-body);color:#fff}.sk-chip-price .cur-icon{height:1em;vertical-align:-.12em;margin-right:2px}.socials{position:relative;z-index:5;width:100%;height:0;flex:0 0 auto}.socials-dial{position:absolute;left:calc(4px + env(safe-area-inset-left,0px));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}}.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)}.cc-tabs .cc-tab{padding:10px 16px;font-size:calc(15px * 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(9px * 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(10.5px * 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(12px * 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(11px * 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(11px * 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}.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,.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,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}.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(10px * 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(14px * 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(14px * 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(14px * 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(13px * 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(13px * 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(15px * 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(13px * var(--ts));letter-spacing:.02em}.mk-price-tag .cur-icon{width:17px;height:17px;vertical-align:-3px}.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(10px * 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(12px * 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(11px * var(--ts)) var(--font-body);color:var(--parchment-2)}.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(15px * 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 .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(14px * 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(13px * 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(13px * 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(14px * 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(12px * 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(16px * var(--ts)) var(--font-body);color:var(--parchment)}.mk-summary b{color:var(--heal)}.mk-summary small{font-size:calc(13px * var(--ts));color:var(--parchment-2)}.mk-title{margin-top:8px;font:800 calc(13px * 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,.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,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(17px * var(--ts)) var(--font-title);color:var(--rarity);text-shadow:0 1px 0 #000}.mk-row-text span{font:600 calc(13px * 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(15px * var(--ts)) var(--font-body);color:var(--parchment)}.mk-row-price small{font-size:calc(13px * var(--ts));color:var(--heal)}.mk-row-price em{font:600 calc(12px * var(--ts)) var(--font-body);color:var(--parchment-2)}.mk-toast .ach-toast-icon img{object-fit:contain;padding:8px}.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 22px;border-radius:9px;font:800 calc(14px * 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(13px * 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(13px * 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(11px * 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(14px * 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(13px * var(--ts))/1.4 var(--font-body);color:var(--parchment-2)}.rn-bonus{display:flex;align-items:center;gap:8px;font:600 calc(13px * 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(11px * var(--ts)) var(--font-body);color:#fff;background:#000000bf}.rn-drops{font:600 calc(12px * 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(14px * var(--ts)) var(--font-body);color:var(--rc2)}.rn-pick-text small{font:600 calc(12px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.rn-left{flex:none;font:800 calc(12px * 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(13px * 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(15px * 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(14px * 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(13px * 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(18px * 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(16px * var(--ts)) var(--font-display, var(--font-body));color:#ffe39a}.rn-buy-text span{font-size:calc(12px * 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(12px * var(--ts))}.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,.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,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}.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-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,.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}.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)}.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,.reveal-front .rcard:hover{transform:scale(.875);transform-origin:0 0;animation:none}.reveal-row.n1 .reveal-front .rcard,.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}.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}.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}}.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)}.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,.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-pips{display:flex;gap:3px}.duel-pips i{width:9px;height:16px;border-radius:3px;background:#ffffff24;box-shadow:inset 0 0 0 1px #0009}.duel-pips i.on{background:linear-gradient(180deg,#ffd27a,#c5892a);box-shadow:inset 0 0 0 1px #0009,0 0 6px #ffbe5080}.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.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{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}@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.live:not(.chosen){top:auto;bottom:165px;height:auto;gap:6px;align-items:flex-start;justify-content:flex-end;padding-left:24px;background:none;pointer-events:none}.draft.live:not(.chosen) .draft-head{text-align:left}.draft.live .draft-level{font-size:calc(14px * var(--ts));margin-bottom:4px}.draft-hurry{font:800 calc(13px * var(--ts)) var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#ffd27a;text-shadow:0 1px 0 #000}.draft-owed{font:700 calc(12px * var(--ts)) var(--font-body);color:#ffb08a;text-shadow:0 1px 0 #000}.draft-timer{width:260px;height:8px;margin:6px 0 0;border-radius:4px;background:#0009;box-shadow:0 0 0 1px #d7b45a80;overflow:hidden}.draft-timer i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffd27a,#e0402a)}.draft.live:not(.chosen) .draft-cards{transform:scale(.5);transform-origin:bottom left;margin-top:-161px;pointer-events:auto}.draft.live .draft-foot{pointer-events:auto}.draft.live:not(.chosen) .draft-foot .btn{min-height:40px;padding:6px 14px;font-size:calc(14px * var(--ts))}.draft.live.chosen .draft-timer{margin:6px auto 0}.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}.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-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-season{background:linear-gradient(180deg,#46340ef0,#181206f5)}.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{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-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:14px;bottom:438px;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}.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:14px;bottom:526px;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:102px;bottom:434px}.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(14px * 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(19px * 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(13px * 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{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(12px * 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(14px * var(--ts)) var(--font-body);color:var(--parchment-2)}.cos-msg.ok{color:#9ff0b8}.cos-msg.bad{color:#ffb3a6}.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{background:var(--rl-bg) 0% 50% / 140% auto no-repeat,#120c08;animation:rlPan 28s ease-in-out infinite alternate}@keyframes rlPan{to{background-position:100% 50%,0 0}}.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}.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{box-shadow:0 0 18px var(--rl-glow),0 0 4px var(--rl-glow);animation:socRowIn .35s ease backwards,rlShine 3s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 35ms),0s}@keyframes rlShine{50%{box-shadow:0 0 34px var(--rl-glow-hi),0 0 10px var(--rl-glow-hi)}}.look-ember{--rl-glow: rgba(255, 120, 30, .55);--rl-glow-hi: rgba(255, 150, 50, .95)}.look-ember .rl-bg{filter:saturate(1.15) brightness(1.1);animation-duration:34s}.look-ember .rl-frame{box-shadow:inset 0 0 26px #ff781e99;animation:rlEmber 3s ease-in-out infinite}@keyframes rlEmber{50%{box-shadow:inset 0 0 46px #ff9632f2}}.look-ember .rl-sweep{display:block;mix-blend-mode:screen;background-repeat:no-repeat;background-size:40% 100%;background-position:-60% 0;background-image:linear-gradient(105deg,transparent 15%,rgba(255,190,110,.6) 50%,transparent 85%);animation:rlSweep 5.5s ease-in-out infinite}.look-aurora{--rl-glow: rgba(170, 120, 255, .55);--rl-glow-hi: rgba(200, 160, 255, .95)}.look-aurora .rl-bg{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;background-repeat:no-repeat;background-size:45% 100%;background-position:-60% 0;background-image:linear-gradient(105deg,transparent 15%,rgba(225,205,255,.65) 50%,transparent 85%);animation:rlSweep 6.5s ease-in-out infinite}@keyframes rlSweep{0%,35%{background-position:-60% 0}75%,to{background-position:160% 0}}.look-aurora .rl-frame{box-shadow:inset 0 0 28px #aa78ff99;animation:rlAurora 3.2s ease-in-out infinite}@keyframes rlAurora{50%{box-shadow:inset 0 0 48px #cdaafff2}}.look-sovereign{--rl-glow: rgba(255, 196, 80, .6);--rl-glow-hi: rgba(255, 225, 140, 1)}.look-sovereign .rl-sweep{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{filter:saturate(1.1) brightness(1.12);animation-duration:22s}.look-sovereign .rl-frame{box-shadow:inset 0 0 30px #ffc85aa6;animation:rlGild 3s ease-in-out infinite}@keyframes rlGild{50%{box-shadow:inset 0 0 52px #ffdc82}}.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-motes i,.lb-row.looked,.fr-row.looked{animation:none!important}.rl-motes i{opacity:.7}}.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.sealed .gate-grille{transform:none;transition:transform .3s cubic-bezier(.8,0,1,.75)}.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 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}.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}.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)}.guest-note.last{color:var(--parchment);background:#3c220899;box-shadow:inset 0 0 0 1px #ffbe5a8c}.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}.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(14px * 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(16px * 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(17px * 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;z-index:3}.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}.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)}}.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(13px * var(--ts)) var(--font-body);letter-spacing:.34em;text-transform:uppercase;color:var(--ember);text-shadow:0 1px 0 #000}.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(15px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.mode-text small{font:800 calc(13px * 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-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-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(18px * 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}.support-panel{gap:12px;max-width:620px}.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-stars{font-style:normal;color:#ffd76a;letter-spacing:1px;text-shadow:0 1px 0 #000}.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(13px * 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(18px * 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(12px * 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(12px * 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(15px * 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-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(15px * var(--ts))/1.3 var(--font-body);color:var(--parchment)}.td-req{font:600 calc(13px * var(--ts)) var(--font-body);color:#ff9a8a}.td-short{font:600 calc(13px * 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(14px * var(--ts))}.td-body .btn{align-self:flex-start;margin-top:4px}.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(18px * 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{font:700 calc(13px * var(--ts)) var(--font-body);color:#8a93a8}.soc-line{display:flex;align-items:center;gap:10px;min-width:0}.soc-sub{font:600 calc(13px * var(--ts)) var(--font-body);color:var(--parchment-2);white-space:nowrap}.soc-sub.on{color:#8ff09a}.soc-chips{display:flex;gap:6px}.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(13px * 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(10px * 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(11px * 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-rules{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;max-width:100%;text-align:center;font:600 calc(13px * 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-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(11px * 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(16px * 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(10px * 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(17px * 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(11px * 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.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{font-size:calc(19px * var(--ts))}.lb-rank.long{font-size:calc(15px * 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(11px * 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(16px * 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(18px * var(--ts))}.fr-msg{width:100%;min-height:20px;text-align:center;font:600 calc(15px * 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(15px * 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(13px * 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(12px * var(--ts))/1 var(--font-body);letter-spacing:.12em;color:#b8ffc0;background:#286e3c59;box-shadow:inset 0 0 0 1px #7ddc8a80}.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)}.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 12px #6ee07a;animation:frPulse 2s ease-in-out infinite}@keyframes frPulse{50%{box-shadow:0 0 0 3px #0b0d12,0 0 4px #6ee07a}}.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(15px * var(--ts))}.fr-side .fr-decline{min-width:44px;padding:6px 0;font-size:calc(18px * 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(14px * 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(18px * var(--ts));color:#8a93a8}.soc-stat span{font:800 calc(11px * 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(18px * 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}.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-plinth:after{content:"";position:absolute;left:-4px;right:-4px;top:-6px;height:12px;border-radius:4px;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%) 0 0 / 300% 100% no-repeat;mix-blend-mode:overlay;animation:pdSheen 5s ease-in-out infinite;animation-delay:calc(var(--dl) + 1s)}@keyframes pdSheen{0%{background-position:100% 0}45%,to{background-position:-100% 0}}.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(15px * 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(17px * 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(10px * 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;align-items:center;justify-content:center;gap:6px;margin-top:1px;font:800 calc(11px * var(--ts)) var(--font-body);letter-spacing:0}.pod-sub.tally em{font-style:normal;font-weight:700;color:#7d8598}.pod-tally{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(12px * 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-plinth:after,.pod-stand:before,.pod-hero img{animation:none}.pd-motes{display:none}}.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)}@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(14px * 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(14px * 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-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(15px * 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(12px * 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,.wd-front .rcard:hover{transform:scale(.5);transform-origin:0 0;cursor:pointer;animation:none}.wd-front .rcard.r-legendary,.wd-front .rcard.r-mythical{animation:cardGlow 3.2s ease-in-out infinite}.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(14px * var(--ts)) var(--font-body);color:var(--parchment-2)}.wd-caption b{font:900 calc(17px * 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(12px * 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-vault.empty .wd-fan{height:70px;display:grid;place-items:center}.wd-empty,.wd-none,.wd-offline{font:italic calc(17px * 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(15px * 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(10px * 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-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(8px * 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(12px * 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{color:#fff;background:linear-gradient(180deg,#ff9a3d,#c2361c);box-shadow:0 0 14px #ff782899;animation:wdFlicker 1.1s ease-in-out infinite alternate}@keyframes wdFlicker{0%{box-shadow:0 0 8px #ff782866}to{box-shadow:0 0 20px #ff963cd9}}.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(10px * var(--ts)) var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#ff9d8a}.wd-scalp-who b{font:900 calc(16px * var(--ts)) var(--font-title);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wd-scalp-who span{font:700 calc(12px * 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(13px * 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(9px * 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(15px * 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(12px * 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{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(12px * var(--ts))/1.2 var(--font-body);color:var(--rk, var(--parchment));text-shadow:0 1px 0 #000}.wd-season small{font:600 calc(11px * 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(10px * 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(12px * var(--ts))/1.3 var(--font-lore);color:var(--parchment-2);text-align:center}@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(17px * 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(13px * 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(14px * 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(14px * var(--ts))/1.3 var(--font-body);color:#ffd0c0}.daily-grid{width:100%;display:grid;grid-template-columns:repeat(3,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(15px * 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(18px * 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.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(11px * 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(14px * 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(12px * 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(14px * var(--ts)) var(--font-body);color:var(--parchment)}.daily-home{min-width:300px}.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(15px * var(--ts))/1.35 var(--font-body);color:var(--parchment)}.daily-msg{min-height:22px;padding:0 20px;text-align:center;font:700 calc(15px * 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(18px * 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(12px * 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(14px * 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(15px * 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(14px * 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(12px * 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(14px * 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(15px * 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(11px * 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(15px * 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(11px * 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(15px * 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(16px * var(--ts))/1.35 var(--font-body);color:#8fdc7a}.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)}.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(15px * 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(16px * 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(11px * 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(12px * 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(17px * 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(12px * var(--ts)) var(--font-body);color:#d07070;text-decoration-thickness:2px}.shop-price b{font:800 calc(16px * var(--ts)) var(--font-body);color:var(--parchment)}.shop-pack.best .shop-price b{color:#ffe08a;font-size:calc(18px * var(--ts))}.shop-pack .btn{width:100%;min-height:40px;padding:6px 8px;font-size:calc(14px * 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(17px * 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(17px * 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}.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(11px * var(--ts))}.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(16px * 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}