:root{--bg: #07060f;--bg2: #0f0d22;--panel: rgba(20, 18, 44, .78);--line: rgba(160, 150, 255, .18);--text: #e9e6ff;--muted: #9a95c0;--accent: #ffd166;--accent2: #9b5cff;--good: #3ddc84;--bad: #ff4d6d;--font-d: "Orbitron", "Kanit", sans-serif;--font: "Kanit", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 70% -10%,#2a1760 0%,transparent 60%),radial-gradient(900px 500px at 0% 100%,#0f3350 0%,transparent 60%),var(--bg);color:var(--text);font-family:var(--font);font-weight:300;overflow-x:hidden}button{font-family:inherit}h1,h2,h3{font-family:var(--font-d);font-weight:700;letter-spacing:.02em;margin:.3em 0}h2{font-size:1.35rem}h3{font-size:1rem}.muted{color:var(--muted);font-size:.9em}code{background:#ffffff12;padding:1px 6px;border-radius:4px;font-size:.85em;word-break:break-all}.row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;align-items:center}.row.center{justify-content:center}.error{color:var(--bad);margin:6px 0}.note{margin-top:10px;padding:10px;border:1px dashed var(--line);border-radius:8px;font-size:.9em;color:var(--muted)}.btn{background:#ffffff0f;color:var(--text);border:1px solid var(--line);padding:9px 16px;border-radius:10px;cursor:pointer;font-size:.95rem;transition:.15s}.btn:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,#7b3cff,#ff3cac);border:none;font-weight:600;box-shadow:0 0 18px #9b5cff73}.btn.gold{background:linear-gradient(135deg,#ffb347,#ffd166);color:#2a1600;border:none;font-weight:600}.btn.ghost{background:transparent}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.small{padding:5px 10px;font-size:.82rem}.btn.on{background:var(--accent2)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);font-size:.82rem;cursor:pointer}.chip.on{background:#9b5cff59;border-color:var(--accent2)}select{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-family:inherit}.chk{display:inline-flex;gap:5px;align-items:center;font-size:.85rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:10px 18px;background:#07060fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-family:var(--font-d);font-weight:900;font-size:1.05rem;cursor:pointer;color:var(--accent);white-space:nowrap}.brand span{background:linear-gradient(90deg,#ffd166,#ff6a2b,#9b5cff,#7fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar nav{display:flex;gap:4px;flex-wrap:wrap}.topbar nav button{background:none;border:none;color:var(--muted);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:.95rem}.topbar nav button.on,.topbar nav button:hover{color:var(--text);background:#ffffff12}.res{margin-left:auto;display:flex;gap:14px;align-items:center;font-family:var(--font-d);font-size:.85rem;flex-wrap:wrap}main{min-height:calc(100vh - 60px);overflow-x:hidden}.page{padding:18px 22px 120px;max-width:1400px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.grid{display:flex;flex-wrap:wrap;gap:18px 26px;padding:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.92rem}.addr{font-family:monospace;font-size:.85rem;word-break:break-all;margin:6px 0;color:var(--accent)}.center-page{text-align:center;padding-top:80px}.card{--w: 170px;width:var(--w);aspect-ratio:5 / 7;border-radius:12px;padding:3px;cursor:pointer;position:relative;flex-shrink:0;background:linear-gradient(160deg,var(--rc),var(--fc) 45%,#11101f 75%,var(--rc));box-shadow:0 6px 16px #00000080;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.card{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .15s}.card:hover{--lift: -6px;box-shadow:0 14px 30px #000000a6,0 0 22px color-mix(in srgb,var(--fc) 55%,transparent);z-index:5}.card.rarity-legendary{box-shadow:0 0 22px #ffc53d73}.card.rarity-epic{box-shadow:0 0 16px #b46bff59}.card.selected{outline:3px solid #fff;outline-offset:2px}.card.dim{filter:grayscale(.85) brightness(.55)}.card-sm{--w: 118px}.card-lg{--w: 280px}.card-inner{position:relative;height:100%;border-radius:10px;overflow:hidden;background:#0b0a16}.card{--b: calc(var(--w) * .2)}.card-mana{position:absolute;z-index:3;top:-6px;left:-6px;width:calc(var(--b) * 1.1);height:calc(var(--b) * 1.1);border-radius:50%;display:grid;place-items:center;font-family:var(--font-d);font-weight:900;font-size:calc(var(--b) * .55);background:radial-gradient(circle at 35% 30%,#d5f5ff,#2f7fff 55%,#102060);color:#fff;border:2px solid #bfe3ff;box-shadow:0 0 8px #4fa3ff,0 2px 4px #000;text-shadow:0 1px 2px #000}.card-sigil{position:absolute;z-index:3;top:-5px;right:-5px;background:#0b0a16;border:2px solid var(--fc);border-radius:50%;padding:calc(var(--b) * .12);display:grid;box-shadow:0 2px 4px #000}.card-type{font-family:var(--font-d);font-size:calc(var(--w) * .042);letter-spacing:.25em;color:var(--fc2);line-height:1}.card-badge{position:absolute;z-index:6;top:42%;left:50%;transform:translate(-50%);background:#000c;padding:2px 6px;border-radius:6px;font-size:.65rem;white-space:nowrap}.card-bottom{position:absolute;z-index:4;left:3px;right:3px;bottom:3px;border-radius:0 0 10px 10px;transform:translateZ(45px);pointer-events:none;min-height:26%;padding:4px 8px 14px;background:linear-gradient(180deg,transparent,rgba(8,7,20,.92) 14%,#0b0a18);display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center}.card-name{font-family:var(--font-d);font-weight:700;font-size:.78rem;line-height:1.1;color:#fff;text-shadow:0 1px 2px #000}.card-sm .card-name{font-size:.6rem}.card-lg .card-name{font-size:1.15rem}.card-title{font-size:.66rem;color:var(--fc2);line-height:1.1}.card-lg .card-title{font-size:.85rem}.stats{display:flex;gap:3px;flex-wrap:wrap}.st{font-family:var(--font-d);font-size:.66rem;font-weight:700;padding:1px 4px;border-radius:5px;background:#ffffff14}.st.melee{color:#ff8a5b}.st.ranged{color:#7fd8ff}.st.magic{color:#d38bff}.st.speed{color:#ffe27a}.st.armor{color:#c0c7d1}.st.hp{color:#ff5c7a}.abilities{pointer-events:auto;display:flex;gap:3px;font-size:calc(var(--w) * .075);justify-content:center;background:#ffffff0f;border-radius:99px;padding:1px 6px;cursor:help}.effects{font-size:.62rem;color:var(--fc2);line-height:1.25}.card-sm .effects{font-size:.5rem}.effects.big{font-size:.95rem;margin:10px 0}.card-level{position:absolute;z-index:5;transform:translateZ(50px);bottom:5px;right:9px;font-family:var(--font-d);font-size:.55rem;color:var(--rc)}.card-lg .card-level{font-size:.8rem}.card-count{position:absolute;z-index:5;transform:translateZ(50px);bottom:5px;left:9px;font-size:.6rem;font-family:var(--font-d);color:var(--muted)}.card-lg .card-count{font-size:.8rem}.edge{position:absolute;z-index:3;top:calc(var(--b) * 1.25);display:flex;flex-direction:column;gap:calc(var(--b) * .18);pointer-events:auto}.edge-l{left:-6px}.edge-r{right:-6px}.sb{--c: #888;position:relative;width:var(--b);height:var(--b);display:grid;place-items:center;border-radius:28%;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--c) 45%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 55%,#000));border:2px solid rgba(255,255,255,.85);box-shadow:0 2px 5px #000c}.sb b{font-family:var(--font-d);font-weight:900;font-size:calc(var(--b) * .52);color:#fff;line-height:1;text-shadow:0 1px 2px #000,0 0 3px #000}.sb i{position:absolute;bottom:-4px;right:-5px;width:calc(var(--b) * .5);height:calc(var(--b) * .5);display:grid;place-items:center;font-style:normal;font-size:calc(var(--b) * .32);color:#fff;background:#0b0a16;border:1px solid var(--c);border-radius:50%}.edge-l .sb i{right:auto;left:-5px}.sb-melee{--c: #e0502f}.sb-ranged{--c: #22a860;border-radius:50% 12%}.sb-magic{--c: #8a4dff;border-radius:50%}.sb-speed{--c: #d49a12}.sb-armor{--c: #6f86a3;border-radius:12% 12% 50% 50%}.sb-health{--c: #d62c4f;border-radius:50%}.sb.up b{color:#8dffad}.sb.down b{color:#ffb0b0}.card-info{position:absolute;z-index:4;top:-8px;left:50%;transform:translate(-50%);width:calc(var(--b) * .8);height:calc(var(--b) * .8);min-width:18px;min-height:18px;border-radius:50%;border:2px solid #fff;background:#2f7fff;color:#fff;font:italic 700 calc(var(--b) * .5) Georgia,serif;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 2px 6px #000;opacity:.85}.card-info:hover{opacity:1;transform:translate(-50%) scale(1.15)}.hero-banner{position:relative;min-height:440px;background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07060feb,#07060f8c 55%,#07060f33)}.hero-text{position:relative;z-index:2;padding:30px 36px;max-width:720px}.logo{font-size:clamp(2rem,5vw,3.6rem);font-weight:900;line-height:1;margin:0 0 12px;text-shadow:0 0 30px rgba(155,92,255,.6)}.logo span{background:linear-gradient(90deg,#ffd166,#ff6a2b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-heroes{position:absolute;right:2%;bottom:0;display:flex;gap:0;z-index:1}.hero-portrait{width:250px;height:330px;object-fit:cover;border-radius:18px 18px 0 0;margin-left:-40px;box-shadow:0 0 40px #000c;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.hero-portrait:nth-child(2){transform:translateY(-30px);z-index:2}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:18px}.mode{text-align:left;padding:14px 16px;border-radius:14px;cursor:pointer;border:1px solid var(--line);color:var(--text);display:flex;flex-direction:column;gap:4px;transition:.15s}.mode b{font-family:var(--font-d);font-size:1rem}.mode small{color:#d8d3ff;opacity:.8}.mode:hover:not(:disabled){transform:translateY(-3px)}.mode:disabled{opacity:.45;cursor:not-allowed}.mode.ranked{background:linear-gradient(135deg,#ff6a2b8c,#9b5cff73)}.mode.pvp{background:linear-gradient(135deg,#7fd8ff66,#9b5cff66)}.mode.practice{background:linear-gradient(135deg,#3ddc8459,#14142899)}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:18px 22px 60px;max-width:1400px;margin:0 auto}.league{display:flex;gap:16px;align-items:center}.league-badge{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-d);font-weight:900;color:#0b0a16;background:radial-gradient(circle at 35% 30%,#fff,var(--lc) 60%,#000);box-shadow:0 0 24px var(--lc);flex-shrink:0}.big{font-family:var(--font-d);font-size:1.8rem;font-weight:900}.big small{font-size:.8rem;color:var(--muted)}.lbar{position:relative;height:10px;background:#ffffff14;border-radius:99px;margin:8px 0;overflow:visible}.lbar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent2),var(--accent))}.lbar span{position:absolute;right:0;top:12px;font-size:.72rem;color:var(--muted)}.quest .btn{margin-top:10px}.hist{display:grid;grid-template-columns:50px 1fr 40px;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:.88rem}.hist.win span:first-child{color:var(--good)}.hist.loss span:first-child{color:var(--bad)}.rs{display:flex;gap:10px;align-items:center;border-left:3px solid var(--fc);padding:6px 0 6px 10px;margin:6px 0}.builder{padding:16px 22px 260px;max-width:1400px;margin:0 auto}.builder-head{display:flex;justify-content:space-between;align-items:center}.timer{font-family:var(--font-d);font-size:1.3rem}.timer.hot{color:var(--bad);animation:pulse .8s infinite}.match-info{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 16px}.mi-block{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:3px;min-width:150px}.mi-block span{font-family:var(--font-d);font-size:.62rem;letter-spacing:.15em;color:var(--muted)}.mi-block b{font-family:var(--font-d)}.mi-block small{color:var(--muted);font-size:.78rem}.mi-block.mana b{font-size:1.8rem;color:#7fd8ff;text-shadow:0 0 12px #2f7fff}.realm-chips{display:flex;gap:5px;flex-wrap:wrap}.team-bar{position:fixed;left:0;right:0;bottom:0;z-index:15;background:#090816f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.team-slots{display:flex;gap:22px;overflow-x:auto;padding:18px 0 4px}.slot{position:relative;width:94px;flex-shrink:0}.slot .card{--w: 94px}.slot .card-bottom .abilities,.slot .card-title{display:none}.slot.empty{height:132px;border:2px dashed var(--line);border-radius:12px;display:grid;place-items:center;color:var(--muted);font-family:var(--font-d);font-size:.8rem}.slot.summ{margin-right:10px}.slot-pos{position:absolute;top:-16px;left:0;font-family:var(--font-d);font-size:.65rem;color:var(--accent)}.slot-ctl{display:flex;justify-content:space-between;margin-top:2px}.slot-ctl button{background:#ffffff14;border:none;color:var(--text);border-radius:5px;cursor:pointer;padding:1px 8px}.slot-ctl button:disabled{opacity:.25}.team-actions{flex:1;min-width:280px}.mana-meter{position:relative;height:26px;border-radius:99px;background:#ffffff0f;overflow:hidden;border:1px solid var(--line)}.mana-fill{height:100%;background:linear-gradient(90deg,#2f7fff,#7fd8ff);transition:width .25s}.mana-meter.over .mana-fill{background:var(--bad)}.mana-meter span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-d);font-size:.85rem}.battle{min-height:calc(100vh - 58px)}.battle>.scene-content{display:flex;flex-direction:column;min-height:calc(100vh - 58px)}.battle-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:10px;flex-wrap:wrap}.bt-round{font-family:var(--font-d);font-size:1rem;letter-spacing:.2em}.bt-round b{font-size:1.8rem;color:var(--accent)}.bt-info{font-family:var(--font-d);font-size:.85rem;background:#00000073;padding:6px 12px;border-radius:99px}.bt-ctl{display:flex;gap:5px}.battlefield{--uw: clamp(40px, calc((100vw - 320px) / 14.5), 120px);position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 12px 20px}.bside{display:flex;align-items:flex-end;gap:12px;flex:1}.side-0{flex-direction:row;justify-content:flex-end}.side-0 .bunits{flex-direction:row-reverse}.side-1{flex-direction:row-reverse;justify-content:flex-end}.bunits{display:flex;gap:calc(var(--uw) * .3 + 4px);align-items:flex-end}.vs{font-family:var(--font-d);font-weight:900;font-size:1.6rem;color:var(--accent);text-shadow:0 0 20px #ff6a2b;align-self:center}.bsummoner{width:calc(var(--uw) * .9);text-align:center;opacity:.95;flex-shrink:0}.bsummoner-art{width:calc(var(--uw) * .9);height:calc(var(--uw) * .9);border-radius:50%;object-fit:cover;border:3px solid var(--fc);box-shadow:0 0 22px var(--fc)}.bsummoner-name{font-family:var(--font-d);font-size:.66rem;margin-top:4px}.bplayer{font-size:.75rem;color:var(--muted)}.bunit{position:relative;width:var(--uw);transition:transform .25s,opacity .45s,width .45s,margin .45s}.bunit-card{position:relative;border-radius:10px;overflow:hidden;border:2px solid var(--fc);background:#0b0a16;box-shadow:0 6px 18px #0009}.bunit-art{width:100%;height:var(--uw);object-fit:cover;display:block}.bunit-status{position:absolute;top:3px;left:3px;display:flex;gap:2px;font-size:.85rem}.bars{margin-top:4px;display:flex;flex-direction:column;gap:3px}.bar{position:relative;height:13px;background:#0009;border-radius:4px;overflow:hidden}.bar>div{height:100%;transition:width .35s}.bar.hp>div{background:linear-gradient(90deg,#ff3d6e,#ff8a5b)}.bar.armor>div{background:linear-gradient(90deg,#8ea3c0,#dfe8f5)}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:.6rem;font-family:var(--font-d);display:grid;place-items:center;text-shadow:0 1px 2px #000}.bunit.dead{opacity:0;width:0;margin:0 -4px}.bunit.dying{animation:dying .5s forwards}.bunit.acting .bunit-card{box-shadow:0 0 22px var(--fc),0 0 6px #fff}.bunit.lunge-r.melee{animation:lungeR .4s}.bunit.lunge-l.melee{animation:lungeL .4s}.bunit.acting.ranged,.bunit.acting.magic{animation:cast .4s}.bunit.hit .bunit-card{animation:shake .35s}.bunit.hit .bunit-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff3c3c73;animation:fade .35s forwards}.bunit.dodge{animation:dodge .35s}.bunit.healed .bunit-card{box-shadow:0 0 24px #3ddc84}.float{position:absolute;left:50%;top:30px;transform:translate(-50%);font-family:var(--font-d);font-weight:900;font-size:1.3rem;pointer-events:none;white-space:nowrap;animation:floatUp 1s forwards;text-shadow:0 2px 4px #000,0 0 10px currentColor;z-index:5}.float.melee{color:#ff8a5b}.float.ranged{color:#7fd8ff}.float.magic{color:#e2a6ff}.float.miss{color:#ddd;font-size:1rem}.float.heal{color:#3ddc84}.float.status{color:#ffe27a;font-size:.75rem;top:60px}.float.poison{color:#9bff5b}.float.blast,.float.thorns,.float.fatigue,.float.meteor{color:#ffb347;font-size:1rem}.proj{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;pointer-events:none;z-index:6;animation-name:fly;animation-timing-function:ease-in;animation-fill-mode:forwards}.proj-ranged{background:#fff;box-shadow:0 0 12px 4px #7fd8ff;width:26px;height:6px;border-radius:4px}.proj-magic{background:radial-gradient(circle,#fff,#d38bff 50%,transparent 70%);box-shadow:0 0 22px 8px #9b5cff;width:24px;height:24px}.battle-log{position:relative;z-index:3;height:150px;overflow-y:auto;margin:0 18px 14px;padding:8px 12px;background:#05040ebf;border:1px solid var(--line);border-radius:12px;font-size:.82rem;line-height:1.5}.battle-log .log-round{color:var(--accent);font-family:var(--font-d);font-size:.72rem;margin-top:4px}.battle-log .s0{color:#b9e4ff}.battle-log .s1{color:#ffc2c2}.battle-log .log-death{color:var(--bad)}.battle-log .log-heal{color:var(--good)}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#0000008c;display:grid;place-items:center;animation:fade-in .5s}.result-box{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px 36px;min-width:320px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-box h1{font-size:3rem;font-weight:900}.result-box.win h1{color:var(--accent);text-shadow:0 0 30px #ff6a2b}.result-box.loss h1{color:var(--bad)}.rewards{display:flex;gap:18px;justify-content:center;margin:14px 0}.rewards div{display:flex;flex-direction:column;background:#ffffff0d;padding:8px 14px;border-radius:10px}.rewards span{font-size:.72rem;color:var(--muted)}.rewards b{font-family:var(--font-d);font-size:1.2rem}.pos{color:var(--good)}.neg{color:var(--bad)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b3;display:grid;place-items:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:22px;max-width:920px;width:100%;max-height:92vh;overflow-y:auto}.close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--text);font-size:1.2rem;cursor:pointer}.detail{display:flex;gap:22px;flex-wrap:wrap;border-color:var(--fc)}.detail-right{flex:1;min-width:280px}.detail-faction{font-size:.85rem;display:flex;gap:6px;align-items:center}.lore{font-style:italic;color:#cfc9ff;border-left:3px solid var(--fc);padding-left:10px}.lvtable{width:100%;border-collapse:collapse;font-size:.85rem;margin:10px 0}.lvtable th,.lvtable td{padding:4px 6px;text-align:center;border-bottom:1px solid var(--line)}.lvtable tr.cur{background:#9b5cff33}.ab-list{font-size:.85rem;display:flex;flex-direction:column;gap:4px}.progress{margin-top:14px}.lvbar{display:flex;gap:4px;margin:8px 0}.lvbar div{flex:1;text-align:center;padding:4px;border-radius:6px;background:#ffffff0d;font-family:var(--font-d);font-size:.7rem;display:flex;flex-direction:column}.lvbar div.on{background:linear-gradient(135deg,#7b3cff,#ff3cac)}.lvbar small{font-size:.6rem;opacity:.7}.shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px}.pack-offer{display:flex;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;align-items:center}.pack-visual{position:relative;width:140px;height:196px;border-radius:14px;flex-shrink:0;background:linear-gradient(160deg,#ff6a2b,#9b5cff 50%,#1b2466);display:grid;place-items:center;box-shadow:0 0 30px #9b5cff80;overflow:hidden}.pack-visual.onchain{background:linear-gradient(160deg,#f0b90b,#9ad0ff 60%,#1b2466);box-shadow:0 0 30px #f0b90b80}.pack-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.35),transparent 30%);animation:spin 4s linear infinite}.pack-label{position:relative;font-family:var(--font-d);font-weight:900;font-size:1.4rem;text-align:center;text-shadow:0 0 12px #000}.reveal{text-align:center}.reveal-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:20px 0}.story section{max-width:860px;margin:0 auto 18px;line-height:1.75;font-size:1.02rem}.story-hero{max-width:none!important;min-height:280px;border-radius:18px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;text-shadow:0 2px 10px #000}.story-hero h1{font-size:2.6rem;font-weight:900}.realms{display:flex;flex-direction:column;gap:18px}.realm{display:flex;gap:18px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--fc);border-radius:16px;padding:14px;flex-wrap:wrap}.realm-art img{width:220px;height:220px;object-fit:cover;border-radius:12px;box-shadow:0 0 24px color-mix(in srgb,var(--fc) 40%,transparent)}.realm-body{flex:1;min-width:280px}.realm-body h3{display:flex;align-items:center;gap:8px;font-size:1.3rem;color:var(--fc)}.mini-cards{display:flex;gap:6px;flex-wrap:wrap}.mini{width:58px;height:58px;padding:0;border:2px solid var(--fc);border-radius:10px;overflow:hidden;cursor:pointer;background:none}.mini img{width:100%;height:100%;object-fit:cover}.heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.hero{display:flex;gap:14px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--fc);border-radius:16px;padding:12px;cursor:pointer}.hero>img{width:130px;height:130px;object-fit:cover;border-radius:12px;flex-shrink:0}.hero-title{color:var(--fc);font-size:.85rem}.hero p{font-size:.88rem;margin:6px 0 0}.arenas{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}.arena-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.arena-card img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.arena-card>div{padding:10px 14px}.arena-card h3{display:flex;align-items:center;gap:6px}.wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.busy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;display:grid;place-content:center;text-align:center}.spinner{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@keyframes lungeR{50%{transform:translate(34px) scale(1.06)}}@keyframes lungeL{50%{transform:translate(-34px) scale(1.06)}}@keyframes cast{50%{transform:translateY(-10px) scale(1.05)}}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes dodge{50%{transform:translateY(-18px);opacity:.6}}@keyframes fade{to{opacity:0}}@keyframes dying{to{opacity:0;transform:scale(.6) rotate(-8deg);filter:brightness(3)}}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-46px) scale(1)}}@keyframes fly{0%{transform:translate(var(--x1),var(--y1))}to{transform:translate(var(--x2),var(--y2))}}@keyframes legend{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}@media (max-width: 1100px){.hero-heroes{opacity:.35}}@media (max-width: 760px){.battlefield{--uw: clamp(40px, calc((100vw - 110px) / 6.6), 90px);flex-direction:column;gap:6px}.side-0,.side-1{justify-content:center}.bunit-abs{display:none}.vs{font-size:1rem}.card{--w: 140px}.card-sm{--w: 100px}.page,.builder{padding-left:12px;padding-right:12px}.shop{grid-template-columns:1fr}.pack-offer{flex-direction:column}.arenas{grid-template-columns:1fr}.res{margin-left:0}}.ab-head{margin-top:12px}.ab-list{gap:8px!important}.ab-row{display:flex;gap:10px;align-items:flex-start;background:#ffffff0d;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.ab-row.locked{opacity:.5}.ab-ic{font-size:1.5rem;line-height:1}.live-box{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#0000004d;border:1px solid var(--line);border-radius:12px;padding:10px;margin:10px 0}.live-box .sb{--b: 38px}.live-box .live-status{flex-basis:100%;font-size:.85rem}.hint{font-size:.85rem;color:var(--muted);margin:0 0 6px}.i-dot{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#2f7fff;color:#fff;font:italic 700 12px Georgia,serif;border:1px solid #fff}.bunit{--b: calc(var(--uw) * .27);cursor:pointer}.bunit .edge{top:4px;gap:3px}.bunit .edge-l{left:-7px}.bunit .edge-r{right:-7px}.bunit .sb{border-width:1.5px}.bunit .sb i{display:none}.bunit-card{position:relative}.bunit-foot{position:absolute;left:0;right:0;bottom:0;padding:10px 3px 3px;background:linear-gradient(180deg,transparent,rgba(5,4,14,.92) 40%);text-align:center}.bunit-name{font-family:var(--font-d);font-size:clamp(.45rem,calc(var(--uw) * .08),.62rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bunit-abs{display:flex;justify-content:center;gap:1px;font-size:clamp(.5rem,calc(var(--uw) * .1),.8rem)}.bunit:hover .bunit-card{box-shadow:0 0 0 2px #fff,0 6px 18px #0009}.bars .bar.armor{height:5px}.bsummoner{cursor:pointer}.bt-hint{color:var(--muted);font-family:var(--font);font-size:.78rem}@media (max-width: 1100px){.bt-hint{display:none}}.btn.icon{padding:5px 8px}.btn.icon.off{opacity:.5}.arena-img{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center}.card-topband{position:absolute;left:0;right:0;top:0;height:12%;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 38%,#0b0a16),#0b0a16);border-bottom:1px solid color-mix(in srgb,var(--fc) 60%,transparent)}.art-stage{position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:2;pointer-events:none;transform-style:preserve-3d}.art-bg,.art-pop{position:absolute;width:115%;left:-7.5%;bottom:26%;aspect-ratio:1 / 1;height:auto;object-fit:cover}.art-bg{clip-path:inset(24.5% 6.5% 0 6.5% round 8px 8px 0 0)}.art-pop{clip-path:inset(3.8% 0 0 0);transform:translateZ(26px);filter:drop-shadow(0 6px 6px rgba(0,0,0,.65));transition:transform .18s ease-out}.card:hover .art-pop{transform:translateZ(40px) scale(1.02)}.card-glare{position:absolute;top:3px;right:3px;bottom:3px;left:3px;z-index:3;border-radius:10px;pointer-events:none;opacity:0;transition:opacity .2s;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 30%),rgba(255,255,255,.28),rgba(255,255,255,.06) 35%,transparent 60%);mix-blend-mode:overlay}.card:hover .card-glare{opacity:1}.card.rarity-legendary .card-glare{background:radial-gradient(circle at var(--gx, 50%) var(--gy, 30%),rgba(255,236,160,.45),rgba(180,120,255,.12) 40%,transparent 65%)}.card-mana,.card-sigil,.edge,.card-info{transform:translateZ(60px)}.card-badge{transform:translateZ(60px) translate(-50%)}.card-info:hover{transform:translateZ(60px) translate(-50%) scale(1.15)}.card-info{transform:translateZ(60px) translate(-50%)}.card.dim .art-pop{display:none}.sb.buff{border-color:#8dffad;box-shadow:0 0 6px #8dffad99,0 2px 5px #000c}.sb.debuff{border-color:#ff7b7b;box-shadow:0 0 6px #ff5a5a99,0 2px 5px #000c}.sb.buff b,.sb.debuff b{font-size:calc(var(--b) * .4)}.sb.debuff b{color:#ffd0d0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-left:6px}.seg button{background:transparent;border:none;color:var(--muted);padding:6px 12px;cursor:pointer;font-size:.85rem}.seg button.on{background:#9b5cff59;color:var(--text)}.ctable-wrap{overflow-x:auto}.ctable{width:100%;border-collapse:collapse;font-size:.88rem;min-width:900px}.ctable th{position:sticky;top:58px;background:var(--bg2);padding:8px 6px;font-family:var(--font-d);font-size:.72rem;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}.ctable th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ctable th.sortable:hover,.ctable th.on{color:var(--text)}.ctable td{padding:6px;text-align:center;border-bottom:1px solid var(--line);font-family:var(--font-d);font-size:.8rem}.ctable tbody tr{cursor:pointer}.ctable tbody tr:hover{background:#ffffff0d}.ctable tr.unowned{opacity:.45}.ctable td.cname{display:flex;gap:10px;align-items:center;text-align:left;font-family:var(--font);min-width:220px}.ctable td.cname b{font-family:var(--font-d);font-size:.8rem}.ctable .cthumb{width:42px;height:42px;object-fit:cover;border-radius:8px;flex-shrink:0}.ctable td.left,.lvtable td.left{text-align:left;font-family:var(--font)}.ctable td.abs span{font-size:1rem;margin:0 1px}.ctable td.abs span.locked{opacity:.3}.gain{color:#7dff9a;font-size:.7em;margin-left:3px;vertical-align:super}.mini-bar{height:4px;background:#ffffff1a;border-radius:99px;margin-top:3px;overflow:hidden}.mini-bar>div{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}.art-pop{animation:pop-idle 5.5s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes pop-idle{0%,to{translate:0 0;scale:1}50%{translate:0 -1.6%;scale:1.012}}.card-fx{position:absolute;left:0;right:0;top:12%;bottom:26%;overflow:hidden;border-radius:8px 8px 0 0;pointer-events:none;transform:translateZ(10px)}.card-fx:before,.card-fx:after{content:"";position:absolute;left:0;right:0;top:0;height:200%;background-size:100% 50%;will-change:transform}.card-fx:before{animation:fx-rise 7s linear infinite;animation-delay:var(--d, 0s);opacity:.9}.card-fx:after{animation:fx-rise 12s linear infinite;animation-delay:calc(var(--d, 0s) * 1.7);opacity:.6;filter:blur(.6px)}@keyframes fx-rise{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes fx-fall{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes fx-twinkle{0%,to{opacity:.15}50%{opacity:1}}.fx-solaris:before{background-image:radial-gradient(circle at 18% 30%,#ffd166 0 1.2px,transparent 2.5px),radial-gradient(circle at 72% 62%,#ff6a2b 0 1.5px,transparent 3px),radial-gradient(circle at 44% 88%,#ffb347 0 1px,transparent 2px),radial-gradient(circle at 88% 12%,#ffd166 0 1px,transparent 2px)}.fx-solaris:after{background-image:radial-gradient(circle at 30% 55%,rgba(255,120,40,.9) 0 2px,transparent 4px),radial-gradient(circle at 80% 85%,rgba(255,200,80,.8) 0 1.6px,transparent 3.5px);animation-duration:9s}.fx-abyssal:before{background-image:radial-gradient(circle at 25% 40%,#ff3cac 0 1px,transparent 2px),radial-gradient(circle at 70% 75%,#c77dff 0 1.2px,transparent 2.5px),radial-gradient(circle at 55% 15%,#ff3cac 0 .8px,transparent 2px);animation-name:fx-fall;animation-duration:11s}.fx-abyssal:after{background-image:radial-gradient(ellipse 30% 8% at 30% 50%,rgba(120,60,200,.35),transparent 70%),radial-gradient(ellipse 25% 6% at 75% 20%,rgba(80,20,140,.4),transparent 70%);animation-duration:16s;filter:blur(2px)}.fx-bionebula:before{background-image:radial-gradient(circle at 20% 70%,#d4ff5b 0 1.4px,transparent 3px),radial-gradient(circle at 65% 35%,#7cffc4 0 1.8px,transparent 3.5px),radial-gradient(circle at 85% 80%,#3ddc84 0 1.2px,transparent 3px);animation-duration:10s}.fx-bionebula:after{background-image:radial-gradient(circle at 40% 20%,rgba(124,255,196,.7) 0 2.5px,transparent 5px),radial-gradient(circle at 10% 55%,rgba(212,255,91,.6) 0 2px,transparent 4.5px);animation-duration:15s}.fx-aethelgard:before{background-image:radial-gradient(circle at 30% 60%,#fff 0 1px,transparent 2px),radial-gradient(circle at 75% 25%,#ffe27a 0 1.2px,transparent 2.5px),radial-gradient(circle at 55% 90%,#7fd8ff 0 1px,transparent 2px);animation-duration:8s}.fx-aethelgard:after{background-image:radial-gradient(circle at 15% 30%,rgba(255,226,122,.8) 0 1.8px,transparent 4px),radial-gradient(circle at 85% 70%,rgba(255,255,255,.8) 0 1.4px,transparent 3.5px)}.fx-draconis:before,.fx-draconis:after{height:100%;background-size:100% 100%;animation-name:fx-twinkle}.fx-draconis:before{background-image:radial-gradient(circle at 15% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 80% 30%,#e6f3ff 0 1.2px,transparent 2.5px),radial-gradient(circle at 60% 12%,#e0a5ff 0 1px,transparent 2px);animation-duration:3.2s}.fx-draconis:after{background-image:radial-gradient(circle at 35% 40%,#fff 0 1px,transparent 2px),radial-gradient(circle at 90% 55%,#9ad0ff 0 1.3px,transparent 2.5px),radial-gradient(circle at 8% 60%,#fff 0 .8px,transparent 2px);animation-duration:4.6s;filter:none}.fx-neutral:before{background-image:radial-gradient(circle at 30% 50%,rgba(255,224,163,.8) 0 1px,transparent 2px),radial-gradient(circle at 75% 20%,rgba(200,200,210,.7) 0 1px,transparent 2px);animation-duration:14s}.fx-neutral:after{background-image:radial-gradient(circle at 60% 80%,rgba(242,165,65,.6) 0 1.5px,transparent 3px);animation-duration:20s}.card-sm .card-fx:after{display:none}.card.rarity-epic .art-stage:after,.card.rarity-legendary .art-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;transform:translateZ(30px);mix-blend-mode:screen;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 48%,rgba(255,255,255,.05) 55%,transparent 65%);background-size:250% 100%;animation:shine 6s ease-in-out infinite;animation-delay:var(--d, 0s)}.card.rarity-legendary .art-stage:after{background-image:linear-gradient(115deg,transparent 35%,rgba(255,230,150,.35) 48%,rgba(255,255,255,.08) 55%,transparent 65%);animation-duration:4.5s}@keyframes shine{0%,55%{background-position:150% 0}to{background-position:-60% 0}}.card-glare{z-index:5}.card-mana{animation:mana-glow 3s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes mana-glow{0%,to{box-shadow:0 0 6px #4fa3ff,0 2px 4px #000}50%{box-shadow:0 0 14px #7fc4ff,0 2px 4px #000}}.card.dim .card-fx,.card.dim .art-stage:after{display:none}@media (prefers-reduced-motion: reduce){.art-pop,.card-fx:before,.card-fx:after,.art-stage:after,.card-mana{animation:none!important}}.art-backdrop{position:absolute;left:0;right:0;top:12%;height:62%;overflow:hidden;border-radius:8px 8px 0 0;transform:translateZ(-10px)}.art-backdrop>*{position:absolute;left:-7%;top:-7%;width:114%;height:114%;object-fit:cover;background-size:cover;background-position:center;filter:brightness(.78) saturate(1.05);transform:translate(calc(var(--sx, 0) * -14px),calc(var(--sy, 0) * -10px));transition:transform .25s ease-out}.art-aura{position:absolute;left:12%;right:12%;top:16%;height:52%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--fc) 70%,#fff) 0%,color-mix(in srgb,var(--fc) 45%,transparent) 45%,transparent 100%);opacity:.35;mix-blend-mode:screen;transform:translateZ(4px);animation:aura-pulse 4.2s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes aura-pulse{0%,to{opacity:.22;scale:.94}45%{opacity:.5;scale:1.04}}.char-rig{position:absolute;left:9%;width:82%;bottom:20%;aspect-ratio:2 / 3;transform:translateZ(34px) translate(calc(var(--sx, 0) * 6px),calc(var(--sy, 0) * 4px));transition:transform .2s ease-out;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85)) drop-shadow(calc(var(--sx, 0) * -10px) calc(6px + var(--sy, 0) * -6px) 8px rgba(0,0,0,.6))}.card:hover .char-rig{transform:translateZ(50px) translate(calc(var(--sx, 0) * 8px),calc(var(--sy, 0) * 5px))}.art-stage.floats .char-rig{animation:char-float 4.4s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes char-float{0%,to{translate:0 0}50%{translate:0 -1.6%}}.char-part{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;pointer-events:none}.part-lower{-webkit-mask-image:linear-gradient(to bottom,transparent 44%,#000 58%);mask-image:linear-gradient(to bottom,transparent 44%,#000 58%)}.part-upper{-webkit-mask-image:linear-gradient(to bottom,#000 44%,transparent 58%);mask-image:linear-gradient(to bottom,#000 44%,transparent 58%);transform-origin:50% 56%;animation:part-breathe 4.2s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes part-breathe{0%,to{transform:scale(1)}40%{transform:scale(1.008,1.022)}55%{transform:scale(1.007,1.019)}}.char-rig.winged .part-upper{-webkit-mask-image:linear-gradient(to bottom,#000 44%,transparent 58%),linear-gradient(to right,transparent 24%,#000 36% 64%,transparent 76%);mask-image:linear-gradient(to bottom,#000 44%,transparent 58%),linear-gradient(to right,transparent 24%,#000 36% 64%,transparent 76%);-webkit-mask-composite:source-in;mask-composite:intersect}.part-wing-l,.part-wing-r{animation-duration:3.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--d, 0s) * 1.3)}.part-wing-l{-webkit-mask-image:linear-gradient(to bottom,#000 44%,transparent 58%),linear-gradient(to right,#000 24%,transparent 36%);mask-image:linear-gradient(to bottom,#000 44%,transparent 58%),linear-gradient(to right,#000 24%,transparent 36%);-webkit-mask-composite:source-in;mask-composite:intersect;transform-origin:38% 38%;animation-name:wing-l}.part-wing-r{-webkit-mask-image:linear-gradient(to bottom,#000 44%,transparent 58%),linear-gradient(to left,#000 24%,transparent 36%);mask-image:linear-gradient(to bottom,#000 44%,transparent 58%),linear-gradient(to left,#000 24%,transparent 36%);-webkit-mask-composite:source-in;mask-composite:intersect;transform-origin:62% 38%;animation-name:wing-r}@keyframes wing-l{0%,to{transform:rotate(0)}45%{transform:rotate(2.2deg) translateY(-.6%)}}@keyframes wing-r{0%,to{transform:rotate(0)}45%{transform:rotate(-2.2deg) translateY(-.6%)}}.card.dim .art-aura{display:none}@media (prefers-reduced-motion: reduce){.art-aura,.char-rig,.char-part{animation:none!important}}@property --ang{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.card.lv-2 .card-inner{box-shadow:inset 0 0 0 1px #ffffff59}.card.lv-3{background:linear-gradient(135deg,var(--rc) 0%,#fff 18%,var(--rc) 32%,var(--fc) 55%,#11101f 75%,var(--rc) 100%);background-size:260% 260%;animation:frame-sheen 5s linear infinite}.card.lv-3 .card-inner{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 60%,#fff)}.card.lv-4{padding:4px;background:linear-gradient(135deg,var(--rc) 0%,#fff 16%,var(--rc) 30%,color-mix(in srgb,var(--rc) 60%,#000) 50%,var(--rc) 70%,#fff 84%,var(--rc) 100%);background-size:260% 260%;animation:frame-sheen 4s linear infinite,frame-glow 2.6s ease-in-out infinite}.card.lv-4 .card-inner{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rc) 70%,#fff)}.card.lv-5{padding:5px;background:conic-gradient(from var(--ang),var(--rc),#ff6ad5,#7fd8ff,#b8f35b,#ffd166,var(--rc));animation:frame-spin 4s linear infinite,frame-glow 2.2s ease-in-out infinite}.card.lv-5 .card-inner{box-shadow:inset 0 0 0 2px #fff,inset 0 0 18px color-mix(in srgb,var(--rc) 60%,transparent)}@keyframes frame-sheen{0%{background-position:0% 0%}to{background-position:260% 260%}}@keyframes frame-glow{0%,to{box-shadow:0 6px 16px #00000080,0 0 8px var(--rc)}50%{box-shadow:0 6px 16px #00000080,0 0 22px var(--rc)}}@keyframes frame-spin{to{--ang: 360deg}}.card.dim{animation:none!important}.card-level{display:flex;align-items:center;gap:3px}.lv-pips{display:inline-flex;gap:1px}.lv-pips i{width:4px;height:4px;transform:rotate(45deg);background:#ffffff2e;display:block}.lv-pips i.on{background:var(--rc);box-shadow:0 0 3px var(--rc)}.card-sm .lv-pips{display:none}.card-uid{position:absolute;z-index:5;transform:translateZ(50px);bottom:5px;left:9px;font-family:ui-monospace,Consolas,monospace;font-size:.55rem;color:var(--muted);letter-spacing:.02em}.card-uid.nft{color:#f0b90b}.card-lg .card-uid{font-size:.72rem}.card-sm .card-uid{display:none}.name-plate{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.name-plate:not(.np-img){isolation:isolate}.name-plate:not(.np-img):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.np-monster:not(.np-img){padding:4px 9%}.np-monster:not(.np-img):before{background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 45%,#1b1830),#0e0c1c 80%);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);box-shadow:inset 0 1px color-mix(in srgb,var(--fc) 80%,#fff)}.np-summoner:not(.np-img){padding:6px 12% 7px;margin-top:8px}.np-summoner:not(.np-img):before{background:linear-gradient(180deg,color-mix(in srgb,var(--fc2) 55%,#2a1e10),color-mix(in srgb,var(--fc) 35%,#0e0c1c) 85%);clip-path:polygon(0 18%,6% 0,94% 0,100% 18%,96% 58%,100% 100%,90% 86%,10% 86%,0 100%,4% 58%)}.np-crown{position:absolute;top:-.95em;left:50%;transform:translate(-50%);color:var(--fc2);font-size:calc(var(--w) * .09);text-shadow:0 0 6px var(--fc),0 1px 2px #000;line-height:1}.np-summoner:not(.np-img){overflow:visible}.name-plate.np-img{aspect-ratio:3 / 1;background-size:100% 100%;background-repeat:no-repeat;padding:0 17%}.np-summoner.np-img{padding-top:5%}.name-plate .card-name{text-shadow:0 1px 2px #000,0 0 6px #000}.card-bottom .card-type{margin-bottom:1px}.sb.sb-framed{background:none;border:none;box-shadow:none;border-radius:0}.sb-framed .sb-frame{position:absolute;left:-22%;top:-22%;width:144%;height:144%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}.sb-framed b{position:relative;z-index:1}.sb-framed.buff .sb-frame{filter:drop-shadow(0 0 4px #8dffad) drop-shadow(0 2px 3px rgba(0,0,0,.7))}.sb-framed.debuff .sb-frame{filter:drop-shadow(0 0 4px #ff6b6b) drop-shadow(0 2px 3px rgba(0,0,0,.7))}.card-mana.mana-framed{background:none;border:none;box-shadow:none;animation:none}.card-mana.mana-framed .sb-frame{position:absolute;left:-18%;top:-18%;width:136%;height:136%;object-fit:contain;filter:drop-shadow(0 0 6px #4fa3ff);animation:mana-img-glow 3s ease-in-out infinite}.card-mana b{position:relative;z-index:1}@keyframes mana-img-glow{50%{filter:drop-shadow(0 0 12px #7fc4ff)}}.emblem-img{object-fit:contain;display:block}.instances{margin-top:14px}.inst-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;padding-right:4px}.inst-row{display:grid;grid-template-columns:44px 1fr 110px auto auto;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line);font-size:.85rem}.inst-row.base{border-color:var(--accent);background:#ffd16614}.inst-row.burn{border-color:#ff6a2b;background:#ff6a2b1a}.inst-lv{font-family:var(--font-d);font-weight:900;font-size:.75rem;text-align:center;border-radius:6px;padding:2px 0;background:#ffffff14}.inst-lv.lv2{color:#cfe3ff}.inst-lv.lv3{color:#ffe27a}.inst-lv.lv4{color:#ffb347;box-shadow:0 0 6px #ffb34780}.inst-lv.lv5{color:#fff;background:linear-gradient(90deg,#ff6ad5,#7fd8ff,#b8f35b,#ffd166)}.inst-uid{font-family:ui-monospace,Consolas,monospace;letter-spacing:.03em}.inst-copies{font-family:var(--font-d);font-size:.72rem}.burn-toggle{display:inline-flex;gap:4px;align-items:center;font-size:.8rem;cursor:pointer}.combine-box{margin-top:10px;padding:12px;border-radius:12px;border:1px dashed rgba(255,179,71,.5);background:#ff6a2b0f}.combine-preview{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.combine-preview b{font-family:var(--font-d);font-size:1.1rem}.combine-btn{width:100%;font-size:1rem}.lvfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#281446eb,#000000f2);animation:fade-in .25s;cursor:pointer}.lvfx-stage{position:relative;width:560px;height:620px;max-width:100vw;display:grid;place-items:center}.lvfx-rays{position:absolute;left:50%;top:42%;width:900px;height:900px;margin:-450px 0 0 -450px;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,220,120,.22) 0 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 65%);mask-image:radial-gradient(circle,#000 20%,transparent 65%)}.lvfx-stage.reveal .lvfx-rays{opacity:1;animation:rays-spin 14s linear infinite;transition:opacity .6s}@keyframes rays-spin{to{transform:rotate(360deg)}}.lvfx-burnt{position:absolute;left:50%;top:42%;margin:-83px 0 0 -59px;transform:rotate(var(--a)) translateY(-230px) rotate(calc(var(--a) * -1));animation:burn-in 1.05s cubic-bezier(.55,0,.9,.4) forwards;animation-delay:calc(var(--i) * .04s)}.lvfx-burnt .card{pointer-events:none}@keyframes burn-in{0%{transform:rotate(var(--a)) translateY(-230px) rotate(calc(var(--a) * -1)) scale(1);filter:none;opacity:1}55%{filter:sepia(1) saturate(4) hue-rotate(-20deg) brightness(1.4)}to{transform:rotate(var(--a)) translateY(0) rotate(calc(var(--a) * -1 + 180deg)) scale(.15);filter:brightness(5) blur(2px);opacity:0}}.lvfx-flash{position:absolute;left:50%;top:42%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;opacity:0;pointer-events:none}.lvfx-stage.reveal .lvfx-flash{animation:flash .7s ease-out}@keyframes flash{0%{opacity:1;transform:scale(1);box-shadow:0 0 60px 30px #fff,0 0 120px 60px #ffd166}to{opacity:0;transform:scale(18)}}.lvfx-card{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scale(.3);opacity:0}.lvfx-stage.reveal .lvfx-card{animation:card-pop .8s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes card-pop{to{transform:translate(-50%,-50%) scale(1);opacity:1}}.lvfx-text{position:absolute;bottom:0;left:0;right:0;text-align:center;opacity:0}.lvfx-stage.reveal .lvfx-text{animation:fade-up .6s .45s forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.lvfx-text h1{font-size:2.6rem;font-weight:900;margin:0;background:linear-gradient(90deg,#ffd166,#fff,#ff6ad5,#7fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(255,209,102,.6))}.lvfx-lv{font-family:var(--font-d);font-size:1.3rem;margin:4px 0}.lvfx-lv span{color:var(--accent);margin:0 6px}.lvfx-gains{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0}.lvfx-gains span{background:#3ddc842e;border:1px solid #3ddc84;color:#afc;border-radius:99px;padding:2px 10px;font-size:.85rem;opacity:0;animation:fade-up .4s forwards}.scene{position:relative;overflow:hidden;isolation:isolate;background:#05040c}.scene-layer{position:absolute;pointer-events:none}.scene-content{position:relative;z-index:2}.scene-bg{top:-5%;right:-5%;bottom:-5%;left:-5%;background-size:cover;background-position:center;transform:translate(calc(var(--mx, 0) * -22px),calc(var(--my, 0) * -14px));transition:transform .6s ease-out}.scene-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-size:cover;background-position:center;animation:kenburns 38s ease-in-out infinite alternate}.scene-bg{background:none}.scene-bg:after{background-image:inherit}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.09) translate(-1.5%,-1%)}}.scene-fog{top:0;right:-40%;bottom:0;left:-40%;opacity:.55;mix-blend-mode:screen;background:radial-gradient(ellipse 30% 18% at 20% 70%,rgba(255,255,255,.1),transparent 70%),radial-gradient(ellipse 25% 14% at 65% 82%,rgba(255,255,255,.08),transparent 70%),radial-gradient(ellipse 35% 20% at 90% 60%,rgba(255,255,255,.07),transparent 70%);animation:fog-drift 60s linear infinite}.scene-fog.f2{opacity:.4;animation-duration:95s;animation-direction:reverse;transform:scaleY(-1);top:30%}@keyframes fog-drift{0%{translate:0 0}to{translate:-28% 0}}.scene-solaris .scene-fog{filter:sepia(1) saturate(3) hue-rotate(-25deg)}.scene-abyssal .scene-fog{filter:sepia(1) saturate(3) hue-rotate(220deg)}.scene-bionebula .scene-fog{filter:sepia(1) saturate(3) hue-rotate(70deg)}.scene-draconis .scene-fog{filter:sepia(1) saturate(2) hue-rotate(170deg)}.scene-rays{left:50%;top:-60%;width:180vmax;height:180vmax;margin-left:-90vmax;opacity:.18;mix-blend-mode:screen;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,236,190,.5) 0 3deg,transparent 3deg 14deg);-webkit-mask-image:radial-gradient(circle,#000 5%,transparent 55%);mask-image:radial-gradient(circle,#000 5%,transparent 55%);animation:rays-spin 140s linear infinite,rays-pulse 7s ease-in-out infinite}@keyframes rays-pulse{50%{opacity:.3}}.scene-solaris .scene-rays{left:72%;filter:hue-rotate(-20deg)}.scene-motes{top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-motes:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 260px);background-size:260px 260px;animation:motes-rise 18s linear infinite}.scene-motes.near:before{background-size:420px 420px;height:calc(100% + 420px);animation:motes-rise-near 11s linear infinite;filter:blur(.7px);opacity:.8}@keyframes motes-rise{0%{transform:translateY(0)}to{transform:translateY(-260px)}}@keyframes motes-rise-near{0%{transform:translateY(0)}to{transform:translateY(-420px)}}.m-solaris:before{background-image:radial-gradient(circle at 20% 30%,#ffd166 0 1.6px,transparent 3px),radial-gradient(circle at 70% 60%,#ff6a2b 0 2px,transparent 4px),radial-gradient(circle at 45% 90%,#ffb347 0 1.2px,transparent 3px),radial-gradient(circle at 90% 15%,#ffd166 0 1.4px,transparent 3px)}.m-abyssal:before{background-image:radial-gradient(circle at 25% 40%,#ff3cac 0 1.4px,transparent 3px),radial-gradient(circle at 70% 75%,#c77dff 0 1.8px,transparent 4px),radial-gradient(circle at 55% 15%,#9b5cff 0 1.2px,transparent 3px);animation-direction:reverse}.m-bionebula:before{background-image:radial-gradient(circle at 20% 70%,#d4ff5b 0 2px,transparent 4px),radial-gradient(circle at 65% 35%,#7cffc4 0 2.6px,transparent 5px),radial-gradient(circle at 85% 80%,#3ddc84 0 1.6px,transparent 4px)}.m-aethelgard:before{background-image:radial-gradient(circle at 30% 60%,#fff 0 1.4px,transparent 3px),radial-gradient(circle at 75% 25%,#ffe27a 0 1.8px,transparent 4px),radial-gradient(circle at 55% 90%,#7fd8ff 0 1.3px,transparent 3px)}.m-draconis:before{background-image:radial-gradient(circle at 15% 20%,#fff 0 1.3px,transparent 3px),radial-gradient(circle at 80% 30%,#e6f3ff 0 1.6px,transparent 3.5px),radial-gradient(circle at 60% 72%,#e0a5ff 0 1.3px,transparent 3px);animation:motes-twinkle 3.5s ease-in-out infinite;height:100%;background-size:200px 200px}.m-draconis.near:before{animation:motes-twinkle 5.2s ease-in-out infinite;height:100%}@keyframes motes-twinkle{0%,to{opacity:.25}50%{opacity:1}}.m-neutral:before{background-image:radial-gradient(circle at 30% 50%,rgba(255,224,163,.9) 0 1.4px,transparent 3px),radial-gradient(circle at 75% 20%,rgba(200,200,210,.8) 0 1.2px,transparent 3px);animation-duration:30s}.scene-vignette{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 55%,transparent 45%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.35),transparent 25%,transparent 72%,rgba(0,0,0,.55))}@media (prefers-reduced-motion: reduce){.scene-layer,.scene-bg:after,.scene-motes:before{animation:none!important}}.hub{min-height:calc(100vh - 58px)}.hub>.scene-content{min-height:calc(100vh - 58px);display:grid;grid-template-rows:auto 1fr auto}.hub-title{text-align:center;padding:18px 16px 0}.hub-title .logo{font-size:clamp(1.8rem,4.2vw,3.2rem);margin:0}.hub-title p{margin:4px 0 0;color:#d8d3ff;letter-spacing:.08em;font-size:.9rem;text-shadow:0 1px 4px #000}.hub-map{position:relative;width:min(94vw,1000px);height:min(62vh,620px);min-height:440px;margin:0 auto}.hub-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.hub-links line{stroke-width:.35;stroke-dasharray:1.2 1.6;opacity:.75;filter:drop-shadow(0 0 1px currentColor);animation:link-flow 2.2s linear infinite;vector-effect:non-scaling-stroke;stroke-width:2.5px}@keyframes link-flow{to{stroke-dashoffset:-2.8}}.hub-orbit{fill:none;stroke:#ffecbe59;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:4 8}.hub-core{position:absolute;left:50%;top:46%;width:clamp(150px,22vmin,240px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.hub-core img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;animation:core-float 6s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(255,236,190,.8))}.core-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;background:radial-gradient(circle,rgba(255,245,210,.85) 0%,rgba(255,209,102,.35) 25%,rgba(155,92,255,.15) 50%,transparent 70%);animation:core-pulse 4s ease-in-out infinite}@keyframes core-pulse{50%{transform:scale(1.12);opacity:.8}}@keyframes core-float{50%{transform:translateY(-4%) rotate(3deg)}}.core-fallback{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#ffe9a8 35%,#ffb347 70%,#ff6a2b);box-shadow:0 0 40px #ffd166,0 0 90px #ffd16680;animation:core-float 6s ease-in-out infinite}.core-fallback i{position:absolute;left:50%;top:50%;width:16%;height:30%;margin:-15% 0 0 -8%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 10px currentColor;transform:rotate(calc(var(--i) * 72deg)) translateY(-170%);animation:shard-orbit 16s linear infinite}@keyframes shard-orbit{0%{rotate:0deg}to{rotate:360deg}}.hub-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text);cursor:pointer;padding:6px}.hub-node .node-ring{position:absolute;left:50%;top:38px;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fc) 45%,transparent),transparent 70%);border:2px solid color-mix(in srgb,var(--fc) 70%,#fff);box-shadow:0 0 18px var(--fc),inset 0 0 18px var(--fc);animation:node-pulse 3.2s ease-in-out infinite}.hub-node:nth-of-type(2n) .node-ring{animation-delay:-1.1s}@keyframes node-pulse{50%{transform:scale(1.08);box-shadow:0 0 30px var(--fc),inset 0 0 24px var(--fc)}}.hub-node svg,.hub-node img{position:relative;filter:drop-shadow(0 0 8px var(--fc));transition:transform .2s}.hub-node:hover svg,.hub-node:hover img{transform:scale(1.15)}.hub-node b{position:relative;margin-top:10px;font-family:var(--font-d);font-size:.85rem;text-shadow:0 1px 4px #000,0 0 8px var(--fc)}.hub-node small{position:relative;font-size:.7rem;color:#d8d3ff;opacity:0;transition:opacity .2s;text-shadow:0 1px 3px #000;white-space:nowrap}.hub-node:hover small{opacity:1}.hub-actions{position:absolute;left:50%;top:80%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.hub-battle{position:relative;font-family:var(--font-d);font-weight:900;font-size:1.5rem;letter-spacing:.12em;color:#2a1600;padding:12px 42px 10px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,#fff2c2,#ffd166 45%,#ff9f43);box-shadow:0 0 0 2px #fff6d8,0 0 26px #ffd166cc,0 8px 18px #0009;display:flex;flex-direction:column;align-items:center;animation:battle-glow 2.6s ease-in-out infinite}.hub-battle span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.2rem}.hub-battle small{font-size:.62rem;letter-spacing:.1em;font-weight:700;opacity:.75}.hub-battle:hover{transform:translateY(-2px) scale(1.03)}@keyframes battle-glow{50%{box-shadow:0 0 0 2px #fff6d8,0 0 44px #ffd166,0 8px 18px #0009}}.hub-sub{display:flex;gap:8px}.hub-sub .btn{background:#0c0a1eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-fig{position:absolute;bottom:190px;width:clamp(150px,17vw,260px);aspect-ratio:2 / 3;z-index:1;pointer-events:none}.hero-left{left:2%}.hero-right{right:2%}.hero-glow{position:absolute;left:10%;right:10%;bottom:0;height:18%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--fc) 60%,transparent),transparent 70%);filter:blur(4px)}.hero-rig.char-rig{left:0;width:100%;bottom:0;transform:none}.hero-right .hero-rig{scale:-1 1}.hero-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.hero-name{display:none;position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-family:var(--font-d);font-size:.75rem;color:#d8d3ff;text-shadow:0 1px 3px #000}.hub-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 18px 18px;max-width:1300px;width:100%;margin:0 auto}.hub-hud .panel{background:#0e0c22b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 14px}.hub-hud .league-badge{width:64px;height:64px;font-size:.8rem}.hub-hud .big{font-size:1.4rem}.realm-panel{border-color:var(--fc)}.realm-head{display:flex;gap:16px;align-items:center}.realm-head h2{color:var(--fc)}.realm-cards{margin-top:10px}@media (max-width: 1100px){.hero-fig{opacity:.35}}@media (max-width: 760px){.hero-fig{display:none}.hub-map{height:70vh}.hub-node .node-ring{width:64px;height:64px;margin:-32px 0 0 -32px;top:28px}.hub-hud{grid-template-columns:1fr}}.name-plate .card-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:calc(var(--w) * .066);line-height:1.15}.name-plate.fit-l .card-name{font-size:calc(var(--w) * .055);letter-spacing:-.01em}.name-plate.fit-xl .card-name{font-size:calc(var(--w) * .047);letter-spacing:-.02em}.name-plate.np-img{padding:0 15%}.np-summoner.np-img{padding:6% 16% 0}.card-bottom .card-title{margin-top:1px;font-size:calc(var(--w) * .045);line-height:1.1;text-shadow:0 1px 2px #000}.emblem-img{display:inline-block;vertical-align:middle}.card-sigil .emblem-img,.hub-node .emblem-img,.realm-head .emblem-img{display:block}.hub-orbit{fill:none}.hub .hub-map{width:100%}.hub .scene-bg{transform:translate(calc(var(--mx, 0) * -6px),calc(var(--my, 0) * -4px))}.hub .scene-bg:after{animation:none}.hub .hero-fig{width:clamp(120px,13vw,210px)}.card-sigil{top:-9px;right:-9px;background:none;border:none;padding:0;box-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85)) drop-shadow(0 0 4px color-mix(in srgb,var(--fc) 60%,transparent))}.name-plate.np-img{width:152%;margin:calc(var(--w) * -.081) 0 calc(var(--w) * -.066);padding:0 17%;z-index:5;position:relative;transform:translateZ(20px)}.np-summoner.np-img{padding:5.2% 18% 0;margin-top:calc(var(--w) * -.124)}.name-plate.np-img .card-name{font-size:calc(var(--w) * .07)}.name-plate.np-img.fit-l .card-name{font-size:calc(var(--w) * .059)}.name-plate.np-img.fit-xl .card-name{font-size:calc(var(--w) * .05)}.sb-framed .sb-frame{left:-14%;top:-14%;width:128%;height:128%}.sb-framed b{-webkit-text-stroke:calc(var(--b) * .07) #0b0a16;paint-order:stroke fill;text-shadow:0 2px 3px rgba(0,0,0,.9);font-size:calc(var(--b) * .56)}.card-mana.mana-framed b{-webkit-text-stroke:calc(var(--b) * .08) #0b0a16;paint-order:stroke fill}.card-bottom:has(.np-summoner.np-img) .card-type{display:none}.hub-spacer{min-height:46vh}.hub-portals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hub-portals>*{pointer-events:auto}.hub-portals .hub-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hub-portals .hub-core{transform:translate(-50%,-50%)}.hub-portals .hub-actions{transform:translate(-50%,-50%);flex-direction:row;align-items:center;gap:14px}.hub-hud,.hub-title{position:relative;z-index:2}.hub-side{background:#0c0a1eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.hub-dock{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr 1fr;max-width:1180px;width:calc(100% - 36px);margin:0 auto 16px;background:linear-gradient(180deg,#14102cc7,#080714e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,214,140,.28);border-radius:18px 18px 14px 14px;box-shadow:0 -10px 40px #00000073,inset 0 1px #ffecbe2e,0 0 0 1px #00000080}.hub-dock:before{content:"";position:absolute;left:6%;right:6%;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#ffd98a 20%,#fff3cf 50%,#ffd98a 80%,transparent);box-shadow:0 0 12px #ffd28299}.dock-trim{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;pointer-events:none}.dock-trim i{width:46px;height:2px;background:linear-gradient(90deg,transparent,#ffd98a)}.dock-trim i:last-child{transform:scaleX(-1)}.dock-gem{width:14px;height:14px;transform:rotate(45deg);background:radial-gradient(circle at 35% 35%,#fff,#ffd98a 45%,#b07a20);box-shadow:0 0 10px #ffdc96e6,0 0 0 2px #140e28e6}.dock-sec{position:relative;display:flex;gap:14px;align-items:center;padding:16px 20px 14px;min-width:0}.dock-sec+.dock-sec:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,214,140,.45),transparent)}.dock-body{flex:1;min-width:0}.dock-sec h4{margin:0 0 4px;font-family:var(--font-d);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffd98a}.dock-sec .big{font-size:1.35rem;line-height:1.1}.dock-sec .muted{font-size:.8rem}.dock-sec .lbar{margin:6px 0 4px;height:7px}.dock-sec .lbar span{top:9px;font-size:.66rem}.dock-league .league-badge{width:62px;height:62px;font-size:.72rem}.dock-league .dock-body{padding-bottom:8px}.dock-q{font-size:.92rem}.dock-q b{color:#ffd98a;margin-left:4px}.dock-quest .btn{flex-shrink:0;align-self:center}.dock-history .hist{grid-template-columns:40px 1fr 34px;padding:3px 0;font-size:.8rem;border-bottom-color:#ffffff0f}.dock-history .hist:last-child{border-bottom:none}.dock-history .hist .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 900px){.hub-dock{grid-template-columns:1fr}.dock-sec+.dock-sec:before{left:12%;right:12%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,214,140,.45),transparent)}.hub-portals .hub-actions{flex-wrap:wrap;justify-content:center}}.shop-scene{min-height:calc(100vh - 58px)}.shop-page{position:relative}.shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.shop-title{margin:0;font-family:var(--font-d);font-weight:900;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:.14em;background:linear-gradient(180deg,#fff6d8,#ffc85a 55%,#c07a1c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.shop-head .muted{margin:2px 0 0;text-shadow:0 1px 3px #000}.shop-wallet{display:flex;gap:10px}.shop-wallet span{background:#0a081abf;border:1px solid rgba(255,214,140,.35);border-radius:99px;padding:6px 14px;font-size:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shop-wallet b{color:#ffd98a;font-family:var(--font-d)}.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.offer{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 16px 16px;border-radius:20px;background:linear-gradient(180deg,#1814348c,#080714e0);border:1px solid rgba(255,214,140,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff14;transition:transform .25s,box-shadow .25s}.offer:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000008c,0 0 26px color-mix(in srgb,var(--oc) 45%,transparent)}.o-genesis{--oc: #9b8cff}.o-chest{--oc: #ffc85a}.o-nft{--oc: #f0b90b}.offer-tag{position:absolute;top:12px;right:-6px;z-index:2;background:linear-gradient(90deg,#ff5d7a,#ff9a3c);color:#fff;font-family:var(--font-d);font-size:.66rem;font-weight:900;letter-spacing:.1em;padding:4px 12px;border-radius:6px 0 0 6px;box-shadow:0 3px 8px #00000080}.o-nft .offer-tag{background:linear-gradient(90deg,#f0b90b,#ffe28a);color:#2a1a00}.offer-art{position:relative;height:210px;width:100%;display:grid;place-items:center;margin-bottom:6px}.offer-art img{position:relative;max-height:100%;max-width:80%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6));animation:bob 4s ease-in-out infinite}.o-chest .offer-art img{max-width:92%;animation-delay:-1.3s}.o-nft .offer-art img{animation-delay:-2.6s}.offer-halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--oc) 55%,transparent),transparent 65%);filter:blur(6px);animation:halo 3s ease-in-out infinite}.offer-fb{position:relative;width:120px;height:172px;border-radius:14px;display:grid;place-items:center;font-size:3rem;background:linear-gradient(160deg,#ff6a2b,#9b5cff 50%,#1b2466);box-shadow:0 0 30px #9b5cff80;animation:bob 4s ease-in-out infinite}.offer-fb.o-chest{width:160px;height:120px;background:linear-gradient(160deg,#ffe7a8,#c58a2a 60%,#4a2c0a)}.offer-fb.o-nft{background:linear-gradient(160deg,#1c1c24,#3a2f10 60%,#f0b90b)}.offer h3{margin:4px 0 2px;font-family:var(--font-d);letter-spacing:.04em}.offer p{margin:0 0 12px;font-size:.85rem}.offer-buy{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.price-btn{min-width:130px;padding:10px 18px;border:none;border-radius:12px;cursor:pointer;font-family:var(--font-d);font-weight:900;font-size:1rem;color:#2a1600;background:linear-gradient(180deg,#fff1bf,#ffc24a 55%,#e08a12);box-shadow:0 4px #8a4f06,0 8px 18px #00000080,inset 0 1px #fff;transition:transform .12s,filter .2s}.price-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.price-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #8a4f06,0 4px 10px #00000080}.price-btn:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed}.price-btn.alt{color:#fff;background:linear-gradient(180deg,#8fb7ff,#4a6cf0 55%,#2a3aa8);box-shadow:0 4px #18206a,0 8px 18px #00000080,inset 0 1px #fff9}.small-note{font-size:.78rem}.shop-msg{text-align:center;margin:12px 0 0;text-shadow:0 1px 3px #000}.altar{margin:22px auto 0;max-width:820px;display:flex;align-items:center;justify-content:center;gap:28px;padding:18px 26px;border-radius:22px;background:radial-gradient(ellipse at 40% 100%,rgba(255,190,90,.18),transparent 60%),linear-gradient(180deg,#14102c99,#080714e6);border:1px solid rgba(255,214,140,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000080}.altar-packs{position:relative;width:260px;height:170px}.altar-pack{position:absolute;left:50%;bottom:0;width:96px;transform-origin:50% 100%;transform:translate(calc(-50% + var(--k) * 34px)) rotate(calc(var(--k) * 8deg));transition:transform .3s}.altar-pack img,.altar-pack .offer-fb{width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.6));animation:none}.altar-pack .offer-fb{height:134px;font-size:2rem}.altar:hover .altar-pack{transform:translate(calc(-50% + var(--k) * 42px)) rotate(calc(var(--k) * 11deg)) translateY(-6px)}.altar-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);text-align:center}.altar-side{display:flex;flex-direction:column;align-items:center;gap:10px}.altar-count{font-size:.95rem}.altar-count b{font-family:var(--font-d);font-size:1.4rem;color:#ffd98a;margin-left:6px}.open-btn{position:relative;overflow:hidden;padding:14px 44px;border:none;border-radius:16px;cursor:pointer;font-family:var(--font-d);font-weight:900;font-size:1.3rem;letter-spacing:.08em;color:#fff;background:linear-gradient(180deg,#c49bff,#7a3cff 55%,#4a18b8);box-shadow:0 5px #2a0c70,0 0 28px #9b5cff99,inset 0 1px #fff9}.open-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-100%);animation:sheen 2.6s ease-in-out infinite}.open-btn:disabled{filter:grayscale(.9) brightness(.55);cursor:not-allowed}.open-btn:disabled:after{animation:none}.odds{font-size:.8rem;color:var(--muted)}.odds summary{cursor:pointer;text-align:center}.odds div{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.odds .r-common{color:#9aa4b2}.odds .r-rare{color:#4fa3ff}.odds .r-epic{color:#b46bff}.odds .r-legendary{color:#ffc53d}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes halo{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes sheen{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 860px){.shelf{grid-template-columns:1fr}.altar{flex-direction:column}}.gacha{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:clip}.gacha-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--bc) 22%,#120e2a),#04030a 70%);animation:fade-in .4s}.gacha-rays{position:absolute;left:50%;top:45%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;opacity:.25;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--bc) 55%,transparent) 0deg 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 5%,transparent 55%);mask:radial-gradient(circle,#000 5%,transparent 55%);animation:rays-spin 30s linear infinite}.ph-charge .gacha-rays{opacity:.55;animation-duration:6s;transition:opacity 1s}.ph-reveal .gacha-rays,.ph-done .gacha-rays{opacity:.18}.has-legend .gacha-rays{opacity:.5;--bc: #ffc53d}.gacha-stage{position:relative;width:100%;flex:1;display:grid;place-items:center}.gacha-stage.quake{animation:quake .5s}.gacha-pack{position:relative;width:min(260px,50vw);background:none;border:none;cursor:pointer;padding:0;animation:pack-in .7s cubic-bezier(.2,1.4,.4,1),pack-idle 2.4s .7s ease-in-out infinite}.gacha-pack img,.gp-fallback{position:relative;width:100%;display:block;filter:drop-shadow(0 20px 30px rgba(0,0,0,.7))}.gp-fallback{aspect-ratio:2 / 3;border-radius:16px;display:grid;place-items:center;font-size:4rem;background:linear-gradient(160deg,#ff6a2b,#9b5cff 50%,#1b2466)}.gp-fallback.nft{background:linear-gradient(160deg,#1c1c24,#3a2f10 60%,#f0b90b)}.gp-aura{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bc) 70%,transparent),transparent 60%);filter:blur(10px);animation:halo 1.6s ease-in-out infinite}.gp-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:16px;mix-blend-mode:screen;opacity:.75;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) no-repeat;background-size:300% 100%;animation:shine-sweep 2.2s ease-in-out infinite;-webkit-mask:var(--pack-mask, linear-gradient(#000, #000)) center / 100% 100% no-repeat;mask:var(--pack-mask, linear-gradient(#000, #000)) center / 100% 100% no-repeat}@keyframes shine-sweep{0%,40%{background-position:100% 0}to{background-position:0 0}}.ph-charge .gacha-pack{animation:charge 1.9s ease-in forwards}.ph-charge .gp-aura{animation:aura-grow 1.9s ease-in forwards}.ph-burst .gacha-pack{animation:pack-pop .35s ease-out forwards}.gacha-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.gb-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#fff,color-mix(in srgb,var(--bc) 60%,#fff) 30%,transparent 70%);animation:gflash .65s ease-out forwards}.gb-ring{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;border:6px solid color-mix(in srgb,var(--bc) 70%,#fff);box-shadow:0 0 30px var(--bc);animation:ring .7s ease-out forwards}.gb-ring.r2{animation-delay:.12s;border-width:3px;opacity:0}.gacha-burst i{position:absolute;left:0;top:0;width:var(--s);height:calc(var(--s) * 2.2);background:linear-gradient(180deg,#fff,var(--bc));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:rotate(var(--a)) translateY(0);animation:shard .9s cubic-bezier(.1,.8,.3,1) forwards;box-shadow:0 0 8px var(--bc)}.gacha-row{display:flex;gap:clamp(8px,1.6vw,22px);justify-content:center;flex-wrap:wrap;padding:0 16px}.gcard{--gw: clamp(120px, 14vw, 190px);position:relative;width:var(--gw);aspect-ratio:5 / 7;cursor:pointer;animation:deal .55s cubic-bezier(.2,1.2,.4,1) backwards;animation-delay:calc(var(--i) * .11s)}.gcard-in{position:absolute;top:0;right:0;bottom:0;left:0}.gcard.show .gcard-in{animation:flip2d .6s cubic-bezier(.3,1.2,.5,1)}.gcard-back,.gcard-front{position:absolute;top:0;right:0;bottom:0;left:0}.gcard.show .gcard-back{animation:half-out .6s forwards}.gcard.show .gcard-front{animation:half-in .6s forwards}.gcard-back{border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #0009}.gcard-back img{width:100%;height:100%;object-fit:cover;display:block}.gcard-back-fb{width:100%;height:100%;display:grid;place-items:center;font-size:3rem;color:#ffd98a;background:radial-gradient(circle,#3a2a7a,#120e2a 70%);border:3px solid #c9a24a;border-radius:12px}.gcard-front{display:grid;place-items:center;opacity:0;visibility:hidden}.gcard-front .card{--w: var(--gw)}.gcard-hint{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none}.gcard:not(.show).r-rare .gcard-hint{box-shadow:inset 0 0 18px var(--rc),0 0 16px var(--rc);animation:hint 1.4s ease-in-out infinite}.gcard:not(.show).r-epic .gcard-hint{box-shadow:inset 0 0 26px var(--rc),0 0 26px var(--rc);animation:hint 1s ease-in-out infinite}.gcard:not(.show).r-legendary .gcard-hint{box-shadow:inset 0 0 34px var(--rc),0 0 40px var(--rc),0 0 80px var(--rc);animation:hint .7s ease-in-out infinite}.gcard:not(.show):hover{transform:translateY(-8px);transition:transform .2s}.gcard.show.r-epic .gcard-front,.gcard.show.r-legendary .gcard-front{filter:drop-shadow(0 0 16px var(--rc))}.gcard.show.r-legendary{animation:legend-pop .9s cubic-bezier(.2,1.6,.4,1);z-index:2}.gcard-burst{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 70%,#fff),transparent 60%);animation:gflash .8s ease-out forwards}.gcard.r-legendary .gcard-burst{top:-120%;right:-120%;bottom:-120%;left:-120%;background:repeating-conic-gradient(from 0deg,rgba(255,210,90,.55) 0deg 8deg,transparent 8deg 20deg);-webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);mask:radial-gradient(circle,#000 10%,transparent 60%);animation:legend-rays 2.4s ease-out forwards}.gcard-new{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-6deg);z-index:30;background:linear-gradient(90deg,#ff4d6d,#ffb03a);color:#fff;font-family:var(--font-d);font-weight:900;font-size:.8rem;padding:3px 12px;border-radius:8px;box-shadow:0 3px 10px #0009;animation:new-pop .5s .4s cubic-bezier(.2,1.8,.4,1) backwards}.gacha-ui{position:relative;min-height:90px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 16px 28px}.gacha-tip{width:100%;text-align:center;font-family:var(--font-d);letter-spacing:.14em;color:#ffe9b8;text-shadow:0 0 10px var(--bc);animation:halo 1.6s ease-in-out infinite}.gacha-skip{position:fixed;top:16px;right:18px;background:#00000073;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:99px;padding:6px 14px;cursor:pointer}@keyframes fade-in{0%{opacity:0}}@keyframes pack-in{0%{transform:translateY(60vh) scale(.6) rotate(-12deg);opacity:0}}@keyframes pack-idle{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}@keyframes charge{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.03) rotate(-2deg)}30%{transform:scale(1.04) rotate(2deg)}45%{transform:scale(1.06) rotate(-3deg) translate(-3px)}55%{transform:scale(1.07) rotate(3deg) translate(3px)}65%{transform:scale(1.09) rotate(-4deg) translate(-5px)}72%{transform:scale(1.1) rotate(4deg) translate(5px)}80%{transform:scale(1.12) rotate(-5deg) translate(-6px)}86%{transform:scale(1.14) rotate(5deg) translate(6px)}92%{transform:scale(1.16) rotate(-6deg) translate(-7px)}to{transform:scale(1.2) rotate(0);filter:brightness(2.2)}}@keyframes aura-grow{to{transform:scale(2.2);opacity:1;filter:blur(4px) brightness(1.6)}}@keyframes pack-pop{to{transform:scale(1.6);opacity:0;filter:brightness(4) blur(4px)}}@keyframes gflash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes ring{0%{transform:scale(.2);opacity:1}to{transform:scale(9);opacity:0}}@keyframes shard{to{transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(180deg);opacity:0}}@keyframes deal{0%{transform:translate(calc((var(--n) / 2 - var(--i) - .5) * 100%),30vh) scale(.3) rotate(-30deg);opacity:0}}@keyframes hint{0%,to{opacity:.55}50%{opacity:1}}@keyframes legend-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1.06)}}@keyframes legend-rays{0%{opacity:0;transform:scale(.4) rotate(0)}20%{opacity:1}to{opacity:0;transform:scale(1.2) rotate(60deg)}}@keyframes new-pop{0%{transform:translate(-50%) scale(0) rotate(-30deg)}}@keyframes quake{0%,to{transform:none}15%{transform:translate(-8px,4px)}30%{transform:translate(7px,-5px)}45%{transform:translate(-6px,-3px)}60%{transform:translate(5px,4px)}75%{transform:translate(-3px,2px)}}@media (prefers-reduced-motion: reduce){.gacha *,.offer-art img,.open-btn:after{animation-duration:.01s!important;animation-iteration-count:1!important}}@keyframes flip2d{0%{transform:scaleX(1)}50%{transform:scaleX(0) scaleY(1.06)}to{transform:scaleX(1)}}@keyframes half-out{0%,49.9%{opacity:1}50%,to{opacity:0;visibility:hidden}}@keyframes half-in{0%,49.9%{opacity:0;visibility:hidden}50%,to{opacity:1;visibility:visible}}.ab-img{width:1.25em;height:1.25em;object-fit:contain;vertical-align:middle;display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.story .chapter{max-width:1100px}.chapter.with-art{display:grid;grid-template-columns:1.15fr 1fr;gap:8px 28px;align-items:center;margin-bottom:26px}.chapter.with-art.ch-flip .chapter-art{order:2}.chapter-art{position:relative}.chapter-art img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%)}.chapter-text h3{margin-top:0}@media (max-width: 860px){.chapter.with-art{grid-template-columns:1fr}.chapter.with-art.ch-flip .chapter-art{order:0}}.realm-art{width:280px;display:grid;place-items:center;flex-shrink:0}.realm-art img.realm-diorama{width:100%;height:auto;border-radius:0;box-shadow:none;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55)) drop-shadow(0 0 22px color-mix(in srgb,var(--fc) 35%,transparent));animation:bob 6s ease-in-out infinite}.realm-art img.cx-figure{width:200px;height:260px;object-fit:contain;object-position:bottom;border-radius:0;box-shadow:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}.mini{border:none;border-radius:50%;width:60px;height:60px;background:radial-gradient(circle at 50% 65%,color-mix(in srgb,var(--fc) 35%,transparent),transparent 70%);overflow:visible;transition:transform .15s}.mini:hover{transform:translateY(-3px) scale(1.08)}.mini img.cx-figure{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7))}.mini img:not(.cx-figure){border-radius:50%}.hero-fig-wrap{position:relative;width:130px;height:150px;flex-shrink:0;display:grid;place-items:end center}.hero-fig-wrap:before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:26%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--fc) 55%,transparent),transparent 70%)}.hero .hero-fig-wrap img.cx-figure{position:relative;width:100%;height:100%;object-fit:contain;object-position:bottom;border-radius:0;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6));transition:transform .25s}.hero:hover .hero-fig-wrap img.cx-figure{transform:translateY(-4px) scale(1.04)}.skill-guide{max-width:1150px;margin:0 auto}.skill-guide h3{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:22px 0 10px}.skill-guide h3 small{font-size:.8rem;font-weight:400;color:var(--muted)}.sk-basic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.sk-basic{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.sk-basic img,.sk-basic-fb{width:44px;height:44px;flex-shrink:0;object-fit:contain}.sk-basic p{margin:2px 0 0;font-size:.85rem;color:#cfcbe8}.sk-tools{position:sticky;top:58px;z-index:5;display:flex;flex-direction:column;gap:8px;padding:12px 0 8px;margin-top:12px;background:linear-gradient(180deg,#07060f 70%,transparent)}.sk-search{width:100%;max-width:440px;padding:9px 14px;border-radius:99px;border:1px solid var(--line);background:#ffffff0d;color:inherit;font:inherit}.sk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.sk-item{display:flex;gap:12px;padding:12px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.sk-icon{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;font-size:2rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)}.sk-icon .ab-img{width:54px;height:54px}.sk-body{min-width:0;flex:1}.sk-body h4{margin:0;font-family:var(--font-d);letter-spacing:.03em;color:#ffe2a0}.sk-body p{margin:3px 0 0;font-size:.88rem}.sk-tip{color:#b9b4d8;font-size:.8rem!important}.sk-holders{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sk-holder{display:flex;flex-direction:column;align-items:center;width:64px}.sk-holder small{font-size:.62rem;color:var(--muted);text-align:center;line-height:1.2}.sk-thumb{width:64px;padding:0;border:none;background:none;cursor:pointer;color:inherit;display:flex;flex-direction:column;align-items:center}.sk-thumb img{width:52px;height:58px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 3px 4px rgba(0,0,0,.7));transition:transform .15s;background:radial-gradient(ellipse 50% 22% at 50% 92%,color-mix(in srgb,var(--fc) 55%,transparent),transparent)}.sk-thumb:hover img{transform:translateY(-3px) scale(1.08)}.sk-thumb span{font-size:.6rem;max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-list.rules .sk-item{align-items:center}.unit-art{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--fc) 35%,#15122c),#0b0a16)}.unit-art .ua-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85}.unit-art .ua-char{position:absolute;left:50%;bottom:0;height:104%;width:auto;max-width:none;transform:translate(-50%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.7))}.bsummoner-art.unit-art .ua-char{height:118%;bottom:-14%}.offer-art img{height:190px;width:auto;max-width:80%;max-height:none}.o-chest .offer-art img{height:170px;max-width:92%}.altar-pack img{height:140px;width:auto}.altar-pack{width:auto}.dev-btn{border:1px dashed #7fd8ff;color:#bfeaff;background:#0a1e32b3}.gacha-pack{aspect-ratio:2 / 3}.gacha-pack>.gp-body,.gacha-pack>.gp-top,.gacha-pack>.gp-stack{position:absolute;top:0;right:0;bottom:0;left:0}.gacha-pack .gp-body img,.gacha-pack .gp-top img,.gacha-pack .gp-stack img,.gacha-pack .gp-body .gp-fallback,.gacha-pack .gp-top .gp-fallback,.gacha-pack .gp-stack .gp-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:none}.gp-body{filter:drop-shadow(0 20px 30px rgba(0,0,0,.7))}.gp-top{z-index:2;transform-origin:100% var(--tear-y)}.gp-stack{z-index:-1;filter:brightness(.55) drop-shadow(0 10px 16px rgba(0,0,0,.6));transform:translate(calc(var(--k) * 12px),calc(var(--k) * -6px)) rotate(calc(var(--k) * 4deg))}.gp-count{position:absolute;right:-14px;top:-12px;z-index:5;font-family:var(--font-d);font-weight:900;font-size:1.3rem;color:#2a1600;background:linear-gradient(180deg,#fff1bf,#ffc24a);border-radius:99px;padding:4px 12px;box-shadow:0 4px 12px #0009}@keyframes charge{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.02) rotate(-2deg)}30%{transform:scale(1.03) rotate(2deg)}45%{transform:scale(1.05) rotate(-3deg) translate(-3px)}55%{transform:scale(1.06) rotate(3deg) translate(3px)}65%{transform:scale(1.07) rotate(-4deg) translate(-5px)}72%{transform:scale(1.08) rotate(4deg) translate(5px)}80%{transform:scale(1.09) rotate(-5deg) translate(-6px)}88%{transform:scale(1.1) rotate(5deg) translate(6px)}to{transform:scale(1.12) rotate(0)}}.ph-tear .gacha-pack{animation:none;transform:scale(1.12)}.ph-tear .gp-shine,.ph-burst .gp-shine{display:none}.gp-seam{position:absolute;z-index:3;left:0;right:0;top:calc(var(--tear-y) - 2px);height:5px;border-radius:3px;pointer-events:none;opacity:0;background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--bc) 60%,#fff));box-shadow:0 0 14px #fff,0 0 30px var(--bc);transform:scaleX(0);transform-origin:0 50%}.ph-tear .gp-seam{animation:seam .9s ease-out forwards}.ph-tear .gp-top{animation:rip .9s cubic-bezier(.5,0,.7,.4) forwards}.gp-beam{position:absolute;z-index:1;left:12%;right:12%;bottom:calc(100% - var(--tear-y));height:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(0deg,#fff,color-mix(in srgb,var(--bc) 70%,transparent) 30%,transparent);filter:blur(4px);border-radius:40% 40% 0 0}.ph-tear .gp-beam{animation:beam .9s ease-out forwards}@keyframes seam{0%{opacity:1;transform:scaleX(0)}55%{opacity:1;transform:scaleX(1)}to{opacity:.2;transform:scaleX(1)}}@keyframes rip{0%,20%{transform:none}30%{transform:translate(-2px,1px) rotate(-1deg)}40%{transform:translate(2px,-1px) rotate(1.5deg)}55%{transform:translate(4px,-3px) rotate(5deg)}to{transform:translate(180px,-220px) rotate(48deg);opacity:0}}@keyframes beam{0%,45%{opacity:0;height:0}70%{opacity:1;height:90%}to{opacity:.9;height:140%}}.gcard{animation:deal .5s cubic-bezier(.2,1.2,.4,1) backwards;animation-delay:calc(var(--i) * var(--step, .11s))}@keyframes deal{0%{transform:translateY(35vh) scale(.3) rotate(-18deg);opacity:0}}.gcard-in{z-index:1}.gacha.many .gcard{--gw: clamp(84px, 8.4vw, 132px)}.gacha.many .gacha-row{max-width:min(1300px,100%)}.gacha-row{max-height:calc(100vh - 140px);overflow-y:auto;padding:34px 20px;scrollbar-width:thin}.gacha.many .gcard-new{font-size:.62rem;padding:2px 8px;top:-8px}.gacha-tally{width:100%;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-family:var(--font-d);font-weight:700;text-shadow:0 1px 4px #000}.gacha-tally .t-new{color:#ff6d8a}.open-count{display:flex;gap:6px}.open-count .chip:disabled{opacity:.35;cursor:not-allowed}.scene-backdrop{top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.hub3d,.hub3d canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hub-3d .scene-rays,.hub-3d .scene-motes{display:none}.hub-3d .hub-node,.hub-3d .hub-actions{will-change:left,top}.hub3d-loading{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.gcard-aura{position:absolute;top:-14%;right:-12%;bottom:-8%;left:-12%;z-index:0;pointer-events:none;transition:opacity .6s}.gcard.r-legendary .gcard-aura{top:-34%;right:-18%;bottom:-10%;left:-18%}.gcard-aura .heat{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26%;filter:url(#heat-haze);mix-blend-mode:screen;background:linear-gradient(0deg,transparent 0%,color-mix(in srgb,var(--rc) 55%,transparent) 12%,transparent 30%,color-mix(in srgb,var(--rc) 45%,transparent) 48%,transparent 66%,color-mix(in srgb,var(--rc) 35%,transparent) 82%,transparent 100%) 0 0 / 100% 200%,radial-gradient(ellipse 60% 55% at 50% 62%,color-mix(in srgb,var(--rc) 80%,transparent),transparent 75%);animation:heat-rise 2.4s linear infinite,heat-flicker 1.9s ease-in-out infinite}.gcard.r-legendary .gcard-aura .heat{animation-duration:1.7s,1.3s;background:linear-gradient(0deg,transparent 0%,rgba(255,240,190,.6) 10%,transparent 26%,color-mix(in srgb,var(--rc) 60%,transparent) 44%,transparent 62%,rgba(255,240,190,.45) 80%,transparent 100%) 0 0 / 100% 200%,radial-gradient(ellipse 62% 58% at 50% 66%,color-mix(in srgb,var(--rc) 90%,#fff 10%),transparent 76%)}.gcard.show .gcard-aura{opacity:0}.gcard.show.r-legendary .gcard-aura{opacity:.4}@keyframes heat-rise{to{background-position:0 -200%,0 0}}@keyframes heat-flicker{0%,to{opacity:.85}40%{opacity:1}70%{opacity:.7}}@media (prefers-reduced-motion: reduce){.gcard-aura .heat{animation:none}}.fx-defs{position:absolute;width:0;height:0;overflow:hidden}.gacha-row{overflow-x:hidden}.gcard.r-legendary .gcard-aura .heat{filter:url(#heat-haze) brightness(1.25) saturate(1.3)}.bsum-row{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px}.bsum{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 14px 6px 6px;border-radius:99px;max-width:42%;background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 30%,rgba(8,7,20,.85)),#0807148c);border:1px solid color-mix(in srgb,var(--fc) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bsum-1{flex-direction:row-reverse;text-align:right;padding:6px 6px 6px 14px;background:linear-gradient(270deg,color-mix(in srgb,var(--fc) 30%,rgba(8,7,20,.85)),#0807148c)}.bsum-art{width:60px;height:60px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid var(--fc);box-shadow:0 0 16px var(--fc)}.bsum-art.unit-art .ua-char{height:125%;bottom:-18%}.bsum-1 .bsum-art .ua-char{scale:-1 1}.bsum-player{font-size:.72rem;color:var(--muted)}.bsum-name{font-family:var(--font-d);font-size:.9rem}.bsum-fx{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.bsum-1 .bsum-fx{justify-content:flex-end}.bsum-fx span{font-size:.62rem;padding:1px 6px;border-radius:99px;background:#ffffff1a}.bsum-row .vs{font-size:1.8rem}.battlefield.board{--slot: clamp(72px, min(calc((100vw - 150px) / 7), calc((100vh - 330px) / 2.7)), 190px);display:flex;align-items:flex-end;justify-content:center;gap:calc(var(--slot) * .4);padding:4px 16px 10px;flex:1}.bboard{position:relative;width:calc(var(--slot) * 3);height:calc(var(--slot) * 2.6);flex-shrink:0}.bboard-floor{position:absolute;left:-6%;right:-6%;bottom:-2%;height:72%;border-radius:18px;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.07),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px calc(var(--slot))),linear-gradient(180deg,#0a081a59,#0a081ab3);border:1px solid rgba(255,255,255,.08);transform:perspective(900px) rotateX(58deg);transform-origin:50% 100%}.bu{position:absolute;width:var(--slot);height:calc(var(--slot) * 1.3);left:calc(var(--col) * var(--slot));bottom:calc(var(--row, 1) * 0);cursor:pointer;transition:left .45s,bottom .45s,opacity .45s}.bu.row1{bottom:0;z-index:20}.bu.row0{bottom:calc(var(--slot) * 1.28);z-index:10;transform:scale(.9);transform-origin:50% 100%}.bu.dead{opacity:0;pointer-events:none}.bu.dying{animation:dying .5s forwards}.bu-tile{position:absolute;left:16%;width:68%;bottom:0;aspect-ratio:5 / 7;border-radius:8px;overflow:hidden;border:2px solid var(--fc);transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;box-shadow:0 0 18px color-mix(in srgb,var(--fc) 55%,transparent);background:#0b0a16}.bu-tile img,.bu-tile .bu-tile-art{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}.bu-pos{position:absolute;left:50%;bottom:6%;transform:translate(-50%);font-family:var(--font-d);font-weight:900;font-size:calc(var(--slot) * .16);color:#ffffffd9;text-shadow:0 0 6px #000,0 0 12px var(--fc)}.bu-shadow{position:absolute;left:24%;right:24%;bottom:calc(var(--slot) * .14);height:calc(var(--slot) * .12);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}.bu-fig{position:absolute;left:4%;right:4%;bottom:calc(var(--slot) * .17);height:calc(var(--slot) * .95)}.bu-char{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.6));transform-origin:50% 100%;animation:fig-breathe 3.6s ease-in-out infinite;animation-delay:var(--d)}.side1 .bu-char,.side1 .bu-fallback .ua-char{scale:-1 1}.bu-fallback{position:absolute;left:18%;right:18%;bottom:0;height:80%;border-radius:8px;border:2px solid var(--fc);object-fit:cover}@keyframes fig-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.028)}}.bu-status{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;gap:2px;font-size:calc(var(--slot) * .11)}.bu .float{top:10%}.bu-hud{position:absolute;left:6%;right:6%;bottom:calc(var(--slot) * 1.1);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.bu-stats{--b: clamp(15px, calc(var(--slot) * .16), 26px);display:flex;gap:2px;justify-content:center}.bu-stats .sb i{display:none}.bu .bars{width:88%;margin:0;gap:2px}.bu .bar{height:calc(var(--slot) * .07 + 4px)}.bu .bar.armor{height:4px}.bu-name{font-family:var(--font-d);font-size:clamp(.5rem,calc(var(--slot) * .075),.72rem);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #000}.bu-abs{margin-left:3px;font-size:.9em}.bu-abs .ab-img{width:1.1em;height:1.1em}.bu.acting .bu-char{filter:drop-shadow(0 0 10px var(--fc)) drop-shadow(0 0 3px #fff)}.bu.lunge-r.melee .bu-fig{animation:lungeR .4s}.bu.lunge-l.melee .bu-fig{animation:lungeL .4s}.bu.acting.ranged .bu-fig,.bu.acting.magic .bu-fig{animation:cast .4s}.bu.hit .bu-fig{animation:shake .35s}.bu.hit .bu-char{filter:drop-shadow(0 0 8px #ff3b3b) brightness(1.5) sepia(.6) hue-rotate(-30deg) saturate(3)}.bu.dodge .bu-fig{animation:dodge .35s}.bu.healed .bu-char{filter:drop-shadow(0 0 12px #3ddc84) brightness(1.15)}.bu:hover .bu-tile{box-shadow:0 0 0 2px #fff,0 0 18px var(--fc)}.battle .battle-log{height:110px}@media (max-width: 760px){.battlefield.board{--slot: clamp(46px, calc((100vw - 60px)/6.4) , 90px);gap:10px}.bsum-art{width:42px;height:42px}.bsum-fx,.bu-name{display:none}}.battlefield.board{--slot: clamp(72px, min(calc((100vw - 150px) / 7), calc((100vh - 320px) / 3)), 190px)}.bboard{height:calc(var(--slot) * 2.95)}.bu.row0{bottom:calc(var(--slot) * 1.62)}.bu-fig{left:-4%;right:-4%;height:calc(var(--slot) * 1.05)}.bu-hud{bottom:calc(var(--slot) * 1.2)}.builder.v2{padding-bottom:30px}.builder-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start;margin-top:12px}.lineup{position:sticky;top:70px;display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.lu-row{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:6px 8px 6px 30px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--fc, #555) 22%,rgba(255,255,255,.03)),#ffffff05);border:1px solid color-mix(in srgb,var(--fc, #555) 45%,transparent)}.lu-row.empty{border-style:dashed;border-color:var(--line);background:none;color:var(--muted)}.lu-summ{padding-left:8px;min-height:66px;border-color:#ffd98a88;background:linear-gradient(90deg,#ffd98a29,#ffffff05)}.lu-summ.empty{justify-content:center;font-family:var(--font-d);font-size:.8rem}.lu-pos{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-family:var(--font-d);font-weight:900;color:var(--accent);font-size:.9rem}.lu-art{width:46px;height:46px;border-radius:10px;flex-shrink:0;object-fit:cover;border:1px solid var(--fc, #888)}.lu-summ .lu-art{width:54px;height:54px;border-radius:50%;border-color:#ffd98a}.lu-art.unit-art .ua-char{height:125%;bottom:-12%}.lu-text{flex:1;min-width:0;display:flex;flex-direction:column}.lu-text b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lu-text small{font-size:.7rem;color:var(--muted)}.lu-ctl{display:flex;gap:3px}.lu-ctl button,.lu-btn{width:24px;height:24px;border-radius:6px;border:none;cursor:pointer;background:#ffffff17;color:var(--text);font-size:.7rem}.lu-ctl button:disabled{opacity:.25;cursor:default}.lu-empty{font-size:.8rem}.lu-go{width:100%;padding:12px;font-size:1.05rem;margin-top:4px}.lu-sub{justify-content:space-between}.deck{min-width:0}.deck h3{margin:14px 0 10px}.deck-grid{container-type:inline-size;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;justify-items:center;padding-top:6px}.deck-grid .card{--w: min(210px, calc((100cqw - 48px)/4 - 8px) )}.pick-clock{position:relative;width:58px;height:58px;display:grid;place-items:center}.pick-clock svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.pick-clock circle{fill:none;stroke-width:3}.pc-bg{stroke:#ffffff1f}.pc-fg{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100.53;stroke-dashoffset:calc(100.53 * (1 - var(--p)));transition:stroke-dashoffset 1s linear,stroke .3s}.pick-clock b{font-family:var(--font-d);font-size:1.2rem}.pick-clock.hot .pc-fg{stroke:var(--bad)}.pick-clock.hot b{color:var(--bad);animation:pulse .8s infinite}@media (max-width: 900px){.builder-body{grid-template-columns:1fr}.lineup{position:static}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-grid .card{--w: min(200px, calc((100cqw - 16px)/2 - 8px) )}}.gacha-row{display:grid;grid-template-columns:repeat(var(--cols),auto);justify-content:center;align-content:center;gap:28px 20px;max-height:none;overflow:visible;padding:16px}.gacha .gcard{--gw: min(190px, calc((100vw - 160px) / var(--cols) - 20px), calc((100vh - 230px) / var(--rows) / 1.4 - 28px))}.gacha-summary{display:grid;grid-template-columns:repeat(var(--cols),auto);justify-content:center;align-content:center;gap:14px 10px;padding:12px 16px}.gsum-card{--gw: min(150px, calc((100vw - 120px) / var(--cols) - 10px), calc((100vh - 250px) / var(--rows) / 1.4 - 14px));position:relative;width:var(--gw);animation:sum-in .35s cubic-bezier(.2,1.3,.4,1) backwards;animation-delay:calc(var(--i) * 18ms)}.gsum-card .card{--w: var(--gw)}.gsum-card.r-epic .card,.gsum-card.r-legendary .card{filter:drop-shadow(0 0 8px var(--rc))}.gsum-card .gcard-new{font-size:clamp(.5rem,calc(var(--gw) * .07),.75rem);padding:1px 6px;top:-7px}@keyframes sum-in{0%{transform:scale(.6);opacity:0}}.gcard-aura{top:-5%;right:-4%;bottom:-3%;left:-4%}.gcard.r-legendary .gcard-aura{top:-8%;right:-5%;bottom:-3%;left:-5%}.gcard-aura .heat{border-radius:14px}.gsum-card .card,.gsum-card .card *{animation:none!important;transition:none!important}.gsum-card.r-epic .card,.gsum-card.r-legendary .card{filter:none;box-shadow:0 0 0 2px var(--rc),0 0 14px var(--rc);border-radius:12px}.gsum-card{--gw: min(130px, calc((100vw - 120px) / var(--cols) - 10px), calc((100vh - 250px) / var(--rows) / 1.25 - 12px));display:flex;flex-direction:column;border-radius:10px;overflow:visible;background:#0b0a16;border:2px solid var(--rc);box-shadow:0 4px 12px #00000080}.gsum-art{position:relative;width:100%;aspect-ratio:1;border-radius:8px 8px 0 0;object-fit:cover;display:block}.gsum-name{font-family:var(--font-d);font-size:clamp(.45rem,calc(var(--gw) * .085),.7rem);text-align:center;padding:3px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsum-card.r-epic,.gsum-card.r-legendary{box-shadow:0 0 12px var(--rc),0 4px 12px #00000080}.gsum-card.r-legendary{background:linear-gradient(180deg,#2a1f06,#0b0a16)}.hub-center{position:absolute;transform:translate(-50%,-58%);display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto}.realm-row{display:flex;gap:clamp(6px,1.2vw,16px)}.realm-chip{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--text);padding:0;width:clamp(64px,7vw,92px)}.rc-ring{width:clamp(50px,5vw,64px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--fc) 35%,rgba(8,7,20,.85)) 40%,#080714bf);border:2px solid color-mix(in srgb,var(--fc) 70%,#fff 10%);box-shadow:0 0 14px color-mix(in srgb,var(--fc) 55%,transparent),inset 0 0 10px #0009;transition:transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rc-ring .emblem-img,.rc-ring svg{width:72%!important;height:72%!important}.realm-chip b{font-family:var(--font-d);font-size:clamp(.55rem,.8vw,.7rem);font-weight:700;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 8px #000}.realm-chip:hover .rc-ring{transform:translateY(-4px) scale(1.08);box-shadow:0 0 26px var(--fc),inset 0 0 10px #00000080}.hub-actions-row{display:flex;align-items:center;gap:14px}@media (max-width: 760px){.realm-chip b{display:none}.hub-actions-row{flex-wrap:wrap;justify-content:center}}.battlefield.board{--slot: clamp(64px, min(calc((100vw - 110px) / 9.6), calc((100vh - 280px) / 2.3)), 180px);gap:calc(var(--slot) * .12);align-items:flex-end}.bboard{height:calc(var(--slot) * 2.25)}.bu{height:calc(var(--slot) * 1.2)}.bu.row0{bottom:calc(var(--slot) * .98)}.bu-fig{left:15%;right:15%;bottom:calc(var(--slot) * .2);height:calc(var(--slot) * .98)}.bu-hud{display:none}.bu-edge{position:absolute;z-index:3;top:calc(var(--slot) * .22);display:flex;flex-direction:column;align-items:center;gap:3px;--b: clamp(15px, calc(var(--slot) * .19), 28px);pointer-events:none}.bu-edge-l{left:0}.bu-edge-r{right:0}.bu-edge .sb i{display:none}.bu-edge .bu-abs{display:flex;flex-direction:column;gap:1px;font-size:calc(var(--slot) * .1);margin:0}.bu-edge .bu-abs .ab-img{width:calc(var(--slot) * .13);height:calc(var(--slot) * .13)}.bu-foot{position:absolute;z-index:4;left:18%;right:18%;bottom:calc(var(--slot) * .06);display:flex;flex-direction:column;gap:2px;pointer-events:none}.bu-foot .bar{height:calc(var(--slot) * .075 + 4px);border-radius:99px;border:1px solid rgba(0,0,0,.7);box-shadow:0 2px 4px #0009}.bu-foot .bar.hp>div{background:linear-gradient(180deg,#7dffa4,#25c060 60%,#178a42)}.bu-foot .bar.hp.low>div{background:linear-gradient(180deg,#ffb07a,#ff5b3b 60%,#c02a1a)}.bu-foot .bar.armor{height:4px}.bu-foot .bar span{font-size:clamp(.45rem,calc(var(--slot) * .07),.65rem)}.board-vs{align-self:center;margin-bottom:calc(var(--slot) * .9);font-size:calc(var(--slot) * .2)}.bsf{position:relative;flex-shrink:0;width:calc(var(--slot) * 1.3);height:calc(var(--slot) * 2.25);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer}.bsf-glow{position:absolute;left:5%;right:5%;bottom:calc(var(--slot) * .55);height:calc(var(--slot) * .28);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--fc) 60%,transparent),transparent 70%);filter:blur(2px)}.bsf-fig{position:relative;width:125%;height:calc(var(--slot) * 1.65);margin-bottom:calc(var(--slot) * -.12)}.bsf-char{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.7)) drop-shadow(0 0 10px color-mix(in srgb,var(--fc) 40%,transparent));animation:fig-breathe 4.2s ease-in-out infinite}.bsf-1 .bsf-char,.bsf-1 .bsf-fallback .ua-char{scale:-1 1}.bsf-fallback{position:absolute;left:15%;right:15%;bottom:0;height:80%;border-radius:12px;border:2px solid var(--fc)}.bsf:hover .bsf-char{filter:drop-shadow(0 6px 8px rgba(0,0,0,.7)) drop-shadow(0 0 16px var(--fc))}.bsf-plate{position:relative;z-index:2;min-width:120%;padding:5px 12px;text-align:center;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--fc) 45%,#1b1830),#0e0c1c 85%);border:1px solid color-mix(in srgb,var(--fc) 70%,#fff 10%);box-shadow:0 4px 10px #0009}.bsf-plate.img{background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;border:none;box-shadow:none;aspect-ratio:3 / 1;width:175%;min-width:0;padding:5% 20% 0;display:grid;place-items:center}.bsf-plate b{font-family:var(--font-d);font-size:clamp(.55rem,calc(var(--slot) * .1),.85rem);white-space:nowrap;text-shadow:0 1px 3px #000,0 0 6px #000}.bsf-player{font-size:clamp(.55rem,calc(var(--slot) * .08),.72rem);color:var(--muted);margin-top:1px;white-space:nowrap}.bsf-fx{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:3px;max-width:150%}.bsf-fx span{font-size:clamp(.5rem,calc(var(--slot) * .075),.65rem);padding:1px 6px;border-radius:99px;background:#080714bf;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.battlefield.board{--slot: clamp(64px, min(calc((100vw - 90px) / 8.3), calc((100vh - 270px) / 2.3)), 180px)}.bsf{width:calc(var(--slot) * 1)}.bsf-fig{width:150%}.bsf-plate.img{width:190%}.battlefield.board{padding-left:calc(var(--slot) * .5);padding-right:calc(var(--slot) * .5);--slot: clamp(64px, min(calc((100vw - 90px) / 9.2), calc((100vh - 270px) / 2.3)), 180px)}.char-rig{filter:drop-shadow(0 0 1.5px rgba(0,0,0,.85)) drop-shadow(0 0 2px color-mix(in srgb,var(--fc) 85%,#fff)) drop-shadow(0 0 7px color-mix(in srgb,var(--fc) 70%,transparent)) drop-shadow(calc(var(--sx, 0) * -10px) calc(6px + var(--sy, 0) * -6px) 8px rgba(0,0,0,.6))}.art-backdrop>*{filter:brightness(.62) saturate(.95)}.art-aura{left:6%;right:6%;top:12%;height:60%;background:radial-gradient(closest-side,color-mix(in srgb,var(--fc) 60%,#fff) 0%,color-mix(in srgb,var(--fc) 55%,transparent) 40%,transparent 100%)}@keyframes aura-pulse{0%,to{opacity:.5;scale:.95}45%{opacity:.8;scale:1.05}}.bboard{width:calc(var(--slot) * 3.45)}.side-0 .bu.row1,.side-1 .bu.row0{left:calc(var(--col) * var(--slot) + var(--slot) * .45)}.battlefield.board{--slot: clamp(60px, min(calc((100vw - 90px) / 10.1), calc((100vh - 270px) / 2.3)), 180px)}.bu-edge{--b: clamp(12px, calc(var(--slot) * .152), 22.4px)}.bu-edge .sb b,.bu-edge .sb-framed b{font-size:calc(var(--b) * .7)}.card-bottom{top:60.5%;min-height:0;justify-content:flex-start}.card-bottom:has(.np-summoner.np-img){top:63.7%}.card .abilities{font-size:calc(var(--w) * .112);padding:1px 8px;gap:4px}.card .abilities .ab-img{width:1.15em;height:1.15em}.gcard.r-epic .gcard-back{box-shadow:0 0 16px #b46bff8c,0 10px 24px #0009;animation:back-glow-epic 2.4s ease-in-out infinite}.gcard.r-legendary .gcard-back{box-shadow:0 0 22px #ffc53d99,0 10px 24px #0009;animation:back-glow-legend 2s ease-in-out infinite}.gcard:not(.show).r-epic .gcard-hint,.gcard:not(.show).r-legendary .gcard-hint{box-shadow:inset 0 0 0 2px var(--rc),inset 0 0 14px color-mix(in srgb,var(--rc) 50%,transparent);animation:none}@keyframes back-glow-epic{0%,to{box-shadow:0 0 12px #b46bff66,0 10px 24px #0009}50%{box-shadow:0 0 22px #b46bffb3,0 10px 24px #0009}}@keyframes back-glow-legend{0%,to{box-shadow:0 0 16px #ffc53d73,0 10px 24px #0009}50%{box-shadow:0 0 30px #ffc53dcc,0 10px 24px #0009}}.rc-ring{background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:clamp(54px,5.4vw,70px)}.rc-ring .emblem-img,.rc-ring svg{width:100%!important;height:100%!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8)) drop-shadow(0 0 8px color-mix(in srgb,var(--fc) 60%,transparent))}.realm-chip:hover .rc-ring{box-shadow:none}.realm-chip:hover .rc-ring .emblem-img,.realm-chip:hover .rc-ring svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.8)) drop-shadow(0 0 16px var(--fc))}.bu-foot{left:12%;right:12%;bottom:calc(var(--slot) * -.1);align-items:center}.bu-foot .bar{width:100%;height:calc((var(--slot) * .075 + 4px) * .8)}.bu-foot .bar span{line-height:1;overflow:visible}.bu-stats-row{display:flex;justify-content:center;align-items:center;gap:2px;margin-top:2px;--b: clamp(12px, calc(var(--slot) * .152), 22.4px)}.bu-stats-row .sb i{display:none}.bu-stats-row .sb b,.bu-stats-row .sb-framed b{font-size:calc(var(--b) * .7)}.bu-stats-row .bu-abs{display:flex;gap:1px;margin-left:2px}.bu-stats-row .bu-abs .ab-img{width:calc(var(--slot) * .13);height:calc(var(--slot) * .13)}.bu.row0{bottom:calc(var(--slot) * 1.12)}.bboard{height:calc(var(--slot) * 2.4)}.char-rig{filter:none}.char-glow{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;pointer-events:none;background:color-mix(in srgb,var(--fc) 80%,#fff 20%);-webkit-mask:var(--glow) center / 100% 100% no-repeat;mask:var(--glow) center / 100% 100% no-repeat;opacity:.9}.card-mana{animation:none;box-shadow:0 0 10px #5fb0ff,0 2px 4px #000}.card-mana.mana-framed .sb-frame{animation:none}.card.rarity-epic .art-stage:after,.card.rarity-legendary .art-stage:after{animation:none;opacity:0}.card.rarity-epic:hover .art-stage:after,.card.rarity-legendary:hover .art-stage:after{opacity:1;animation:shine 1.6s ease-out 1}.hub-sub .btn,.hub-side,.hub-hud .panel,.hub-dock,.shop-wallet span,.offer,.altar,.bsum,.rc-ring{-webkit-backdrop-filter:none;backdrop-filter:none}.hub-dock{background:linear-gradient(180deg,#14102ce6,#080714f5)}.offer{background:linear-gradient(180deg,#181434d1,#080714f2)}.altar{background:radial-gradient(ellipse at 40% 100%,rgba(255,190,90,.18),transparent 60%),linear-gradient(180deg,#14102ce0,#080714f5)}.hub-side{background:#0c0a1ee0}.card.offscreen *,.card.offscreen{animation-play-state:paused!important}.battle-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40}.bu.acting .bu-char{filter:drop-shadow(0 0 8px var(--fc)) drop-shadow(0 4px 4px rgba(0,0,0,.6))}.bu.dying .bu-fig{animation:die-dissolve .65s ease-in forwards}@keyframes die-dissolve{0%{opacity:1;transform:none;filter:brightness(1)}30%{filter:brightness(2.5) saturate(.2)}to{opacity:0;transform:translateY(10px) scale(.85,.6);filter:brightness(3) blur(3px)}}.detail-left{padding:24px 56px 12px;flex-shrink:0;display:flex;justify-content:center}.rig-figure{position:absolute;bottom:0;left:50%;height:100%;aspect-ratio:2 / 3;transform:translate(-50%);pointer-events:none}.rig-part{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;-webkit-user-select:none;user-select:none}.side1 .bu-rig,.bsf-1 .bsf-rig{transform:translate(-50%) scaleX(-1)}.bsf-rig{height:100%}.sig-banner{position:absolute;top:4%;z-index:45;padding:6px 22px;pointer-events:none;white-space:nowrap;font-family:var(--font-d);font-weight:900;letter-spacing:.12em;font-size:clamp(.9rem,1.6vw,1.4rem);color:#fff;text-shadow:0 0 12px var(--bc),0 2px 4px #000;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bc) 45%,rgba(8,7,20,.85)) 20%,color-mix(in srgb,var(--bc) 45%,rgba(8,7,20,.85)) 80%,transparent);animation:banner-in 1.7s ease-out forwards}.sig-banner.side-0{left:6%}.sig-banner.side-1{right:6%}@keyframes banner-in{0%{opacity:0;transform:translateY(-10px) scaleX(.6)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.studio-body{display:grid;grid-template-columns:220px auto minmax(280px,1fr);gap:18px;align-items:start}.studio-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 170px);overflow-y:auto;padding-right:4px}.studio-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;text-align:left}.studio-item.on{border-color:var(--fc);box-shadow:0 0 0 1px var(--fc)}.studio-item img{width:36px;height:48px;object-fit:contain}.studio-item span{display:flex;flex-direction:column;font-size:.82rem}.studio-item small{color:var(--muted);font-size:.68rem}.studio-modes{display:flex;gap:6px;margin-bottom:8px}.studio-stage{position:relative;border-radius:12px;border:1px solid var(--line);background:repeating-conic-gradient(#1b1932,#1b1932 25%,#141228 0%,#141228 50%) 0 0 / 24px 24px}.studio-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.sp-poly{fill:#7fd8ff0f;stroke:#7fd8ff8c;stroke-width:1.2;cursor:pointer}.sp-poly.on{fill:#ffd1662e;stroke:#ffd166;stroke-width:2}.sp-poly.faint{fill:none;stroke:#ffffff26;pointer-events:none}.sp-poly.faint.on{stroke:#ffd16699}.sp-vert{fill:#ffd166;stroke:#000;stroke-width:1.5;cursor:grab}.sb-line{stroke:#fff9;stroke-width:2;stroke-dasharray:4 3}.sb-root{fill:#ff5d7a;stroke:#fff;stroke-width:2;cursor:grab}.sb-pivot{fill:#7fd8ff;stroke:#0b0a16;stroke-width:2;cursor:grab}.sb-pivot.on{fill:#ffd166;r:10}.sb-pivot.keyed{stroke:#ff5d7a;stroke-width:3}.sb-handle-line{stroke:#ffd166;stroke-width:2}.sb-label{fill:#fff;font-size:11px;paint-order:stroke;stroke:#000;stroke-width:3px;pointer-events:none}.studio-help{max-width:420px;font-size:.8rem}.studio-panel{display:flex;flex-direction:column;gap:10px}.studio-panel h4{margin:4px 0}.sp-list{display:flex;flex-direction:column;gap:4px}.sp-row{display:flex;gap:4px;align-items:center;padding:4px;border-radius:8px;border:1px solid transparent}.sp-row.on{border-color:#ffd166;background:#ffd16614}.sp-row input{flex:1;min-width:0;background:#ffffff0d;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:3px 6px}.sp-row select{background:#14122a;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:3px;max-width:100px}.sp-row button{width:24px;height:24px;border:none;border-radius:6px;background:#ffffff14;color:var(--text);cursor:pointer}.timeline input[type=range]{width:100%}.tl-marks{position:relative;height:16px;margin:0 8px}.tl-marks i{position:absolute;top:2px;width:9px;height:9px;margin-left:-4px;transform:rotate(45deg);background:#ffd166;cursor:pointer}.tl-marks b{position:absolute;top:-2px;margin-left:-7px;font-size:.75rem}.key-edit{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.key-edit label{display:grid;grid-template-columns:70px 1fr 54px;gap:6px;align-items:center;font-size:.8rem}.key-edit label b{font-family:var(--font-d);font-size:.75rem;text-align:right}.studio-panel input[type=number]{width:70px;background:#ffffff0d;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:2px 4px}@media (max-width: 1100px){.studio-body{grid-template-columns:1fr}}canvas.rig-figure{display:block}.sb-bone{stroke:#7fd8ffd9;stroke-width:5;stroke-linecap:round;cursor:pointer}.sb-bone.on{stroke:#ffd166}.sb-tip{fill:#0b0a16;stroke:#7fd8ff;stroke-width:2.5;cursor:grab}.sb-tip.on{stroke:#ffd166}.wt-dot{pointer-events:none}.studio-panel .reach{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center;font-size:.82rem}.studio-panel .reach select{background:#14122a;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:3px}.battle .battle-log:not(.full){display:none}.battlefield.board{--slot: clamp(64px, min(calc((100vw - 60px) / 7.6), calc((100vh - 140px) / 3.05)), 200px);--sumH: min(calc(var(--slot) * 2.45), calc(var(--slot) * 1.85 + 50px));display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding:0 20px 14px}.bf-top{position:relative;z-index:1;display:flex;justify-content:center;gap:calc(var(--slot) * .5);height:calc(var(--slot) * .95);width:100%}.bf-boards{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;gap:calc(var(--slot) * .5)}.bf-boards .bboard{height:calc(var(--slot) * 2.05)}.bu.row0{bottom:calc(var(--slot) * .9)}.bsf{position:relative;display:block;width:calc(var(--slot) * 3.45);height:100%;flex-shrink:0}.bsf-glow{display:none}.bsf-fig{position:absolute;left:50%;bottom:calc(var(--slot) * -.9);height:var(--sumH);width:auto;aspect-ratio:2 / 3;margin:0;transform:translate(-50%);pointer-events:auto}.bsf-fig .bsf-char,.bsf-fig .bsf-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.bsf-info{position:absolute;bottom:2px;z-index:3;display:flex;flex-direction:column;gap:1px}.bsf-0 .bsf-info{left:0;align-items:flex-start}.bsf-1 .bsf-info{right:0;align-items:flex-end}.bsf-info .bsf-plate.img{width:calc(var(--slot) * 1.9);padding:5% 18% 0}.bsf-info .bsf-plate:not(.img){min-width:0}.bsf-info .bsf-fx{max-width:calc(var(--slot) * 2.2)}.bsf-0 .bsf-info .bsf-fx{justify-content:flex-start}.bsf-1 .bsf-info .bsf-fx{justify-content:flex-end}.bf-center{position:absolute;left:50%;bottom:0;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;pointer-events:none}.bf-center .board-vs{margin:0;font-size:calc(var(--slot) * .22);line-height:1}.feed-all{pointer-events:auto;margin-top:4px;background:#0807148c;border:1px solid rgba(255,255,255,.18);color:var(--text);border-radius:99px;padding:2px 10px;font-size:.68rem;cursor:pointer}.feed-all:hover{background:#080714d9}.action-feed{position:relative;width:min(44vw,560px);height:calc(var(--slot) * .75 + 40px);margin-bottom:6px}.feed-line{position:absolute;left:0;right:0;bottom:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.72rem,1.05vw,.95rem);font-weight:600;color:#fff;text-shadow:0 1px 3px #000,0 0 8px #000,0 0 2px #000;transform-origin:50% 100%;transform:translateY(calc(var(--age) * -1.35em)) scale(calc(1 - var(--age) * .14));opacity:calc(1 - var(--age) * .19);transition:transform .45s ease-out,opacity .45s ease-out;animation:feed-in .35s ease-out}.feed-line.s0{color:#cfeaff}.feed-line.s1{color:#ffd4d4}.feed-line.log-round{color:var(--accent);font-family:var(--font-d);letter-spacing:.15em}.feed-line.log-death{color:#ff8a8a}.feed-line.log-heal{color:#8dffb0}@keyframes feed-in{0%{opacity:0;transform:translateY(14px) scale(.9)}}.log-box{max-width:640px}.battle-log.full{display:block;height:auto;max-height:62vh;margin:8px 0 0}.detail-left{align-items:flex-start}.bsf-0 .bsf-fig{transform:translate(-100%,-30%)}.bsf-1 .bsf-fig{transform:translateY(-30%)}.bsf-info{bottom:calc(var(--slot) * .02)}.bsf-0 .bsf-info{left:auto;right:calc(var(--slot) * -.05);align-items:flex-end}.bsf-1 .bsf-info{right:auto;left:calc(var(--slot) * -.05);align-items:flex-start}.bsf-0 .bsf-info .bsf-fx{justify-content:flex-end}.bsf-1 .bsf-info .bsf-fx{justify-content:flex-start}.bu.row1{bottom:calc(var(--slot) * .18)}.action-feed{margin-bottom:calc(var(--slot) * .62)}.bsf-0 .bsf-info{right:calc(var(--slot) * .03)}.bsf-1 .bsf-info{left:calc(var(--slot) * .03)}.action-feed{margin-bottom:6px}.vs-row{display:flex;align-items:center;gap:calc(var(--slot) * .12);pointer-events:auto}.bsum-badge{position:relative;width:calc(var(--slot) * .42);height:calc(var(--slot) * .42);min-width:40px;min-height:40px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid var(--fc);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--fc) 45%,#1b1830),#0b0a16);box-shadow:0 0 14px color-mix(in srgb,var(--fc) 60%,transparent),0 3px 8px #0009;transition:transform .15s,box-shadow .15s}.bsum-badge img,.bsum-badge .bsum-badge-art{position:absolute;left:-30%;top:-6%;width:160%;height:auto;object-fit:cover}.bsum-badge.side-1 img{scale:-1 1}.bsum-badge:hover{transform:scale(1.1);box-shadow:0 0 22px var(--fc),0 3px 8px #0009}.vs-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;overflow:hidden}.vs-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,#00000040,#000000b3);animation:fade-in .3s}.vs-intro.ph-out:before{animation:vs-dim-out .35s forwards}.vs-banner{position:absolute;top:12%;height:60%;width:53%;overflow:hidden;filter:drop-shadow(0 10px 24px rgba(0,0,0,.7))}.vs-banner.side-0{left:0;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.vs-banner.side-1{right:0;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.vb-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 2px,transparent 2px 22px),linear-gradient(90deg,color-mix(in srgb,var(--fc) 75%,#0b0a16),color-mix(in srgb,var(--fc2) 45%,#0b0a16) 70%,#0b0a16)}.side-1 .vb-bg{transform:scaleX(-1)}.vs-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--fc) 80%,#fff),inset 0 0 60px #00000080}.side-0.vs-banner:after{clip-path:inherit}.vb-art{position:absolute;bottom:-38%;height:170%;width:auto;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--fc) 60%,transparent))}.side-0 .vb-art{left:4%}.side-1 .vb-art{right:4%;scale:-1 1}.vb-text{position:absolute;top:50%;transform:translateY(-50%);max-width:46%;display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 6px #000,0 0 12px #000}.side-0 .vb-text{right:13%;align-items:flex-end;text-align:right}.side-1 .vb-text{left:13%;align-items:flex-start;text-align:left}.vb-player{font-size:.85rem;color:#e8e4ff;letter-spacing:.08em}.vb-name{font-family:var(--font-d);font-weight:900;font-size:clamp(1.3rem,2.8vw,2.4rem);line-height:1.05;color:#fff}.vb-title{font-size:.9rem;color:color-mix(in srgb,var(--fc) 60%,#fff)}.vb-sig{font-family:var(--font-d);font-size:clamp(.75rem,1.2vw,1rem);color:#ffd98a;letter-spacing:.06em}.vb-fx{display:flex;gap:4px;flex-wrap:wrap}.side-0 .vb-fx{justify-content:flex-end}.vb-fx span{font-size:.72rem;padding:2px 8px;border-radius:99px;background:#080714b3;border:1px solid rgba(255,255,255,.18)}.ph-in .vs-banner.side-0{animation:vb-in-l .52s cubic-bezier(.3,1.25,.5,1) both}.ph-in .vs-banner.side-1{animation:vb-in-r .52s cubic-bezier(.3,1.25,.5,1) both}.ph-clash .vs-banner.side-0{animation:vb-hit-l .35s ease-out}.ph-clash .vs-banner.side-1{animation:vb-hit-r .35s ease-out}.ph-out .vs-banner.side-0{animation:vb-out-l .35s ease-in forwards}.ph-out .vs-banner.side-1{animation:vb-out-r .35s ease-in forwards}@keyframes vb-in-l{0%{transform:translate(-110%)}}@keyframes vb-in-r{0%{transform:translate(110%)}}@keyframes vb-hit-l{30%{transform:translate(-3%) scale(1.02)}}@keyframes vb-hit-r{30%{transform:translate(3%) scale(1.02)}}@keyframes vb-out-l{to{transform:translate(-110%);opacity:0}}@keyframes vb-out-r{to{transform:translate(110%);opacity:0}}@keyframes vs-dim-out{to{opacity:0}}.vs-flash{position:absolute;left:50%;top:42%;width:10px;height:10px;margin:-5px;border-radius:50%;opacity:0}.ph-clash .vs-flash{animation:vs-flash .6s ease-out}@keyframes vs-flash{0%{opacity:1;box-shadow:0 0 #fff,0 0 60px 30px #fff}to{opacity:0;box-shadow:0 0 0 340px #fff0,0 0 200px 120px #ffdc9600}}.vs-stamp{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(0);font-family:var(--font-d);font-weight:900;font-size:clamp(3rem,8vw,6.5rem);color:#fff;text-shadow:0 0 20px #ff9a3c,0 0 40px #ff5b2b,0 4px 0 #8a2a00,0 8px 18px rgba(0,0,0,.8);letter-spacing:.05em}.ph-clash .vs-stamp{animation:vs-stamp .45s cubic-bezier(.2,1.6,.4,1) forwards}.ph-out .vs-stamp{transform:translate(-50%,-50%) scale(1);animation:vb-out-fade .35s forwards}@keyframes vs-stamp{0%{transform:translate(-50%,-50%) scale(3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes vb-out-fade{to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@media (max-width: 760px){.vb-art{display:none}.vs-banner{width:56%}}.side-0 .vb-text{right:24%}.side-1 .vb-text{left:24%}.vb-text{max-width:40%}.vs-banner{top:22%;height:50%;overflow:visible;clip-path:none;filter:none}.vs-banner:after{display:none}.vb-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;filter:drop-shadow(0 10px 24px rgba(0,0,0,.7))}.side-0 .vb-panel{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.side-1 .vb-panel{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.vb-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--fc) 80%,#fff),inset 0 0 60px #00000080}.vb-art{z-index:1;bottom:0;height:132%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) drop-shadow(0 0 16px color-mix(in srgb,var(--fc) 55%,transparent));-webkit-mask-image:linear-gradient(to top,transparent 0,#000 18%);mask-image:linear-gradient(to top,transparent 0,#000 18%)}.vb-text{z-index:2}.vs-flash{display:none}.battle-fx{z-index:80}.vs-stamp.vs-img{width:clamp(180px,24vw,360px);height:auto;text-shadow:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,.7))}.board-vs.vs-img{height:calc(var(--slot) * .42);width:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}.rank-badge.img{object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.rank-badge.league-badge{display:grid;place-items:center;flex-shrink:0}.top-rank{display:inline-flex;align-items:center;gap:5px}.result-rank{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 4px;text-align:left}.result-rank b{font-family:var(--font-d)}.rank-up{color:var(--good);font-family:var(--font-d);font-weight:900;animation:pulse .9s infinite}.rank-down{color:var(--bad);font-family:var(--font-d)}.vs-banner.side-0,.vs-banner.side-1{clip-path:none}.card .char-rig{transform:translateZ(70px) translate(calc(var(--sx, 0) * 6px),calc(var(--sy, 0) * 4px))}.card:hover .char-rig{transform:translateZ(78px) translate(calc(var(--sx, 0) * 8px),calc(var(--sy, 0) * 5px))}.card .card-bottom{transform:translateZ(85px)}.card .card-level,.card .card-count,.card .card-uid{transform:translateZ(90px)}.card .card-info{transform:translateZ(95px) translate(-50%)}.card .card-info:hover{transform:translateZ(95px) translate(-50%) scale(1.15)}.card .card-badge{transform:translateZ(95px) translate(-50%)}.art-stage.art-char{z-index:4}.card .card-bottom{z-index:5}.card .card-level,.card .card-count,.card .card-uid{z-index:6}.card .card-info{z-index:7}.card .card-badge{z-index:8}.art-backdrop>*{filter:brightness(.78) saturate(1.05)}.card .art-backdrop{transform:translateZ(2px)}.sp-rect{fill:#7fd8ff0a;stroke:#7fd8ff59;stroke-width:1;stroke-dasharray:4 3;cursor:move}.sp-rect:hover{fill:#7fd8ff1a}.sp-rect.on{fill:#ffd1661a;stroke:#ffd166;stroke-width:2;stroke-dasharray:none}.sp-hidden .sp-rect{stroke-opacity:.15}.sb-ik{fill:#b46bff}.sp-thumb{width:26px;height:26px;object-fit:contain;background:#ffffff0d;border-radius:4px}.sp-name{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.puppet-tag{margin-left:auto;pointer-events:none}.part-lower{-webkit-mask-image:linear-gradient(to bottom,transparent 49%,#000 50%);mask-image:linear-gradient(to bottom,transparent 49%,#000 50%)}.part-upper{-webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent 57.5%);mask-image:linear-gradient(to bottom,#000 56%,transparent 57.5%)}.char-rig.winged .part-upper{-webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent 57.5%),linear-gradient(to right,transparent 25%,#000 26% 74%,transparent 75%);mask-image:linear-gradient(to bottom,#000 56%,transparent 57.5%),linear-gradient(to right,transparent 25%,#000 26% 74%,transparent 75%)}.part-wing-l{-webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent 57.5%),linear-gradient(to right,#000 31%,transparent 32%);mask-image:linear-gradient(to bottom,#000 56%,transparent 57.5%),linear-gradient(to right,#000 31%,transparent 32%)}.part-wing-r{-webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent 57.5%),linear-gradient(to left,#000 31%,transparent 32%);mask-image:linear-gradient(to bottom,#000 56%,transparent 57.5%),linear-gradient(to left,#000 31%,transparent 32%)}.card .card-glare{z-index:3}.card .char-rig{left:5.55%;width:88.9%;transform-origin:50% 100%;transform:translateZ(70px) scale(.9222) translate(calc(var(--sx, 0) * 6.5px),calc(var(--sy, 0) * 4.3px))}.card:hover .char-rig{transform:translateZ(78px) scale(.9133) translate(calc(var(--sx, 0) * 8.8px),calc(var(--sy, 0) * 5.5px))}.pick-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.ps-step{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-family:var(--font-d);font-size:.9rem;cursor:pointer}.ps-step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff1a;color:var(--text);font-size:.8rem}.ps-step small{font-family:var(--font-b, inherit);font-size:.75rem;color:var(--muted)}.ps-step.on{color:var(--text);border-color:#ffd98a;background:#ffd98a1f}.ps-step.on b{background:#ffd98a;color:#1a1426}.ps-step.done b{background:#2ecc71;color:#08140c}.ps-step:disabled{opacity:.45;cursor:default}.ps-arrow{color:var(--muted);font-size:1.2rem}.pick-steps .hint{margin:0 0 0 auto}.ps-back{margin-right:10px;vertical-align:middle}.lu-summ{cursor:pointer}.lu-summ.on{box-shadow:0 0 0 2px #ffd98a inset}.card .card-info{top:auto;left:-6px;bottom:-6px;transform:translateZ(95px)}.card .card-info:hover{transform:translateZ(95px) scale(1.15)}.card .card-info{bottom:5px;left:-7px}.hub-dock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;max-width:none;width:auto;margin:0;padding:0;background:none!important;border:none;box-shadow:none;pointer-events:none}.hub-dock:before,.hub-dock:after,.dock-trim,.dock-sec+.dock-sec:before{display:none}.hub-dock .dock-sec{position:absolute;pointer-events:auto;background:none;border:none;box-shadow:none;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.8)}.hub-dock .dock-league{top:34px;left:30px;width:min(330px,34vw)}.hub-dock .dock-quest{bottom:20px;left:22px;width:min(400px,40vw)}.hub-dock .dock-history{bottom:20px;right:22px;width:min(340px,34vw)}.hub-dock .dock-league .rank-badge{filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}.hub-dock .lbar{box-shadow:0 1px 4px #000000b3}@media (max-width: 760px){.hub-dock{position:relative;inset:auto;display:grid;gap:14px;padding:0 16px 16px;pointer-events:auto}.hub-dock .dock-sec{position:relative;inset:auto;width:auto}}@media (hover: hover){.topbar.autohide{position:fixed;left:0;right:0;top:0;transform:translateY(-100%);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s;box-shadow:0 8px 28px #0000008c}.topbar-hot{position:fixed;left:0;right:0;top:0;height:14px;z-index:21;display:flex;justify-content:center}.topbar-hot span{margin-top:0;padding:1px 14px 3px;border-radius:0 0 10px 10px;font-size:.68rem;letter-spacing:.08em;color:#ffd98a;background:#0a0818bf;border:1px solid rgba(255,214,140,.35);border-top:none;opacity:.75;transition:opacity .2s;pointer-events:none}.topbar-hot:hover+.topbar.autohide,.topbar.autohide:hover,.topbar.autohide:focus-within{transform:none;opacity:1}.topbar-hot:hover span{opacity:0}main{min-height:100vh}.hub,.hub>.scene-content{min-height:100vh}}.brand{display:flex;align-items:center;gap:6px}.brand-mark{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,200,120,.6))}.grid{display:grid;grid-template-columns:repeat(auto-fill,170px);justify-content:center;gap:18px 26px}.grid.realm-cards{grid-template-columns:repeat(auto-fill,118px)}.rank-aura{position:relative;width:104px;height:104px;flex-shrink:0;display:grid;place-items:center;isolation:isolate}.rank-aura>i,.rank-aura>b{position:absolute;pointer-events:none}.ra-rays{top:-34%;right:-34%;bottom:-34%;left:-34%;border-radius:50%;z-index:-2;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--lc) 70%,#fff) 0deg 5deg,transparent 5deg 22deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);opacity:.55;animation:ra-spin 18s linear infinite}.ra-glow{top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:50%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--lc) 75%,#fff) 0%,color-mix(in srgb,var(--lc) 45%,transparent) 38%,transparent 70%);filter:blur(4px);animation:ra-breathe 3.2s ease-in-out infinite}.ra-ring{top:2%;right:2%;bottom:2%;left:2%;border-radius:50%;z-index:-1;border:2px solid color-mix(in srgb,var(--lc) 80%,#fff);box-shadow:0 0 14px var(--lc),inset 0 0 12px color-mix(in srgb,var(--lc) 60%,transparent);opacity:0;animation:ra-pulse 3.2s ease-out infinite}.ra-spark{left:50%;bottom:18%;width:4px;height:4px;border-radius:50%;background:#fff;z-index:2;box-shadow:0 0 6px 2px var(--lc);opacity:0;animation:ra-rise 2.6s ease-out infinite;animation-delay:calc(var(--i) * -.33s);--dx: calc((var(--i) - 3.5) * 9px)}.ra-badge{position:relative;z-index:1;animation:ra-float 3.2s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7)) drop-shadow(0 0 10px color-mix(in srgb,var(--lc) 70%,transparent))}.ra-shine{top:10%;right:18%;bottom:10%;left:18%;z-index:2;border-radius:30%;overflow:hidden;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.75) 48%,transparent 58%) no-repeat;background-size:260% 100%;-webkit-mask:radial-gradient(ellipse,#000 55%,transparent 72%);mask:radial-gradient(ellipse,#000 55%,transparent 72%);mix-blend-mode:overlay;animation:ra-sweep 4.5s ease-in-out infinite}@keyframes ra-spin{to{transform:rotate(360deg)}}@keyframes ra-breathe{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.95;transform:scale(1.06)}}@keyframes ra-pulse{0%{opacity:.8;transform:scale(.82)}70%,to{opacity:0;transform:scale(1.35)}}@keyframes ra-rise{0%{opacity:0;transform:translate(0) scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),-78px) scale(.2)}}@keyframes ra-float{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-5px) rotate(1.5deg)}}@keyframes ra-sweep{0%,55%{background-position:130% 0}85%,to{background-position:-30% 0}}.hub-dock .dock-league{gap:18px}@media (prefers-reduced-motion: reduce){.rank-aura *,.rank-aura{animation:none!important}}.hub-logo{position:relative;display:inline-block;margin:0;line-height:0;animation:hl-float 6s ease-in-out infinite}.hub-logo img{width:clamp(280px,38vw,620px);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.75)) drop-shadow(0 0 24px rgba(255,190,110,.35))}.hl-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) no-repeat;background-size:250% 100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:overlay;animation:ra-sweep 6s ease-in-out infinite}@keyframes hl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.shop-scene{min-height:100vh}.forge{position:relative;max-width:1400px;margin:0 auto;min-height:100vh;padding:26px 28px 20px;display:flex;flex-direction:column}.forge-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.forge-title p{margin:4px 0 0;color:#f4e6c8;font-size:.92rem;text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.8)}.forge-title .shop-title{filter:drop-shadow(0 3px 10px rgba(0,0,0,.8))}.forge-wares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin:6px auto 0;width:min(1080px,100%)}.ware{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.ware-chest{transform:translateY(-14px)}.ware-tag{position:absolute;top:4px;left:50%;transform:translate(-50%) rotate(-4deg);z-index:3;padding:3px 14px;border-radius:6px;font-family:var(--font-d);font-weight:900;font-size:.72rem;letter-spacing:.1em;color:#2a1200;background:linear-gradient(180deg,#ffe7a3,#ff9d3b);box-shadow:0 3px #8a4a10,0 0 14px #ffaa3cb3;animation:tag-wiggle 3s ease-in-out infinite}.ware-nft .ware-tag{background:linear-gradient(180deg,#fff1b0,#f0b90b)}@keyframes tag-wiggle{0%,88%,to{transform:translate(-50%) rotate(-4deg)}92%{transform:translate(-50%) rotate(4deg) scale(1.08)}96%{transform:translate(-50%) rotate(-6deg)}}.ware-stage{position:relative;width:230px;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ware-chest .ware-stage{width:270px}.ware-float{position:relative;z-index:2;height:170px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:-28px;animation:ware-bob 3.6s ease-in-out infinite;transition:transform .25s,filter .25s}.ware-genesis .ware-float{animation-delay:-1.2s}.ware-nft .ware-float{animation-delay:-2.4s}.ware-float img{height:100%;width:auto;max-width:200px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.55))}.ware-chest .ware-float img{max-width:240px}.ware-float .offer-fb{animation:none}.ware:hover .ware-float{transform:translateY(-10px) scale(1.05);filter:drop-shadow(0 0 18px var(--oc, #ffd98a))}@keyframes ware-bob{0%,to{translate:0 0}50%{translate:0 -9px}}.ware-genesis{--oc: #9bb8ff}.ware-chest{--oc: #ffc85a}.ware-nft{--oc: #f0b90b}.ware-halo{position:absolute;left:50%;bottom:60px;width:220px;height:220px;transform:translate(-50%);border-radius:50%;z-index:0;background:radial-gradient(circle,color-mix(in srgb,var(--oc) 55%,transparent),transparent 65%);filter:blur(6px);animation:ra-breathe 3.6s ease-in-out infinite}.ware-spark{position:absolute;left:50%;bottom:70px;width:4px;height:4px;border-radius:50%;background:#fff;z-index:3;pointer-events:none;box-shadow:0 0 6px 2px var(--oc);opacity:0;--dx: calc((var(--i) - 2.5) * 22px);animation:ra-rise 3s ease-out infinite;animation-delay:calc(var(--i) * -.5s)}.ware-pedestal{position:relative;z-index:1;width:170px;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}.ware-pedestal.fb{height:74px;border-radius:50%/34%;background:radial-gradient(ellipse at 50% 26%,color-mix(in srgb,var(--oc) 70%,#fff) 0 18%,transparent 46%),linear-gradient(180deg,#f3ead6 0,#f3ead6 30%,#b9a988 31%,#b9a988 60%,#6d5d43 61%);box-shadow:0 0 0 2px #d4b46a inset,0 0 24px color-mix(in srgb,var(--oc) 60%,transparent)}.ware-chest .ware-pedestal{width:210px}.ware-name{margin-top:4px;display:flex;flex-direction:column;text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.9)}.ware-name span{font-family:var(--font-d);font-weight:800;font-size:1.05rem;letter-spacing:.04em;color:#fff4dc}.ware-name small{color:#e8dcc0;font-size:.78rem}.ware-buy{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ware-note{margin:0;font-size:.74rem;color:#e8dcc0;text-shadow:0 1px 3px #000}.plaque-btn{position:relative;overflow:hidden;min-width:150px;height:52px;padding:0 26px;border:none;cursor:pointer;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-d);font-weight:900;font-size:1.15rem;letter-spacing:.04em;color:#fff7e0;text-shadow:0 2px 0 rgba(0,0,0,.55);border-radius:14px;background:linear-gradient(180deg,#2b3a7a,#121a44);box-shadow:0 0 0 3px #d9ae4e,0 0 0 5px #6b4a14,0 6px #3d2a08,0 8px 18px #0009;transition:transform .12s,filter .2s,box-shadow .2s}.plaque-btn i{font-style:normal;color:#ffd98a;filter:drop-shadow(0 0 4px #ffb84a)}.plaqued .plaque-btn{background:var(--plaque) center / 100% 100% no-repeat;box-shadow:none;border-radius:0;min-width:190px;height:64px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6))}.plaque-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 35%,rgba(255,240,200,.55) 50%,transparent 65%);transform:translate(-120%);animation:sheen 3.2s ease-in-out infinite}.plaqued .plaque-btn:after{-webkit-mask:var(--plaque) center / 100% 100% no-repeat;mask:var(--plaque) center / 100% 100% no-repeat;z-index:1}.plaque-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.04);filter:brightness(1.15) drop-shadow(0 0 14px rgba(255,200,100,.65))}.plaque-btn:active:not(:disabled){transform:translateY(2px) scale(.98)}.plaque-btn.alt{background:linear-gradient(180deg,#3a2a5e,#1a1030)}.plaque-btn:disabled{filter:grayscale(.85) brightness(.6);cursor:not-allowed}.plaque-btn:disabled:after{animation:none}.forge-floor{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;margin-top:10px;min-height:330px}.keeper{position:absolute;left:0;bottom:0;width:clamp(170px,19vw,280px);display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.keeper-art{width:100%;height:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.7));animation:keeper-idle 4.5s ease-in-out infinite;transform-origin:50% 100%}@keyframes keeper-idle{0%,to{transform:scale(1)}50%{transform:scale(1.008,1.018)}}.keeper-fb{width:120px;height:120px;margin:0 0 20px 30px;border-radius:50%;display:grid;place-items:center;font-size:3.4rem;background:radial-gradient(circle at 40% 35%,#5a3a1a,#1d1208);box-shadow:0 0 0 3px #d9ae4e,0 0 24px #ff963c80}.keeper-say{position:relative;margin:0 0 8px 28%;max-width:260px;padding:10px 14px;border-radius:14px 14px 14px 4px;font-size:.86rem;line-height:1.4;color:#2a1a0a;background:linear-gradient(180deg,#fff8e6,#f1dfb6);box-shadow:0 0 0 2px #c69a45,0 6px 14px #00000080;animation:say-pop .35s cubic-bezier(.2,1.4,.4,1);transform-origin:0 100%}.keeper-say:after{content:"";position:absolute;left:14px;bottom:-9px;border:9px solid transparent;border-top-color:#f1dfb6;border-bottom:0;filter:drop-shadow(0 2px 0 #c69a45)}@keyframes say-pop{0%{opacity:0;transform:scale(.6) translateY(8px)}to{opacity:1;transform:none}}.forge-altar{position:relative;width:min(560px,60vw);display:flex;flex-direction:column;align-items:center}.forge-altar .altar-packs{z-index:2;height:150px;margin-bottom:-30px;animation:ware-bob 4s ease-in-out infinite}.forge-altar:hover .altar-pack{transform:translate(calc(-50% + var(--k) * 42px)) rotate(calc(var(--k) * 11deg)) translateY(-8px)}.forge-altar .altar-pack img{height:130px}.forge-altar .altar-empty{font-size:.9rem;color:#f0e2c4;text-shadow:0 1px 3px #000}.altar-art{position:relative;z-index:1;width:100%;height:auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.65))}.altar-art.fb{height:120px;border-radius:50%/40%;background:radial-gradient(ellipse at 50% 22%,#fff3c4 0 10%,#ffb648 18%,transparent 40%),linear-gradient(180deg,#f2e9d2 0,#f2e9d2 26%,#c2b08a 27%,#c2b08a 62%,#5e4d36 63%);box-shadow:0 0 0 3px #d4b46a inset,0 0 40px #ffaa3c59}.forge-altar.charged .altar-art{animation:altar-glow 2.4s ease-in-out infinite}@keyframes altar-glow{0%,to{filter:drop-shadow(0 14px 20px rgba(0,0,0,.65)) drop-shadow(0 0 0 rgba(255,190,90,0))}50%{filter:drop-shadow(0 14px 20px rgba(0,0,0,.65)) drop-shadow(0 0 22px rgba(255,190,90,.75))}}.altar-flash{position:absolute;left:50%;top:28%;width:300px;height:300px;transform:translate(-50%,-50%) scale(.2);border-radius:50%;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,245,210,.95),rgba(255,190,90,.5) 30%,transparent 65%)}.altar-flash.go{animation:altar-land .7s ease-out}@keyframes altar-land{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.altar-controls{position:relative;z-index:3;margin-top:-40px;display:flex;flex-direction:column;align-items:center;gap:8px}.altar-controls .open-count .chip{background:#0a081acc}.seal-btn{position:relative;width:132px;height:132px;border:none;padding:0;background:none;cursor:pointer;display:grid;place-items:center;transition:transform .15s,filter .2s}.seal-btn img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;animation:seal-breathe 2.2s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(170,120,255,.8))}.seal-fb{position:relative;z-index:1;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:2.6rem;color:#fff8e0;background:radial-gradient(circle at 50% 40%,#fff6cf,#ffb648 30%,#7a3cff 70%,#2a0c70);box-shadow:0 0 0 4px #d9ae4e,0 0 0 7px #4a2a8a,0 0 30px #9b5cffcc;animation:seal-breathe 2.2s ease-in-out infinite}.seal-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;z-index:0;background:repeating-conic-gradient(from 0deg,rgba(255,220,140,.9) 0deg 3deg,transparent 3deg 15deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60% 66%,transparent 68%);mask:radial-gradient(circle,transparent 58%,#000 60% 66%,transparent 68%);animation:ra-spin 9s linear infinite}.seal-label{position:absolute;z-index:2;bottom:-6px;left:50%;transform:translate(-50%);white-space:nowrap;padding:4px 14px;border-radius:99px;font-family:var(--font-d);font-weight:900;font-size:.95rem;color:#fff;background:linear-gradient(180deg,#a77bff,#5a22d0);box-shadow:0 3px #2a0c70,0 0 16px #9b5cffb3}.seal-btn:hover:not(:disabled){transform:scale(1.07) rotate(-3deg);filter:brightness(1.15)}.seal-btn:active:not(:disabled){transform:scale(.95)}.seal-btn:disabled{filter:grayscale(.9) brightness(.55);cursor:not-allowed}.seal-btn:disabled img,.seal-btn:disabled .seal-fb,.seal-btn:disabled .seal-ring{animation:none}@keyframes seal-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (max-width: 900px){.forge-wares{grid-template-columns:1fr;gap:26px}.ware-chest{transform:none}.forge-floor{flex-direction:column;align-items:center}.keeper{position:relative;flex-direction:row;align-items:flex-end;width:100%}.keeper-art{width:120px}.keeper-say{order:2;margin:0 0 30px 8px}.forge-altar{width:min(440px,100%)}}@media (prefers-reduced-motion: reduce){.forge *,.forge *:after{animation:none!important}}.forge{padding-top:22px}.forge-wares{margin-top:0}.ware{padding-top:22px}.ware-chest{transform:translateY(-6px)}.ware-tag{top:0}.ware-stage{height:auto}.ware-float{height:clamp(110px,15vh,150px);margin-bottom:clamp(-34px,-3.6vh,-24px)}.ware-chest .ware-float{height:clamp(120px,16vh,160px)}img.ware-pedestal{width:clamp(96px,11vh,124px)}.ware-chest img.ware-pedestal{width:clamp(108px,12.5vh,142px)}.ware-halo{bottom:40px;width:190px;height:190px}.ware-buy{margin-top:4px}.forge-floor{min-height:0;margin-top:0}.forge-altar{width:min(440px,38vw)}.forge-altar .altar-packs{height:clamp(100px,14vh,140px);margin-bottom:-6%}.forge-altar .altar-pack img{height:clamp(96px,13vh,126px)}img.altar-art{width:auto;max-width:100%;max-height:clamp(150px,24vh,230px);object-fit:contain}.altar-controls{margin-top:clamp(-90px,-9vh,-50px)}.seal-btn{width:clamp(96px,12vh,124px);height:clamp(96px,12vh,124px)}.keeper{width:clamp(150px,15vw,230px)}.keeper-say{margin-left:52%}.forge{padding-top:16px;padding-bottom:10px}.ware{padding-top:18px}.ware-float{height:clamp(86px,12.5vh,150px)}.ware-chest .ware-float{height:clamp(96px,13.5vh,160px)}img.ware-pedestal{width:clamp(80px,10vh,124px)}.ware-chest img.ware-pedestal{width:clamp(90px,11.5vh,142px)}.ware-name span{font-size:clamp(.9rem,1.9vh,1.05rem)}.plaque-btn{height:clamp(42px,6vh,52px)}.plaqued .plaque-btn{height:clamp(50px,7vh,64px);min-width:clamp(160px,22vh,190px)}.forge-altar .altar-packs{height:clamp(80px,11vh,140px)}.forge-altar .altar-pack img{height:clamp(78px,10.5vh,126px)}img.altar-art{max-height:clamp(120px,20vh,230px)}.seal-btn{width:clamp(84px,11vh,124px);height:clamp(84px,11vh,124px)}.keeper-say{position:absolute;left:62%;bottom:72%;width:230px;max-width:230px;margin:0}.brand-logo{height:36px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7));transition:transform .2s,filter .2s}.brand:hover .brand-logo{transform:scale(1.05);filter:drop-shadow(0 2px 6px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,200,120,.6))}.topbar{padding-top:6px;padding-bottom:6px}.nav-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:99px;font-size:.7rem;font-family:var(--font-d);color:#2a1200;background:linear-gradient(180deg,#ffe7a3,#ff9d3b);box-shadow:0 0 8px #ffaa3cb3}.shop-only .forge-wares{margin-top:clamp(10px,4vh,50px)}.shop-only .ware-float{height:clamp(120px,20vh,220px)}.shop-only .ware-chest .ware-float{height:clamp(130px,22vh,240px)}.shop-only img.ware-pedestal{width:clamp(100px,14vh,160px)}.shop-only .ware-chest img.ware-pedestal{width:clamp(112px,16vh,180px)}.shop-only .ware-float img{max-width:260px}.shop-only .ware-chest .ware-float img{max-width:300px}.shop-only .ware-halo{width:260px;height:260px}.shop-only .forge-floor{justify-content:flex-end;align-items:flex-end;min-height:clamp(220px,34vh,380px)}.shop-only .keeper{width:clamp(180px,19vw,300px)}.to-chamber{position:relative;display:flex;align-items:center;gap:14px;padding:10px 22px 10px 12px;margin:0 0 6px;border:none;cursor:pointer;border-radius:18px;color:#fff;text-align:left;background:linear-gradient(180deg,#3c2278eb,#180c36f2);box-shadow:0 0 0 2px #d9ae4e,0 0 0 4px #3c1e0ae6,0 8px 20px #0009;transition:transform .15s,filter .2s}.to-chamber:hover{transform:translateY(-3px);filter:brightness(1.15)}.to-chamber.has{animation:chamber-call 2.2s ease-in-out infinite}@keyframes chamber-call{0%,to{box-shadow:0 0 0 2px #d9ae4e,0 0 0 4px #3c1e0ae6,0 8px 20px #0009}50%{box-shadow:0 0 0 2px #ffe08a,0 0 0 4px #3c1e0ae6,0 0 26px #aa78ffd9}}.tc-packs{position:relative;width:52px;height:66px;display:grid;place-items:center;font-size:2rem}.tc-packs img{height:66px;width:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6));transform:rotate(-8deg)}.tc-packs b{position:absolute;right:-8px;top:-6px;min-width:24px;height:24px;padding:0 6px;border-radius:99px;display:grid;place-items:center;font-family:var(--font-d);font-size:.85rem;color:#2a1200;background:linear-gradient(180deg,#ffe7a3,#ff9d3b);box-shadow:0 2px #8a4a10}.tc-text{display:flex;flex-direction:column}.tc-text b{font-family:var(--font-d);font-size:1.1rem;letter-spacing:.04em}.tc-text small{color:#d8ccff;font-size:.8rem}.tc-arrow{font-size:1.3rem;color:#ffd98a;animation:tc-nudge 1.4s ease-in-out infinite}@keyframes tc-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.pack-flight{position:absolute;right:120px;bottom:30px;z-index:10;pointer-events:none;animation:pack-fly .95s cubic-bezier(.35,0,.6,1) forwards}.pack-flight img{height:80px;filter:drop-shadow(0 0 14px rgba(255,210,120,.9))}.pack-flight b{position:absolute;right:-14px;top:-8px;font-family:var(--font-d);color:#ffe08a;text-shadow:0 2px 4px #000}@keyframes pack-fly{0%{transform:translate(calc(-50vw + 200px),-42vh) scale(1.1) rotate(0);opacity:0}15%{opacity:1}70%{transform:translate(-20px,-40px) scale(.8) rotate(-20deg);opacity:1}to{transform:translate(0) scale(.35) rotate(-30deg);opacity:0}}.chamber-floor{flex:1;display:flex;align-items:flex-end;justify-content:center}.forge-altar.big{width:min(760px,70vw)}.forge-altar.big .altar-packs{height:clamp(130px,24vh,250px);width:min(620px,80vw);margin-bottom:-4%}.forge-altar.big .altar-pack img{height:clamp(120px,22vh,220px)}.forge-altar.big .altar-pack{transform:translate(calc(-50% + var(--k) * 58px)) rotate(calc(var(--k) * 7deg)) translateY(calc(var(--k) * var(--k) * 3px))}.forge-altar.big:hover .altar-pack{transform:translate(calc(-50% + var(--k) * 70px)) rotate(calc(var(--k) * 9deg)) translateY(calc(var(--k) * var(--k) * 4px - 10px))}.forge-altar.big img.altar-art{max-height:clamp(180px,36vh,380px)}.forge-altar.big .altar-controls{margin-top:clamp(-150px,-13vh,-70px)}.forge-altar.big .seal-btn{width:clamp(110px,16vh,160px);height:clamp(110px,16vh,160px)}.forge-altar.big .altar-empty{flex-direction:column;gap:12px;font-size:1rem}.forge-altar.big .altar-empty p{margin:0}.altar-beam{position:absolute;left:50%;bottom:30%;width:180px;height:70vh;transform:translate(-50%);pointer-events:none;z-index:0;opacity:0;background:linear-gradient(0deg,rgba(255,220,150,.55),rgba(190,150,255,.25) 45%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 35% 65%,transparent);mask:linear-gradient(90deg,transparent,#000 35% 65%,transparent);transition:opacity .6s}.forge-altar.charged .altar-beam{opacity:1;animation:beam-flicker 3s ease-in-out infinite}@keyframes beam-flicker{0%,to{opacity:.75}50%{opacity:1}}@media (max-width: 900px){.shop-only .forge-floor{flex-direction:column;align-items:center;justify-content:flex-end}.forge-altar.big{width:100%}}.shop-only{--keeper-w: clamp(170px, 18vw, 280px)}.shop-only .forge-wares{width:min(1000px,calc(100% - var(--keeper-w)));margin-left:auto;margin-right:0}.shop-only .forge-floor{min-height:clamp(90px,14vh,180px)}.shop-only .keeper{width:var(--keeper-w)}.shop-only .keeper-say{left:8%;bottom:100%;width:92%;max-width:none;margin-bottom:8px;border-radius:14px}.shop-only .keeper-say:after{left:46%}.shop-only .ware-float{height:clamp(110px,18vh,220px)}.shop-only .ware-chest .ware-float{height:clamp(120px,20vh,240px)}.shop-only img.ware-pedestal{width:clamp(150px,22vh,240px)}.shop-only .ware-chest img.ware-pedestal{width:clamp(170px,25vh,270px)}.shop-only .ware-float{margin-bottom:clamp(-60px,-6vh,-34px)}.seal-label{background:none;box-shadow:none;padding:0;bottom:-14px;font-size:clamp(1rem,2.4vh,1.25rem);letter-spacing:.06em;color:#fff6dc;text-shadow:0 2px 0 #3a1a6e,0 0 10px rgba(170,120,255,.95),0 0 22px rgba(255,200,110,.6)}.seal-btn:hover:not(:disabled) .seal-label{color:#fff;text-shadow:0 2px 0 #3a1a6e,0 0 14px rgba(200,160,255,1),0 0 30px rgba(255,210,120,.9)}.altar-controls .odds{margin-top:12px}.ware-base{position:relative;z-index:1;display:flex;justify-content:center}.ware-label{position:absolute;left:50%;top:42%;transform:translate(-50%);width:100%;display:flex;flex-direction:column;align-items:center;z-index:3}.ware-label .ware-name{margin:0}.ware-label .ware-name span{font-size:clamp(.95rem,2.2vh,1.15rem)}.shop-only img.ware-pedestal{width:clamp(220px,36vh,330px)}.shop-only .ware-chest img.ware-pedestal{width:clamp(240px,40vh,360px)}.shop-only .ware-pedestal.fb{width:clamp(220px,36vh,330px);height:clamp(200px,32vh,300px)}.shop-only .ware-stage,.shop-only .ware-chest .ware-stage{width:auto}.shop-only .ware-float{margin-bottom:clamp(-110px,-11vh,-60px)}.shop-only .ware-float{height:clamp(100px,17vh,200px)}.shop-only .ware-chest .ware-float{height:clamp(110px,19vh,220px)}.shop-only .forge-wares{align-items:end}.shop-only .forge-floor{min-height:clamp(70px,10vh,140px)}.shop-only .forge-wares{flex:1;align-content:end;padding-bottom:clamp(4px,2vh,24px)}.shop-only .forge-floor{flex:0 0 auto;min-height:clamp(64px,9vh,110px)}.shop-only .ware-float{height:clamp(120px,21vh,240px);margin-bottom:clamp(-78px,-8vh,-44px)}.shop-only .ware-chest .ware-float{height:clamp(130px,23vh,260px)}.shop-only .ware-base{z-index:auto}.shop-only .ware-label{z-index:4}.shop-only .ware-base .ware-name{position:absolute;left:50%;bottom:6%;transform:translate(-50%);width:100%;margin:0;z-index:4}.shop-only .ware-base .ware-name small{display:block}.shop-only .ware-buy{margin-top:0;position:relative;z-index:4}.shop-only .ware-stage{justify-content:flex-end}.shop-only .forge-wares{padding-bottom:0}.shop-only .forge-floor{min-height:clamp(56px,8vh,100px)}.ware-tag.art{padding:0;background:none;box-shadow:none;border-radius:0;display:grid;place-items:center;top:-4px}.ware-tag.art img{width:clamp(110px,15vh,150px);height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.ware-tag.art span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-bottom:6%;font-family:var(--font-d);font-weight:900;font-size:clamp(.72rem,1.6vh,.86rem);letter-spacing:.06em;color:#fff8e6;text-shadow:0 1px 0 #6a1a00,0 0 6px rgba(120,20,0,.9)}.to-chamber.art{background:var(--art) center / 100% 100% no-repeat;box-shadow:none;border-radius:0;padding:12px 64px 14px 74px;min-height:84px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6));animation:none}.to-chamber.art.has{animation:chamber-glow 2.2s ease-in-out infinite}@keyframes chamber-glow{0%,to{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}50%{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(180,130,255,.9))}}.to-chamber.art .tc-arrow{display:none}.to-chamber.art .tc-packs{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:46px;height:58px}.to-chamber.art .tc-packs img{height:54px}.to-chamber.art{width:clamp(260px,30vw,330px);aspect-ratio:3 / 1;min-height:0;padding:0 15% 0 22%;justify-content:center}.to-chamber.art .tc-packs{left:2.5%;width:16%;height:auto;aspect-ratio:1;top:50%}.to-chamber.art .tc-packs img{display:none}.to-chamber.art .tc-packs b{position:static;min-width:28px;height:28px;font-size:.95rem}.to-chamber.art .tc-text{align-items:center;text-align:center;text-shadow:0 2px 0 rgba(30,10,60,.9),0 0 8px rgba(0,0,0,.6)}.ware-chest .ware-tag.art{top:-10px}.to-chamber.art{width:clamp(280px,32vw,340px);padding:0 16% 0 20%}.to-chamber.art .tc-text{white-space:nowrap;gap:0}.to-chamber.art .tc-text b{font-size:clamp(.95rem,2.2vh,1.15rem);line-height:1.15}.to-chamber.art .tc-text small{font-size:.74rem;line-height:1.2}.ware-tag.art img{width:clamp(140px,19vh,190px)}.ware-nft .ware-tag.art img{width:clamp(56px,8vh,72px)}.shop-only .to-chamber{position:absolute;right:0;bottom:8px;margin:0;width:clamp(250px,28vw,320px)}.shop-only .forge-floor{min-height:clamp(100px,18vh,132px)}.shop-only img.ware-pedestal{width:clamp(190px,31vh,330px)}.shop-only .ware-chest img.ware-pedestal{width:clamp(205px,34vh,360px)}.shop-only .ware-float{height:clamp(110px,19vh,240px)}.shop-only .ware-chest .ware-float{height:clamp(120px,21vh,260px)}.shop-only .to-chamber{width:clamp(230px,26vw,300px)}html.art-btn-gold .btn.primary,html.art-btn-gold .btn.gold,html.art-btn-steel .btn:not(.ghost):not(.icon):not(.primary):not(.gold):not(.dev-btn){border-style:solid;border-width:12px 26px;border-radius:0;background:none;box-shadow:none;padding:1px 4px;color:#fff8e8;font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 6px rgba(0,0,0,.5);transition:transform .12s,filter .2s}html.art-btn-gold .btn.primary,html.art-btn-gold .btn.gold{border-image:var(--btn-gold) 30% 22% fill / 12px 26px stretch}html.art-btn-steel .btn:not(.ghost):not(.icon):not(.primary):not(.gold):not(.dev-btn){border-image:var(--btn-steel) 30% 22% fill / 12px 26px stretch}html.art-btn-gold .btn.small.primary,html.art-btn-gold .btn.small.gold,html.art-btn-steel .btn.small:not(.ghost):not(.icon):not(.primary):not(.gold):not(.dev-btn){border-width:9px 19px;border-image-width:9px 19px;padding:0 2px}html[class*=art-btn-] .btn:hover:not(:disabled):not(.ghost):not(.icon){background:none;filter:brightness(1.15) drop-shadow(0 0 8px rgba(255,210,130,.55));transform:translateY(-1px)}html[class*=art-btn-] .btn:active:not(:disabled):not(.ghost):not(.icon){transform:translateY(1px) scale(.98)}html[class*=art-btn-] .btn:disabled:not(.ghost){filter:grayscale(.85) brightness(.65);opacity:1}html.art-btn-steel .hub-side{-webkit-backdrop-filter:none;backdrop-filter:none}html.art-btn-battle .hub-battle{width:clamp(260px,27vw,380px);aspect-ratio:3 / 1;padding:0 9% 2% 27%;justify-content:center;background:var(--btn-battle) center / 100% 100% no-repeat;box-shadow:none;border-radius:0;color:#fff8e6;text-shadow:0 3px 0 #6a2a00,0 0 10px rgba(120,40,0,.8);animation:battle-art-glow 2.6s ease-in-out infinite}html.art-btn-battle .hub-battle span{display:none}html.art-btn-battle .hub-battle small{opacity:.95;color:#ffe9c0}@keyframes battle-art-glow{0%,to{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}50%{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,180,70,.95))}}html.art-btn-gold .btn.primary,html.art-btn-gold .btn.gold{border-width:12px 32px;border-image:var(--btn-gold) 28% 16% fill / 12px 32px stretch}html.art-btn-steel .btn:not(.ghost):not(.icon):not(.primary):not(.gold):not(.dev-btn){border-width:12px 28px;border-image:var(--btn-steel) 28% 13% fill / 12px 28px stretch}html.art-btn-gold .btn.small.primary,html.art-btn-gold .btn.small.gold{border-width:9px 24px;border-image-width:9px 24px}html.art-btn-steel .btn.small:not(.ghost):not(.icon):not(.primary):not(.gold):not(.dev-btn){border-width:9px 21px;border-image-width:9px 21px}html.art-btn-battle .hub-battle{aspect-ratio:900 / 264;padding:0 8% 1% 28%}html.art-btn-battle .hub-battle small,html.art-btn-battle .hub-battle{white-space:nowrap}.topbar,.topbar-hot{display:none!important}main{min-height:100vh}.game-hud{position:fixed;z-index:40;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;pointer-events:none}.game-hud>*{pointer-events:auto}.game-hud.on-map{justify-content:flex-end}.hud-back{display:flex;align-items:center;gap:8px;padding:5px 16px 5px 6px;border-radius:99px;cursor:pointer;color:#fff4dc;border:1px solid rgba(255,214,140,.45);background:linear-gradient(180deg,#1e143ceb,#0a0818eb);box-shadow:0 4px 14px #0000008c;transition:transform .15s,box-shadow .2s}.hud-back:hover{transform:translate(-2px);box-shadow:0 4px 14px #0000008c,0 0 16px #ffc86e80}.hud-back img,.hud-back>span{width:30px;height:30px;object-fit:contain;display:grid;place-items:center;color:#ffd98a}.hud-back b{font-family:var(--font-d);font-size:.9rem;letter-spacing:.04em}.hud-back small{color:#ffd98a;font-size:.78rem;padding-left:8px;border-left:1px solid rgba(255,214,140,.35)}.hud-res{display:flex;align-items:center;gap:6px}.hud-res>span{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:99px;font-size:.9rem;color:#fff4dc;background:#0a081ad1;border:1px solid rgba(255,214,140,.35);box-shadow:0 3px 10px #00000080}.hud-res>span b{color:#ffd98a;font-family:var(--font-d)}.hud-icon{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,214,140,.35);background:#0a081ad1;color:#fff;cursor:pointer}.hud-icon.off{opacity:.5}.hud-pad .page,.hud-pad .forge,.hud-pad .builder{padding-top:64px}.galaxy{--mx: 0;--my: 0;position:relative;height:100vh;min-height:560px;overflow:hidden;background:#05040c}.gx-world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:var(--tx, 50%) var(--ty, 50%)}.galaxy.travel .gx-world{animation:gx-fly .65s cubic-bezier(.55,0,.8,.4) forwards}.galaxy.travel .gx-title,.galaxy.travel .gx-actions,.galaxy.travel .gx-hud-left{opacity:0;transition:opacity .25s}@keyframes gx-fly{to{transform:scale(3.2);filter:brightness(1.6) blur(3px);opacity:0}}.gx-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:radial-gradient(ellipse at 50% 48%,rgba(255,236,190,.35),transparent 22%),radial-gradient(ellipse at 18% 50%,rgba(255,110,50,.32),transparent 34%),radial-gradient(ellipse at 30% 22%,rgba(150,70,230,.35),transparent 32%),radial-gradient(ellipse at 52% 14%,rgba(80,130,255,.3),transparent 30%),radial-gradient(ellipse at 74% 24%,rgba(60,220,140,.26),transparent 30%),radial-gradient(ellipse at 84% 54%,rgba(255,230,160,.25),transparent 30%),linear-gradient(180deg,#070614,#0b0820 50%,#05040c);background-size:cover;background-position:center;transform:translate(calc(var(--mx) * -10px),calc(var(--my) * -8px));transition:transform .4s ease-out}.gx-stars{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;pointer-events:none;background-repeat:repeat;transition:transform .4s ease-out}.gx-stars.s1{background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 80px,#cfe0ff,transparent),radial-gradient(1px 1px at 200px 160px,#fff,transparent),radial-gradient(1.5px 1.5px at 60px 190px,#ffe9c0,transparent);background-size:240px 220px;opacity:.7;animation:gx-twinkle 4s ease-in-out infinite;transform:translate(calc(var(--mx) * -4px),calc(var(--my) * -3px))}.gx-stars.s2{background-image:radial-gradient(1.5px 1.5px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 30px 130px,#fff,transparent),radial-gradient(2px 2px at 170px 110px,#bcd2ff,transparent);background-size:310px 270px;opacity:.6;animation:gx-twinkle 6s ease-in-out infinite -2s;transform:translate(calc(var(--mx) * -8px),calc(var(--my) * -6px))}.gx-stars.s3{background-image:radial-gradient(2px 2px at 150px 60px,#fff,transparent),radial-gradient(2.5px 2.5px at 40px 220px,#ffe2a8,transparent);background-size:420px 380px;opacity:.8;animation:gx-twinkle 3.2s ease-in-out infinite -1s;transform:translate(calc(var(--mx) * -14px),calc(var(--my) * -10px))}@keyframes gx-twinkle{0%,to{opacity:.35}50%{opacity:.9}}.gx-comet{position:absolute;top:calc(8% + var(--i) * 17%);left:-10%;width:140px;height:2px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));transform:rotate(14deg);opacity:0;animation:gx-comet 9s linear infinite;animation-delay:calc(var(--i) * 3.1s + 1s)}@keyframes gx-comet{0%{opacity:0;transform:translate(0) rotate(14deg)}3%{opacity:1}12%{opacity:0;transform:translate(70vw,18vh) rotate(14deg)}to{opacity:0;transform:translate(70vw,18vh) rotate(14deg)}}.gx-orbit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transform:translate(calc(var(--mx) * -6px),calc(var(--my) * -5px))}.gx-orbit ellipse{fill:none;stroke:#ffdca047;stroke-width:.18;stroke-dasharray:.8 .9;vector-effect:non-scaling-stroke;animation:gx-orbit-flow 30s linear infinite}.gx-orbit ellipse{stroke-width:1.4px;stroke-dasharray:6 8}.gx-orbit ellipse.inner{stroke:#aa8cff38;animation-direction:reverse}@keyframes gx-orbit-flow{to{stroke-dashoffset:-280}}.gx-world-node{position:absolute;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:3;translate:calc(var(--mx) * -9px) calc(var(--my) * -7px);transition:translate .4s ease-out}.gw-body{display:block;width:clamp(54px,10vh,96px);aspect-ratio:1;animation:gx-bob 5s ease-in-out infinite;animation-delay:calc(var(--i) * -1s);transition:transform .2s,filter .2s}.gw-body img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--fc) 60%,transparent))}.gw-planet{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--fc) 30%,#fff),var(--fc) 45%,color-mix(in srgb,var(--fc) 40%,#000) 100%);box-shadow:0 0 18px color-mix(in srgb,var(--fc) 70%,transparent),inset -8px -10px 18px #00000080}.gx-world-node b{font-family:var(--font-d);font-size:.66rem;letter-spacing:.06em;color:#f4ecff;text-shadow:0 1px 3px #000,0 0 8px rgba(0,0,0,.9);opacity:.85;white-space:nowrap}.gx-world-node:hover .gw-body{transform:scale(1.15);filter:brightness(1.2)}.gx-world-node:hover b{opacity:1;color:#fff}@keyframes gx-bob{0%,to{translate:0 0}50%{translate:0 -6px}}.gx-place{position:absolute;transform:translate(-50%,-50%);width:min(calc(var(--s) * 1.15vh),calc(var(--s) * .75vw));aspect-ratio:1;background:none;border:none;padding:0;cursor:pointer;z-index:4;translate:calc(var(--mx) * -14px) calc(var(--my) * -10px);transition:translate .4s ease-out}.gp-glow{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hue) 55%,transparent),transparent 66%);filter:blur(6px);opacity:.55;transition:opacity .25s,transform .25s}.gp-body{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;animation:gx-bob 6s ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s);transition:transform .25s,filter .25s}.gp-body img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.65))}.gp-fb{width:62%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(1.6rem,5vh,3rem);background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--hue) 40%,#fff),color-mix(in srgb,var(--hue) 60%,#1a1030) 55%,#0b0820);box-shadow:0 0 0 2px color-mix(in srgb,var(--hue) 70%,#fff),0 0 26px color-mix(in srgb,var(--hue) 65%,transparent)}.gp-label{position:absolute;left:50%;top:92%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.9)}.gp-label b{font-family:var(--font-d);font-size:clamp(.82rem,1.9vh,1.02rem);letter-spacing:.04em;color:#fff4dc}.gp-label small{font-size:.72rem;color:#e6d8ff;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s}.gp-badge{position:absolute;right:12%;top:10%;z-index:2;min-width:24px;height:24px;padding:0 7px;border-radius:99px;display:grid;place-items:center;font-family:var(--font-d);font-size:.8rem;color:#2a1200;background:linear-gradient(180deg,#ffe7a3,#ff9d3b);box-shadow:0 2px #8a4a10,0 0 12px #ffaa3ccc;animation:tag-wiggle 3s ease-in-out infinite}.gx-place:hover .gp-body{transform:scale(1.1);filter:brightness(1.15) drop-shadow(0 0 18px var(--hue))}.gx-place:hover .gp-glow{opacity:1;transform:scale(1.15)}.gx-place:hover .gp-label small{opacity:1;transform:none}.gx-nexus{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:min(40vh,34vw);aspect-ratio:1;z-index:2;pointer-events:none;translate:calc(var(--mx) * -11px) calc(var(--my) * -8px);transition:translate .4s ease-out}.gn-glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;background:radial-gradient(circle,rgba(255,236,190,.45),rgba(255,190,110,.15) 40%,transparent 68%);animation:ra-breathe 4s ease-in-out infinite}.gn-body{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;animation:gx-bob 7s ease-in-out infinite}.gn-body img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.7))}.gn-body img.gn-core{width:62%;height:62%;animation:ra-spin 60s linear infinite}.gn-fb{width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 40%,#fff,#ffe08a 30%,#ff9d3b 60%,transparent 72%);box-shadow:0 0 60px #ffc86ecc}.gx-title{position:absolute;left:50%;top:1.5%;transform:translate(-50%);text-align:center;z-index:5;pointer-events:none;transition:opacity .25s}.gx-title img{width:clamp(200px,26vw,400px);height:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.8))}.gx-title p{margin:-4px 0 0;font-family:var(--font-d);font-size:clamp(.62rem,1.4vh,.78rem);letter-spacing:.32em;text-transform:uppercase;color:#e8dcff;text-shadow:0 1px 4px #000}.gx-actions{position:absolute;left:50%;top:79%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:14px;transition:opacity .25s}.gx-hud-left{position:absolute;left:16px;top:10px;z-index:6;width:min(300px,30vw);display:flex;flex-direction:column;gap:8px;transition:opacity .25s;text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.85)}.gh-rank{display:flex;align-items:center;gap:12px}.rank-aura.small{width:84px;height:84px}.gh-rank-text{flex:1;min-width:0}.gh-rank-text h4{margin:0;font-family:var(--font-d);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#ffd98a}.gh-rank-text .big{font-size:1.3rem;line-height:1.1;font-family:var(--font-d)}.gh-rank-text .lbar,.gh-quest .lbar{margin:4px 0 3px;height:6px;box-shadow:0 1px 4px #000000b3}.gh-rank-text small,.gh-quest small{font-size:.72rem}.gh-quest{padding:8px 10px;border-radius:12px;background:#0806148c;border:1px solid rgba(255,214,140,.22);display:flex;flex-direction:column;gap:2px}.gh-q-head{display:flex;justify-content:space-between;font-size:.82rem}.gh-q-head b{color:#ffd98a;font-family:var(--font-d)}.gh-quest .btn{align-self:flex-start;margin-top:6px}.gh-done{color:#7dff9a}.gh-log-btn{align-self:flex-start;background:#08061499;border:1px solid rgba(255,214,140,.25);color:#f4e6c8;border-radius:99px;padding:4px 12px;font-size:.78rem;cursor:pointer}.gh-log{padding:8px 10px;border-radius:12px;background:#080614cc;border:1px solid rgba(255,214,140,.22)}.gh-log .hist{grid-template-columns:40px 1fr 34px;padding:3px 0;font-size:.78rem}@media (max-width: 760px){.galaxy{height:auto;min-height:100vh;overflow:visible;padding:70px 12px 30px;display:flex;flex-direction:column;align-items:center;gap:14px}.gx-world{position:relative;inset:auto;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 10px;padding-top:220px}.gx-bg,.gx-stars,.gx-orbit{position:fixed}.gx-world-node{display:none}.gx-place{position:relative;left:auto!important;top:auto!important;transform:none;translate:none;width:120px;margin:0 auto 26px}.gx-nexus{top:80px;width:200px}.gx-title{position:relative;transform:none;left:auto;top:auto;order:-1}.gx-actions{position:relative;top:auto;left:auto;transform:none;flex-wrap:wrap;justify-content:center}.gx-hud-left{position:relative;left:auto;top:auto;width:100%}}@media (prefers-reduced-motion: reduce){.galaxy *,.galaxy{animation:none!important}}.gx-actions{top:85%}.gx-nexus{top:52%;width:min(34vh,30vw)}.gx-actions{top:87%;gap:10px}.gx-actions .hub-battle{width:clamp(220px,22vw,360px)}.gx-actions .hub-side{white-space:nowrap}.gx-hud-left{width:min(270px,26vw)}.gx-hud-left .rank-aura.small{width:70px;height:70px}.gx-actions{top:auto;bottom:2.5%}.hud-pad .forge{padding-top:48px}.hud-pad .forge .forge-head{min-height:0}.gw-body{width:clamp(70px,14vh,130px)}.gw-body img{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--fc) 75%,transparent)) drop-shadow(0 6px 10px rgba(0,0,0,.6)) brightness(1.1)}.gx-world-node b{font-size:.72rem}.gx-bg{filter:brightness(.82) saturate(1.05)}.galaxy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.45) 100%)}.gx-title,.gx-actions,.gx-hud-left{z-index:7}.gx-nexus{top:54%}.galaxy.travel .gx-world{will-change:transform,opacity;animation:gx-fly2 .56s cubic-bezier(.5,0,.75,0) forwards}@keyframes gx-fly2{0%{transform:scale(1);opacity:1}to{transform:scale(2.4);opacity:.15}}.galaxy.travel .gx-world *{animation-play-state:paused!important;transition:none!important}.gx-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--tx, 50%) var(--ty, 50%),rgba(255,244,220,.9),rgba(20,14,40,.95) 45%,#05040c 80%)}.galaxy.travel .gx-fade{animation:gx-fade-in .56s ease-in forwards}@keyframes gx-fade-in{0%,35%{opacity:0}to{opacity:1}}main>*{animation:page-in .32s ease-out}@keyframes page-in{0%{opacity:0}to{opacity:1}}.galaxy.travel .gx-world{will-change:transform;animation:gx-dive .76s cubic-bezier(.55,0,.9,.35) forwards}@keyframes gx-dive{0%{transform:scale(1)}18%{transform:scale(1.06)}to{transform:scale(2.8)}}.galaxy.travel .gx-place:not(.chosen),.galaxy.travel .gx-world-node,.galaxy.travel .gx-nexus:not(.chosen),.galaxy.travel .gx-orbit{opacity:0;transition:opacity .22s ease-out!important}.galaxy.travel .chosen{z-index:9}.galaxy.travel .chosen .gp-body,.galaxy.travel .gx-nexus.chosen .gn-body{animation:lock-on .76s cubic-bezier(.3,1.6,.5,1) forwards!important;animation-play-state:running!important}@keyframes lock-on{0%{transform:scale(1);filter:brightness(1)}16%{transform:scale(1.32);filter:brightness(1.6) drop-shadow(0 0 30px var(--warp))}to{transform:scale(1.18);filter:brightness(2.2) drop-shadow(0 0 60px var(--warp))}}.galaxy.travel .chosen .gp-label{opacity:0;transition:opacity .15s!important}.gx-warp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:8;pointer-events:none}.galaxy.travel .gx-fade{background:radial-gradient(circle at var(--tx, 50%) var(--ty, 50%),#fff 0%,color-mix(in srgb,var(--warp, #ffd98a) 85%,#fff) 25%,color-mix(in srgb,var(--warp, #ffd98a) 50%,#05040c) 60%,#05040c 100%);z-index:9;animation:warp-flash .76s ease-in forwards}@keyframes warp-flash{0%,72%{opacity:0}to{opacity:1}}.warp-arrive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff,color-mix(in srgb,var(--warp) 80%,#fff) 30%,color-mix(in srgb,var(--warp) 45%,#05040c) 70%,#05040c);animation:warp-arrive .7s cubic-bezier(.2,.7,.2,1) forwards}@keyframes warp-arrive{0%{opacity:1}to{opacity:0}}main.arriving>*{animation:iris-in .75s cubic-bezier(.2,.8,.2,1)}@keyframes iris-in{0%{clip-path:circle(0% at 50% 50%);filter:brightness(1.8)}60%{filter:brightness(1.15)}to{clip-path:circle(120% at 50% 50%);filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.gx-warp,.warp-arrive{display:none}main.arriving>*{animation:none}}html.art-btn-battle .hub-battle{container-type:inline-size;padding:0 11% 1.5% 27%;gap:0;line-height:1;text-align:center}html.art-btn-battle .hub-battle{font-size:12.5cqw;letter-spacing:.06em}html.art-btn-battle .hub-battle small{font-size:4.6cqw;letter-spacing:.06em;margin-top:2px}html.art-btn-battle .hub-battle{font-size:1rem}html.art-btn-battle .hub-battle .hb-text{font-size:12.5cqw;font-weight:900;letter-spacing:.06em}html.art-btn-battle .hub-battle small{font-size:4.6cqw}html.art-btn-battle .hub-battle{container-type:normal}html.art-btn-battle .hub-battle .hb-text{font-size:clamp(23px,2.31vw,38px)}html.art-btn-battle .hub-battle small{font-size:clamp(9px,.9vw,14px)}html.art-btn-battle .hub-battle{padding:0 clamp(22px,2.2vw,36px) clamp(2px,.25vw,4px) clamp(57px,5.72vw,94px)}.shop-only .to-chamber.art{padding:0 clamp(37px,4.16vw,48px) 0 clamp(46px,5.2vw,60px)}.ware-tag.art span{padding:9% 0 0}.acct-chip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 3px;border-radius:99px;cursor:pointer;background:#0a081ad1;border:1px solid rgba(255,214,140,.35);box-shadow:0 3px 10px #00000080}.acct-chip img,.acct-chip i{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-style:normal;font-weight:700;background:#5a3fc0}.acct-chip b{font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:220px;padding:10px;border-radius:12px;display:flex;flex-direction:column;gap:8px;background:#0e0a20f7;border:1px solid rgba(255,214,140,.35);box-shadow:0 10px 24px #0009;cursor:default}.login-box{max-width:420px;text-align:center}.login-list{display:flex;flex-direction:column;align-items:center;gap:12px;margin:14px 0}.login-fb{background:#1877f2!important;border-image:none!important;border:none!important;color:#fff;font-weight:700;padding:10px 22px!important;border-radius:99px!important}.login-dev{display:flex;gap:8px}.login-dev input{background:#ffffff0f;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 10px}.stock-left{color:#ffd98a}.hud-res>.hud-stardust{padding-right:5px}.hud-topup{width:22px;height:22px;margin-left:4px;padding:0;border-radius:50%;border:1px solid #ffd166;cursor:pointer;line-height:1;font-size:16px;font-weight:800;color:#2a1a00;background:linear-gradient(180deg,#ffe08a,#d9a531);box-shadow:0 0 10px #ffd16673;transition:transform .15s,box-shadow .15s}.hud-topup:hover{transform:scale(1.15);box-shadow:0 0 16px #ffd166cc}.topup-box{max-width:560px;width:min(560px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px}.topup-box h2{margin:0}.topup-box label{font-size:12px;opacity:.75;margin-top:4px}.topup-pay,.topup-done{display:flex;flex-direction:column;gap:10px}.topup-addr i{font-style:normal;opacity:.6}.topup-addr{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#0000004d;cursor:pointer}.topup-addr code{font-size:12px;word-break:break-all;flex:1}.topup-warn{margin:0;font-size:12px;color:#ffb4a8}.topup-done{align-items:center;text-align:center;padding:10px 0}.topup-big{font-size:40px;font-weight:800;color:#ffe08a;text-shadow:0 0 24px rgba(255,209,102,.6);animation:topup-pop .6s cubic-bezier(.2,1.6,.4,1)}.topup-note{margin:0}@keyframes topup-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.topup-box{max-width:640px;width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto}.topup-deposit{display:flex;gap:14px;align-items:flex-start}.topup-qr{flex:none;width:150px;height:150px;border-radius:12px;background:#fff;padding:4px;box-shadow:0 0 22px #7fd8ff40}.topup-deposit-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.topup-rates{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.topup-rates span{padding:3px 8px;border-radius:999px;background:#141c36e6;border:1px solid rgba(127,216,255,.2)}.topup-rates b{color:#ffe08a}.topup-rates em{font-style:normal;margin-left:4px;color:#ff8fa3;font-weight:700}.topup-calc{font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.topup-calc input{width:70px;padding:4px 8px;border-radius:8px;border:1px solid rgba(127,216,255,.3);background:#00000059;color:inherit;text-align:right}.topup-calc b{color:#ffe08a}.topup-live{display:flex;align-items:center;gap:8px;font-size:13px;color:#9fe6c4}.topup-live i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8099;animation:topup-ping 1.6s infinite}.topup-history{display:flex;flex-direction:column;gap:4px}.topup-history a{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:6px 10px;border-radius:8px;background:#00000040;color:inherit;text-decoration:none;font-size:12px}.topup-history a:hover{background:#7fd8ff1a}.topup-history b{color:#ffe08a}@keyframes topup-ping{70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}@media (max-width: 520px){.topup-deposit{flex-direction:column;align-items:center}}.topup-hash{display:flex;gap:8px}.topup-hash input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid rgba(127,216,255,.3);background:#00000059;color:inherit;font-family:monospace;font-size:12px}.market h4{margin:18px 0 8px}.market-ok{padding:8px 12px;border-radius:10px;background:#4ade801f;border:1px solid rgba(74,222,128,.4);color:#b6f5cf;margin-bottom:10px}.caller-badge{margin-left:8px;padding:3px 10px;border-radius:999px;font-size:12px;vertical-align:middle;color:#2a1a00;background:linear-gradient(180deg,#ffe08a,#d9a531)}.market-filters{margin-bottom:12px}.market-empty{padding:30px 0;text-align:center}.market-grid{justify-content:flex-start}.mk-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:6px}.mk-item.mine{opacity:.85}.mk-price{font-size:15px;color:#fff4dc}.mk-price b{color:#ffd98a}.mk-confirm{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mk-sales{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:22px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.mk-sales h4{margin:0 8px 0 0}.mk-sales b{color:#ffd98a}.mk-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:12px;background:#0c1024cc;border:1px solid var(--line);margin:10px 0}.mk-form h4{margin:0;flex-basis:100%}.mk-form small{flex-basis:100%}.mk-form input{width:130px;padding:6px 10px;border-radius:8px;border:1px solid rgba(127,216,255,.3);background:#00000059;color:inherit}.mk-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.mk-need,.mk-caller{max-width:720px;padding:18px 20px;border-radius:14px;background:#0c1024cc;border:1px solid var(--line)}.mk-caller h3{margin:0 0 6px;color:#ffe08a}.mk-id{margin:10px 0}.mk-id b{font-family:monospace;font-size:16px;color:#7fd8ff;margin:0 6px}.mk-checks{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px}.mk-checks li{color:#ffb4a8}.mk-checks li.ok{color:#9fe6c4}.mk-rules{margin-top:16px;padding-left:18px;font-size:13px;display:flex;flex-direction:column;gap:4px}.acct-tag{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;border:1px dashed rgba(127,216,255,.4);background:none;color:inherit;cursor:pointer;font-size:12px}.acct-tag b{font-family:monospace;color:#7fd8ff}.acct-tag i{font-style:normal;color:#ffd166}.gh-season{display:block;margin-top:3px;color:#ffe9b8;cursor:help}.gh-season b{color:#ffd166}.season-box{max-width:420px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.season-box h2{margin:0}.season-packs{font-size:34px;font-weight:800;color:#ffe08a;text-shadow:0 0 24px rgba(255,209,102,.6);animation:topup-pop .6s cubic-bezier(.2,1.6,.4,1)}.report-box{max-width:600px;width:min(600px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:10px}.report-box h2{margin:0}.report-box .seg{margin-left:0;align-self:flex-start}.report-kinds{display:flex;gap:6px;flex-wrap:wrap}.report-box input,.report-box textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(127,216,255,.3);background:#00000059;color:inherit;font:inherit;resize:vertical}.report-list{display:flex;flex-direction:column;gap:6px}.report-item{padding:8px 12px;border-radius:10px;background:#00000040;border-left:3px solid #5b6b99;display:flex;flex-direction:column;gap:2px}.report-item.s-confirmed,.report-item.s-fixed{border-left-color:#4ade80}.report-item.s-new{border-left-color:#ffd166}.report-status{font-size:12px;opacity:.85}.report-reward{color:#ffd166;white-space:nowrap}.report-rules table{width:100%;border-collapse:collapse}.report-rules td{padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}.report-rules td:last-child{text-align:right;font-weight:700}.report-rules ul{margin:10px 0 0;padding-left:18px;font-size:13px;display:flex;flex-direction:column;gap:4px}.flux-ico{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.28em;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.flux-ico.glyph{width:auto;height:auto;vertical-align:baseline;font-style:normal;color:#ffd98a;filter:drop-shadow(0 0 4px #ffb84a)}.res-ico{display:inline-block;height:1.5em;width:auto;vertical-align:-.38em;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.res-ico.glyph{height:auto;vertical-align:baseline;font-style:normal;filter:none}.hud-res>span .res-ico:not(.glyph){height:26px;margin:-5px 0}.hud-res>span .flux-ico:not(.glyph){width:24px;height:24px;margin:-4px 0}.plaque-btn .flux-ico{margin-right:3px}.mk-price .flux-ico{width:1.1em;height:1.1em}.count-badge{position:absolute;right:-6px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;display:grid;place-items:center;font-family:var(--font-d);font-size:11px;font-weight:800;color:#fff;background:linear-gradient(180deg,#ff6b7d,#c81e3c);border:1px solid #ffd98a;box-shadow:0 2px 6px #0009;pointer-events:none}html.art-badge .gp-badge,html.art-badge .tc-packs b,html.art-badge .count-badge{background:var(--badge) center / 100% 100% no-repeat;border:none;box-shadow:none;border-radius:0;color:#fff;text-shadow:0 1px 2px #5a0010,0 0 4px #5a0010;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}html.art-badge .gp-badge{min-width:34px;height:34px;padding:0 8px;font-size:.82rem}html.art-badge .tc-packs b{min-width:32px;height:32px}html.art-badge .count-badge{min-width:24px;height:24px;right:-8px;top:-8px}.hud-mail{position:relative}.mail-box{max-width:560px;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:10px}.mail-box h2{margin:0}.mail-all{align-self:flex-start}.mail-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;scrollbar-width:thin}.mail-item{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:9px 12px;border-radius:10px;border:1px solid transparent;background:#00000040;color:inherit;cursor:pointer;font:inherit}.mail-item:hover{background:#7fd8ff14}.mail-item.unread{border-color:#ffd16680;background:#ffd16612}.mail-item.unread .mail-main>b:after{content:"●";color:#ffd166;margin-left:6px;font-size:9px;vertical-align:middle}.mail-item>i{font-style:normal;font-size:20px;line-height:1.2}.mail-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mail-body{margin-top:4px;white-space:pre-wrap;font-size:13px;color:#d8e2ff}.ledger{display:flex;flex-direction:column;gap:10px}.ledger-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.ledger-stats>div{padding:9px 12px;border-radius:10px;background:#0c1024cc;border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.ledger-stats small{opacity:.7;font-size:11px}.ledger-stats b{font-family:var(--font-d);color:#ffe08a}.ledger-stats .ok b{color:#9fe6c4}.ledger-stats .bad b{color:#ff9a8f}.ledger-blocks{display:flex;flex-direction:column;gap:4px}.ledger-block{border-radius:10px;background:#0c1024b3;border:1px solid var(--line)}.ledger-block.open{border-color:#7fd8ff80}.lb-head{width:100%;display:grid;grid-template-columns:64px 150px 1fr auto 20px;gap:10px;align-items:center;padding:8px 12px;background:none;border:none;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer}.lb-head b{color:#7fd8ff;font-family:var(--font-d)}.lb-head code,.lb-body code{font-size:11px;color:#9fb3d9;word-break:break-all}.lb-head i{font-style:normal;text-align:center}.lb-head i.ok{color:#4ade80}.lb-head i.bad{color:#ff6b6b}.lb-body{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line)}.lb-tx{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-size:13px}.lb-tx small{flex-basis:100%;word-break:break-word}.lb-who{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:#7fd8ff}@media (max-width: 700px){.lb-head{grid-template-columns:50px 1fr 20px}.lb-head code,.lb-head span:nth-of-type(2){display:none}}.sigil-chip{padding:4px 7px;border-color:color-mix(in srgb,var(--fc) 55%,transparent)}.sigil-chip.on{background:color-mix(in srgb,var(--fc) 32%,transparent);border-color:var(--fc);box-shadow:0 0 10px color-mix(in srgb,var(--fc) 60%,transparent)}.type-seg{margin-left:0}.modal-box.detail{scrollbar-width:none}.modal-box.detail::-webkit-scrollbar{display:none}.card-bottom .card-title.ct-summoner{margin-top:calc(var(--w) * -.018);position:relative;z-index:6}.summ-stats{--b0: var(--b);display:flex;justify-content:center;gap:calc(var(--w) * .035);margin-top:calc(var(--w) * .02);pointer-events:auto}.summ-stats .sb{--b: calc(var(--b0) * .75)}.summ-stats .sb b,.summ-stats .sb-framed b,.summ-stats .sb.buff b,.summ-stats .sb.debuff b{font-size:calc(var(--b0) * .4)}.slot .summ-stats{display:none}.gx-actions .hub-battle .hb-text,.gx-actions .hub-battle small{position:relative;top:clamp(3px,.34vw,6px)}@property --iris{syntax: "<percentage>"; inherits: false; initial-value: 0%;}main.arriving>*{animation:none}.warp-arrive{-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent var(--iris),#000 calc(var(--iris) + 14%));mask-image:radial-gradient(circle at 50% 50%,transparent var(--iris),#000 calc(var(--iris) + 14%));animation:warp-iris .75s cubic-bezier(.3,.6,.2,1) forwards}@keyframes warp-iris{0%{--iris: 0%;opacity:1}75%{opacity:1}to{--iris: 125%;opacity:0}}.lu-row.lu-banner{overflow:hidden;padding-left:46%;border-color:color-mix(in srgb,var(--fc, #888) 70%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--fc, #888) 38%,#0b0a16),color-mix(in srgb,var(--fc, #888) 14%,#0b0a16) 55%,#0b0a16e6)}.lu-face{position:absolute;left:0;top:0;bottom:0;width:46%;overflow:hidden;border-radius:11px 0 0 11px;background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--fc, #888) 60%,#fff 8%),color-mix(in srgb,var(--fc, #888) 30%,#0b0a16));-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,#000 62%,transparent 100%)}.lu-face img{position:absolute;max-width:none;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.lu-face .lu-face-fb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}.lu-banner .lu-pos{z-index:2;left:6px;top:6px;transform:none;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:.72rem;color:#fff;background:#0b0a16c7;border:1px solid color-mix(in srgb,var(--fc, #888) 80%,#fff)}.lu-banner .lu-text{position:relative;z-index:1}.lu-banner .lu-text b{font-family:var(--font-d);letter-spacing:.02em;text-shadow:0 1px 3px #000}.lu-banner .lu-ctl,.lu-banner .lu-btn{position:relative;z-index:1}.lu-summ.lu-banner{border-color:#ffd98a;box-shadow:0 0 0 1px #ffd98a59 inset}.card.dim.selected{filter:grayscale(.7) brightness(.5);outline-color:#ffd98a}.card.dim.selected .card-badge{background:#ffd98a;color:#2a1600;font-weight:700}.lu-row.lu-banner{padding-left:40%;gap:6px}.lu-face{width:40%}.lu-banner .lu-text b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.1;font-size:.8rem}.lu-banner .lu-ctl{flex-direction:column;gap:2px}.lu-banner .lu-ctl button{width:22px;height:16px;font-size:.6rem;line-height:1}.lu-row.lu-banner{min-height:64px}.b-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;opacity:0;mix-blend-mode:screen}.bf-boards{will-change:transform}.float{font-size:1.75rem;-webkit-text-stroke:3px #14091f;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 14px currentColor;animation:floatHit 1.05s cubic-bezier(.2,.9,.3,1) forwards;z-index:80}.float.miss{font-size:1.1rem;-webkit-text-stroke:2px #14091f}.float.status{font-size:.8rem;-webkit-text-stroke:2px #14091f}.float.blast,.float.thorns,.float.fatigue,.float.meteor,.float.poison{font-size:1.3rem}.float.heal{font-size:1.5rem}@keyframes floatHit{0%{opacity:0;transform:translate(-50%,14px) scale(.3) rotate(-8deg)}14%{opacity:1;transform:translate(-50%,-14px) scale(1.55) rotate(4deg)}28%{transform:translate(-50%,-8px) scale(1) rotate(0)}70%{opacity:1;transform:translate(-50%,-30px) scale(1)}to{opacity:0;transform:translate(-50%,-58px) scale(.9)}}.round-card{position:absolute;left:0;right:0;top:40%;z-index:65;pointer-events:none;display:flex;align-items:baseline;justify-content:center;gap:14px;padding:8px 0;font-family:var(--font-d);color:#fff;text-shadow:0 0 18px #ffd98a,0 3px 0 rgba(0,0,0,.6);background:linear-gradient(90deg,transparent,rgba(10,8,26,.78) 25%,rgba(10,8,26,.78) 75%,transparent);border-top:1px solid rgba(255,217,138,.55);border-bottom:1px solid rgba(255,217,138,.55);animation:round-sweep 1.05s cubic-bezier(.2,.8,.2,1) forwards}.round-card small{font-size:1rem;letter-spacing:.5em;opacity:.85}.round-card b{font-size:3rem;line-height:1;color:#ffd98a}@keyframes round-sweep{0%{opacity:0;transform:translate(-12%) scaleY(.2)}18%{opacity:1;transform:none}75%{opacity:1;transform:none}to{opacity:0;transform:translate(12%) scaleY(.2)}}.finish-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:75;pointer-events:none;display:grid;place-items:center}.finish-card i{position:absolute;left:0;right:0;height:13%;background:#05040c;animation:letterbox 1.5s ease forwards}.finish-card i:first-child{top:0;transform-origin:top}.finish-card i:last-child{bottom:0;transform-origin:bottom}.finish-card b{font-family:var(--font-d);font-weight:900;font-size:clamp(3rem,9vw,7rem);letter-spacing:.08em;font-style:italic;color:#fff;-webkit-text-stroke:4px #2a1600;paint-order:stroke fill;text-shadow:0 0 30px #ffd98a,0 0 70px #ff8a3c,0 6px 0 rgba(0,0,0,.6);animation:finish-slam 1.5s cubic-bezier(.2,1.4,.3,1) forwards}@keyframes letterbox{0%{transform:scaleY(0)}12%{transform:scaleY(1)}80%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes finish-slam{0%{opacity:0;transform:scale(3.2) rotate(-6deg)}16%{opacity:1;transform:scale(1) rotate(-3deg)}22%{transform:scale(1.08) rotate(-3deg)}30%{transform:scale(1) rotate(-3deg)}80%{opacity:1;transform:scale(1.04) rotate(-3deg)}to{opacity:0;transform:scale(1.3) rotate(-3deg)}}@media (prefers-reduced-motion: reduce){.b-flash,.finish-card i{display:none}}.no-ticket{margin:10px 0;padding:10px 14px;border-radius:10px;background:#ffd1661a;border:1px dashed rgba(255,209,102,.5);color:#ffe9b8}.warp-arrive{-webkit-mask-image:none;mask-image:none;will-change:opacity;animation:warp-fade .55s cubic-bezier(.3,.5,.3,1) forwards}.warp-arrive:after{content:"";position:absolute;left:50%;top:50%;width:60vmax;height:60vmax;margin:-30vmax 0 0 -30vmax;border-radius:50%;border:4px solid #fff;box-shadow:0 0 60px 10px var(--warp),inset 0 0 60px 10px var(--warp);will-change:transform,opacity;animation:warp-ring .55s cubic-bezier(.2,.7,.3,1) forwards}@keyframes warp-fade{0%{opacity:1}to{opacity:0}}@keyframes warp-ring{0%{transform:scale(.05);opacity:1}to{transform:scale(2.6);opacity:0}}.shop-only .to-chamber,.shop-only .to-chamber.art{position:fixed;top:58px;right:14px;bottom:auto;margin:0;z-index:30;width:clamp(210px,21vw,280px)}.shop-only .forge-floor{min-height:clamp(45px,8.1vh,59px)}.to-chamber.art .tc-packs{left:6.6%;top:48%}.plaqued .plaque-btn.alt{background:var(--plaque) center / 100% 100% no-repeat}.shop-only .ware-ticket .ware-buy{flex-wrap:nowrap;gap:4px}.shop-only .ware-ticket .plaque-btn{min-width:0;width:clamp(104px,11vw,150px);padding:0 10px}html.art-btn-steel .hud-back{background:none;border-style:solid;border-color:transparent;border-width:11px 26px;border-image:var(--btn-steel) 28% 13% fill / 11px 26px stretch;border-radius:0;box-shadow:none;padding:0 2px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}html.art-btn-steel .hud-back:hover{box-shadow:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) brightness(1.15)}html.art-btn-steel .hud-back img,html.art-btn-steel .hud-back>span{width:26px;height:26px}.gx-world-node b{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none;padding:4px 12px;border-radius:99px;font-size:.82rem;color:#fff;background:#0a081ad9;border:1px solid var(--fc);box-shadow:0 0 14px color-mix(in srgb,var(--fc) 70%,transparent);transition:opacity .18s,transform .18s}.gx-world-node:hover b,.gx-world-node:focus-visible b{opacity:1;transform:translate(-50%,-50%) scale(1)}.gx-nexus{width:min(68vh,60vw)}.hub-battle small .res-ico{height:1.5em;vertical-align:-.4em}.shop-only .dev-btn{position:fixed;top:156px;right:14px;z-index:30}.mk-pack{width:110px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:12px;cursor:pointer;color:inherit;background:radial-gradient(circle at 50% 30%,#7fd8ff2e,#0c1024d9);border:1px solid rgba(255,217,138,.45)}.mk-pack img{height:150px;width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.mk-pack span{font-size:64px;line-height:150px}.mk-pack b{font-family:var(--font-d);font-size:.8rem;color:#ffe08a}.mk-pack-box{max-width:380px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mk-pack-box h3{margin:0}.edition-seg{margin:6px 0 0}.tower-scene .page{position:relative;z-index:1}.tower-body{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr) minmax(220px,300px);gap:14px;align-items:start}.tower-col{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:16px;background:#080a1ac7;border:1px solid var(--line)}.tw-floor{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;min-height:44px;padding:4px 10px;border-radius:10px;font-size:.8rem;background:#ffffff0a;border:1px solid transparent;color:var(--muted)}.tw-floor>b{font-family:var(--font-d);font-size:1.05rem;color:#cfd8ff;text-align:center}.tw-floor.done{opacity:.55}.tw-floor.done>b{color:#9fe6c4}.tw-floor.next{background:linear-gradient(90deg,#ffd16638,#ffd1660a);border-color:#ffd166;color:#fff;box-shadow:0 0 16px #ffd1664d}.tw-floor.next>b{color:#ffd166}.tw-floor.chest{border-color:color-mix(in srgb,var(--tc, #c9a37a) 55%,transparent)}.tw-floor .chest-ico{height:34px;width:auto}.t-wood{--tc: #c9a37a}.t-silver{--tc: #cfd8e6}.t-gold{--tc: #ffd166}.t-diamond{--tc: #8fe9ff}.tower-main,.tower-side{display:flex;flex-direction:column;gap:12px}.tw-card{padding:14px 16px;border-radius:16px;background:#080a1ad1;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.tw-card h3,.tw-card h4{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tw-card p{margin:0}.tw-odds{display:flex;flex-direction:column;gap:4px;font-size:.86rem}.tw-odds span{display:flex;justify-content:space-between;gap:10px;padding:4px 10px;border-radius:8px;background:#ffffff0a}.tw-odds b{color:#ffe08a}.tw-promos{display:flex;gap:14px;flex-wrap:wrap;padding:6px 4px}.tw-chests{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.tw-chest{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;cursor:pointer;color:inherit;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--tc) 24%,transparent),#0c1024e6);border:1px solid color-mix(in srgb,var(--tc) 60%,transparent);transition:transform .15s,box-shadow .15s}.tw-chest:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 16px color-mix(in srgb,var(--tc) 55%,transparent)}.tw-chest small{font-size:.68rem}.chest-ico{display:inline-block;height:56px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.chest-ico.glyph{font-size:40px;line-height:56px;height:auto;filter:drop-shadow(0 0 6px var(--tc, #c9a37a))}.tw-card h4 .chest-ico{height:30px}.tw-card h4 .chest-ico.glyph{font-size:22px;line-height:30px}.chest-ico.big{height:130px;animation:chest-pop .7s cubic-bezier(.2,1.5,.4,1)}.chest-ico.big.glyph{font-size:96px;line-height:130px}@keyframes chest-pop{0%{transform:scale(.3) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:none}}.chest-box{max-width:380px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.chest-box h3{margin:0}.chest-flux{font-size:40px;font-weight:800;color:#ffe08a;text-shadow:0 0 24px rgba(255,209,102,.6);animation:topup-pop .6s cubic-bezier(.2,1.6,.4,1) .25s both}.chest-flux .flux-ico{width:1em;height:1em}.tower-result{margin:10px 0;padding:10px 14px;border-radius:12px;background:#ffffff0f;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px}.tower-result.won{border-color:#ffd166;background:#ffd1661a}.tr-chest{display:flex;align-items:center;gap:8px}.tr-chest .chest-ico{height:44px}.mk-chest .chest-ico{height:96px;margin:20px 0 14px}.mk-chest .chest-ico.glyph{font-size:70px;line-height:96px}.mk-chest{border-color:color-mix(in srgb,var(--tc) 60%,transparent)}.mk-chest-price{width:100px;padding:5px 8px;border-radius:8px;border:1px solid rgba(127,216,255,.3);background:#00000059;color:inherit;text-align:center}@media (max-width: 980px){.tower-body{grid-template-columns:1fr}}.faq-box{max-width:820px;width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:10px;overflow:hidden}.faq-box h2{margin:0}.faq-search{padding:8px 12px;border-radius:10px;border:1px solid rgba(127,216,255,.3);background:#00000059;color:inherit;font:inherit}.faq-cats{display:flex;flex-wrap:wrap;gap:6px}.faq-cats a{padding:3px 10px;border-radius:99px;font-size:.78rem;color:#d8e2ff;text-decoration:none;background:#ffffff0f;border:1px solid var(--line)}.faq-cats a:hover{border-color:#ffd166;color:#fff}.faq-body{overflow-y:auto;scrollbar-width:thin;padding-right:6px;display:flex;flex-direction:column;gap:14px}.faq-body h3{margin:0 0 6px;color:#ffe08a;font-size:1rem}.faq-item{border-radius:10px;background:#ffffff0a;margin-bottom:4px}.faq-item.open{background:#7fd8ff12}.faq-item>button{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;background:none;border:none;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer}.faq-item>button i{font-style:normal;color:#ffd166;font-size:1.1rem}.faq-answer{padding:0 12px 12px;font-size:.9rem;line-height:1.6;color:#d8e2ff}.faq-table{width:100%;border-collapse:collapse;font-size:.82rem}.faq-table th,.faq-table td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:left}.game-hud .hud-back{margin-left:-14px;max-width:54px;overflow:hidden;white-space:nowrap;transition:max-width .38s cubic-bezier(.2,.9,.3,1),filter .2s,transform .15s}.game-hud .hud-back:hover,.game-hud .hud-back:focus-visible{max-width:360px;transform:none}.game-hud .hud-back b,.game-hud .hud-back small{opacity:0;transform:translate(-10px);transition:opacity .25s .05s,transform .3s .05s}.game-hud .hud-back:hover b,.game-hud .hud-back:hover small,.game-hud .hud-back:focus-visible b,.game-hud .hud-back:focus-visible small{opacity:1;transform:none}html.art-btn-steel .game-hud .hud-back{border-left-width:14px}.tw-promos{gap:30px;padding:10px 14px}.gx-ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,233,184,.28);pointer-events:none;z-index:1}.gx-ring.inner{border-style:solid;border-color:#ffe9b81f}.galaxy.travel .gx-ring{opacity:0;transition:opacity .2s}.pick-clock{border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 360deg),rgba(255,255,255,.12) 0);transition:background .3s}.pick-clock:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--bg, #0b0a16)}.pick-clock b{position:relative}.pick-clock.hot{background:conic-gradient(var(--bad) calc(var(--p) * 360deg),rgba(255,255,255,.12) 0)}.hud-icon .hud-ico-img{width:24px;height:24px;object-fit:contain;display:block;margin:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.hud-icon.off .hud-ico-img{filter:grayscale(1) brightness(.7)}.game-hud .hud-back{max-width:76px}html.art-btn-steel .game-hud .hud-back{border-left-width:16px;border-right-width:22px}.shop-only .forge-wares{transform:translateY(clamp(30px,7.4vh,58px))}.ware-tag.art span{padding-bottom:15%}.match-banner{position:relative;display:flex;align-items:stretch;gap:0;margin:10px 0 16px;min-height:86px;border-radius:16px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,217,138,.45);box-shadow:0 6px 20px #00000080,inset 0 0 0 1px #ffffff0f}.match-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--arena, linear-gradient(90deg, #1b1840, #0f1a36)) center 38% / cover no-repeat}.match-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#080714f0,#080714d1 38%,#08071480 72%,#08071426)}.match-banner span{font-family:var(--font-d);font-size:.6rem;letter-spacing:.18em;color:#ffe9b8;opacity:.85}.match-banner>div{display:flex;align-items:center;gap:10px;padding:8px 18px;border-right:1px solid rgba(255,217,138,.18)}.match-banner>div:last-child{border-right:none}.mb-energy{position:relative;flex-direction:column;justify-content:center;gap:0!important;min-width:112px}.mb-energy img{position:absolute;left:50%;top:44%;width:64px;height:64px;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 0 10px #4fa3ff)}.mb-energy b{position:relative;margin-top:2px;font-family:var(--font-d);font-size:1.7rem;line-height:56px;color:#fff;-webkit-text-stroke:3px #0b1a3a;paint-order:stroke fill;text-shadow:0 2px 4px #000}.mb-energy span{position:relative}.mb-rule{flex:1 1 260px;min-width:0}.mb-rule-ico{flex:none;width:52px;height:52px;display:grid;place-items:center;font-style:normal;font-size:1.8rem;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,217,138,.3)}.mb-rule>div{display:flex;flex-direction:column;min-width:0}.mb-rule b{font-family:var(--font-d);font-size:1.05rem;color:#fff}.mb-rule small{color:#c9d2ec;font-size:.76rem;line-height:1.25}.mb-realms{flex-direction:column;align-items:flex-start!important;justify-content:center;gap:4px!important}.mb-realms>div{display:flex;gap:6px}.mb-realms i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fc) 35%,transparent),#08071499);border:1px solid color-mix(in srgb,var(--fc) 70%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--fc) 45%,transparent)}.mb-arena{flex:1 1 160px;flex-direction:column;align-items:flex-end!important;justify-content:flex-end;gap:0!important;text-align:right}.mb-arena b{font-family:var(--font-d);font-size:1.05rem;color:#fff;text-shadow:0 2px 6px #000,0 0 12px #000}@media (max-width: 760px){.match-banner{flex-wrap:wrap}.match-banner>div{border-right:none}}.bsum-banner{position:relative;width:calc(var(--slot) * 1.5);height:calc(var(--slot) * .75);min-width:120px;min-height:60px;cursor:pointer;transition:transform .15s,filter .15s}.bsum-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--fc) 55%,transparent) 0%,transparent 72%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 24%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 78%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 24%,#000 72%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.bsum-face img{position:absolute;max-width:none;height:auto}.bsum-banner.side-1 .bsum-face img{scale:-1 1}.bsum-banner>b{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font-family:var(--font-d);font-size:clamp(.68rem,calc(var(--slot) * .1),.95rem);letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:0 1px 3px #000,0 0 10px var(--fc),0 0 2px #000}.bsum-banner:hover{transform:scale(1.06);filter:brightness(1.15)}.battlefield.summoning .bu-tile{animation:card-deal .5s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--sd) - .75s)}.battlefield.summoning .bu-fig{animation:summon-rise .75s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--sd);transform-origin:50% 100%}.battlefield.summoning .bu-foot,.battlefield.summoning .bu-shadow{animation:summon-fade .4s ease both;animation-delay:calc(var(--sd) + .45s)}.battlefield.summoning .bu-tile:after{content:"";position:absolute;top:-30%;right:-10%;bottom:0;left:-10%;pointer-events:none;opacity:0;background:linear-gradient(0deg,color-mix(in srgb,var(--fc) 80%,#fff) 0%,transparent 100%);animation:summon-light .8s ease-out both;animation-delay:calc(var(--sd) - .08s);mix-blend-mode:screen}@keyframes card-deal{0%{opacity:0;transform:translateY(-60px) rotateX(70deg) scale(.7)}to{opacity:1;transform:none}}@keyframes summon-rise{0%{opacity:0;transform:translateY(46%) scale(.25,.1);filter:brightness(4) saturate(0);clip-path:inset(0 0 100% 0)}35%{opacity:1;filter:brightness(3) saturate(.3);clip-path:inset(0 0 40% 0)}70%{transform:translateY(-4%) scale(1.06,1.08);filter:brightness(1.6);clip-path:inset(0 0 0 0)}to{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}}@keyframes summon-fade{0%{opacity:0}to{opacity:1}}@keyframes summon-light{0%{opacity:0;transform:scaleY(.2)}30%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.4)}}@media (prefers-reduced-motion: reduce){.battlefield.summoning .bu-tile,.battlefield.summoning .bu-fig,.battlefield.summoning .bu-foot{animation:none}}.game-hud .hud-back{flex:none;min-width:76px}.shop-only .forge-wares{position:relative;z-index:5;pointer-events:none}.shop-only .forge-wares .ware-stage,.shop-only .forge-wares .ware-buy,.shop-only .forge-wares .ware-tag{pointer-events:auto}.shop-only .ware-base .ware-name{bottom:calc(6% + clamp(40px,9vh,90px))}.shop-only .ware-buy{transform:translateY(clamp(-90px,-9vh,-40px))}.bsum-banner>b.plate{left:50%;right:auto;bottom:-14%;transform:translate(-50%);width:118%;aspect-ratio:3 / 1;max-height:46%;display:grid;place-items:center;background:center / contain no-repeat;text-shadow:0 1px 2px #000,0 0 6px #000;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.bsum-banner>b.plate span{max-width:62%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.56rem,calc(var(--slot) * .085),.82rem);letter-spacing:.02em}.gx-actions .hub-side{position:relative;overflow:visible}.gx-actions .hub-side:has(.hs-ico){padding-left:46px}.hs-ico{position:absolute;left:-22px;top:50%;width:76px;height:76px;transform:translateY(-54%);object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7));transition:transform .2s}.hub-side:hover:not(:disabled) .hs-ico{transform:translateY(-58%) scale(1.1) rotate(-4deg)}.hub-side:disabled .hs-ico{filter:grayscale(1) brightness(.7)}.result-box{position:relative}html.art-panel .result-box,html.art-panel .tw-card{background:none;border:solid transparent;border-width:26px 30px;border-image:var(--panel-art) 16% 11% fill / 26px 30px stretch;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6))}html.art-panel .result-box{padding:10px 24px 6px}html.art-panel .tw-card{padding:2px 4px}.result-box.has-art{margin-top:clamp(60px,12vh,120px);padding-top:clamp(46px,8vh,80px)!important}.result-emblem{position:absolute;left:50%;top:0;width:clamp(240px,38vh,380px);transform:translate(-50%,-62%);pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.7));animation:emblem-in .7s cubic-bezier(.2,1.4,.4,1) both}.result-box.win .result-emblem{filter:drop-shadow(0 0 26px rgba(255,200,90,.65)) drop-shadow(0 8px 18px rgba(0,0,0,.7))}@keyframes emblem-in{0%{opacity:0;transform:translate(-50%,-90%) scale(.4)}to{opacity:1;transform:translate(-50%,-62%) scale(1)}}.result-box h1{font-family:var(--font-d);letter-spacing:.08em}.result-box.win h1{background:linear-gradient(180deg,#fff6c8 10%,#ffd166 50%,#e08a1e 95%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #5a2a06) drop-shadow(0 0 18px rgba(255,150,50,.7))}.result-box.loss h1{background:linear-gradient(180deg,#e6ecff 10%,#8fa2d8 55%,#4a577f 95%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #10142a)}.result-box .rewards div{min-width:92px;border:1px solid rgba(255,217,138,.35);background:linear-gradient(180deg,#ffd98a24,#ffffff08)}.result-box .rewards .rw-ico{height:30px;display:grid;place-items:center;font-size:1.3rem}.result-box .rewards .rw-ico img,.result-box .rewards .rw-ico .flux-ico,.result-box .rewards .rw-ico .res-ico{width:30px;height:30px;object-fit:contain}.tower-col{gap:0;padding:0 8px 10px;background:none;border:none;align-items:stretch}.tw-spire{position:relative;height:96px;display:grid;place-items:end center;pointer-events:none}.tw-spire:before{content:"";width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:80px solid #c9b27a;filter:drop-shadow(0 0 14px rgba(255,220,140,.5))}.tw-spire.art:before{display:none}.tw-spire img{position:absolute;left:50%;bottom:-10px;height:128px;transform:translate(-50%);object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,220,140,.55))}.tw-floor{min-height:58px;padding:6px 20px;border-radius:4px;border:1px solid #6b5a36;color:#2a2010;font-weight:700;background:linear-gradient(180deg,#f1e7cf,#d9caa4 55%,#b9a678);box-shadow:inset 0 3px #e9c46a,inset 0 -3px #a8843a,0 4px 10px #00000073}html.art-tower-seg .tw-floor{border:solid transparent;border-width:10px 34px;border-image:var(--tower-seg) 22% 14% fill / 10px 34px stretch;background:none;box-shadow:none;border-radius:0;padding:0 2px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.tw-floor>b{color:#5a3a08;font-size:1.25rem;text-shadow:0 1px 0 rgba(255,255,255,.6)}.tw-floor>span{text-shadow:0 1px 0 rgba(255,255,255,.45)}.tw-floor.done{opacity:1;filter:saturate(.35) brightness(.72)}html.art-tower-seg .tw-floor.done{filter:saturate(.35) brightness(.72) drop-shadow(0 4px 6px rgba(0,0,0,.5))}.tw-floor.done>b{color:#1f6a44}.tw-floor.next{z-index:2;transform:scale(1.07);color:#3a1c00;border-color:#ffd166;background:linear-gradient(180deg,#fff3c4,#ffd166 55%,#e0a030);box-shadow:inset 0 3px #fff,inset 0 -3px #b8741a,0 0 22px #ffd166bf;animation:tw-next 1.6s ease-in-out infinite}html.art-tower-seg .tw-floor.next{background:none;box-shadow:none;filter:brightness(1.12) drop-shadow(0 0 12px rgba(255,209,102,.95))}.tw-floor.next>b{color:#8a3a00}@keyframes tw-next{50%{transform:scale(1.1)}}.tw-floor .chest-ico{height:58px;margin:-16px -22px -16px 0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));position:relative;z-index:1}.tw-base{height:26px;margin:0 -8px;border-radius:6px 6px 14px 14px;background:linear-gradient(180deg,#8d7b55,#4b4030);box-shadow:inset 0 3px #e9c46a,0 8px 18px #0009}.tw-base small{display:block;text-align:center;line-height:26px;color:#ffe9b8;font-size:.66rem;letter-spacing:.1em}.tw-hero{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.tw-hero-face{position:relative;width:132px;height:132px;border-radius:50%;overflow:hidden;border:3px solid #ffd166;box-shadow:0 0 20px #ffd16680,inset 0 0 18px #000000b3;background:radial-gradient(circle,color-mix(in srgb,var(--fc, #7a6cff) 55%,#0b0a16),#0b0a16)}.tw-hero-face img,.tw-hero-face .chest-ico{position:absolute;left:50%;top:10%;width:80%;height:auto;max-width:none;transform:translate(-50%);object-fit:contain}.tw-hero-face i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-size:3.4rem}.tw-hero-body{display:flex;flex-direction:column;gap:6px;min-width:0}.tw-chips{display:flex;flex-wrap:wrap;gap:6px}.tw-chips span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.78rem;background:#ffffff12;border:1px solid rgba(255,217,138,.35)}.tw-chips img{width:22px;height:22px;object-fit:contain}.tw-go{align-self:flex-start;font-size:1.05rem}.tw-odds span{display:flex;align-items:center;gap:8px}.tw-odds .odd-card{width:30px;height:42px;border-radius:4px;object-fit:cover;object-position:50% 12%;border:1px solid rgba(255,217,138,.6);background:#14122a}.tw-odds .flux-ico{width:26px;height:26px}@media (max-width: 620px){.tw-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.tw-go{align-self:center}}.gx-actions .hub-side:has(.hs-ico){padding-left:62px}.tower-body{grid-template-columns:minmax(230px,290px) minmax(0,1fr) minmax(220px,300px)}.tw-floor{grid-template-columns:30px 1fr auto;gap:6px}.tw-floor>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.74rem}.gx-actions .hub-side:has(.hs-ico){padding-left:28px;padding-right:28px}.hs-ico.side-l{left:0;top:50%;width:76px;height:76px;transform:translate(-58%,-54%)}.hs-ico.side-r{left:auto;right:0;top:50%;width:152px;height:152px;transform:translate(52%,-60%)}.hub-side:hover:not(:disabled) .hs-ico.side-l{transform:translate(-58%,-58%) scale(1.1) rotate(-4deg)}.hub-side:hover:not(:disabled) .hs-ico.side-r{transform:translate(52%,-64%) scale(1.08) rotate(3deg)}.tower-scene .page.tower{--tw-h: calc(100vh - 150px) ;padding-bottom:8px;height:calc(100vh - 62px);overflow:hidden;display:flex;flex-direction:column}.page.tower .page-head{margin-bottom:8px;flex:none}.page.tower .tower-body{flex:1;min-height:0;align-items:stretch}.page.tower .tower-main,.page.tower .tower-side{min-height:0;overflow-y:auto;scrollbar-width:none;gap:8px}.page.tower .tower-main::-webkit-scrollbar,.page.tower .tower-side::-webkit-scrollbar{display:none}.page.tower .tower-col{padding:0 8px;justify-content:flex-end;min-height:0}.page.tower .tw-floor{flex:1 1 0;min-height:30px;max-height:62px;grid-template-columns:30px 1fr}.tw-floor{position:relative}.tw-floor>b{font-size:clamp(.9rem,2.4vh,1.25rem)}.tw-base{flex:none}.tw-floor-chest{position:absolute;right:-40px;top:50%;z-index:3;width:clamp(40px,7.4vh,62px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;display:grid;place-items:center;font-style:normal;border:3px solid var(--tc, #ffd166);background:radial-gradient(circle,color-mix(in srgb,var(--tc, #7a6cff) 45%,#0b0a16),#0b0a16 78%);box-shadow:0 0 14px color-mix(in srgb,var(--tc, #ffd166) 55%,transparent),inset 0 0 12px #000000b3}html:not(.art-tower-seg) .tw-floor-chest{right:-12px}.tw-floor .tw-floor-chest .chest-ico{height:74%;width:74%;margin:0;object-fit:contain}.tw-floor.done .tw-floor-chest{filter:none}.tw-floor.chest>span{padding-right:clamp(24px,4vh,34px)}.page.tower .tower-body{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(220px,300px);column-gap:26px}.tw-fold>summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:pointer;list-style:none;font-family:var(--font-d);font-weight:700}.tw-fold>summary::-webkit-details-marker{display:none}.tw-fold>summary .chest-ico{height:30px;width:auto}.tw-fold-arrow{margin-left:auto;color:#ffd166;transition:transform .2s}.tw-fold[open] .tw-fold-arrow{transform:rotate(180deg)}.tw-fold[open]>summary{margin-bottom:4px}.page.tower .tw-hero-face{width:clamp(84px,14vh,132px);height:clamp(84px,14vh,132px)}.page.tower .tw-promos{gap:22px;padding:4px 10px}@media (max-width: 980px){.tower-scene .page.tower{height:auto;overflow:visible}.page.tower .tw-floor{flex:none;min-height:44px}}.promo-tag{position:absolute;z-index:7;left:50%;top:47%;width:96%;aspect-ratio:4 / 1;transform:translateZ(70px) translate(-50%);display:grid;place-items:center;pointer-events:auto;background:linear-gradient(180deg,#2d4fb3,#16235e);border:1px solid #ffd98a;border-radius:4px;box-shadow:0 3px 8px #0009}.promo-tag.art{background:center / 100% 100% no-repeat;border:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.65))}.promo-tag span{display:flex;flex-direction:column;align-items:center;line-height:1.05;color:#fff4d0;text-shadow:0 1px 2px #000}.promo-tag.art span{padding-left:12%}.promo-tag b{font-family:var(--font-d);font-size:calc(var(--w) * .07);letter-spacing:.06em;white-space:nowrap}.promo-tag small{font-size:calc(var(--w) * .052);color:#ffe08a;white-space:nowrap}.gx-actions .hub-side:has(.hs-ico.side-l){padding-left:46px}.gx-actions .hub-side:has(.hs-ico.side-r){padding-right:46px}.tw-floor-chest{background:radial-gradient(circle,#fff6d6,color-mix(in srgb,var(--tc, #ffd166) 70%,#2a2460) 62%,#14122e)}.tw-floor .tw-floor-chest .chest-ico{height:84%;width:84%}.tower-scene{min-height:100vh}.gx-actions .hub-side:has(.hs-ico.side-l){padding-left:34px!important}.gx-actions .hub-side:has(.hs-ico.side-r){padding-right:34px!important}.promo-tag{width:72%;top:52%}.promo-tag.art{aspect-ratio:var(--tag-ar, 4 / 1)}.promo-tag b{font-size:calc(var(--w) * .052)}.promo-tag small{font-size:calc(var(--w) * .04)}.hs-ico.side-l{transform:translate(-96%,-54%)}.hs-ico.side-r{transform:translate(72%,-60%)}.hub-side:hover:not(:disabled) .hs-ico.side-l{transform:translate(-96%,-58%) scale(1.1) rotate(-4deg)}.hub-side:hover:not(:disabled) .hs-ico.side-r{transform:translate(72%,-64%) scale(1.08) rotate(3deg)}.gx-actions .hub-side:has(.hs-ico.side-l){padding-left:2px!important}.gx-actions .hub-side:has(.hs-ico.side-r){padding-right:2px!important}html.art-panel .page.tower .tw-card{border-width:18px 24px;border-image-width:18px 24px}.page.tower .tw-hero{gap:12px}.page.tower .tw-hero-face{width:clamp(64px,10vh,96px);height:clamp(64px,10vh,96px)}.page.tower .tw-hero-body{gap:3px}.page.tower .tw-hero-body h3{font-size:1.05rem}.page.tower .tw-go{font-size:.95rem}.promo-tag.art{aspect-ratio:4.95 / 1}.promo-tag.art span{padding-left:17%;padding-right:7%;line-height:1}.page.tower .tw-promos .card{--w: clamp(92px, 17.5vh, 150px)}@media (max-height: 760px){html.art-panel .page.tower .tw-card{border-width:14px 20px;border-image-width:14px 20px}.page.tower .tw-hero-body>small:first-child{display:none}.page.tower .tw-card h4 small{display:none}.page.tower .tw-chips span{padding:2px 8px;font-size:.72rem}.page.tower .page-head{margin-bottom:4px}}.page.tower .tw-promos{flex-wrap:nowrap;justify-content:space-evenly;gap:10px}.page.tower .tw-promos .card{--w: clamp(80px, min(calc((100vh - 540px) / 1.4), calc((min(100vw, 1400px) - 760px) / 4.5)), 150px)}html.art-panel .modal-box.topup-box,html.art-panel .modal-box.mail-box,html.art-panel .modal-box.faq-box,html.art-panel .modal-box.login-box,html.art-panel .acct-menu{background:none;border:solid transparent;border-width:26px 30px;border-image:var(--panel-art) 16% 11% fill / 26px 30px stretch;border-radius:0;padding:2px 6px 4px;box-shadow:none;filter:drop-shadow(0 14px 30px rgba(0,0,0,.7));scrollbar-width:thin}html.art-panel .acct-menu{border-width:18px 22px;border-image-width:18px 22px;min-width:270px}html.art-panel .modal-box.topup-box>.close,html.art-panel .modal-box.mail-box>.close,html.art-panel .modal-box.faq-box>.close,html.art-panel .modal-box.login-box>.close{top:-2px;right:0}.modal-box>.close{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,217,138,.5);background:#080a1ab3;color:#ffe9b8;font-size:.95rem;line-height:1;z-index:2}.modal-box>.close:hover{background:#ffd166;color:#2a1600}h2.mh{display:flex;align-items:center;gap:10px;margin:0 0 4px;padding:0 36px 8px 0;font-family:var(--font-d);font-size:1.25rem;letter-spacing:.03em;color:#ffe9b8;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,#ffd166,#ffd16600) 1;text-shadow:0 2px 4px rgba(0,0,0,.6)}h2.mh .flux-ico,h2.mh .hud-ico-img{width:34px;height:34px;margin:0;flex:none}.login-box h2.mh{justify-content:center;padding-right:0}.topup-box{gap:8px}.tp-h{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:.95rem;color:#fff}.tp-h i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.8rem;font-weight:800;background:#ffd166;color:#2a1600}.topup-deposit{padding:12px;border-radius:12px;background:#0408188c;border:1px solid rgba(255,217,138,.22)}.topup-qr{border:3px solid #ffd166}.topup-box label{display:block;font-size:11px;letter-spacing:.04em;text-transform:none;color:#ffe9b8;opacity:.8;margin:0}.topup-addr{border:1px dashed rgba(255,217,138,.5)}.topup-addr:hover{background:#ffd98a1a}.topup-rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px}.topup-rates span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:10px;background:linear-gradient(180deg,#ffd98a24,#ffffff08);border:1px solid rgba(255,217,138,.3);font-size:12px;position:relative}.topup-rates span b{font-size:14px}.topup-rates .flux-ico{width:18px;height:18px;vertical-align:-4px}.topup-rates em{position:absolute;top:-7px;right:-4px;margin:0;padding:0 5px;border-radius:99px;background:#ff5d73;color:#fff;font-size:10px}.topup-calc{padding:6px 10px;border-radius:10px;background:#00000047}.topup-calc .flux-ico,.topup-big .flux-ico{width:1.1em;height:1.1em;vertical-align:-.2em}.topup-warn{padding:6px 10px;border-radius:8px;background:#ff5d731a;border-left:3px solid #ff5d73}.topup-live{padding:8px 10px;border-radius:10px;background:#4ade8014;border:1px solid rgba(74,222,128,.25)}.topup-pay>p.muted:first-child{margin:0;font-size:13px}.tp-fold{border-radius:10px;background:#00000040;padding:6px 10px}.tp-fold>summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;color:#cfd8ff}.tp-fold>summary::-webkit-details-marker{display:none}.tp-fold[open]>summary{margin-bottom:6px}.tp-fold[open]>summary b{transform:rotate(180deg)}.small-note{margin:0;font-size:11px}.mail-item{border-color:#ffd98a24;background:#04081880;align-items:center}.mail-item>i{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ffd98a40,#080a1acc);border:1px solid rgba(255,217,138,.45)}.mail-item.open{align-items:flex-start}.mail-body{display:block;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,217,138,.2);white-space:pre-wrap;font-size:.86rem;line-height:1.55}.mail-list{padding-right:4px}.faq-cats a{background:#0408188c;border-color:#ffd98a40}.faq-item{background:#04081880;border:1px solid rgba(255,217,138,.12)}.faq-item.open{border-color:#ffd98a73;background:#ffd98a0f}.faq-body h3{padding-bottom:4px;border-bottom:1px solid rgba(255,217,138,.25)}.acct-menu{gap:5px}.am-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid rgba(255,217,138,.3)}.am-head img,.am-head i{flex:none;width:44px!important;height:44px!important;border-radius:50%;border:2px solid #ffd166;object-fit:cover;display:grid;place-items:center;font-style:normal;font-weight:800;background:#2a2460}.am-head span{display:flex;flex-direction:column;min-width:0}.am-head b{max-width:none;font-size:1rem;color:#fff}.am-head small{color:#cfd8ff;font-size:.72rem;white-space:nowrap}.am-label{color:#ffe9b8;opacity:.75;font-size:.68rem;margin-top:2px}.am-line{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-menu .acct-tag{justify-content:center;padding:7px 8px}.acct-menu .btn{margin-top:6px;align-self:stretch}.tw-floor{cursor:pointer;transition:filter .15s,transform .15s}.tw-floor:hover{filter:brightness(1.15)}html.art-tower-seg .tw-floor.done:hover{filter:saturate(.6) brightness(.9) drop-shadow(0 4px 6px rgba(0,0,0,.5))}.tw-floor.viewing:not(.next){outline:2px solid #7fd8ff;outline-offset:-3px;box-shadow:0 0 14px #7fd8ffb3}.tw-nav{flex:none;height:24px;margin:0 -8px 2px;border:none;cursor:pointer;border-radius:14px 14px 6px 6px;font-size:.68rem;letter-spacing:.08em;color:#ffe9b8;background:linear-gradient(180deg,#8d7b55,#4b4030);box-shadow:inset 0 3px #e9c46a,0 4px 10px #00000080}.tw-nav.down{margin:2px -8px 0;border-radius:6px 6px 14px 14px;box-shadow:inset 0 3px #e9c46a,0 8px 18px #0009}.tw-nav:hover:not(:disabled){filter:brightness(1.25)}.tw-nav:disabled{opacity:.55;cursor:default}.tw-realms{gap:3px!important}.gh-ranks-btn{border-color:#ffd16699!important;color:#ffe08a!important}.rk-tabs{display:flex;gap:6px}.rk-tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:99px;cursor:pointer;font:inherit;font-size:.88rem;color:#d8e2ff;background:#080a1ab3;border:1px solid var(--line)}.rk-tabs button.on{color:#2a1600;background:linear-gradient(180deg,#ffe9a8,#ffd166);border-color:#ffd166;font-weight:700}.rk-tabs .flux-ico{width:18px;height:18px}.rk-eco-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.rk-eco-strip>div{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#080a1ad1;border:1px solid rgba(255,217,138,.3)}.rk-eco-strip .flux-ico{width:26px;height:26px}.rk-eco-strip i{font-style:normal;font-size:1.3rem}.rk-eco-strip span{font-size:.78rem;color:#cfd8ff}.rk-eco-strip b{margin-left:auto;font-family:var(--font-d);font-size:1.1rem;color:#ffe08a}.rk-eco-strip .burn{border-color:#ff6e5080}.rk-eco-strip .burn b{color:#ff9a7a}.rk-list{display:flex;flex-direction:column;gap:6px}.rk-row{display:grid;grid-template-columns:44px 48px minmax(150px,1.1fr) minmax(0,2fr) 90px;align-items:center;gap:12px;padding:7px 16px;border-radius:12px;cursor:pointer;background:#080a1ad1;border:1px solid var(--line);transition:border-color .15s,background .15s}.rk-row.rich{grid-template-columns:44px minmax(150px,1.2fr) minmax(0,2fr) auto;cursor:default}.rk-row:hover{border-color:#ffd98a8c;background:#141632e6}.rk-row.top1{border-color:#ffd166;background:linear-gradient(90deg,#ffd16638,#080a1ad9 60%);box-shadow:0 0 18px #ffd16640}.rk-row.top2{border-color:#cfd8e6;background:linear-gradient(90deg,#cfd8e629,#080a1ad9 60%)}.rk-row.top3{border-color:#d59a6a;background:linear-gradient(90deg,#d59a6a29,#080a1ad9 60%)}.rk-pos{font-family:var(--font-d);font-size:1.25rem;text-align:center;color:#cfd8ff}.rk-who{display:flex;flex-direction:column;min-width:0}.rk-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-who small{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk-rating{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-family:var(--font-d);font-size:1.2rem;color:#ffe08a;text-align:right;white-space:nowrap}.rk-rating .flux-ico{width:22px;height:22px}.rk-team{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.rk-face{position:relative;flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--fc);background:radial-gradient(circle,color-mix(in srgb,var(--fc) 40%,#0b0a16),#0b0a16)}.rk-face.lead{width:48px;height:48px;border-color:#ffd166;box-shadow:0 0 10px #ffd16699;margin-right:6px}.rk-face img{position:absolute;left:50%;top:-6%;width:210%;max-width:none;transform:translate(-50%)}.rk-face i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-weight:800}.rk-face b{position:absolute;right:0;bottom:0;min-width:15px;height:15px;padding:0 2px;border-radius:8px 0 0;background:#000c;color:#ffe08a;font-size:10px;line-height:15px;text-align:center}.rk-detail{grid-column:1 / -1;display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-radius:10px;background:#0000004d;font-size:.82rem;color:#d8e2ff}.rk-detail .pos{color:#7be3a4}.rk-detail .neg{color:#ff9a9a}.rk-assets{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem;color:#d8e2ff}.rk-assets span{display:inline-flex;align-items:center;gap:4px}.rk-assets .res-ico{width:18px;height:22px;object-fit:contain}.rk-eco{display:flex;flex-direction:column;gap:12px}.rk-eco-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.rk-eco-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 14px;border-radius:16px;text-align:center;background:#080a1ad9;border:1px solid rgba(255,217,138,.3)}.rk-eco-card .flux-ico{width:54px;height:54px}.rk-eco-card i{font-style:normal;font-size:2.6rem;line-height:54px}.rk-eco-card b{font-family:var(--font-d);font-size:1.8rem;color:#ffe08a}.rk-eco-card.burn{border-color:#ff6e508c;box-shadow:inset 0 0 30px #ff5a321f}.rk-eco-card.burn b{color:#ff9a7a}.rk-burnbar{position:relative;height:30px;border-radius:99px;overflow:hidden;background:#080a1ad9;border:1px solid rgba(255,110,80,.4)}.rk-burnbar>div{height:100%;background:linear-gradient(90deg,#ff5d3a,#ffb347)}.rk-burnbar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.82rem;text-shadow:0 1px 3px #000}.rk-eco-more{display:flex;gap:18px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:#080a1ad1;border:1px solid var(--line)}.rk-eco-more span{display:inline-flex;align-items:center;gap:6px}.rk-eco-more .res-ico{width:18px;height:22px;object-fit:contain}@media (max-width: 860px){.rk-row{grid-template-columns:34px 40px 1fr 70px}.rk-team{grid-column:1 / -1}.rk-eco-strip{grid-template-columns:1fr}}.battlefield.summoning .bu-tile{animation:card-stand 1.75s cubic-bezier(.3,.8,.3,1) both;animation-delay:calc(var(--sd) - .75s)}@keyframes card-stand{0%{opacity:0;transform:perspective(520px) translateY(-70px) rotateX(0) scale(.7);filter:brightness(1)}22%{opacity:1;transform:perspective(520px) translateY(4px) rotateX(0) scale(1.04)}30%{transform:perspective(520px) translateY(0) rotateX(0) scale(1);filter:brightness(1)}45%{transform:perspective(520px) rotateX(0) scale(1.03);filter:brightness(2.4) saturate(.6)}62%{transform:perspective(520px) rotateX(8deg) scale(1);filter:brightness(1.5)}to{opacity:1;transform:perspective(520px) rotateX(64deg);filter:brightness(1)}}.battlefield.summoning .bu-tile:after{animation:none;display:none}.battlefield.summoning .bu:before{content:"";position:absolute;z-index:1;left:50%;bottom:calc(var(--slot) * .1);width:calc(var(--slot) * 1.25);aspect-ratio:3 / 1;border-radius:50%;pointer-events:none;opacity:0;border:3px solid color-mix(in srgb,var(--fc) 60%,#fff);box-shadow:0 0 22px var(--fc),inset 0 0 18px var(--fc);transform:translate(-50%) scale(.2);animation:summon-ring .9s ease-out both;animation-delay:calc(var(--sd) + .05s)}.battlefield.summoning .bu:after{content:"";position:absolute;z-index:1;left:50%;bottom:calc(var(--slot) * .12);width:calc(var(--slot) * .7);height:calc(var(--slot) * 1.7);pointer-events:none;opacity:0;transform:translate(-50%) scaleX(.2);transform-origin:50% 100%;mix-blend-mode:screen;background:linear-gradient(0deg,color-mix(in srgb,var(--fc) 75%,#fff) 0%,color-mix(in srgb,var(--fc) 40%,transparent) 45%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);animation:summon-beam 1s ease-out both;animation-delay:calc(var(--sd) - .05s)}@keyframes summon-ring{0%{opacity:0;transform:translate(-50%) scale(.2)}25%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.5)}}@keyframes summon-beam{0%{opacity:0;transform:translate(-50%) scaleX(.2)}25%{opacity:.95;transform:translate(-50%) scaleX(1)}to{opacity:0;transform:translate(-50%) scaleX(.4)}}.battlefield.summoning .bu-fig{animation:summon-rise2 .85s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--sd)}@keyframes summon-rise2{0%{opacity:0;transform:translateY(30%) scale(.55,.3);filter:brightness(5) saturate(0) blur(3px)}40%{opacity:1;transform:translateY(-5%) scale(1.04,1.1);filter:brightness(2.6) saturate(.4) blur(0)}70%{transform:translateY(1%) scale(1.01,.98);filter:brightness(1.4)}to{opacity:1;transform:none;filter:none}}@media (prefers-reduced-motion: reduce){.battlefield.summoning .bu:before,.battlefield.summoning .bu:after{display:none}}.scene.battle{min-height:100vh}.bu{transition:left .5s cubic-bezier(.3,1.3,.5,1),bottom .5s cubic-bezier(.3,1.3,.5,1),opacity .45s,transform .5s}.bu.advancing{z-index:30}.bu.advancing .bu-fig{animation:adv-hop .6s cubic-bezier(.3,.8,.4,1)}.bu.advancing .bu-tile{animation:adv-tile .7s ease-out}.bu.advancing:before{content:"";position:absolute;z-index:0;bottom:calc(var(--slot) * .2);height:calc(var(--slot) * .7);width:calc(var(--slot) * 1.3);pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fc) 70%,#fff));filter:blur(6px);animation:adv-trail .6s ease-out}.bu.side0.advancing:before{right:50%}.bu.side1.advancing:before{left:50%;scale:-1 1}.bu.advancing:after{content:"▲";position:absolute;z-index:31;left:50%;top:-6%;color:#fff;font-size:calc(var(--slot) * .2);text-shadow:0 0 10px var(--fc),0 0 4px #000;pointer-events:none;animation:adv-mark .7s ease-out both}@keyframes adv-hop{0%{transform:translateY(0) scale(1);filter:brightness(1)}35%{transform:translateY(-16%) scale(1.06,.96);filter:brightness(1.7)}75%{transform:translateY(0) scale(.97,1.04)}to{transform:none;filter:none}}@keyframes adv-tile{0%{box-shadow:0 0 #fff,0 0 18px var(--fc);filter:brightness(2.2)}to{filter:brightness(1)}}@keyframes adv-trail{0%{opacity:.9;transform:scaleX(.3)}to{opacity:0;transform:scaleX(1.2)}}@keyframes adv-mark{0%{opacity:0;transform:translate(-50%,60%) scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-80%) scale(1.2)}}@media (prefers-reduced-motion: reduce){.bu.advancing .bu-fig{animation:none}.bu.advancing:before,.bu.advancing:after{display:none}}.page.ranks{position:relative;isolation:isolate;min-height:100vh;max-width:none;padding-left:max(22px,calc((100vw - 1400px)/2));padding-right:max(22px,calc((100vw - 1400px)/2))}.page.ranks:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--rk-bg, none) center / cover no-repeat}.page.ranks:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,#0605128c,#060512e0)}.pic{width:1.5em;height:1.5em;object-fit:contain;vertical-align:middle;font-style:normal;flex:none}.pic.glyph{display:inline-grid;place-items:center}html.art-panel .rk-row,html.art-panel .rk-eco-strip>div,html.art-panel .rk-eco-card,html.art-panel .rk-eco-more{background:none;border:solid transparent;border-width:14px 20px;border-image:var(--panel-art) 16% 11% fill / 14px 20px stretch;border-radius:0;padding:0 4px;box-shadow:none}html.art-panel .rk-eco-card{border-width:24px 28px;border-image-width:24px 28px;padding:4px}html.art-panel .rk-row:hover{filter:brightness(1.2)}html.art-panel .rk-row.top1{filter:drop-shadow(0 0 10px rgba(255,209,102,.75))}html.art-panel .rk-row.top2{filter:drop-shadow(0 0 8px rgba(207,216,230,.55))}html.art-panel .rk-row.top3{filter:drop-shadow(0 0 8px rgba(213,154,106,.55))}.rk-pos .pic{width:44px;height:44px}.rk-pos .pic.glyph{font-size:1.6rem}.rk-row.top1 .rk-pos .pic{width:52px;height:52px;margin:-6px -4px}html.art-btn-steel .rk-tabs button{border:solid transparent;border-width:10px 24px;border-image:var(--btn-steel) 28% 13% fill / 10px 24px stretch;background:none;border-radius:0;padding:0 2px;color:#fff;text-shadow:0 1px 2px #000}html.art-btn-gold .rk-tabs button.on{border-image:var(--btn-gold) 28% 16% fill / 10px 24px stretch;color:#2a1600;text-shadow:0 1px 0 rgba(255,255,255,.5);background:none}.rk-tabs .pic{width:22px;height:22px}.rk-eco-strip .pic{width:30px;height:30px;font-size:1.3rem}.rk-eco-card .pic{width:64px;height:64px;font-size:2.6rem}.rk-assets .pic,.rk-eco-more .pic,.rk-burnbar .pic{width:22px;height:22px}.ranks .page-head h2{font-size:1.6rem;text-shadow:0 2px 8px #000}.lu-sub{justify-content:center;gap:8px}.rk-burnbar span{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.gx-online{position:absolute;left:16px;bottom:10px;z-index:6;display:flex;align-items:center;gap:6px;font-size:.82rem;color:#e8f6ee;text-shadow:0 1px 3px #000,0 0 8px #000;pointer-events:none}.gx-online i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:topup-ping 1.6s infinite}.gx-online b{color:#7be3a4;font-family:var(--font-d)}.rk-row{grid-template-columns:44px 48px minmax(150px,1.1fr) 76px 86px minmax(0,2fr) 90px}.rk-stat{display:flex;flex-direction:column;align-items:center;line-height:1.15}.rk-stat b{font-family:var(--font-d);font-size:1.05rem;color:#fff}.rk-stat small{font-size:.66rem;color:#cfd8ff;white-space:nowrap}.rk-face img{transform:none}@media (max-width: 860px){.rk-row{grid-template-columns:34px 40px 1fr 60px 70px 70px}}.modal-box.topup-box{max-width:760px;width:min(760px,calc(100vw - 32px));scrollbar-width:none;gap:6px}.modal-box.topup-box::-webkit-scrollbar{display:none}.topup-pay{gap:7px}.topup-qr{width:132px;height:132px}.topup-history a{padding:4px 10px}@media (max-height: 760px){.topup-qr{width:104px;height:104px}.topup-warn{font-size:11px}.topup-box .small-note{display:none}}.shop-only .ware-ticket{transform:translateY(17%)}.card{transform:translateY(var(--lift, 0px));transform-style:flat;transition:transform .16s ease-out,box-shadow .15s}.card:hover{--lift: -8px}.art-stage{transform-style:flat}.card .art-backdrop,.card .card-fx,.card .art-pop,.card:hover .art-pop{transform:none}.card .char-part{-webkit-mask-image:none;mask-image:none;animation:none;transform:none}.card .char-rig,.card:hover .char-rig{transform:none;transition:none}.card .card-mana,.card .card-sigil,.card .edge,.card .card-bottom,.card .card-level,.card .card-count,.card .card-uid,.card .card-info{transform:none}.card .card-info:hover{transform:scale(1.15)}.card .card-badge{transform:translate(-50%)}.card .char-rig{left:9%;width:82%;bottom:20%}@media (min-width: 901px){.builder.v2{height:calc(100vh - 62px);padding-top:8px;padding-bottom:10px;display:flex;flex-direction:column;overflow:hidden}.builder.v2 .builder-head,.builder.v2 .match-banner{flex:none}.builder.v2 .match-banner{margin:6px 0 0}.builder.v2 .builder-body{flex:1;min-height:0;margin-top:10px;align-items:stretch;grid-template-rows:minmax(0,1fr)}.builder.v2 .lineup{position:static;min-height:0;overflow-y:auto;scrollbar-width:none;gap:5px}.builder.v2 .lineup::-webkit-scrollbar{display:none}.builder.v2 .lu-row,.builder.v2 .lu-row.lu-banner{flex:1 1 0;min-height:32px;max-height:66px}.builder.v2 .lu-summ,.builder.v2 .lu-summ.lu-banner{flex-grow:1.15;max-height:72px}.builder.v2 .lineup>.mana-meter,.builder.v2 .lineup>.error,.builder.v2 .lineup>.btn,.builder.v2 .lineup>.row{flex:none}.builder.v2 .lu-go{padding:8px 12px;margin-top:2px}.builder.v2 .deck{display:flex;flex-direction:column;min-height:0}.builder.v2 .deck>.pick-steps,.builder.v2 .deck>h3{flex:none}.builder.v2 .deck>h3{margin:8px 0 4px}.builder.v2 .deck-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;align-content:start;padding:32px 16px 60px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 46px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 calc(100% - 46px),transparent 100%)}.builder.v2 .deck-grid::-webkit-scrollbar{display:none}.builder.v2 .deck-grid .card{--w: min(210px, calc((100cqw - 80px)/4 - 8px) )}}.lifebar{position:relative;width:100%;height:clamp(10px,calc(var(--slot) * .105),17px);--hc: #35d96b}.lifebar.tone-mid{--hc: #f4d21f}.lifebar.tone-low{--hc: #ff8f2e}.lifebar.tone-crit{--hc: #ff3838}.lb-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;overflow:hidden;background:linear-gradient(180deg,#04050b,#191b2d);box-shadow:0 0 0 1px #0b0910,0 0 0 2.5px #caa25a,0 0 0 3.5px #1c1306,0 3px 7px #000000bf}.lb-track>i{position:absolute;top:0;bottom:0;left:0}.lb-trail{background:#fff3c4;opacity:.9;transition:width .5s ease-in .32s}.lb-hp{background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 50%,#fff) 0%,var(--hc) 42%,color-mix(in srgb,var(--hc) 62%,#000) 100%);transition:width .26s cubic-bezier(.2,.8,.3,1)}.lb-armor{background:linear-gradient(180deg,#fff,#e4ecf7 45%,#9aabc4);box-shadow:-1px 0 #0000008c;transition:left .26s cubic-bezier(.2,.8,.3,1),width .26s cubic-bezier(.2,.8,.3,1)}.lb-track>.lb-notch{right:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / var(--n) - 1px),rgba(4,5,11,.7) calc(100% / var(--n) - 1px),rgba(4,5,11,.7) calc(100% / var(--n)))}.lb-track>.lb-gloss{right:0;bottom:52%;background:linear-gradient(180deg,#ffffff80,#ffffff14);border-radius:99px 99px 40% 40%}.lifebar.tone-crit .lb-hp{animation:lb-crit .7s ease-in-out infinite}@keyframes lb-crit{50%{filter:brightness(1.7)}}.lb-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2px;font-family:var(--font-d);line-height:1;white-space:nowrap;font-size:clamp(.5rem,calc(var(--slot) * .085),.78rem);color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 4px #000}.lb-num em{font-style:normal;color:#dfe9f7;font-size:.86em}.bu-foot{gap:4px}@media (prefers-reduced-motion: reduce){.lifebar.tone-crit .lb-hp{animation:none}}.vs-row{gap:calc(var(--slot) * .1)}.bsum-banner.beside{width:calc(var(--slot) * 1.15);min-width:96px}.bsum-banner.beside>b,.bsum-banner.beside>b.plate{top:50%;bottom:auto;transform:translateY(-50%);width:calc(var(--slot) * 1.55);min-width:128px;max-height:none}.bsum-banner.beside.side-0>b,.bsum-banner.beside.side-0>b.plate{left:auto;right:84%}.bsum-banner.beside.side-1>b,.bsum-banner.beside.side-1>b.plate{left:84%;right:auto}.bsum-banner.beside>b:not(.plate){padding:4px 10px}.bsum-banner.beside.side-0>b:not(.plate){text-align:right}.bsum-banner.beside.side-1>b:not(.plate){text-align:left}@media (max-width: 760px){.bsum-banner.beside>b,.bsum-banner.beside>b.plate{width:calc(var(--slot) * 1.25);min-width:96px}}.result-overlay{background:#0000;animation:result-dim .7s ease-out forwards}@keyframes result-dim{to{background:#0000009e}}.result-box{-webkit-backdrop-filter:none;backdrop-filter:none;animation:result-rise .6s cubic-bezier(.2,.9,.25,1) .12s both}@keyframes result-rise{0%{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}.result-box .result-emblem{animation:emblem-in .7s cubic-bezier(.2,1.4,.4,1) .3s both}.result-box h1{animation:result-rise .5s cubic-bezier(.2,.9,.25,1) .32s both}.result-box .rewards>div{animation:result-rise .45s ease-out both}.result-box .rewards>div:nth-child(1){animation-delay:.5s}.result-box .rewards>div:nth-child(2){animation-delay:.6s}.result-box .rewards>div:nth-child(3){animation-delay:.7s}@media (prefers-reduced-motion: reduce){.result-box,.result-box h1,.result-box .result-emblem,.result-box .rewards>div{animation:none}.result-overlay{animation:none;background:#0000009e}}.ftabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:14px}.fgroup{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.ftab{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:5px 14px;border-radius:99px;cursor:pointer;font:inherit;font-size:.84rem;white-space:nowrap;color:#d8e2ff;background:#080a1ab3;border:1px solid var(--line);transition:filter .12s,transform .12s}.ftab.on{color:#2a1600;background:linear-gradient(180deg,#ffe9a8,#ffd166);border-color:#ffd166;font-weight:700}.ftab:hover{filter:brightness(1.18)}.ftab:active{transform:translateY(1px)}.ftab .pic,.ftab .flux-ico,.ftab .emblem-img{width:22px;height:22px;object-fit:contain;flex:none}.ftab .pic.glyph{width:auto;height:auto;font-style:normal}.ftab.ico-only .emblem-img{width:26px;height:26px}.ftab .gem{width:11px;height:11px;flex:none;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,#fff,var(--rc, #ffd166) 45%,color-mix(in srgb,var(--rc, #ffd166) 55%,#000));box-shadow:0 0 6px var(--rc, #ffd166),0 0 0 1px #0009}.ftab .tick{width:14px;height:14px;flex:none;border-radius:4px;border:2px solid currentColor;position:relative}.ftab .tick.on:after{content:"";position:absolute;left:2.5px;top:-1px;width:4px;height:8px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}html.art-btn-steel .ftab{border:solid transparent;border-width:9px 20px;border-image:var(--btn-steel) 28% 13% fill / 9px 20px stretch;background:none;border-radius:0;padding:0 1px;min-height:0;height:40px;color:#fff;text-shadow:0 1px 2px #000}html.art-btn-steel .ftab.ico-only{border-width:9px 14px;border-image-width:9px 14px;padding:0}html.art-btn-gold .ftab.on{border-image-source:var(--btn-gold);border-image-slice:28% 16% fill;color:#2a1600;text-shadow:0 1px 0 rgba(255,255,255,.5);background:none;filter:drop-shadow(0 0 7px rgba(255,209,102,.7))}html.art-btn-gold .ftab.on:hover{filter:brightness(1.1) drop-shadow(0 0 9px rgba(255,209,102,.9))}.page-head .ftabs{margin-bottom:0}.pic.stat-pic{width:22px;height:22px;object-fit:contain;vertical-align:middle}html.art-panel .modal-box.detail{background:none;border:solid transparent;border-width:30px 36px;border-image:var(--panel-art) 16% 11% fill / 30px 36px stretch;border-radius:0;padding:4px 8px 6px;box-shadow:none;filter:drop-shadow(0 14px 30px rgba(0,0,0,.7))}html.art-panel .modal-box.detail>.close{top:-4px;right:-2px}.detail .detail-faction{padding:4px 12px 4px 6px;width:fit-content;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 30%,transparent),transparent);border-left:3px solid var(--fc)}.detail h2{font-family:var(--font-d);letter-spacing:.03em;margin:8px 0 2px}.detail .lore{font-style:italic;color:#cfd8ff;border-left:2px solid rgba(255,217,138,.45);padding-left:10px}.detail .ab-head{font-family:var(--font-d);font-size:.86rem;letter-spacing:.12em;color:#ffe08a;margin:12px 0 6px;display:flex;align-items:center;gap:10px}.detail .ab-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,217,138,.6),transparent)}.detail .ab-row{background:linear-gradient(90deg,#ffd98a1a,#ffffff08);border-color:#ffd98a47;align-items:center}.detail .ab-ic{flex:none;width:46px;height:46px;display:grid;place-items:center}.detail .ab-ic .ab-img{width:46px;height:46px}.lock-tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;font-size:.7rem;color:#ffe08a;border:1px solid rgba(255,217,138,.5);background:#00000059}.detail .effects.big>div{display:flex;align-items:center;gap:8px;padding:3px 0;color:#fff}.effects .gem{width:9px;height:9px;flex:none;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#ffd166 50%,#b9791e);box-shadow:0 0 6px #ffd166}.lvtable{border-collapse:separate;border-spacing:0 3px}.lvtable th{border-bottom:none;padding:2px 6px 4px;font-family:var(--font-d);font-size:.72rem;color:#ffe08a}.lvtable th .stat-pic{width:30px;height:30px}.lvtable td{border-bottom:none;background:#ffffff0b;font-family:var(--font-d)}.lvtable td:first-child{border-radius:8px 0 0 8px;color:#ffe08a}.lvtable td:last-child{border-radius:0 8px 8px 0}.lvtable tr.cur{background:none}.lvtable tr.cur td{background:linear-gradient(180deg,#ffd1664d,#ffd16624);box-shadow:inset 0 1px #ffe9a8b3,inset 0 -1px #ffe9a859;color:#fff}.lvtable td.abs{white-space:nowrap}.lvtable td.abs .ab-img{width:26px;height:26px;margin:0 1px}.lvbar div{background:#ffffff0f;border:1px solid rgba(255,217,138,.2)}.lvbar div.on{background:linear-gradient(180deg,#ffe9a8,#ffd166 55%,#d9962c);color:#2a1600;border-color:#ffd166;box-shadow:0 0 8px #ffd16680}html.art-btn-steel .lvbar div{border:solid transparent;border-width:7px 12px;border-image:var(--btn-steel) 28% 13% fill / 7px 12px stretch;background:none;border-radius:0;padding:0;color:#fff;box-shadow:none}html.art-btn-gold .lvbar div.on{border-image-source:var(--btn-gold);border-image-slice:28% 16% fill;color:#2a1600}.ctable th .stat-pic{width:26px;height:26px}.rk-who{flex-direction:row;align-items:center;gap:10px}.rk-who>div{display:flex;flex-direction:column;min-width:0}.rk-ava{position:relative;flex:none;width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid #ffd98a;background:radial-gradient(circle at 40% 30%,#3a3170,#12102a);box-shadow:0 0 0 2px #0000008c,0 2px 6px #0009}.rk-ava img{width:100%;height:100%;object-fit:cover;display:block}.rk-ava i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-family:var(--font-d);font-weight:800;color:#ffe9b8}.rk-row.top1 .rk-ava{border-color:#ffd166;box-shadow:0 0 10px #ffd166cc}.rk-row{grid-template-columns:44px 48px minmax(170px,1.1fr) 70px 80px minmax(0,1.9fr) 70px 96px}.rk-row.rich{grid-template-columns:44px minmax(170px,1.1fr) minmax(0,1.5fr) auto 110px}.rk-prize{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1;padding-left:10px;border-left:1px solid rgba(255,217,138,.28)}.rk-prize small{font-size:.64rem;color:#cfd8ff;white-space:nowrap}.rk-prize.wait{opacity:.62}.rk-prize.wait small{color:#ffb38a}.rk-none{color:#8791b8;font-family:var(--font-d)}.rk-chests{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-d);color:#ffe08a}.rk-chests img,.rk-chests .res-ico{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.rk-chests b{font-size:1rem}.rk-worth{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.rk-worth small{font-size:.68rem;color:#cfd8ff;white-space:nowrap}.rk-stairs{display:flex;flex-direction:column;gap:8px;padding:10px 16px;border-radius:12px;background:#080a1ad1;border:1px solid rgba(255,217,138,.35)}html.art-panel .rk-stairs{background:none;border:solid transparent;border-width:18px 24px;border-image:var(--panel-art) 16% 11% fill / 18px 24px stretch;border-radius:0;padding:0 4px}.rk-stairs-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.rk-stairs-head b{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-d);color:#ffe08a}.rk-stairs-head .pic{width:24px;height:24px}.rk-stairs-head small{color:#cfd8ff;font-size:.74rem}.rk-stairs-steps{display:flex;align-items:flex-end;gap:6px}.rk-stairs-steps>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#ffd98a38,#ffd98a0a);border-top:2px solid #ffd98a}.rk-stairs-steps>div:nth-child(1){padding-bottom:36px}.rk-stairs-steps>div:nth-child(2){padding-bottom:29px}.rk-stairs-steps>div:nth-child(3){padding-bottom:22px}.rk-stairs-steps>div:nth-child(4){padding-bottom:15px}.rk-stairs-steps>div:nth-child(5){padding-bottom:9px}.rk-stairs-steps>div.t-gold{border-top-color:#ffc53d}.rk-stairs-steps>div.t-silver{border-top-color:#cfd8e6}.rk-stairs-steps>div.t-wood{border-top-color:#b98558}.rk-stairs-steps>div.t-diamond{border-top-color:#8fe6ff}.rk-stairs-steps span:first-child{font-size:.72rem;color:#fff;white-space:nowrap}@media (max-width: 860px){.rk-row{grid-template-columns:34px 40px 1fr 60px 60px 70px}.rk-row.rich{grid-template-columns:34px 1fr auto 90px}.rk-row.rich .rk-assets{display:none}.rk-stairs-steps{flex-wrap:wrap}}@media (min-width: 901px){.builder.v2{height:100vh}.builder.v2 .builder-head{justify-content:flex-start;gap:16px;padding-left:84px;height:50px}.builder.v2 .builder-head h2{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.builder.v2 .pick-clock{width:48px;height:48px;flex:none}}.ftabs{flex-wrap:nowrap}.ffold{position:relative;display:inline-flex}.ffold-head .caret{width:0;height:0;flex:none;margin-left:2px;border:5px solid transparent;border-top-color:currentColor;border-bottom-width:0;opacity:.85;transition:transform .15s}.ffold:hover .ffold-head .caret,.ffold.open .ffold-head .caret{transform:rotate(180deg)}.ffold-menu{position:absolute;z-index:30;left:-8px;top:100%;display:flex;gap:4px;padding:8px;border-radius:14px;white-space:nowrap;background:#060714f0;border:1px solid rgba(255,217,138,.45);box-shadow:0 12px 26px #000000b3;opacity:0;visibility:hidden;clip-path:inset(0 100% 0 0 round 14px);transition:clip-path .22s cubic-bezier(.2,.8,.3,1),opacity .15s,visibility 0s .22s}.ffold:hover .ffold-menu,.ffold.open .ffold-menu,.ffold:focus-within .ffold-menu{opacity:1;visibility:visible;clip-path:inset(0 0 0 0 round 14px);transition:clip-path .22s cubic-bezier(.2,.8,.3,1),opacity .15s}.ffold-menu:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}@media (max-width: 900px){.ftabs{flex-wrap:wrap}.ffold-menu{flex-wrap:wrap;white-space:normal;max-width:92vw}}html.art-panel .modal-box.detail>.close{top:6px;right:6px}html.art-panel .modal-box.detail{padding:10px 14px 8px}.modal-box.detail .detail-left{padding-top:30px}.lifebar{height:clamp(7px,calc(var(--slot) * .074),12px)}.lb-track{box-shadow:0 0 0 1px #0b0910,0 0 0 2px #caa25a,0 0 0 3px #1c1306,0 2px 5px #000000bf}.lb-num{font-size:clamp(.5rem,calc(var(--slot) * .078),.72rem)}.bsum-banner.beside>b.plate span{translate:0 calc(var(--slot) * .052)}.gh-record{display:flex;align-items:center;gap:10px;margin-top:2px}.gh-record span{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-d);font-size:.82rem;line-height:1}.gh-record .pic{width:34px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.gh-record .pic.glyph{width:auto;height:auto;font-style:normal;font-weight:800}.gh-record .w b{color:#ffe08a}.gh-record .l b{color:#b9c6ee}.gh-record .d b{color:#e6e6f0}.gh-record .n{margin-left:auto;gap:3px;padding-left:8px;border-left:1px solid rgba(255,217,138,.3)}.gh-record .n b{color:#ffd166}.gh-record .arrow{width:0;height:0;border:5px solid transparent;border-left-color:#ffd166;border-right-width:0}.hud-icon.hud-lang b{font-family:var(--font-d);font-size:.72rem;letter-spacing:.04em;color:#ffe9b8}.ctable .cthumb.face{position:relative;display:block;overflow:hidden;border:2px solid var(--fc, #888);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--fc, #888) 45%,#1b1830),#0b0a16)}.ctable .cthumb.face img{position:absolute;max-width:none;height:auto}.hud-icon.hud-lang{position:relative;overflow:hidden;background-size:cover;background-position:center;border-color:#ffffffb3}.hud-icon.hud-lang.flag-th{background-image:linear-gradient(180deg,#a51931 0,#a51931 16.67%,#f4f5f8 16.67%,#f4f5f8 33.33%,#2d2a4a 33.33%,#2d2a4a 66.67%,#f4f5f8 66.67%,#f4f5f8 83.33%,#a51931 83.33%,#a51931)}.hud-icon.hud-lang.flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30' preserveAspectRatio='xMidYMid slice'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0,0 60,30M60,0 0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 60,30M60,0 0,30' stroke='%23c8102e' stroke-width='2.4'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23c8102e' stroke-width='6'/%3E%3C/svg%3E")}.hud-icon.hud-lang b{position:relative;color:#fff;font-size:.7rem;text-shadow:0 0 3px #000,0 0 3px #000,0 1px 2px #000,0 0 6px #000}html.art-panel .modal-box.topup-box>.close,html.art-panel .modal-box.mail-box>.close,html.art-panel .modal-box.faq-box>.close,html.art-panel .modal-box.login-box>.close{top:6px;right:6px}.faq-cats a,.faq-body h3{display:flex;align-items:center;gap:6px}.faq-cats a{display:inline-flex}.faq-cats .pic,.faq-cats .res-ico,.faq-cats .flux-ico{width:20px;height:20px;object-fit:contain}.faq-body h3 .pic,.faq-body h3 .res-ico,.faq-body h3 .flux-ico{width:30px;height:30px;object-fit:contain}.faq-box span.pic{display:inline-grid;place-items:center}.faq-box span.pic img{width:100%;height:100%;object-fit:contain}.faq-box .pic.glyph{width:auto;height:auto;font-style:normal}.faq-answer .pic.inline{width:22px;height:22px;vertical-align:middle}.page>.ftabs{position:sticky;top:58px;z-index:25;margin:0 -22px 12px;padding:8px 22px;background:linear-gradient(180deg,#070612f5 70%,#07061200)}.vb-panel{filter:none}.vb-panel:after{display:none}.side-0 .vb-panel,.side-1 .vb-panel{clip-path:none}.vb-bg{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 74%,transparent 100%),linear-gradient(90deg,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 74%,transparent 100%),linear-gradient(90deg,#000 0,#000 72%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.name-plate.np-img.np-monster.npf-bionebula .card-name{translate:0 calc((var(--w) - 22px) * .076)}.name-plate.np-img.np-monster.npf-draconis .card-name,.name-plate.np-img.np-summoner.npf-draconis .card-name{translate:0 calc((var(--w) - 22px) * .0253)}.promo-tag b{font-size:calc(var(--w) * .044)}.card .promo-tag{transform:translate(-50%)}.card .name-plate.np-img{transform:none}.forge-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.milestone{display:flex;align-items:center;gap:12px;width:min(430px,44vw);padding:8px 14px;text-align:left;cursor:pointer;font:inherit;color:#fff;border-radius:14px;border:1px solid rgba(255,217,138,.55);background:#080a1adb;box-shadow:0 8px 20px #0000008c;transition:filter .15s,transform .15s}html.art-panel .milestone{background:none;border:solid transparent;border-width:16px 22px;border-image:var(--panel-art) 16% 11% fill / 16px 22px stretch;border-radius:0;padding:0 2px;box-shadow:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.milestone:hover{filter:brightness(1.15) drop-shadow(0 0 10px rgba(255,209,102,.6));transform:translateY(-1px)}.ms-face{position:relative;flex:none;width:58px;height:58px;border-radius:50%;overflow:hidden;border:2px solid #ffd166;background:radial-gradient(circle at 50% 35%,#3c4a8a,#0b0a16);box-shadow:0 0 12px #ffd166b3}.ms-face img{position:absolute;max-width:none;height:auto}.ms-face i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-family:var(--font-d);font-size:1.4rem;color:#ffd166}.ms-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ms-body b{font-family:var(--font-d);font-size:.82rem;letter-spacing:.02em;color:#ffe08a}.ms-body small{font-size:.72rem;color:#d8e2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-bar{position:relative;height:16px;margin-top:3px;border-radius:99px;overflow:hidden;background:linear-gradient(180deg,#04050b,#191b2d);box-shadow:0 0 0 1px #0b0910,0 0 0 2px #caa25a}.ms-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,#ffe9a8,#ffd166 45%,#d9962c);transition:width .5s ease}.ms-bar em{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-family:var(--font-d);font-size:.66rem;text-shadow:0 0 2px #000,0 1px 2px #000}.milestone.done .ms-bar i{width:100%!important;background:linear-gradient(180deg,#a8ffcb,#35d96b 45%,#178a42)}@media (max-width: 900px){.milestone{width:100%}.forge-side{align-items:stretch;width:100%}}.forge-title .milestone{margin-top:12px}main{overflow-x:clip}.forge-title{position:relative}.forge-title .milestone{position:absolute;left:0;top:100%;margin-top:26px;z-index:6;width:min(430px,40vw);padding-left:0;overflow:visible}html.art-panel .forge-title .milestone{padding:0 2px 0 0}.ms-egg{position:relative;flex:none;width:62px;align-self:stretch}.ms-egg img{position:absolute;left:50%;bottom:-14px;height:132px;width:auto;max-width:none;transform:translate(-50%);filter:drop-shadow(0 6px 10px rgba(0,0,0,.7)) drop-shadow(0 0 12px rgba(140,170,255,.65));transition:transform .2s;pointer-events:none}.milestone:hover .ms-egg img{transform:translate(-50%) translateY(-4px) scale(1.04)}.ms-egg i{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-family:var(--font-d);font-size:1.6rem;color:#ffd166}@media (max-width: 900px){.forge-title .milestone{position:relative;top:auto;margin-top:44px;width:100%}}.card .art-backdrop{top:0;height:74%;border-radius:9px 9px 0 0}.card .card-fx{top:0}.card .art-stage.grounded .char-rig{transform-origin:50% 100%;animation:char-breathe 4.6s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes char-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.008,1.02)}}.card.offscreen .char-rig{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.card .art-stage.grounded .char-rig{animation:none}}.forge-title .ms-wrap{position:absolute;left:0;top:100%;margin-top:34px;z-index:6;width:min(430px,40vw)}.forge-title .ms-wrap .milestone,html.art-panel .forge-title .ms-wrap .milestone{position:relative;left:auto;top:auto;margin:0;width:100%;padding:0 2px 0 0}.ms-gap{flex:none;width:58px}.ms-wrap .ms-egg{position:absolute;left:14px;bottom:0;width:84px;height:100%;pointer-events:none}.ms-wrap .ms-egg img{left:50%;bottom:-6px;height:126px}.ms-wrap:hover .ms-egg img{transform:translate(-50%) translateY(-4px) scale(1.04)}@media (max-width: 900px){.forge-title .ms-wrap{position:relative;top:auto;margin-top:44px;width:100%}}.ms-wrap .ms-egg{z-index:2}.forge-title .ms-wrap .milestone,html.art-panel .forge-title .ms-wrap .milestone{z-index:1}@media (min-width: 901px) and (max-height: 720px){.forge-title .ms-wrap{margin-top:10px}.forge-title .ms-wrap .ms-body small{display:none}.ms-wrap .ms-egg img{height:76px;bottom:-6px}}.ctable th{top:114px}@media (min-width: 1000px){.ctable-wrap{overflow-x:visible}}.voucher-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:8px 12px;border-radius:12px;background:#080a1adb;border:1px solid rgba(255,217,138,.5);color:#fff;font-size:.85rem}.voucher-box span{display:inline-flex;align-items:center;gap:6px}.voucher-box .res-ico{width:26px;height:22px;object-fit:contain}.voucher-box b{color:#ffd166;font-family:var(--font-d)}.voucher-box small{color:#cfd8ff;max-width:240px;text-align:right}.shop-wallet{flex-direction:column;align-items:flex-end}.season-vouchers{color:#ffd166;font-family:var(--font-d)}.season-vouchers small{display:block;font-family:var(--font);font-size:.78rem}.closed-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;color:#fff;background:#05040c}.closed-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cl-bg, none) center / cover no-repeat;opacity:.5}.closed-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,#05040c33,#05040ceb)}.closed-screen>*{position:relative;z-index:1}.closed-screen .cl-logo{width:min(440px,64vw);filter:drop-shadow(0 8px 26px rgba(0,0,0,.8))}.closed-screen .cl-badge{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,200,90,.6));animation:cl-pulse 2.6s ease-in-out infinite}.closed-screen h1{margin:0;font-family:var(--font-d);font-size:clamp(1.5rem,3.4vw,2.5rem);letter-spacing:.04em;background:linear-gradient(180deg,#fff6c8 10%,#ffd166 55%,#e08a1e 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #5a2a06)}.closed-screen p{margin:0;max-width:620px;color:#d8e2ff;line-height:1.6}.closed-screen .cl-time{display:flex;flex-direction:column;gap:4px;padding:12px 26px;border-radius:14px;background:#080a1ad1;border:1px solid rgba(255,217,138,.5)}.closed-screen .cl-time b{font-family:var(--font-d);font-size:clamp(1.6rem,4vw,2.6rem);color:#ffe08a;letter-spacing:.06em}.closed-screen .cl-time small{color:#cfd8ff}@keyframes cl-pulse{50%{transform:scale(1.06);filter:drop-shadow(0 0 34px rgba(255,200,90,.9))}}@media (prefers-reduced-motion: reduce){.closed-screen .cl-badge{animation:none}}