:root{--gold:#ffd978;--gold-d:#b8862e;--ink:#f6f2ff;--ink-dim:#b8b0d8;--panel:#120e2ac7;--panel-b:#ffd97873;--hp-hi:linear-gradient(90deg, #3fe07a, #9af06a);--hp-mid:linear-gradient(90deg, #f0c030, #ffe070);--hp-lo:linear-gradient(90deg, #ff4050, #ff8a60);--font:"Noto Sans TC", system-ui, sans-serif;--serif:"Noto Serif TC", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;background:#0b0a18;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}.stage-host{position:absolute;inset:0}.ui-root{pointer-events:none;position:absolute;inset:0}.ui-root>*{pointer-events:auto}button{font-family:var(--font);color:var(--ink);cursor:pointer}button:disabled{cursor:default}.el-chip{color:#fff;background:var(--c);min-width:20px;height:20px;box-shadow:0 0 8px var(--c), inset 0 -2px 0 #00000040;text-shadow:0 1px 1px #00000080;border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:900;display:inline-flex}.el-chip.big{border-radius:13px;min-width:26px;height:26px;font-size:14px}.rarity{letter-spacing:1px;border-radius:4px;padding:0 6px;font-size:13px;font-style:italic;font-weight:900}.r-N{color:#d8e0f0;background:#a0aabe40}.r-R{color:#8fd8ff;background:#3c8cff40}.r-SR{color:#e0a0ff;background:#aa50ff47}.r-SSR{color:#1a1000;background:linear-gradient(90deg,#ffe38a,#ffb040,#ffe38a);box-shadow:0 0 12px #ffc850cc}.btn{letter-spacing:2px;box-shadow:0 0 0 2px var(--panel-b), 0 6px 20px #0006, inset 0 1px 0 #ffffff4d;background:linear-gradient(#5a4ab8,#34288a);border:0;border-radius:12px;padding:12px 26px;font-size:17px;font-weight:900;transition:transform 80ms,filter .15s;position:relative}.btn:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{filter:grayscale(.8)brightness(.6)}.btn.gold{color:#2a1800;background:linear-gradient(#ffe08a,#e0a030);box-shadow:0 0 0 2px #fff3c8,0 6px 24px #ffbe3c80,inset 0 1px #fff9}.btn.small{letter-spacing:1px;padding:8px 14px;font-size:14px}.panel{background:var(--panel);border:1px solid var(--panel-b);-webkit-backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 10px 40px #00000073,inset 0 0 30px #785aff1f}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.hud .picker,.hud .log-panel{pointer-events:auto}.floats{pointer-events:none;position:absolute;inset:0;overflow:hidden}.side-panel{border:1px solid var(--panel-b);pointer-events:none;background:linear-gradient(#141032d9,#141032a6);border-radius:14px;width:min(340px,44vw);padding:10px 12px 8px;position:absolute;top:14px;box-shadow:0 6px 24px #0006}.side-panel.mine{left:14px}.side-panel.foe{right:14px}.sp-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.sp-name{text-shadow:0 2px 4px #0009;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:17px;font-weight:900;overflow:hidden}.sp-lv{color:var(--gold);font-size:12px;font-weight:700}.hp{background:#0000008c;border-radius:8px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009,0 0 0 1px #ffffff1f}.hp.small{height:8px}.hp-fill,.hp-ghost,.hp-shield{border-radius:8px;position:absolute;top:0;bottom:0;left:0}.hp-fill{transition:width .25s ease-out;box-shadow:inset 0 -3px #0003,inset 0 2px #ffffff59}.hp-ghost{opacity:.85;background:#fff;transition:width .4s ease-in}.hp-shield{mix-blend-mode:screen;background:repeating-linear-gradient(45deg,#78dcffbf 0 6px,#b4f0ffe6 6px 12px)}.hp-text{text-shadow:0 1px 2px #000,0 0 3px #000;justify-content:flex-end;align-items:center;padding-right:8px;font-size:11px;font-weight:900;display:flex;position:absolute;inset:0}.sp-foot{align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.team-dots{gap:4px;display:flex}.dot{background:#7af0a0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #7af0a0}.dot.dead{box-shadow:none;background:#444}.dot.cur{border:2px solid #fff;transform:scale(1.35)}.sp-ae{color:#9fe8ff;font-weight:700}@keyframes pulse{50%{box-shadow:0 0 12px #b08aff}}.hud-top{white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.turn{font-family:var(--serif);border:1px solid var(--panel-b);white-space:nowrap;background:#00000073;border-radius:20px;padding:4px 14px;font-size:15px;font-weight:900}.field-chip{background:color-mix(in srgb, var(--c) 45%, transparent);border:1px solid var(--c);box-shadow:0 0 14px var(--c);white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:900}.mini{background:#00000073;border:1px solid #ffffff4d;border-radius:14px;padding:4px 12px;font-size:13px;font-weight:700}.mini.on{color:#2a1800;background:linear-gradient(#ffe08a,#d8a030);border-color:#ffe08a;animation:1.4s ease-in-out infinite mlPulse;box-shadow:0 0 12px #ffc85099}.action-bar{padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#08061800,#080618d9);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.aether{align-items:center;gap:5px;display:flex}.ae-label{color:#9fe8ff;letter-spacing:1px;cursor:help;background:#3fc8ff24;border:0;border-radius:10px;align-items:center;gap:4px;margin-right:4px;padding:3px 9px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #9fe8ff73}.ae-label b{color:#06283a;background:#9fe8ff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:11px;display:grid}.ae-num{color:#9fe8ff;font-variant-numeric:tabular-nums;margin-left:4px;font-size:16px;font-weight:900}.ae-num small{color:#9fe8ff99;margin-left:1px;font-size:11px}.ae-gain{color:#c8f0ffbf;white-space:nowrap;margin-left:4px;font-size:11.5px;font-weight:700}.ae-gain.loan{color:#ffc98a}.ae.ult-mark{position:relative;box-shadow:0 0 0 2px #ffd24a,0 0 10px #ffc850b3}.ae-ult{transform-origin:0 0;color:#ffd978;white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none;font-size:10px;font-style:normal;font-weight:900;position:absolute;top:50%;left:50%;transform:rotate(-45deg)translate(-50%,-190%)}.ae{background:#5078a04d;border:1px solid #a0dcff59;border-radius:2px;width:14px;height:14px;transition:all .2s;transform:rotate(45deg)}.ae.on{background:linear-gradient(135deg,#e0fbff,#3fc8ff);border-color:#fff;box-shadow:0 0 10px #3fc8ff,0 0 2px #fff}.ae.res{background:linear-gradient(135deg,#f0d8ff,#a06aff);box-shadow:0 0 10px #a06aff}.ae.bonus{background:linear-gradient(135deg,#fff6d0,#ffc040);box-shadow:0 0 10px #ffc040}.cards{flex-wrap:nowrap;justify-content:center;gap:8px;max-width:100%;display:flex}.side-buttons{gap:8px;display:flex}.act.art{box-shadow:0 0 0 1px var(--gold);background:linear-gradient(#7a5a1a,#4a3410)}.act:disabled{filter:grayscale()brightness(.5)}.picker{background:var(--panel);border:1px solid var(--panel-b);border-radius:16px;flex-direction:column;align-items:center;gap:10px;max-width:94vw;padding:14px;display:flex;position:absolute;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0009}.picker-title{color:var(--gold);font-weight:900}.picker-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pick{text-align:left;background:linear-gradient(160deg,#3a2a80,#1a1440);border:0;border-radius:12px;width:150px;padding:10px;position:relative;box-shadow:0 0 0 1px #ffffff4d}.pick:hover:not(:disabled){box-shadow:0 0 0 2px #fff,0 0 18px #8a6aff}.pick:disabled{filter:grayscale(.8)brightness(.5)}.pick-name{font-size:15px;font-weight:900}.pick-lv{color:var(--gold);margin:2px 0 6px;font-size:12px}.pick-tag{color:#ffb0b0;font-size:11px;font-weight:900;position:absolute;top:6px;right:8px}.log-panel{border:1px solid var(--panel-b);background:#0a081ee0;border-radius:12px;width:min(460px,92vw);max-height:50vh;padding:12px 16px;font-size:13px;line-height:1.7;position:absolute;top:60px;left:50%;overflow:auto;transform:translate(-50%)}.log-turn{color:var(--gold);margin-top:4px;font-weight:900}.thinking{background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:2px;width:40px;height:4px;margin-left:-20px;animation:1s infinite think;position:absolute;bottom:18px;left:50%}@keyframes think{0%{opacity:.4;transform:scaleX(.2)}50%{opacity:1;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.2)}}.banner{text-align:center;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 55%, #120e30) 20%, color-mix(in srgb, var(--c) 55%, #120e30) 80%, transparent);pointer-events:none;min-width:260px;padding:8px 40px;animation:.9s ease-out both bannerIn;position:absolute;top:88px;left:50%;transform:translate(-50%)}.banner:before,.banner:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);height:2px;position:absolute;left:10%;right:10%}.banner:before{top:0}.banner:after{bottom:0}.banner-text{font-family:var(--serif);letter-spacing:4px;text-shadow:0 0 12px var(--c), 0 2px 4px #000c;font-size:26px;font-weight:900}.banner-sub{color:#fffc;letter-spacing:2px;font-size:12px;font-weight:700}.banner.enemy .banner-text{color:#ffe0d8}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%)scaleX(.4)}15%{opacity:1;transform:translate(-50%)scaleX(1.05)}25%{transform:translate(-50%)scaleX(1)}80%{opacity:1}to{opacity:0}}.cutin{pointer-events:none;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.cutin-band{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 70%, #000) 20%, color-mix(in srgb, var(--c) 80%, #fff) 50%, color-mix(in srgb, var(--c) 70%, #000) 80%, transparent);width:140%;box-shadow:0 0 60px var(--c);text-align:center;margin-left:-20%;padding:22px 0 18px;animation:1.5s cubic-bezier(.2,.9,.3,1) both cutin;position:relative;transform:rotate(-8deg)}.cutin.enemy .cutin-band{transform:rotate(8deg)}.cutin-sub{letter-spacing:8px;color:#fff;text-shadow:0 2px 6px #000;font-size:16px;font-weight:900}.cutin-skill{font-family:var(--serif);letter-spacing:14px;color:#fff;text-shadow:0 0 30px var(--c), 0 0 60px var(--c), 0 4px 10px #000;font-size:clamp(40px,9vw,96px);font-weight:900}@keyframes cutin{0%{opacity:0;transform:translate(-100%)rotate(-8deg)}18%{opacity:1;transform:translate(0)rotate(-8deg)}80%{opacity:1;transform:translate(3%)rotate(-8deg)}to{opacity:0;transform:translate(110%)rotate(-8deg)}}.float{white-space:nowrap;pointer-events:none;color:#fff;-webkit-text-stroke:1.5px #140a28e6;paint-order:stroke fill;text-shadow:0 3px #0006,0 0 14px #00000080;font-size:26px;font-weight:900;animation:1.4s cubic-bezier(.2,.8,.3,1) both floatUp;position:absolute;transform:translate(-50%,-50%)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.3)}10%{opacity:1;transform:translate(-50%,-60%)scale(1.25)}20%{transform:translate(-50%,-70%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(.95)}}.fl-dmg{font-size:32px}.fl-eff{color:#ffb040;font-size:36px}.fl-weak{color:#b0b8c8;font-size:26px}.fl-crit{color:#ffe060;text-shadow:0 0 16px #ff9a20,0 3px #0006;font-size:44px}.fl-ult{color:#fff;text-shadow:0 0 24px #ffb040,0 0 50px #ff6a20,0 4px #0006;font-size:60px}.s115{font-size:36px}.s135{font-size:42px}.s160{font-size:50px}.s180{font-size:60px}.fl-heal{color:#7aff9a;font-size:28px}.fl-shield{color:#8fe8ff;font-size:22px}.fl-status{color:#e8b0ff;font-size:22px}.fl-info{color:#e8e0ff;font-size:18px}.fl-up{color:#ffd978;font-size:20px}.fl-down{color:#a8b8ff;font-size:20px}.fl-dot{color:#e0a0ff;font-size:22px}.fl-miss{color:#c0c0d0;font-size:30px;font-style:italic}.fl-guard{color:#9fd8ff;font-size:32px}.fl-negate{color:#d0d0e0;font-size:34px}.fl-trait{color:#fff;-webkit-text-stroke:0;background:#28145acc;border:1px solid #b08aff;border-radius:8px;padding:2px 10px;font-size:16px}.fl-combo{color:#ffe060;font-size:22px;font-style:italic}.fl-critlabel{color:#ffe060;font-size:24px}.fl-efflabel{color:#ff9a40;font-size:22px}.fl-weaklabel{color:#a0a8b8;font-size:18px}@media (max-width:720px){.side-panel{width:47vw;padding:7px 8px 6px;top:8px}.side-panel.mine{left:6px}.side-panel.foe{right:6px}.sp-name{font-size:14px}.hud-top{top:auto;bottom:100%}.cards{gap:4px;width:100%;padding:0 6px}.banner-text{font-size:20px}.banner{top:110px}.hud-top{top:112px;transform:translate(-50%)scale(.85)}}.pick-odds{margin:2px 0;font-size:13px;font-weight:900}.pick-odds.hi{color:#7dffa0}.pick-odds.mid{color:#ffd978}.pick-odds.lo{color:#ff9a9a}.mech-tip{z-index:8;pointer-events:auto;border-color:var(--gold);flex-direction:column;gap:8px;width:min(260px,80vw);padding:14px 16px;animation:.35s cubic-bezier(.2,1.2,.4,1) mtIn;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mt-title{font-family:var(--serif);color:var(--gold);letter-spacing:2px;--c:#ffd978;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.mt-text{font-size:14px;line-height:1.5}.mech-tip .btn{align-self:flex-end}@keyframes mtIn{0%{opacity:0;transform:translate(-30px,-50%)}}@media (max-width:720px){.mech-tip{width:auto;top:118px;left:8px;right:8px;transform:none}@keyframes mtIn{0%{opacity:0}}}@media (max-height:560px) and (orientation:landscape){.side-panel{width:30vw;padding:6px 9px 5px;top:6px}.side-panel.mine{left:6px}.side-panel.foe{right:6px}.sp-name{font-size:14px}.sp-head{margin-bottom:3px}.hud-top{transform-origin:top;top:6px;transform:translate(-50%)scale(.85)}.banner{top:70px}.mech-tip{width:min(280px,40vw);top:64px;transform:none}}.ico{flex:none;display:block}.skill{text-align:center;color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 58%, #1c1646) 0%, color-mix(in srgb, var(--c) 18%, #140f34) 55%, #110d2c 100%);width:124px;height:92px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--c) 75%, #fff), inset 0 1px 0 #ffffff59, inset 0 -10px 18px #00000040, 0 8px 18px #00000073;border:0;border-radius:14px;flex-direction:column;padding:7px 8px 8px;transition:transform .12s,box-shadow .15s,filter .15s;display:flex;position:relative;overflow:hidden}.skill:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff24 50%,#0000 60%);position:absolute;inset:0}.skill:hover:not(.off){box-shadow:0 0 0 2px #fff, 0 0 24px var(--c), 0 12px 22px #00000080;transform:translateY(-5px)}.skill:active:not(.off){transform:scale(.95)}.skill.off{filter:saturate(.25)brightness(.62)}.skill.dim{filter:brightness(.6)}.skill.sel{transform:translateY(-6px);box-shadow:0 0 0 3px #d8b8ff,0 0 28px #a06aff,0 12px 22px #00000080}.sk-head{justify-content:space-between;align-items:center;height:24px;display:flex}.sk-cat{color:#fff;background:color-mix(in srgb, var(--c) 70%, #000);width:22px;height:22px;box-shadow:0 0 0 1.5px #ffffff8c, 0 0 8px var(--c);border-radius:50%;place-items:center;display:grid}.sk-gem{place-items:center;width:24px;height:24px;display:grid;position:relative}.sk-gem:before{content:"";background:linear-gradient(135deg,#f0feff,#3fc8ff 70%);border-radius:4px;position:absolute;inset:4px;transform:rotate(45deg);box-shadow:0 0 8px #3fc8ff,0 0 0 1px #fff}.sk-gem b{color:#06283a;font-variant-numeric:tabular-nums;font-size:13px;font-weight:900;position:relative}.sk-gem.short:before{background:linear-gradient(135deg,#ffd0d0,#ff4a5a 70%);box-shadow:0 0 8px #ff4a5a,0 0 0 1px #fff}.sk-gem.short b{color:#3a0008}.sk-name{letter-spacing:1px;text-shadow:0 1px 2px #0000008c;white-space:nowrap;flex:1;place-items:center;font-size:17px;font-weight:900;line-height:1.1;display:grid}.sk-foot{justify-content:center;align-items:center;height:14px;display:flex}.sk-dmg{align-items:center;gap:4px;width:100%;display:flex}.sk-bar{background:#00000080;border-radius:4px;flex:1;height:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.sk-bar i{background:linear-gradient(90deg,#ffb58a,#ff4a4a);border-radius:4px;height:100%;display:block;box-shadow:0 0 6px #ff5a46cc}.sk-dmg.ko .sk-bar i{background:linear-gradient(90deg,#fff1b0,#ffc030);box-shadow:0 0 8px #ffc030}.sk-ko{color:#2a1600;background:linear-gradient(#fff1b0,#ffb020);border-radius:4px;padding:0 4px;font-size:10px;font-style:italic;font-weight:900;line-height:13px;box-shadow:0 0 8px #ffbe28e6}.eff-up{color:#7dffa0;filter:drop-shadow(0 0 3px #3fd070)}.eff-down{color:#a8a8c0}.sk-fx{gap:6px;display:flex}.fx{filter:drop-shadow(0 0 4px);place-items:center;display:grid;position:relative}.fx-arrow{position:absolute;top:-3px;right:-6px}.sk-why{color:#ffc0c0;white-space:nowrap;font-size:10.5px;font-weight:700}.sk-flag{letter-spacing:2px;color:#fff;background:linear-gradient(90deg,#8a5aff,#5a30c8);border-radius:6px;padding:2px 10px;font-size:13px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 0 1.5px #fff,0 0 16px #a06aff}.skill.ultimate{background:linear-gradient(#fff1b8 0%,#ffc14a 35%,#b46a14 70%,#4a2410 100%);animation:1.4s infinite ultGlow;box-shadow:0 0 0 2px #fff6d6,0 0 22px #ffc850d9,0 8px 18px #00000073}.skill.ultimate .sk-name{color:#2a1400;text-shadow:0 1px #ffffff80}.skill.ultimate .sk-cat{background:#6a3a00;box-shadow:0 0 0 1.5px #fff6d6}.skill.ultimate .sk-gem:before{background:linear-gradient(135deg,#fff,#ffb040);box-shadow:0 0 8px #ffb040,0 0 0 1px #fff}.skill.ultimate .sk-gem b{color:#3a1a00}.skill.ultimate.off{animation:none}@keyframes ultGlow{50%{box-shadow:0 0 0 2px #fff,0 0 40px #ffd264,0 8px 18px #00000073}}.skill.trap{background:repeating-linear-gradient(135deg,#ffffff0a 0 6px,#0000 6px 12px),linear-gradient(#5a36b0 0%,#2a1a66 60%,#160f3a 100%);box-shadow:0 0 0 1.5px #c8a8ff,inset 0 1px #ffffff4d,0 8px 18px #00000073}.skill.trap .sk-cat{background:#3a2080;box-shadow:0 0 0 1.5px #e0d0ff,0 0 8px #a06aff}.tooltip{width:min(360px,92vw);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--c) 70%, #fff), 0 10px 30px #0009;pointer-events:none;z-index:9;background:#0e0a24f5;border-radius:14px;flex-direction:column;gap:6px;padding:10px 14px 12px;animation:.12s ease-out ttIn;display:flex;position:absolute;bottom:196px;left:50%;transform:translate(-50%)}@keyframes ttIn{0%{opacity:0;transform:translate(-50%,6px)}}.tt-head{align-items:center;gap:8px;display:flex}.tt-head b{font-size:17px;font-weight:900}.tt-head .sk-gem{margin-left:auto}.tt-ico{background:color-mix(in srgb, var(--c) 70%, #000);color:#fff;width:24px;height:24px;box-shadow:0 0 8px var(--c);border-radius:50%;place-items:center;display:grid}.tt-chips{flex-wrap:wrap;gap:5px;display:flex}.tt-chips span{color:#e8e0ff;background:#ffffff1a;border-radius:10px;padding:1px 8px;font-size:12px;font-weight:700}.tt-trigger{color:#d8c0ff;align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:flex}.tt-text{color:#f0ecff;font-size:13.5px;line-height:1.55}.act{letter-spacing:1px;background:#281e5ae6;border:0;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 0 0 1px #ffffff4d}.act.on{background:#6a4ad8;box-shadow:0 0 0 2px #fff,0 0 16px #8a6aff}.act.art{box-shadow:0 0 0 1px var(--gold);color:#ffe7a0;background:linear-gradient(#7a5a1a,#4a3410)}.act.art.on{color:#2a1800;background:linear-gradient(#ffd060,#c08a20);box-shadow:0 0 0 2px #fff,0 0 20px #ffc040}.act.stone{background:linear-gradient(#2a7ab8,#184a80)}.hint{color:#e0d0ff;background:#3c1e78b3;border-radius:12px;align-items:center;gap:5px;padding:3px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.hint.art{color:#ffe7a0;background:#785014b3}.sp-badges{pointer-events:auto;flex-wrap:wrap;flex:1;gap:5px;min-width:0;display:flex}.badge{color:#fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 85%, #fff), color-mix(in srgb, var(--c) 70%, #000));width:26px;height:26px;box-shadow:0 0 0 1.5px #ffffffbf, 0 0 10px var(--c);cursor:help;border-radius:50%;place-items:center;display:grid;position:relative}.badge .ico{filter:drop-shadow(0 1px 1px #00000080)}.b-n{color:#fff;font-variant-numeric:tabular-nums;background:#120e2e;border-radius:7px;min-width:14px;height:14px;padding:0 3px;font-size:10px;font-weight:900;line-height:14px;position:absolute;bottom:-4px;right:-5px;box-shadow:0 0 0 1px #ffffffb3}.b-arrow{position:absolute;top:-3px;left:-3px}.badge.up .b-arrow{color:#fff4c0;filter:drop-shadow(0 0 2px #000)}.badge.down .b-arrow{color:#c8d4ff;filter:drop-shadow(0 0 2px #000)}.sp-ae{color:#9fe8ff;align-items:center;gap:3px;font-size:13px;font-weight:900;display:inline-flex}.ult-used{color:#8a8070;opacity:.7}.sp-foot{min-height:26px}@media (max-width:720px){.skill{border-radius:11px;flex:1 1 0;width:auto;min-width:0;height:78px;padding:5px 5px 6px}.sk-head{height:20px}.sk-cat{width:18px;height:18px}.sk-cat .ico{width:11px;height:11px}.sk-gem{width:20px;height:20px}.sk-gem b{font-size:11px}.sk-name{letter-spacing:0;white-space:normal;word-break:break-all;font-size:13px}.sk-name.l,.sk-name.xl{font-size:11.5px}.sk-ko{padding:0 2px;font-size:9px}.act{padding:7px 12px;font-size:13px}.tooltip{bottom:170px}.badge{width:20px;height:20px}.badge .ico{width:12px;height:12px}.sp-badges{gap:4px}.b-n{min-width:12px;height:12px;font-size:9px;line-height:12px;bottom:-3px;right:-4px}.sp-foot{gap:5px;min-height:22px}}.card-slot{display:flex;position:relative}.aether{position:relative}.coach{z-index:6;white-space:nowrap;letter-spacing:1px;color:#2a1800;pointer-events:none;background:linear-gradient(#fff3c0,#ffc94a);border-radius:14px;padding:7px 16px;font-size:16px;font-weight:900;animation:1s ease-in-out infinite coachBob;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #fff,0 0 26px #ffc850e6,0 8px 20px #0006}.coach:after{content:"";border:9px solid #0000;border-top-color:#ffc94a;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes coachBob{50%{transform:translate(-50%,-6px)}}.coach-target .skill,.aether.coach-target{animation:1s ease-in-out infinite coachRing}@keyframes coachRing{50%{box-shadow:0 0 0 3px #fff,0 0 34px #ffd264}}.aether.coach-target{border-radius:12px;padding:3px 8px}.coach-dim{opacity:.3;pointer-events:none;filter:grayscale(.6)}.coach.wide{white-space:normal;text-align:center;width:max-content;max-width:min(460px,92vw);font-size:15px;line-height:1.4}.coach-anchor{display:inline-flex;position:relative}.coach-anchor.coach-target .act,.pick.coach-target{animation:1s ease-in-out infinite coachRing}.pick .coach{padding:5px 12px;font-size:14px}.ae.ult-seg:not(.on){border-color:#ffd6788c}.ae.ult-mark.locked{box-shadow:0 0 0 2px #c8beaa8c}.ae.ult-mark.locked .ae-ult{color:#b8ad98}.aether.ult-ready .ae.ult-mark{animation:1s ease-in-out infinite ultMarkPulse}@keyframes ultMarkPulse{50%{box-shadow:0 0 0 3px #fff3c0,0 0 18px #ffc040}}.ae-ultchip{letter-spacing:1px;white-space:nowrap;color:#ffe6a0;cursor:help;background:#5a3c0a8c;border:0;border-radius:11px;align-items:center;gap:5px;margin-left:6px;padding:3px 10px 3px 8px;font-size:12.5px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #ffd67899}.ae-ultchip>span{align-items:baseline;gap:2px;display:inline-flex}.ae-ultchip b{color:#fff3c0;font-variant-numeric:tabular-nums;font-size:15px}.ae-ultchip small{color:#ffe6a0bf;margin-left:2px;font-size:11px}.ae-ultchip .uc-bar{background:#0006;border-radius:3px;align-self:center;width:34px;height:5px;margin-left:5px;display:inline-block;position:relative;overflow:hidden}.ae-ultchip .uc-bar>i{background:linear-gradient(90deg,#fff3c0,#ffb030);border-radius:3px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.ae-ultchip.ready{color:#2a1400;background:linear-gradient(#fff3c0,#ffc94a);animation:1.4s infinite ultGlow;box-shadow:0 0 0 1.5px #fff,0 0 16px #ffc850e6}.ae-ultchip.ready b{color:#2a1400;font-size:13px}.ae-ultchip.locked,.ae-ultchip.used{color:#b8ad98;background:#28241e99;box-shadow:inset 0 0 0 1px #c8beaa59}.ae-ultchip.locked small,.ae-ultchip.used small{color:#b8ad98}.skill.ultimate.off.charging{filter:saturate(.7)brightness(.82)}.ult-charge{pointer-events:none;background:#1e1000d9;border-radius:5px;gap:3px;padding:2px 4px;display:flex;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffe6a099}.ult-charge i{background:#ffe6a02e;border-radius:2px;width:12px;height:5px}.ult-charge i.on{background:linear-gradient(90deg,#fff6c0,#ffb030);box-shadow:0 0 5px #ffc040}@media (max-width:720px){.aether{gap:4px}.ae-label{white-space:nowrap;flex:none;margin-right:2px;padding:3px 7px}.ae-num{margin-left:2px;font-size:14px}.ae{width:10px;height:10px}.ae-gain:not(.loan){display:none}.ae-ultchip{margin-left:3px;padding:2px 8px 2px 6px;font-size:11.5px}.ae-ultchip .uc-bar{display:none}.coach.wide{font-size:13px}.card-slot{flex:1 1 0;min-width:0}.card-slot .skill{width:100%}.coach{padding:5px 10px;font-size:13px}.card-slot:first-child .coach{left:0;transform:none}.card-slot:first-child .coach:after{left:30px}.card-slot:last-child .coach{left:auto;right:0;transform:none}.card-slot:last-child .coach:after{left:auto;right:22px;transform:none}@keyframes coachBob{50%{margin-top:-6px}}}.sk-pow-row{justify-content:center;align-items:baseline;gap:4px;width:100%;display:flex}.sk-pow-label{color:#ffffffb8;letter-spacing:1px;font-size:10.5px;font-weight:700}.sk-pow{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0009;font-size:15px;font-weight:900;line-height:1}.sk-pow-row .sk-ko{align-self:center;margin-left:2px}.sk-pow-row .ico{align-self:center}.skill.ultimate .sk-pow-label,.skill.ultimate .sk-pow{color:#2a1400;text-shadow:none}.tt-dmg{color:#ffd0c0;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.tt-dmg b{color:#fff;font-variant-numeric:tabular-nums;font-size:16px}.tt-left{color:var(--ink-dim);font-weight:700}.tt-eff{border-radius:8px;padding:0 7px;font-size:12px}.tt-eff.up{color:#7dffa0;background:#3cc8642e}.tt-eff.down{color:#c0c0d8;background:#a0a0c826}@media (max-width:720px){.sk-pow{font-size:13px}.sk-pow-label{letter-spacing:0;font-size:9px}}.term{color:var(--tc);border-bottom:1.5px dotted color-mix(in srgb, var(--tc) 70%, transparent);cursor:help;pointer-events:auto;font-weight:900}.term-list{border-top:1px solid #ffffff1f;flex-direction:column;gap:4px;margin-top:2px;padding-top:7px;display:flex}.tl-row{color:#d8d0f4;grid-template-columns:18px auto 1fr;align-items:start;gap:6px;font-size:12px;line-height:1.5;display:grid}.tl-row b{color:var(--tc);white-space:nowrap}.tl-ico{color:#fff;background:color-mix(in srgb, var(--tc,#ffd978) 70%, #000);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;box-shadow:0 0 0 1px #ffffff80}.term-pop{z-index:90;box-shadow:0 0 0 1.5px var(--tc), 0 10px 30px #0009;pointer-events:none;background:#0c0920f7;border-radius:12px;padding:9px 12px 10px;animation:.12s ease-out ttIn2;position:fixed}@keyframes ttIn2{0%{opacity:0;transform:translateY(4px)}}.term-pop.rich{padding:10px 14px 12px}.tp-head{align-items:center;gap:6px;margin-bottom:3px;display:flex}.tp-head b{color:var(--tc);font-size:15px}.tp-text{font-size:13px;line-height:1.55}.tp-text.sub{color:#cfc6ee;margin-top:2px;font-size:12px}.tp-ico{color:#fff;background:color-mix(in srgb, var(--tc) 35%, #120e2e);width:22px;height:22px;box-shadow:0 0 0 1px color-mix(in srgb, var(--tc) 70%, #fff);border-radius:50%;place-items:center;display:grid}.skill-info{flex-direction:column;gap:6px;display:flex}.tt-lock{color:#ffb0b0;font-size:12px;font-weight:900}.sk-tags{flex:1;justify-content:center;gap:3px;min-width:0;display:flex;overflow:hidden}.sk-tag{filter:drop-shadow(0 0 3px);background:#00000059;border-radius:6px;align-items:center;gap:1px;padding:1px 3px;display:inline-flex}.sk-tag i{color:#fff;font-size:9px;font-style:normal;font-weight:900;line-height:1}.skill.ultimate .sk-tag{background:#3c1e0059}@media (max-width:720px){.sk-tags>:nth-child(n+2){display:none}.sk-tag i{font-size:8px}.tl-row{font-size:11.5px}}.help-btn{color:#2a1800;background:linear-gradient(#ffe08a,#d8a030);border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:16px;font-weight:900;display:grid;box-shadow:0 0 0 1.5px #fff3c8,0 0 10px #ffc85080}.hud-top .help-btn{width:26px;height:26px;font-size:14px}.help-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04021099;place-items:center;animation:.15s ease-out ttIn2;display:grid;position:absolute;inset:0}.help-body{flex-direction:column;width:min(760px,94vw);max-height:min(88vh,900px);display:flex;overflow:hidden}.help-head{border-bottom:1px solid #ffffff1f;align-items:center;gap:14px;padding:12px 16px;display:flex}.help-head>b{font-family:var(--serif);letter-spacing:4px;color:var(--gold);font-size:20px}.help-head .tabs{flex:1;max-width:240px;margin:0}.help-close{background:#ffffff1a;border:0;border-radius:50%;width:32px;height:32px;margin-left:auto;font-size:20px}.help-scroll{-webkit-user-select:text;user-select:text;padding:14px 18px 18px;overflow-y:auto}.help-scroll h4{font-family:var(--serif);letter-spacing:2px;color:var(--gold);margin:4px 0 8px;font-size:16px}.help-scroll section+section{margin-top:16px}.help-rules ul,.help-rules ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;line-height:1.6;display:flex}.hr-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.el-wheel{flex:none;width:220px;max-width:100%}.el-dot{background:var(--c);color:#fff;text-shadow:0 1px 1px #00000080;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:inline-grid}.help-card-legend{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 14px;font-size:13px;display:grid}.help-card-legend>span{align-items:center;gap:8px;display:flex}.sk-cat.demo{--c:#ff6a2b}.demo-pow{background:#ffffff1a;border-radius:6px;padding:1px 6px;font-size:13px}.ht-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.ht-item{background:#ffffff0d;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.ht-item b{color:var(--tc);font-size:14px}.ht-item p{color:#d8d0f4;margin:2px 0 0;font-size:12.5px;line-height:1.55}.ht-item .tl-ico{flex:none;margin-top:2px}.item-ico{filter:drop-shadow(0 1px 1px #00000080);flex:none;display:block}.item-amt{box-shadow:0 0 0 1px color-mix(in srgb, var(--ic) 55%, transparent);cursor:help;background:#00000073;border-radius:14px;align-items:center;gap:5px;padding:3px 10px 3px 5px;display:inline-flex}.item-amt b{color:color-mix(in srgb, var(--ic) 55%, #fff);font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.item-amt:hover{box-shadow:0 0 0 1.5px var(--ic), 0 0 12px color-mix(in srgb, var(--ic) 50%, transparent)}.reward-row{flex-wrap:wrap;gap:6px;display:inline-flex}.sk-pow-label{white-space:nowrap}.sk-pow-row{flex-wrap:nowrap}.sk-tags .sk-ko{align-self:center}.skill{gap:3px;width:168px;height:auto;min-height:128px;padding:9px 10px}.sk-head{gap:5px;height:24px}.sk-catname{color:#ffffffd9;letter-spacing:1px;font-size:12px;font-weight:900}.sk-el .el-chip{min-width:18px;height:18px;font-size:11px}.sk-head .sk-tags{display:none}.sk-head .sk-gem{width:26px;height:26px;margin-left:auto}.sk-head .sk-gem b{font-size:14px}.sk-name{letter-spacing:2px;flex:none;padding:4px 0 2px;font-size:20px}.sk-name.l{letter-spacing:1px;font-size:18px}.sk-name.xl{letter-spacing:0;font-size:16px}.sk-foot{height:auto;min-height:24px}.sk-pow-row{align-items:center;gap:5px}.sk-pow-label{font-size:12px}.sk-pow{font-size:22px}.sk-ko.big{padding:1px 6px;font-size:12px;line-height:16px}.sk-eff{border-radius:8px;align-items:center;gap:1px;padding:0 5px 0 3px;font-size:11px;font-weight:900;line-height:16px;display:inline-flex}.sk-eff.up{color:#0a2a12;background:#7dffa0;box-shadow:0 0 8px #50ff8c99}.sk-eff.down{color:#e0e0f0;background:#8c8caa80}.sk-lines{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2px;display:flex}.sk-line{box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 40%, transparent);background:#00000059;border-radius:9px;align-items:center;gap:3px;padding:1px 7px 1px 5px;display:inline-flex}.sk-line em{color:#fff;white-space:nowrap;font-size:11.5px;font-style:normal;font-weight:700}.sk-fx{flex-wrap:wrap;justify-content:center;gap:4px 6px}.fx{filter:none;background:#00000059;border-radius:9px;align-items:center;gap:3px;padding:1px 7px 1px 5px;display:inline-flex}.fx .ico{filter:drop-shadow(0 0 3px)}.fx em{color:#fff;white-space:nowrap;font-size:11.5px;font-style:normal;font-weight:700}.fx-arrow{margin-left:-2px;position:static}.skill.ultimate .sk-catname,.skill.ultimate .sk-pow-label{color:#3a1a00}.skill.ultimate .sk-line,.skill.ultimate .fx{background:#3c1e0066}.tooltip,.picker{bottom:236px}@media (max-width:720px){.action-bar{padding:8px 8px calc(10px + env(safe-area-inset-bottom));gap:6px}.cards{grid-template-columns:1fr 1fr;gap:6px;width:100%;padding:0;display:grid}.card-slot{min-width:0}.card-slot:last-child:nth-child(odd){grid-column:1/-1}.card-slot .skill,.skill{border-radius:13px;width:100%;height:auto;min-height:0;padding:7px 9px 8px}.sk-head{height:22px}.sk-cat{width:20px;height:20px}.sk-cat .ico{width:12px;height:12px}.sk-head .sk-gem{width:24px;height:24px}.sk-head .sk-gem b{font-size:13px}.sk-name,.sk-name.l{letter-spacing:1px;white-space:nowrap;word-break:normal;padding:2px 0 0;font-size:17px}.sk-name.xl{font-size:15px}.sk-pow{font-size:19px}.sk-lines{gap:3px}.sk-line em,.fx em{font-size:11px}.tooltip,.picker{top:128px;bottom:auto}.card-slot:nth-child(2n) .coach{left:auto;right:0;transform:none}.card-slot:nth-child(2n) .coach:after{left:auto;right:24px;transform:none}.card-slot:nth-child(odd) .coach{left:0;right:auto;transform:none}.card-slot:nth-child(odd) .coach:after{left:30px;transform:none}}@media (max-height:560px) and (orientation:landscape){.cards{display:flex}.skill,.card-slot .skill{gap:1px;width:150px;height:88px;min-height:0;padding:6px 8px 7px}.sk-catname,.sk-el,.sk-lines,.sk-eff{display:none}.sk-head .sk-tags{display:flex}.sk-head .sk-tags .sk-ko,.sk-head .sk-tags>.sk-tag:nth-of-type(n+2){display:none}.sk-ko.big{padding:0 4px;font-size:10px;line-height:14px}.sk-name,.sk-name.l{flex:1;padding:0;font-size:15px}.sk-name.xl{font-size:13px}.sk-pow{font-size:15px}.fx em{display:none}.tooltip,.picker{top:auto;bottom:150px}}@media (min-width:1100px) and (min-height:600px){.skill{border-radius:16px;width:200px;min-height:146px;padding:10px 12px 11px}.sk-head{height:28px}.sk-cat{width:26px;height:26px}.sk-cat .ico{width:15px;height:15px}.sk-catname{font-size:13px}.sk-head .sk-gem{width:30px;height:30px}.sk-head .sk-gem b{font-size:16px}.sk-name{letter-spacing:3px;padding:6px 0 3px;font-size:24px}.sk-name.l{letter-spacing:1px;font-size:21px}.sk-name.xl{letter-spacing:0;font-size:18px}.sk-pow-label{font-size:13px}.sk-pow{font-size:26px}.sk-line em,.fx em{font-size:12.5px}.cards{gap:10px}.tooltip,.picker{bottom:262px}}.advice{flex-direction:column;gap:6px;display:flex}.adv-title{color:var(--gold);letter-spacing:2px;font-size:14px;font-weight:900}.adv-row{background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.adv-ico{color:#2a1800;background:linear-gradient(#ffe08a,#d8a030);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 0 10px #ffc85080}.adv-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.adv-body b{font-size:14px}.adv-body p{color:#d8d0f4;margin:0;font-size:12.5px;line-height:1.55}.adv-body small{color:var(--gold);letter-spacing:1px;font-size:11px;font-weight:700}.adv-row .btn{flex:none}.help-tip{color:var(--gold);margin:10px 0 0;font-size:13px}.tt-ult{color:#ffd978;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.act.hud-guard{--c:#8fe0ff;color:#e6f7ff;background:linear-gradient(#226394,#133d63);gap:7px;padding:5px 10px 5px 12px;transition:transform .1s,box-shadow .15s;position:relative;box-shadow:0 0 0 1px #8fe0ffa6,inset 0 1px #ffffff40}.act.hud-guard:hover:not(.off){box-shadow:0 0 0 2px #c4f0ff,0 0 16px #8fe0ffb3}.act.hud-guard:active:not(.off){transform:scale(.95)}.act.hud-guard>.ico{color:#bfefff;filter:drop-shadow(0 0 4px #8fe0ffcc)}.hud-guard-label{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.hud-guard-name{font-size:14px}.hud-guard-sub{letter-spacing:0;white-space:nowrap;color:#d2f0ffc7;font-size:10px;font-weight:700}.hud-guard-sub.why{color:#ffc0c0}.hud-guard-cost{flex:none;place-items:center;width:22px;height:22px;display:grid;position:relative}.hud-guard-cost:before{content:"";background:linear-gradient(135deg,#f0feff,#3fc8ff 70%);border-radius:3px;position:absolute;inset:4px;transform:rotate(45deg);box-shadow:0 0 6px #3fc8ff,0 0 0 1px #fff}.hud-guard-cost b{color:#06283a;font-size:11px;font-weight:900;position:relative}.hud-guard-key{color:#bfefff;pointer-events:none;background:#0b1828;border-radius:4px;padding:1px 4px;font:900 10px/1.3 system-ui,sans-serif;position:absolute;top:-7px;right:-5px;box-shadow:0 0 0 1px #8fe0ffb3}.act.hud-guard.off{cursor:not-allowed;color:#aab2c2;background:linear-gradient(#333848,#1f2330);box-shadow:0 0 0 1px #fff3}.act.hud-guard.off>.ico{color:#8a92a2;filter:none}.act.hud-guard.off .hud-guard-cost:before{background:#5a6070;box-shadow:0 0 0 1px #ffffff59}.act.hud-guard.off .hud-guard-cost b{color:#d8dce4}.act.hud-guard.off .hud-guard-key{opacity:.5}.side-buttons .act{justify-content:center}.hud-tip-extra{color:#d8d0f4;border-top:1px solid #ffffff1f;padding-top:6px;font-size:12.5px}.hud-kit{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:4px 5px;margin-top:6px;display:flex}.hud-mech,.hud-mark{white-space:nowrap;cursor:help;-webkit-user-select:none;user-select:none;border-radius:11px;align-items:center;gap:3px;height:21px;display:inline-flex}.hud-mech{letter-spacing:.5px;color:#2a1800;background:linear-gradient(#fff1bc,#e8b048);max-width:9.5em;padding:0 9px 0 6px;font-size:11.5px;font-weight:900;box-shadow:0 0 0 1px #fff2c4e6,0 0 9px #ffc85073}.hud-mech.trait{color:#ffe7a0;background:#5a3c0a99;box-shadow:inset 0 0 0 1px #ffd6788c}.hud-mech>span,.hm-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.hud-mark{color:#fff;background:color-mix(in srgb, var(--c) 26%, #0c0920e6);max-width:10.5em;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 80%, transparent);padding:0 7px 0 5px;font-size:11px;font-weight:800;position:relative}.hud-mark>.ico{color:var(--c);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--c) 70%, transparent));flex:none}.hud-mark.kit{background:linear-gradient(#6e4a0eeb,#382206eb);box-shadow:inset 0 0 0 1px #ffd678e6,0 0 8px #ffc85059}.hud-mark.side{border-radius:5px}.hm-n{color:color-mix(in srgb, var(--c) 40%, #fff);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:900}.hm-t{text-align:center;color:#fff;font-variant-numeric:tabular-nums;background:#120e2e;border-radius:7px;flex:none;min-width:14px;height:14px;margin-right:-3px;padding:0 3px;font-size:10px;font-style:normal;font-weight:900;line-height:14px;box-shadow:0 0 0 1px #fff9}.hud-reverse{white-space:nowrap;color:#f5e6ff;pointer-events:auto;cursor:help;background:#6e28aa99;border:1px solid #d8a0ff;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:900;animation:2s ease-in-out infinite hudRevPulse;display:inline-flex;box-shadow:0 0 14px #c878ff99}.hud-reverse b{font-variant-numeric:tabular-nums;font-size:15px}.hud-reverse .ico{transform:scaleX(-1)}@keyframes hudRevPulse{50%{box-shadow:0 0 24px #dc8cfff2}}.hr-short{display:none}@media (max-width:720px) and (min-height:561px){.hud-top{top:124px}}@media (max-width:720px){.side-buttons{flex-wrap:wrap;justify-content:center;gap:5px 6px}.side-buttons .act{white-space:nowrap;letter-spacing:0;padding:6px 10px}.act.hud-guard{gap:5px;padding:3px 8px 3px 9px}.hud-guard-name{font-size:13px}.hud-guard-sub{font-size:9.5px}.hud-guard-cost{width:20px;height:20px}.hud-kit{scrollbar-width:none;flex-wrap:nowrap;gap:3px;margin-top:4px;overflow-x:auto}.hud-kit::-webkit-scrollbar{display:none}.hud-mech,.hud-mark{flex:none}.hr-long{display:none}.hr-short{display:inline}.hud-mech,.hud-mark{height:19px}.hud-mech{letter-spacing:0;max-width:7.5em;padding:0 7px 0 5px;font-size:10.5px}.hud-mark{max-width:7.5em;padding:0 5px 0 4px;font-size:10px}.hm-n{font-size:11px}.hud-reverse{padding:3px 9px;font-size:12px}}@media (max-height:560px) and (orientation:landscape){.hr-long{display:none}.hr-short{display:inline}.hud-kit{gap:3px;margin-top:3px}.hud-mech,.hud-mark{height:18px}.hud-mech{max-width:8em;font-size:10.5px}.hud-mark{max-width:8em;font-size:10px}}.screen{pointer-events:none;position:absolute;inset:0}.screen>*{pointer-events:auto}.screen.uiz>:not(.tour-layer):not(.drag-ghost){zoom:var(--uz,1)}.screen-title{font-family:var(--serif);letter-spacing:6px;text-shadow:0 0 20px #a078ffcc,0 3px 6px #000;white-space:nowrap;pointer-events:none;font-size:clamp(22px,4vw,34px);font-weight:900;position:absolute;top:24px;left:50%;transform:translate(-50%)}.bottom-cta{left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute}.bottom-cta>*{pointer-events:auto}.note{color:var(--ink-dim);margin:6px 0;font-size:13px;line-height:1.6}.link{color:var(--gold);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.row{justify-content:center;gap:10px;margin-top:10px;display:flex}.topbar{background:linear-gradient(#080618d9,#08061800);align-items:center;gap:12px;height:56px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.back{white-space:nowrap;background:#ffffff1a;border:0;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:14px;font-weight:900;box-shadow:0 0 0 1px #ffffff40}.tb-title{font-family:var(--serif);letter-spacing:3px;text-shadow:0 2px 6px #000;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:900;overflow:hidden}.res{align-items:center;gap:8px;margin-left:auto;display:flex}.gear-btn{cursor:pointer;width:30px;height:30px;color:var(--gilt-hi);box-shadow:inset 0 1px 2px #ffffff40, 0 0 0 1.5px var(--gilt), 0 0 10px #9678ff73;background:radial-gradient(circle at 50% 30%,#6c58d8,#2a1d6a 62%,#150e3a);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.gear-btn .menu-ico{filter:drop-shadow(0 1px 1px #0009);transition:transform .4s}.gear-btn:hover{box-shadow:inset 0 1px 2px #ffffff4d, 0 0 0 1.5px var(--gilt-hi), 0 0 12px #ffc85a8c}.gear-btn:hover .menu-ico{transform:rotate(60deg)}.res .r{white-space:nowrap;background:#00000073;border-radius:14px;padding:4px 10px;font-size:13px;font-weight:900;box-shadow:0 0 0 1px #ffffff26}.res .gold{color:#ffd978}.res .crystal{color:#8fe0ff}.res .ticket{color:#e8b0ff}.thumb{flex:none;place-items:center;display:grid;position:relative}.thumb img{object-fit:contain;filter:drop-shadow(0 4px 6px #0006);width:100%;height:100%}.thumb-load{background:#ffffff1a;border-radius:50%;width:40%;height:40%;animation:1s infinite pulse}.scard{text-align:left;background:linear-gradient(135deg,#3c2c82d9,#161034e6);border:0;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:6px 10px 6px 4px;transition:transform .1s,box-shadow .15s;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff2e,0 4px 14px #0000004d}.scard:hover{transform:translateY(-2px);box-shadow:0 0 0 1.5px #fff,0 6px 18px #0006}.scard.sel{box-shadow:0 0 0 2.5px var(--gold), 0 0 22px #ffd2648c}.scard.dim{filter:brightness(.55)}.r-SSR-b{background:linear-gradient(135deg,#966414e6,#281414eb)}.r-SR-b{background:linear-gradient(135deg,#6428a0e6,#1e0e3ceb)}.r-R-b{background:linear-gradient(135deg,#1e50a0e0,#0e163ceb)}.scard-info{min-width:0}.scard-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;overflow:hidden}.scard-meta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;display:flex}.lv{color:var(--gold);font-size:12px;font-weight:900}.reso{color:#ffb0e8;font-size:11px;font-weight:900}.order{background:var(--gold);color:#2a1800;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid;position:absolute;top:6px;right:8px;box-shadow:0 0 10px #ffc850cc}.costb{color:#9fe8ff;font-size:12px;font-weight:900;position:absolute;top:6px;right:8px}.evo-dot{background:#ff7a3a;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:900;animation:1.2s infinite pulse;position:absolute;top:6px;right:8px}.expbar{background:#00000080;border-radius:6px;height:12px;margin:6px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.expbar .expfill{background:linear-gradient(90deg,#5ab8ff,#b0f0ff);transition:width .3s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #5ab8ff}.expbar span{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex;position:absolute;inset:0}.dialogue{padding:0 16px calc(28px + env(safe-area-inset-bottom));cursor:pointer;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.dlg-box{width:min(820px,100%);min-height:130px;padding:26px 28px 20px;position:relative}.dlg-who{letter-spacing:2px;color:#2a1800;background:linear-gradient(#ffe08a,#d8a030);border-radius:10px;padding:5px 18px;font-size:16px;font-weight:900;position:absolute;top:-18px;left:22px;box-shadow:0 4px 12px #0006}.dlg-text{min-height:64px;font-size:clamp(16px,2.2vw,20px);font-weight:500;line-height:1.8}.dlg-next{color:var(--gold);font-weight:900;animation:1s infinite pulse;position:absolute;bottom:12px;right:22px}.dlg-skip{background:#00000073;border:0;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:700;position:absolute;top:16px;right:16px;box-shadow:0 0 0 1px #ffffff40}.modal{z-index:50;background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.modal-body{text-align:center;width:min(440px,92vw);padding:22px 24px}.modal-body h3{font-family:var(--serif);letter-spacing:2px;color:var(--gold);margin:0 0 10px}.modal-body p{color:var(--ink-dim);font-size:14px;line-height:1.7}.toast{border:1px solid var(--gold);z-index:60;pointer-events:none;text-align:center;background:#140e32eb;border-radius:20px;width:max-content;max-width:min(92vw,640px);padding:10px 22px;font-weight:900;line-height:1.45;animation:.3s ease-out toastIn;position:absolute;top:70px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}}.title-screen .logo{text-align:center;pointer-events:none;white-space:nowrap;width:max-content;max-width:96vw;position:absolute;top:14vh;left:50%;transform:translate(-50%)}.logo-sub{letter-spacing:10px;color:#e8d8ff;text-shadow:0 2px 8px #000;font-size:clamp(13px,2vw,18px);font-weight:700}.logo-main{font-family:var(--serif);letter-spacing:18px;background:linear-gradient(#fff8d8,#ffd060 45%,#c07a20);color:#0000;filter:drop-shadow(0 0 24px #ffbe50b3)drop-shadow(0 6px 10px #000c);-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,13vw,150px);font-weight:900;line-height:1.1;animation:1.6s cubic-bezier(.2,.9,.3,1) logoIn}.logo-en{font-family:var(--serif);letter-spacing:16px;color:#d8c8ff;text-shadow:0 0 12px #8a6aff;font-size:clamp(14px,2.2vw,22px)}@keyframes logoIn{0%{opacity:0;filter:blur(10px);transform:scale(1.3)}}.title-buttons{flex-direction:column;gap:14px;width:min(300px,80vw);display:flex;position:absolute;bottom:18vh;left:50%;transform:translate(-50%)}.title-foot{text-align:center;color:#fff9;letter-spacing:3px;pointer-events:none;font-size:12px;position:absolute;bottom:5vh;left:0;right:0}.starter-cards{justify-content:center;gap:14px;width:min(1000px,96vw);display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.starter-card{text-align:center;border:0;flex-direction:column;flex:1;align-items:center;gap:6px;max-width:260px;padding:14px 16px;transition:transform .12s,box-shadow .15s;display:flex}.starter-card.sel{box-shadow:0 0 0 2.5px var(--gold), 0 0 30px #ffc85080;transform:translateY(-6px)}.sc-name{font-family:var(--serif);letter-spacing:2px;align-items:center;gap:8px;font-size:24px;font-weight:900;display:flex}.sc-tag{letter-spacing:2px;color:#2a1800;background:linear-gradient(#ffe08a,#d8a030);border-radius:10px;padding:1px 12px;font-size:13px;font-weight:900}.sc-desc{color:var(--ink-dim);font-size:14px}.art-opt{text-align:left;background:#ffffff12;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex;box-shadow:0 0 0 1px #ffffff26}.art-opt b{font-size:15px}.art-opt span{color:var(--ink-dim);font-size:12px}.art-opt.sel{box-shadow:0 0 0 2px var(--gold);background:#ffc85033}.hub-menu{flex-direction:column;justify-content:safe center;gap:10px;width:calc(min(340px,44vw) + 42px);margin:-14px -14px -14px -28px;padding:14px 14px 14px 28px;display:flex;position:absolute;top:70px;bottom:18px;right:18px;overflow-y:auto}.hub-btn{text-align:left;box-shadow:0 0 0 1px var(--panel-b), 0 6px 20px #00000059;background:linear-gradient(135deg,#463496e6,#181238e6);border:0;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;transition:transform .1s,box-shadow .15s;display:flex}.hub-btn.hot{animation:1.6s infinite hotGlow}@keyframes hotGlow{50%{box-shadow:0 0 0 2px #ffd978,0 0 26px #ffc85099}}.hub-btn{position:relative}.hb-next{color:#2a1800;background:linear-gradient(#fff3c0,#ffc94a);border-radius:10px;padding:2px 10px;font-size:12px;font-weight:900;animation:1s ease-in-out infinite coachBob2;position:absolute;top:-10px;right:10px;box-shadow:0 0 14px #ffc850cc}@keyframes coachBob2{50%{transform:translateY(-4px)}}.hb-icon{text-align:center;filter:drop-shadow(0 0 6px #ffffff80);width:36px;font-size:26px}.hb-text{flex-direction:column;min-width:0;display:flex}.hb-text b{font-family:var(--serif);letter-spacing:3px;font-size:20px}.hb-text small{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.map-label{box-shadow:0 0 0 1px var(--panel-b), 0 4px 12px #0006;white-space:nowrap;background:#140e32d1;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:5px 12px;transition:transform .1s;display:flex;position:absolute;transform:translate(-50%)}.map-label:hover{box-shadow:0 0 0 2px var(--gold);transform:translate(-50%,-3px)scale(1.05)}.map-label.al-right{align-items:flex-start;transform:translateY(-50%)}.map-label.al-left{align-items:flex-end;transform:translate(-100%,-50%)}.map-label.al-right:hover{transform:translateY(-50%)scale(1.05)}.map-label.al-left:hover{transform:translate(-100%,-50%)scale(1.05)}.map-label.locked{opacity:.65}.map-label.done{box-shadow:0 0 0 1.5px var(--gold), 0 0 14px #ffc85080}.map-label.next{box-shadow:0 0 0 2px var(--gold), 0 0 22px #ffc850b3;animation:1.4s ease-in-out infinite mlPulse}.map-label.next:before{content:"目標";background:var(--gold);color:#2a1800;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:900;position:absolute;top:-10px;right:-8px}@keyframes mlPulse{50%{box-shadow:0 0 0 2px var(--gold), 0 0 34px #ffc850f2}}.map-label.hub{font-family:var(--serif);letter-spacing:3px;color:#2a1800;background:linear-gradient(#ffe08a,#d8a030);font-weight:900}.ml-name{align-items:center;gap:4px;font-size:14px;font-weight:900;display:flex}.ml-sub{color:var(--ink-dim);font-size:11px}.region-panel{width:min(440px,94vw);max-height:calc(100% - 90px);padding:16px;position:absolute;top:70px;right:18px;overflow:auto}.rp-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.rp-name{font-family:var(--serif);letter-spacing:3px;font-size:24px;font-weight:900}.rp-desc{color:var(--ink-dim);font-size:13px}.stage-list{flex-direction:column;gap:8px;display:flex}.stage-row{text-align:left;background:#ffffff0f;border:0;border-radius:12px;grid-template-columns:68px 1fr auto auto;align-items:center;gap:8px;padding:11px 12px;transition:transform .1s;display:grid;box-shadow:0 0 0 1px #ffffff24}.stage-row:hover:not(.locked){box-shadow:0 0 0 1.5px var(--gold);transform:translate(-3px)}.stage-row.locked{opacity:.45}.stage-row.done{background:#ffd26414}.stage-row.boss{box-shadow:0 0 0 1px var(--gold);background:linear-gradient(90deg,#b4781e59,#ffffff0d)}.stage-row.rival{background:linear-gradient(90deg,#3c78dc59,#ffffff0d)}.stage-row.cult{background:linear-gradient(90deg,#96287859,#ffffff0d)}.sr-kind{text-align:center;background:#0006;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:900}.sr-name{font-size:15px;font-weight:900}.sr-lv{color:var(--gold);font-size:12px;font-weight:900}.sr-reward{color:#8fe0ff;font-size:12px;font-weight:700}.explore-btn{width:100%;margin-top:14px}.foe-row{background:linear-gradient(90deg,#ff465a29,#ff465a0a);border-radius:12px;align-items:center;gap:10px;margin:2px 0 10px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #ff78824d}.foe-title{color:#ffb0b8;letter-spacing:1px;flex-direction:column;min-width:0;font-size:11px;font-weight:700;display:flex}.foe-title b{color:#fff;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13px;overflow:hidden}.foe-list{gap:8px;display:flex;overflow-x:auto}.foe-card{align-items:center;gap:6px;padding-right:6px;display:flex}.foe-meta{white-space:nowrap;flex-direction:column;font-size:12px;font-weight:700;display:flex}.foe-lv{color:var(--ink-dim);align-items:center;gap:3px;font-size:11px;display:flex}.cost{color:#9fe8ff}.cost.over{color:#ff8a8a}.art-chip{box-shadow:0 0 0 1px var(--gold);background:linear-gradient(#7a5a1a,#4a3410);border:0;border-radius:12px;margin-left:auto;padding:5px 12px;font-size:13px;font-weight:900}.art-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin-bottom:8px;display:grid}.battle-end{pointer-events:none;background:radial-gradient(circle,#0000 30%,#00000080);place-items:center;animation:.4s fadeIn;display:grid;position:absolute;inset:0}.be-text{font-family:var(--serif);letter-spacing:30px;font-size:clamp(60px,14vw,150px);font-weight:900;animation:.8s cubic-bezier(.2,1.4,.4,1) both endIn}.battle-end.win .be-text{background:linear-gradient(#fff8d8,#ffd060 45%,#d88a20);color:#0000;filter:drop-shadow(0 0 30px #ffbe50e6);-webkit-background-clip:text;background-clip:text}.battle-end.lose .be-text{color:#a8b0c8;text-shadow:0 0 20px #000}@keyframes endIn{0%{opacity:0;letter-spacing:80px;transform:scale(2.4)}}@keyframes fadeIn{0%{opacity:0}}.tut-tip{color:#2a1800;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#ffd264eb;border-radius:14px;max-width:94vw;padding:8px 18px;font-size:14px;font-weight:900;animation:1.4s ease-in-out infinite bob;position:absolute;bottom:190px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 20px #0006}@keyframes bob{50%{transform:translate(-50%,-5px)}}.result-screen .rs-main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:20px 26px 18px;display:grid;position:absolute;inset:18px 22px 18px 34%}.rs-head{flex-wrap:wrap;grid-area:1/1;align-items:baseline;gap:6px 18px;padding-bottom:12px;display:flex}.result-title{font-family:var(--serif);letter-spacing:8px;white-space:nowrap;pointer-events:none;font-size:clamp(38px,4.6vw,60px);font-weight:900;line-height:1.1;animation:.7s cubic-bezier(.2,1.4,.4,1) both endIn}.result-title.win{background:linear-gradient(#fff8d8,#ffd060 50%,#d88a20);color:#0000;filter:drop-shadow(0 0 20px #ffbe50b3);-webkit-background-clip:text;background-clip:text}.result-title.lose{color:#c4cce4;text-shadow:0 0 18px #8ca0dc80}.rs-sub{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.rs-sub span+span:before{content:"·";color:#ffffff4d;margin-right:8px}.rs-sub .rs-first{color:#2a1800;background:var(--gold);border-radius:10px;padding:2px 10px;font-size:14px;font-weight:900}.rs-sub .rs-first:before{display:none}.rs-scroll{border-top:1px solid #ffffff1f;flex-direction:column;grid-area:2/1/auto/-1;gap:18px;min-height:0;padding:16px 2px 8px;display:flex;overflow-y:auto}.rs-sec{flex-direction:column;gap:10px;display:flex}.rs-h,.rs-sec .adv-title{letter-spacing:3px;color:var(--gold);margin:0;font-size:15px;font-weight:900}.rs-foot{grid-area:1/2;justify-content:flex-end;align-self:center;padding-bottom:12px;display:flex}.rs-next{letter-spacing:6px;min-width:220px;padding:14px 30px;font-size:20px}.rs-gains{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.rs-gain{background:#ffffff0f;border-radius:16px;grid-template-columns:auto 1fr;grid-template-areas:"thumb id""bar bar""notes notes";align-items:center;gap:8px 12px;padding:12px 14px 14px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.rs-gain.up{background:linear-gradient(160deg,#5adc8c29,#ffffff0d 60%);box-shadow:inset 0 0 0 1.5px #78ffaa73}.rs-gain>.thumb{grid-area:thumb}.rg-id{flex-direction:column;grid-area:id;gap:4px;min-width:0;display:flex}.rg-name{white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:900;overflow:hidden}.rg-lv{color:var(--gold);align-items:baseline;gap:6px;font-size:15px;font-weight:900;display:flex}.rg-lv b{font-variant-numeric:tabular-nums;font-size:32px;line-height:1}.rg-up{white-space:nowrap;letter-spacing:1px;color:#0c2a14;background:linear-gradient(#b8ffc8,#4fe08a);border-radius:8px;padding:2px 8px;font-size:12px;font-style:italic;animation:.8s infinite pulse;position:absolute;top:-10px;right:12px;box-shadow:0 0 12px #50e68c99}.rg-bar{flex-direction:column;grid-area:bar;gap:5px;display:flex}.expbar.big{border-radius:7px;height:14px;margin:0}.rg-exp{color:var(--ink-dim);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:14px;display:flex}.rg-exp b{color:#b8ecff}.rs-gains.compact .rs-gain{grid-template-areas:"thumb id""thumb bar""notes notes";gap:4px 10px;padding:10px 12px}.rs-gains.compact .rs-gain>.thumb{width:60px!important;height:60px!important}.rs-gains.compact .rg-id{flex-direction:row;justify-content:space-between;align-items:baseline;gap:6px}.rs-gains.compact .rg-name{font-size:16px}.rs-gains.compact .rg-lv b{font-size:22px}.rs-gains.compact .rg-exp{flex-wrap:wrap;gap:0 8px;font-size:12.5px}.rs-gains.compact .rg-exp>*{white-space:nowrap}.rg-notes{flex-direction:column;grid-area:notes;gap:5px;animation:.4s both fadeIn;display:flex}.rg-note{align-items:center;gap:6px;font-size:14px;font-weight:700;line-height:1.4;display:flex}.rg-note.up{color:#9dffb8}.rg-note.learn{color:var(--gold)}.rg-note.warn{color:#ffb88a}.rs-rewards{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;display:grid}.rs-reward{cursor:help;background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--ic) 26%, transparent), #140e32b3 72%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ic) 50%, transparent);border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;animation:.4s both popIn;display:flex}.rs-reward:nth-child(2){animation-delay:80ms}.rs-reward:nth-child(3){animation-delay:.16s}.rs-reward:nth-child(4){animation-delay:.24s}.rs-reward:nth-child(n+5){animation-delay:.32s}.rs-reward:hover{box-shadow:inset 0 0 0 2px var(--ic), 0 0 16px color-mix(in srgb, var(--ic) 45%, transparent)}.rs-reward .item-ico{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--ic) 60%, transparent))}.rr-n{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--ic) 35%, #fff);font-size:24px;font-weight:900;line-height:1.1}.rr-name{color:#e4dcff;font-size:14px;font-weight:700}@keyframes popIn{0%{opacity:0;transform:scale(.6)}}.rs-captured{box-shadow:inset 0 0 0 1.5px var(--gold), 0 0 24px #ffc85033;background:linear-gradient(120deg,#ffd26433,#ffd2640a);border-radius:16px;align-items:center;gap:18px;padding:14px 18px;display:flex}.rc-body{flex-direction:column;gap:6px;min-width:0;display:flex}.rc-head{letter-spacing:3px;color:var(--gold);font-size:16px;font-weight:900}.rc-name{font-family:var(--serif);letter-spacing:1px;flex-wrap:wrap;align-items:center;gap:8px;font-size:28px;font-weight:900;display:flex}.rc-lv{font-family:var(--font);color:var(--gold);font-size:16px}.rc-body p{color:#e4dcff;margin:0;font-size:15px;line-height:1.6}.advice.grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px;display:grid}.advice.grid .adv-title{grid-column:1/-1}.advice.grid .adv-row{border-radius:14px;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-items:start;gap:8px 12px;padding:14px;display:grid}.advice.grid .adv-ico{grid-row:1/3;width:38px;height:38px}.advice.grid .adv-ico svg{width:20px;height:20px}.advice.grid .adv-body b{font-size:17px}.advice.grid .adv-body p{font-size:14px;line-height:1.6}.advice.grid .adv-row .btn{justify-self:end}.team-list{flex-direction:column;gap:6px;width:min(290px,40vw);padding:4px;display:flex;position:absolute;top:64px;bottom:12px;left:12px;overflow:auto}.team-screen .team-list,.team-screen .team-detail,.team-screen .topbar{transition:opacity .5s,transform .5s}.team-screen.cinematic .team-list,.team-screen.cinematic .bag-list,.team-screen.cinematic .bag-tabs{opacity:0;pointer-events:none;transform:translate(-30px)}.team-screen .bag-list,.team-screen .bag-tabs{transition:opacity .5s,transform .5s}.team-screen.cinematic .team-detail{opacity:0;pointer-events:none;transform:translate(30px)}.team-screen.cinematic .topbar{opacity:0;pointer-events:none}.evo-banner{z-index:5;text-align:center;font-family:var(--serif);letter-spacing:4px;color:#fff4c8;text-shadow:0 0 18px #ffbe50f2,0 0 40px #ff962899,0 4px 8px #000;pointer-events:none;font-size:clamp(24px,4.4vw,46px);font-weight:900;animation:.7s cubic-bezier(.2,1.4,.4,1) both evoIn;position:absolute;bottom:16%;left:0;right:0}@keyframes evoIn{0%{opacity:0;letter-spacing:24px;transform:scale(1.6)}}.team-detail{width:min(420px,56vw);padding:16px;position:absolute;top:64px;bottom:14px;right:14px;overflow:auto}.td-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.td-name{font-family:var(--serif);letter-spacing:2px;font-size:26px;font-weight:900}.td-meta{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 6px;font-size:13px;display:flex}.tabs{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.tabs button{background:#ffffff14;border:0;border-radius:10px;flex:1;padding:7px;font-weight:900;box-shadow:0 0 0 1px #ffffff26}.tabs button.on{box-shadow:0 0 0 1.5px var(--gold);background:#ffd26440}.stat-grid{flex-direction:column;gap:5px;margin:8px 0;display:flex}.stat{grid-template-columns:38px 1fr 48px;align-items:center;gap:8px;font-size:13px;display:grid}.sn{color:var(--ink-dim);font-weight:700}.sbar{background:#00000073;border-radius:4px;height:8px;overflow:hidden}.sbar div{background:linear-gradient(90deg,#8a6aff,#d8b0ff);border-radius:4px;height:100%}.sv{text-align:right;font-weight:900}.trait{background:#ffffff0f;border-radius:10px;margin:6px 0;padding:8px 10px;font-size:13px;line-height:1.6}.trait b{color:var(--gold)}.evo-line{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0;font-size:13px;display:flex}.evo-line span:after{content:" →";color:#ffffff4d}.evo-line span:last-child:after{content:""}.evo-line .cur{color:#fff;font-weight:900}.evo-line .past{color:#fff6}.evo-box,.potion-box{background:#ff8c3c1a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:10px;font-size:13px;display:flex;box-shadow:0 0 0 1px #ffa05059}.potion-box{background:#50c8ff14;box-shadow:0 0 0 1px #78dcff4d}.have{color:var(--ink-dim);margin-top:3px;font-size:11px}.lore{color:#d8d0f0;margin:8px 0;font-size:13px;font-style:italic;line-height:1.7}.banner-tabs{gap:6px;display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%)}.banner-tabs button{white-space:nowrap;background:#00000073;border:0;border-radius:20px;padding:8px 20px;font-size:15px;font-weight:900;box-shadow:0 0 0 1px #fff3}.banner-tabs button.on{color:#2a1800;background:linear-gradient(#ffe08a,#d8a030)}.banner-card{align-items:center;gap:12px;width:min(360px,60vw);padding:14px;display:flex;position:absolute;top:116px;left:18px}.bc-tag{color:#2a1800;background:var(--gold);border-radius:6px;padding:1px 8px;font-size:12px;font-weight:900;display:inline-block}.bc-name{font-family:var(--serif);margin:4px 0;font-size:20px;font-weight:900}.bc-meta{align-items:center;gap:6px;display:flex}.bc-desc{color:var(--ink-dim);margin-top:6px;font-size:12px;line-height:1.5}.summon-foot{left:12px;right:12px;bottom:calc(32px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.pity{text-align:center;color:var(--ink-dim);pointer-events:auto;background:#0a061e8c;border-radius:10px;padding:3px 12px;font-size:13px}.summon-foot .sf-cta{pointer-events:auto}.summon-buttons{pointer-events:auto;justify-content:center;gap:14px;max-width:100%;display:flex}.summon-btn{flex-direction:column;flex:0 auto;align-items:center;min-width:150px;display:flex}.summon-btn small{letter-spacing:1px;opacity:.9;font-size:12px}.summon-btn small.cost{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 4px;margin-top:2px;display:inline-flex}.summon-btn small.cost .ci{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.summon-btn small.cost{color:inherit}.summon-btn small.cost .plus{opacity:.8}.summon-btn .sb-short{white-space:nowrap;color:#ffb4a8;letter-spacing:1px;opacity:1;background:#1e0610d1;border-radius:8px;margin-top:5px;padding:2px 10px;font-size:12px}.summon-btn.short{background:linear-gradient(#4a4470,#2e2a55)}.summon-btn.gold.short{background:linear-gradient(#cbb98e,#9c8150)}.summon-play{pointer-events:auto;cursor:pointer}.reveal-info{text-align:center;border-radius:16px;min-width:260px;padding:12px 30px;animation:.6s cubic-bezier(.2,1.3,.4,1) .3s both revealIn;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff4d,0 10px 40px #00000080}@keyframes revealIn{0%{opacity:0;transform:translate(-50%,30px)scale(.8)}}.ri-rarity{justify-content:center;align-items:center;gap:8px;display:flex}.ri-up{color:#ffe060;font-style:italic;font-weight:900}.ri-name{font-family:var(--serif);letter-spacing:3px;text-shadow:0 0 16px #ffffff80;margin:4px 0;font-size:30px;font-weight:900}.ri-meta{color:var(--ink-dim);justify-content:center;gap:6px;font-size:13px;display:flex}.ri-kind{color:#7aff9a;margin-top:4px;font-weight:900}.ri-count{color:#fff9;margin-top:4px;font-size:11px}.skip-btn{background:#00000080;border:0;border-radius:16px;padding:7px 16px;font-weight:900;position:absolute;top:16px;right:16px;box-shadow:0 0 0 1px #ffffff40}.summary{cursor:default;flex-direction:column;align-items:center;gap:14px;width:min(720px,96vw);max-height:90%;padding:18px;display:flex;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.sum-title{font-family:var(--serif);letter-spacing:4px;color:var(--gold);font-size:24px;font-weight:900}.sum-grid{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;display:grid}.sum-item{border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;animation:.4s both popIn;display:flex;box-shadow:0 0 0 1px #fff3}.sum-item:nth-child(2){animation-delay:50ms}.sum-item:nth-child(3){animation-delay:.1s}.sum-item:nth-child(4){animation-delay:.15s}.sum-item:nth-child(5){animation-delay:.2s}.sum-item:nth-child(6){animation-delay:.25s}.sum-item:nth-child(7){animation-delay:.3s}.sum-item:nth-child(8){animation-delay:.35s}.sum-item:nth-child(9){animation-delay:.4s}.sum-item:nth-child(10){animation-delay:.45s}.si-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:900;overflow:hidden}.si-tag{align-items:center;gap:4px;display:flex}.new{color:#7aff9a;font-size:10px;font-weight:900}.arena-panel{flex-direction:column;width:min(720px,96vw);padding:14px;display:flex;position:absolute;top:66px;bottom:14px;left:50%;transform:translate(-50%)}.arena-list{flex-direction:column;gap:6px;display:flex;overflow:auto}.arena-row{text-align:left;background:#ffffff0f;border:0;border-radius:12px;grid-template-columns:34px 1fr auto 76px;align-items:center;gap:10px;padding:6px 12px;display:grid;box-shadow:0 0 0 1px #ffffff26}.arena-row.locked{opacity:.5}.arena-row.done{background:#ffd2641a}.ar-rank{font-family:var(--serif);color:var(--gold);text-align:center;font-size:22px;font-weight:900}.ar-info{flex-direction:column;display:flex}.ar-info small{color:var(--ink-dim);font-size:11px}.ar-team{display:flex}.ar-rw{color:#8fe0ff;text-align:right;font-size:12px;font-weight:900}.dex-list{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;display:grid}.dex-item{background:#281e50b3;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:11px;font-weight:700;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff26}.dex-item.sel{box-shadow:0 0 0 2px var(--gold)}.dex-item span:not(.owned){white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.owned{color:#7aff9a;font-size:10px;position:absolute;top:3px;right:6px}.dex-skills{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.dex-skill{background:#ffffff14;border:0;border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.unknown{text-align:center;color:var(--ink-dim);margin-top:40px;line-height:2}.quest-panel{flex-direction:column;gap:16px;width:min(1040px,100% - 24px);padding:16px 18px;display:flex;position:absolute;top:66px;bottom:14px;left:50%;overflow:auto;transform:translate(-50%)}.qg-title{font-family:var(--serif);letter-spacing:4px;color:var(--gold);margin-bottom:6px;font-size:16px;font-weight:900}.quest-group{grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));align-items:stretch;gap:8px;display:grid}.quest-group .qg-title{grid-column:1/-1;margin-bottom:0}.quest{background:#ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex;box-shadow:0 0 0 1px #ffffff1f}.quest.claimed{opacity:.5}.q-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.q-name{font-size:15px;font-weight:900}.q-desc{color:var(--ink-dim);font-size:13px}.q-bar{background:#00000073;border-radius:6px;height:12px;margin-top:2px;position:relative;overflow:hidden}.q-bar>div{background:linear-gradient(90deg,#8a6aff,#ffd978);border-radius:6px;position:absolute;top:0;bottom:0;left:0}.q-bar span{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:10.5px;font-weight:900;display:flex;position:absolute;inset:0}.q-side{flex-direction:column;align-items:flex-end;gap:5px;max-width:45%;display:flex}.q-reward{color:#ffe8a8;text-align:right;font-size:12px;font-weight:700}.settings{box-sizing:border-box;flex-direction:column;gap:16px;width:min(520px,94vw);max-height:calc(100% - 100px);padding:20px;display:flex;position:absolute;top:80px;left:50%;overflow-y:auto;transform:translate(-50%)}.settings label{justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.settings input[type=range]{accent-color:#ffd978;width:50%}.settings input[type=checkbox]{accent-color:#ffd978;width:20px;height:20px}.seg{gap:4px;display:flex}.seg button{background:#ffffff1a;border:0;border-radius:8px;padding:5px 14px;font-weight:900}.seg button.on{background:var(--gold);color:#2a1800}.settings-foot{color:var(--ink-dim);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:12px;font-size:13px;display:flex}.ending{pointer-events:auto}.credits{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;height:30vh;display:flex;position:absolute;top:9vh;left:0;right:0}.credit{text-align:center;opacity:0;animation:2.4s ease-in-out both credit;position:absolute}.c1{font-family:var(--serif);letter-spacing:8px;text-shadow:0 0 20px #ffc864b3,0 3px 8px #000;font-size:clamp(26px,5vw,48px);font-weight:900}.c2{letter-spacing:4px;color:#e8d8ff;margin-top:6px;font-size:16px}@keyframes credit{0%{opacity:0;transform:translateY(20px)}20%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}.ending-btn{position:absolute;bottom:12vh;left:50%;transform:translate(-50%)}@media (max-width:720px){.hub-menu{gap:6px;width:auto;margin:-10px -12px;padding:10px 12px;inset:auto 12px 12px}.hub-btn{padding:9px 14px}.hb-text b{font-size:16px}.hb-icon{font-size:20px}.team-list{flex-direction:row;width:auto;height:130px;bottom:auto;right:12px;overflow-x:auto}.team-list .scard{min-width:200px}.team-detail{width:auto;height:46%;top:auto;left:10px;right:10px}.dex-list{display:flex}.dex-list .dex-item{min-width:80px}.starter-cards{flex-direction:column;gap:6px;bottom:84px}.starter-card{flex-direction:row;justify-content:flex-start;gap:10px;max-width:none;padding:8px 12px}.sc-name{font-size:19px}.sc-desc{margin-left:auto;font-size:12.5px}.topbar{gap:8px;padding:0 10px}.back{padding:6px 11px;font-size:13px}.res{gap:4px}.res .item-amt{gap:3px;padding:2px 7px 2px 3px}.res .item-amt b{font-size:11px}.res .item-amt .item-ico{width:15px;height:15px}.topbar .help-btn{width:24px;height:24px;font-size:13px}.topbar .gear-btn{width:26px;height:26px}.topbar .gear-btn .menu-ico{width:17px;height:17px}.tb-title{letter-spacing:1px;min-width:0;font-size:15px}.region-panel{width:auto;max-height:60%;inset:auto 10px 10px}.banner-card{width:auto;left:10px;right:10px}.sum-grid{grid-template-columns:repeat(5,1fr)}.quest-panel{width:auto;top:60px;left:8px;right:8px;transform:none}.quest{flex-direction:column;align-items:stretch}.q-side{flex-direction:row;justify-content:space-between;align-items:center;max-width:none}.arena-row{grid-template-columns:26px 1fr auto 44px;gap:6px;padding:6px 8px}.ar-info b,.ar-info{white-space:nowrap;min-width:0}.ar-team .thumb{width:38px!important;height:38px!important}.ar-rank{font-size:18px}.foe-row{flex-direction:column;align-items:stretch;gap:4px}.foe-meta span:first-child{display:none}}@media (max-height:560px) and (orientation:landscape){.topbar{height:48px}.hub-menu{grid-template-columns:1fr 1fr;align-content:center;gap:6px;width:calc(min(480px,58vw) + 26px);margin:-4px -10px -8px -16px;padding:4px 10px 8px 16px;display:grid;top:52px;bottom:8px;right:10px}.hub-btn{border-radius:12px;gap:8px;padding:7px 10px}.hb-icon{width:24px;font-size:18px}.hb-text b{letter-spacing:1px;font-size:15px}.hb-text small{font-size:10.5px}.region-panel{max-height:calc(100% - 60px);top:52px}.bottom-cta{bottom:6px}.team-list,.team-detail,.quest-panel,.arena-panel{top:52px;bottom:6px}.settings{gap:10px;padding:14px;top:56px}.map-label{border-radius:9px;padding:3px 8px}.ml-name{font-size:12px}.ml-sub{font-size:9.5px}}.req-row{flex-wrap:wrap;gap:5px;display:flex}.req{color:#ffb0b0;background:#ff505a26;border-radius:10px;padding:2px 9px;font-size:12.5px;font-weight:900;box-shadow:inset 0 0 0 1px #ff787866}.req.ok{color:#9dffb8;background:#50dc7821;box-shadow:inset 0 0 0 1px #78ffa066}.req.ok:before{content:"✓ "}.r-N-b{background:linear-gradient(135deg,#5a6078e6,#18162ceb)}.bag-tabs{z-index:2;gap:6px;display:flex;position:absolute;top:62px;left:14px}.bag-tabs button{letter-spacing:1px;color:var(--ink-dim);background:#140e32cc;border:0;border-radius:12px 12px 4px 4px;align-items:center;gap:6px;padding:7px 16px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 0 0 1px #ffffff2e}.bag-tabs button.on{color:#2a1800;background:linear-gradient(#ffe08a,#d8a030);box-shadow:0 0 0 1.5px #fff3c8,0 0 14px #ffc85073}.bag-tabs small{background:#00000040;border-radius:8px;padding:0 6px;font-size:11px}.bag-items{grid-template-columns:1fr minmax(260px,320px);gap:16px;max-width:780px;padding:14px;display:grid;position:absolute;inset:104px 12px 12px}.bi-grid{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.bi-gtitle{letter-spacing:2px;color:var(--gold);margin-bottom:6px;font-size:13px;font-weight:900}.bi-tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.bi-tile{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--ic) 22%, transparent), #140e32bf 70%);box-shadow:0 0 0 1px color-mix(in srgb, var(--ic) 45%, transparent);border:0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 8px;transition:transform .1s;display:flex;position:relative}.bi-tile:hover{transform:translateY(-2px)}.bi-tile.sel{box-shadow:0 0 0 2.5px var(--ic), 0 0 18px color-mix(in srgb, var(--ic) 55%, transparent)}.bi-tile.zero{opacity:.5}.bi-tile .item-ico{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--ic) 60%, transparent))}.bi-n{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--ic) 40%, #fff);font-size:13px;font-weight:900;line-height:1.1}.bi-name{font-size:12.5px;font-weight:900}.bi-detail{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ic) 40%, transparent);background:#00000040;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex;overflow-y:auto}.bd-head{align-items:center;gap:12px;display:flex}.bd-icon{background:radial-gradient(circle, color-mix(in srgb, var(--ic) 35%, transparent), transparent 70%);border-radius:18px;place-items:center;width:72px;height:72px;display:grid}.bd-name{font-family:var(--serif);letter-spacing:2px;color:color-mix(in srgb, var(--ic) 45%, #fff);font-size:22px;font-weight:900}.bd-count{color:var(--ink-dim);font-size:13px}.bd-count b{color:#fff;font-size:16px}.bd-desc{margin:0;font-size:14px;line-height:1.6}.bd-info{grid-template-columns:auto 1fr;gap:6px 10px;margin:0;font-size:13px;line-height:1.5;display:grid}.bd-info dt{color:var(--gold);font-weight:900}.bd-info dd{color:#e0d8ff;margin:0}.bd-action{display:flex}.bd-pick{flex-direction:column;gap:6px;display:flex}.bp-row{text-align:left;background:#ffffff0f;border:0;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:0 0 0 1px #ffffff1f}.bp-row:hover{box-shadow:0 0 0 1.5px var(--gold)}.bp-row.capped{opacity:.55}.bp-info{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:12px;display:flex}.bp-info b{font-size:14px}.bp-info .expbar{height:10px}.bp-info .expbar span{font-size:8px}@media (max-width:720px){.bag-tabs{top:58px;left:8px}.bag-tabs button{padding:5px 12px;font-size:13px}.bag-items{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:10px;padding:10px;top:94px;left:8px;right:8px}.bi-grid{overflow:visible}.bi-tiles{grid-template-columns:repeat(4,1fr);gap:6px}.bi-tile{padding:8px 2px 6px}.bi-tile .item-ico{width:30px;height:30px}.bi-name{font-size:11px}.bi-group .bi-gtitle{margin-bottom:3px}.bd-icon{width:56px;height:56px}.bd-icon .item-ico{width:42px;height:42px}}@media (max-height:560px) and (orientation:landscape){.bag-tabs{top:50px}.bag-items{top:88px;bottom:6px}}.tour-layer{z-index:40;background:#04021073;position:absolute;inset:0}.tour-focus{border-radius:16px;position:relative;z-index:41!important;box-shadow:0 0 0 3px #fff,0 0 30px #ffd264f2!important}.tour-bubble{z-index:42;border-color:var(--gold);flex-direction:column;gap:6px;padding:12px 14px;animation:.2s ease-out ttIn2;display:flex;position:absolute}.tour-bubble b{font-family:var(--serif);letter-spacing:2px;color:var(--gold);font-size:18px}.tour-bubble p{margin:0;font-size:14px;line-height:1.6}.tour-step{color:var(--ink-dim);font-size:11px;font-weight:700}.tour-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.sr-kind{cursor:help}.hub-advisor{border-color:var(--gold);z-index:3;flex-direction:column;gap:8px;width:min(380px,100vw - 28px);max-height:calc(100% - 90px);padding:10px 12px;display:flex;position:absolute;top:66px;left:14px;overflow-y:auto}.ha-head{align-items:center;gap:10px;display:flex}.ha-text{color:#e0d8ff;margin:0;font-size:13px;line-height:1.6}.ha-more{color:var(--ink-dim);background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.rp-party{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.rp-party b{color:var(--gold)}.rp-warn{color:#ffb88a;font-size:12px;font-weight:700}.sr-lv.hard{color:#ffb070;font-weight:900}.lv-warn{background:#ff8c3c1f;border-radius:10px;flex-direction:column;gap:2px;margin-bottom:8px;padding:8px 10px;font-size:12.5px;line-height:1.5;display:flex;box-shadow:inset 0 0 0 1px #ffa05a73}.lv-warn b{color:#ffc08a;font-size:13px}@media (max-width:720px){.hub-advisor{width:auto;padding:8px 10px;top:58px;left:8px;right:8px}.hub-advisor:not(.open){max-height:none}}@media (max-height:560px) and (orientation:landscape){.hub-advisor{width:min(320px,100vw - min(480px,58vw) - 40px);top:54px;left:10px;right:auto}}@media (orientation:portrait){.result-screen .rs-main{flex-direction:column;padding:14px 14px 12px;display:flex;inset:clamp(170px,27vh,260px) 8px 8px}.rs-head{gap:4px 12px;padding-bottom:8px}.result-title{letter-spacing:6px;font-size:36px}.rs-sub{font-size:14px}.rs-scroll{gap:14px;padding-top:12px}.rs-gains{grid-template-columns:1fr;gap:8px}.rs-gain{grid-template-areas:"thumb id""thumb bar""notes notes";gap:4px 12px;padding:10px 12px}.rs-gain>.thumb{width:68px!important;height:68px!important}.rg-id{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}.rg-name{font-size:17px}.rg-lv b{font-size:24px}.rg-exp{font-size:13px}.rs-rewards{grid-template-columns:repeat(3,1fr);gap:8px}.rs-reward{padding:10px 4px}.rr-n{font-size:20px}.rr-name{font-size:13px}.rs-captured{gap:12px;padding:10px 12px}.rs-captured .thumb{width:76px!important;height:76px!important}.rc-name{font-size:22px}.rc-body p{font-size:14px}.advice.grid{grid-template-columns:1fr}.rs-foot{border-top:1px solid #ffffff1f;align-self:stretch;padding:10px 0 0}.rs-scroll{flex:1}.rs-next{flex:1;min-width:0}}@media (max-height:560px) and (orientation:landscape){.result-screen .rs-main{padding:10px 14px;inset:8px 10px 8px 34%}.rs-foot{padding-bottom:6px}.rs-next{min-width:0}.rs-head{padding-bottom:6px}.result-title{letter-spacing:5px;font-size:30px}.rs-sub{font-size:13px}.rs-scroll{gap:10px;padding-top:8px}.rs-gains{grid-template-columns:repeat(3,1fr);gap:8px}.rs-gain,.rs-gains.compact .rs-gain{text-align:center;grid-template-columns:1fr;grid-template-areas:"thumb""id""bar""notes";justify-items:center;gap:4px;padding:8px}.rs-gain>.thumb{width:52px!important;height:52px!important}.rg-id{align-items:center;max-width:100%}.rg-name{max-width:100%;font-size:15px}.rg-lv b{font-size:22px}.rg-bar{width:100%}.expbar.big{height:10px}.rg-exp{flex-direction:column;align-items:center;gap:0;font-size:11.5px}.rg-note{justify-content:center;font-size:12px}.rs-rewards{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.rs-reward{padding:8px 4px}.rs-reward .item-ico{width:32px;height:32px}.rr-n{font-size:18px}.rr-name{font-size:12px}.advice.grid{grid-template-columns:1fr 1fr;gap:6px}.advice.grid .adv-row{padding:10px}.advice.grid .adv-body b{font-size:15px}.advice.grid .adv-body p{font-size:12.5px}.rs-next{padding:10px 22px;font-size:17px}}.bag-screen .bag-list{flex-direction:column;gap:16px;width:min(460px,36vw);padding:14px;display:flex;position:absolute;top:104px;bottom:12px;left:12px}.bag-screen .team-detail{flex-direction:column;gap:12px;width:min(480px,38vw);padding:18px 20px;display:flex;position:absolute;top:62px;bottom:12px;right:12px;overflow-y:auto}.bag-screen.l-split .bag-list{width:calc(46% - 18px)}.bag-screen.l-split .team-detail{width:auto;left:calc(46% + 6px)}.bt-evo{color:#fff;background:#ff7a3a;border-radius:50%;place-items:center;width:22px;height:22px;animation:1.2s infinite pulse;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #ff7a3a}.bt-evo.wait{box-shadow:none;opacity:.9;background:#6f6788;animation:none}.party-sec,.store-sec{flex-direction:column;gap:10px;display:flex}.store-sec{flex:1;min-height:0}.sec-head{align-items:center;gap:8px;min-height:26px;display:flex}.sec-head>b{font-family:var(--serif);letter-spacing:3px;color:var(--gold);white-space:nowrap;font-size:19px}.sec-count{font-variant-numeric:tabular-nums;background:#ffffff1f;border-radius:10px;padding:1px 9px;font-size:13px;font-weight:900}.sec-hint{min-width:0;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.party-sec.replacing .sec-head{flex-wrap:wrap}.party-sec.replacing .sec-hint{white-space:normal;color:var(--gold);flex-basis:100%;order:5;font-weight:900}.party-sec.replacing .sec-head .mini{margin-left:auto}.party-sec.replacing .ps-slot:not(.empty){padding-bottom:34px}.ps-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ps-slot{border:0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:0;min-height:168px;padding:30px 6px 12px;transition:transform .1s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #ffd26480,0 6px 16px #0000004d}.ps-slot:hover{transform:translateY(-2px)}.ps-slot.sel{box-shadow:0 0 0 3px var(--gold), 0 0 22px #ffd2648c}.ps-order{letter-spacing:1px;color:#2a1800;background:#ffd978d9;border-radius:9px;padding:1px 9px;font-size:12px;font-weight:900;position:absolute;top:7px;left:8px}.ps-slot:first-child .ps-order{background:linear-gradient(#fff0b0,#ffc040);box-shadow:0 0 10px #ffc850b3}.ps-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:900;overflow:hidden}.ps-meta{align-items:center;gap:4px;font-size:14px;display:flex}.ps-meta b{color:var(--gold);white-space:nowrap}.ps-slot.empty{background:#ffffff08;justify-content:center;box-shadow:inset 0 0 0 2px #ffffff38}.ps-plus{color:#ffffff73;font-size:36px;line-height:1}.ps-empty{max-width:100%;color:var(--ink-dim);text-align:center;font-size:12.5px;font-weight:700}.party-sec.replacing .ps-slot:not(.empty){animation:1.2s infinite hotGlow}.ps-swap{color:#2a1800;background:#ffd264f0;justify-content:center;align-items:center;gap:4px;padding:5px;font-size:14px;font-weight:900;display:flex;position:absolute;bottom:0;left:0;right:0}.store-sec .bag-controls{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.store-sec .seg button{padding:5px 12px;font-size:13px}.bag-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));align-content:start;gap:10px;min-height:0;padding:3px;display:grid;overflow-y:auto}.bag-tile{border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 6px 11px;transition:transform .1s;display:flex;position:relative;box-shadow:0 0 0 1px #fff3}.bag-tile:hover{transform:translateY(-2px)}.bag-tile.sel{box-shadow:0 0 0 3px var(--gold), 0 0 18px #ffd26480}.bt-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:900;overflow:hidden}.bt-meta{align-items:center;gap:4px;font-size:13px;display:flex}.bt-meta b{color:var(--gold);white-space:nowrap}.ps-slot,.bag-tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.ps-slot:not(.empty),.bag-tile{cursor:grab}.dnd-active,.dnd-active *{cursor:grabbing!important}.dnd-active .ps-slot:hover,.dnd-active .bag-tile:hover{transform:none}.ps-slot.drag-src,.bag-tile.drag-src{opacity:.3;filter:saturate(.3);transform:scale(.94)!important}.ps-slot.drop-ok,.bag-tile.drop-ok{box-shadow:0 0 0 2px #ffd978b3,0 0 12px #ffc85040}.ps-slot.empty.drop-ok{animation:1s infinite dropPulse;box-shadow:inset 0 0 0 2px #ffd978d9}.ps-slot.drop-over,.bag-tile.drop-over{transform:scale(1.04)!important;box-shadow:0 0 0 3px #fff3c8,0 0 24px #ffc850d9!important}.store-sec{outline-offset:5px;border-radius:12px;outline:2px dashed #0000;transition:outline-color .15s,background .15s;position:relative}.store-sec.drop-ok{outline-color:#ffd97873}.store-sec.drop-over{background:#ffd97812;outline-color:#ffd978}.drop-tag{z-index:3;letter-spacing:1px;color:#2a1800;white-space:nowrap;pointer-events:none;background:linear-gradient(#fff0b0,#ffc040);justify-content:center;align-items:center;gap:4px;padding:5px;font-size:14px;font-weight:900;animation:.12s ease-out tagIn;display:flex;position:absolute;bottom:0;left:0;right:0}.drop-tag.store-tag{border-radius:999px;padding:7px 18px;font-size:15px;bottom:18px;left:50%;right:auto;translate:-50%;box-shadow:0 2px 12px #00000073}.landed{animation:.4s ease-out landPop}.drag-ghost{z-index:200;will-change:translate;background:radial-gradient(circle,#ffecbe66,#241450e0 70%);border-radius:50%;animation:.16s ease-out forwards ghostLift;top:0;left:0;box-shadow:0 0 0 3px #ffd978,0 0 22px #ffc850a6,0 14px 30px #00000080;pointer-events:none!important;margin:0!important;transition:none!important;position:fixed!important}.drag-ghost.drag-back{animation:.2s forwards ghostBack;transition:translate .2s!important}.drag-ghost.drag-drop{animation:.18s ease-in forwards ghostDrop}@keyframes ghostLift{0%{scale:.8}to{scale:1.2}}@keyframes ghostBack{0%{scale:1.2}to{opacity:.2;scale:1}}@keyframes ghostDrop{0%{scale:1.2}to{opacity:0;scale:.6}}@keyframes landPop{0%{scale:.86}60%{scale:1.05}to{scale:1}}@keyframes tagIn{0%{opacity:0;translate:0 8px}}@keyframes dropPulse{50%{background:#ffd97824}}.bag-screen .td-head{align-items:flex-start;gap:12px;display:flex}.td-id{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.bag-screen .td-name{font-size:30px;line-height:1.15}.bag-screen .td-meta{margin:0;font-size:14px}.td-where{color:var(--ink-dim);background:#ffffff1a;border-radius:10px;align-self:flex-start;padding:2px 10px;font-size:13px;font-weight:900}.td-where.party{color:#2a1800;background:var(--gold)}.td-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.td-actions .btn{white-space:nowrap}.td-exp{align-items:center;gap:12px;display:flex}.td-lv{color:var(--gold);white-space:nowrap;font-size:15px;font-weight:900}.td-lv b{font-variant-numeric:tabular-nums;font-size:30px}.td-lv small{color:var(--ink-dim);margin-left:4px;font-size:14px}.td-exp .expbar{border-radius:8px;flex:1;height:16px;margin:0}.td-exp .expbar span{font-size:11px}.bag-screen .td-tabs{margin:0}.bag-screen .td-tabs button{letter-spacing:1px;padding:10px;font-size:15px}.bag-screen .stat-grid{gap:9px;margin:2px 0}.bag-screen .stat{grid-template-columns:76px 1fr 54px;font-size:15px}.bag-screen .sn{align-items:center;gap:5px;display:flex}.bag-screen .sbar{border-radius:5px;height:10px}.bag-screen .sv{font-variant-numeric:tabular-nums;font-size:16px}.bag-screen .trait{margin:0;padding:10px 12px;font-size:14.5px}.evo-sec{flex-direction:column;gap:8px;display:flex}.bag-screen .evo-line{margin:0;font-size:14px}.bag-screen .evo-box,.bag-screen .potion-box{margin:0;padding:12px;font-size:14px}.bag-screen .req{padding:3px 10px;font-size:14px}.pot-label{align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.req{align-items:center;gap:4px;display:inline-flex}.skill-sum{flex-direction:column;gap:12px;display:flex}.ss-edit{justify-content:center;align-items:center;gap:8px;display:flex}.skill-sum .note{margin:0}.sk-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sk-deck>.skill:last-child:nth-child(odd){grid-column:1/-1}.sk-deck .skill{width:auto;height:auto;min-height:112px}.skill.focus{box-shadow:0 0 0 3px #fff, 0 0 26px var(--c), 0 10px 20px #00000073;transform:translateY(-3px)}.skill.off:not(.ultimate) .sk-why{color:#ffd0d0}.skill.drag-src{opacity:.28;filter:saturate(.3);transform:scale(.95)!important}.skill.drop-ok{box-shadow:0 0 0 2px #ffd978bf,0 0 14px #ffc8504d}.skill.drop-over{transform:translateY(-4px)scale(1.03)!important;box-shadow:0 0 0 3px #fff3c8,0 0 26px #ffc850e6!important}.skill.landed{animation:.4s ease-out landPop}.drag-ghost.skill{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 58%, #1c1646) 0%, color-mix(in srgb, var(--c) 18%, #140f34) 55%, #110d2c 100%);min-height:0;box-shadow:0 0 0 2px #fff, 0 0 26px var(--c), 0 18px 34px #0000008c;border-radius:14px;animation:.16s ease-out forwards cardLift}.drag-ghost.skill.trap{background:linear-gradient(#5a36b0 0%,#2a1a66 60%,#160f3a 100%)}.drag-ghost.skill.drag-back{animation:.2s forwards cardBack}.drag-ghost.skill.drag-drop{animation:.16s ease-in forwards cardDrop}@keyframes cardLift{0%{rotate:0deg;scale:1}to{rotate:-2.5deg;scale:1.06}}@keyframes cardBack{0%{rotate:-2.5deg;scale:1.06}to{opacity:.3;rotate:0deg;scale:1}}@keyframes cardDrop{0%{scale:1.06}to{opacity:0;scale:.9}}.lo-editor{flex-direction:column;gap:12px;padding:14px 18px 16px;display:flex;position:absolute;inset:104px 12px 12px}.le-head{align-items:center;gap:12px;display:flex}.le-id{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.le-id>b{font-family:var(--serif);letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.le-id>span{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.le-count{color:var(--gold);font-size:16px}.le-switch{gap:6px;display:flex}.le-switch button{background:#ffffff0f;border:0;border-radius:12px;padding:3px;box-shadow:0 0 0 1px #ffffff38}.le-switch button.on{box-shadow:0 0 0 2.5px var(--gold);background:#ffd26433}.le-done{min-width:110px}.le-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.le-slots>.skill:last-child:nth-child(odd){grid-column:auto}.dnd-active .skill:hover:not(.drop-over){transform:none}.lo-card{border-radius:14px;position:relative}.lo-card.empty{text-align:center;color:var(--ink-dim);background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;transition:transform .12s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff38}.lo-card.empty span{font-size:18px;font-weight:900}.lo-card.empty small{font-size:12.5px}.lo-card.empty.drop-ok{animation:1s infinite dropPulse;box-shadow:inset 0 0 0 2px #ffd978d9}.lo-card.empty.drop-over{transform:scale(1.03);box-shadow:inset 0 0 0 3px #fff3c8,0 0 22px #ffc850b3}.le-slots.swapping .skill.swap{padding-bottom:32px;animation:1.2s infinite hotGlow}.lc-swap{color:#2a1800;background:#ffd264f0;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:14px;font-weight:900;display:flex;position:absolute;bottom:0;left:0;right:0}.le-swap-hint{min-height:20px;color:var(--ink-dim);align-items:center;gap:6px;font-size:13.5px;font-weight:700;transition:color .15s;display:flex}.le-swap-hint.on{color:var(--gold);font-weight:900}.le-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:16px;min-height:0;display:grid}.le-poolbox{outline-offset:-1px;border-radius:14px;outline:2px dashed #0000;flex-direction:column;min-height:0;transition:outline-color .15s,background .15s;display:flex;position:relative}.le-poolbox.drop-ok{outline-color:#ffd97873}.le-poolbox.drop-over{background:#ffd97812;outline-color:#ffd978}.le-pool{flex-direction:column;flex:1;gap:14px;min-height:0;padding:6px;display:flex;overflow-y:auto}.le-gtitle{letter-spacing:2px;color:var(--gold);margin-bottom:8px;font-size:15px;font-weight:900}.le-gtitle small{letter-spacing:0;color:var(--ink-dim);margin-left:8px;font-size:12.5px;font-weight:700}.le-tiles{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.le-tiles>.skill:last-child:nth-child(odd){grid-column:auto}.le-tiles .note{grid-column:1/-1;margin:0}.le-detail{background:#00000047;border-radius:14px;flex-direction:column;gap:14px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff24}.le-detail .skill-info{gap:10px}.le-detail .tt-head b{font-size:21px}.le-detail .tt-head .sk-cat{width:28px;height:28px}.le-detail .tt-chips span{padding:2px 10px;font-size:13px}.le-detail .tt-trigger{font-size:14px}.le-detail .tt-text{font-size:15px;line-height:1.7}.le-detail .term-list{font-size:13px}.le-actions{justify-content:flex-end;display:flex}.le-actions .btn{min-width:170px}.le-actions .note{margin:0;font-size:14px}.bag-screen.l-stack .bag-list{gap:10px;width:auto;height:330px;padding:10px;inset:96px 8px auto}.bag-screen.l-stack .team-detail{gap:10px;width:auto;padding:14px;inset:432px 8px 8px}.bag-screen.l-stack .sec-head>b{letter-spacing:2px;font-size:16px}.bag-screen.l-stack .sec-hint{font-size:12px}.bag-screen.l-stack .ps-slots{gap:8px}.bag-screen.l-stack .ps-slot{min-height:128px;padding:26px 4px 8px}.bag-screen.l-stack .ps-slot .thumb{width:56px!important;height:56px!important}.bag-screen.l-stack .ps-name{font-size:13.5px}.bag-screen.l-stack .ps-meta{font-size:12.5px}.bag-screen.l-stack .store-sec{gap:6px}.bag-screen.l-stack .store-sec .bag-controls{flex-wrap:nowrap;overflow-x:auto}.bag-screen.l-stack .store-sec .seg button{white-space:nowrap;padding:4px 9px;font-size:12px}.bag-screen.l-stack .bag-grid{gap:8px;display:flex;overflow:auto hidden}.bag-screen.l-stack .bag-tile{flex:none;width:92px;padding:6px 4px 8px}.bag-screen.l-stack .bag-tile .thumb{width:50px!important;height:50px!important}.bag-screen.l-stack .bt-name{font-size:12.5px}.bag-screen.l-stack .bt-meta{font-size:12px}.bag-screen.l-stack .td-name{font-size:24px}.bag-screen.l-stack .td-actions .btn{padding:7px 12px;font-size:13px}.bag-screen.l-stack .td-lv b{font-size:24px}.bag-screen.l-stack .stat{grid-template-columns:70px 1fr 48px;font-size:14px}.bag-screen.l-stack .lo-editor{gap:8px;padding:10px 12px;inset:96px 8px 8px}.bag-screen.l-stack .le-head{flex-wrap:wrap;gap:8px}.bag-screen.l-stack .le-head>.thumb{width:44px!important;height:44px!important}.bag-screen.l-stack .le-id>b{font-size:18px}.bag-screen.l-stack .le-id>span{font-size:12.5px}.bag-screen.l-stack .le-switch{order:3;width:100%}.bag-screen.l-stack .le-switch .thumb{width:34px!important;height:34px!important}.bag-screen.l-stack .le-done{min-width:0}.bag-screen.l-stack .le-slots{grid-template-columns:1fr 1fr;gap:8px}.bag-screen.l-stack .le-slots>.skill:last-child{grid-column:1/-1}.bag-screen.l-stack .sk-deck .skill{min-height:0}.bag-screen.l-stack .le-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:8px}.bag-screen.l-stack .le-tiles{grid-template-columns:1fr 1fr;gap:6px}.bag-screen.l-stack .le-detail{gap:8px;max-height:26vh;padding:10px 12px}.bag-screen.l-stack .le-detail .tt-chips,.bag-screen.l-stack .le-detail .term-list{display:none}.bag-screen.l-stack .le-slots .skill{gap:1px;padding:6px 8px 7px}.bag-screen.l-stack .le-slots .sk-lines{display:none}.bag-screen.l-stack .le-slots .sk-name{padding:0}.bag-screen.l-stack .le-swap-hint{font-size:12.5px}.bag-screen.l-stack .le-detail .tt-head b{font-size:18px}.bag-screen.l-stack .le-detail .tt-text{font-size:14px;line-height:1.6}.bag-screen.l-stack .le-actions .btn{width:100%;min-width:0}@media (max-height:560px) and (orientation:landscape){.bag-screen .bag-list{gap:8px;padding:8px;top:88px;bottom:6px;left:8px}.bag-screen .team-detail{gap:8px;padding:12px 14px;top:50px;bottom:6px;right:8px}.ps-slot{gap:2px;min-height:108px;padding:24px 4px 6px}.ps-slot .thumb{width:46px!important;height:46px!important}.ps-name{font-size:13px}.ps-meta{font-size:12px}.sec-head>b{font-size:15px}.sec-hint{display:none}.party-sec.replacing .sec-hint{display:block}.store-sec .seg button{padding:3px 8px;font-size:12px}.bag-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.bag-tile{padding:5px 4px 7px}.bag-tile .thumb{width:44px!important;height:44px!important}.bt-name{font-size:12.5px}.bag-screen .td-name,.td-lv b{font-size:22px}.bag-screen .td-tabs button{padding:6px;font-size:14px}.bag-screen .stat-grid{gap:5px}.bag-screen .stat{font-size:13.5px}.lo-editor{gap:8px;padding:8px 12px;inset:88px 8px 6px}.le-head>.thumb{width:40px!important;height:40px!important}.le-id>b{font-size:17px}.le-id>span{font-size:12px}.le-switch .thumb{width:30px!important;height:30px!important}.le-slots{gap:8px}.sk-deck .skill{min-height:0}.le-body{grid-template-columns:minmax(0,1fr) minmax(240px,42%);gap:10px}.le-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.le-detail{gap:8px;padding:10px 12px}.le-detail .tt-head b{font-size:17px}.le-detail .tt-text{font-size:13.5px;line-height:1.55}.le-actions .btn{min-width:0;padding:8px 16px;font-size:15px}}.bag-screen .bag-items{grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:18px;max-width:none;padding:16px 18px;right:12px}.bag-screen .bi-grid{gap:16px}.bag-screen .bi-gtitle{margin-bottom:8px;font-size:15px}.bag-screen .bi-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.bag-screen .bi-tile{gap:5px;padding:14px 8px 12px}.bag-screen .bi-name{font-size:15px}.bag-screen .bi-n{font-size:18px}.bag-screen .bi-detail{gap:14px;padding:18px 20px}.bag-screen .bd-icon{width:88px;height:88px}.bag-screen .bd-name{font-size:28px}.bag-screen .bd-count{font-size:15px}.bag-screen .bd-count b{font-size:20px}.bag-screen .bd-desc{font-size:16px;line-height:1.7}.bag-screen .bd-info{gap:8px 12px;font-size:15px}.bag-screen .bd-action .btn{padding:10px 20px;font-size:16px}.bag-screen .bp-info{font-size:13px}.bag-screen .bp-info b{font-size:16px}.bag-screen.l-stack .bag-items{grid-template-columns:1fr;gap:10px;padding:10px}.bag-screen.l-stack .bi-tiles{grid-template-columns:repeat(3,1fr);gap:8px}.bag-screen.l-stack .bi-tile{padding:10px 4px 8px}.bag-screen.l-stack .bi-tile .item-ico{width:38px;height:38px}.bag-screen.l-stack .bi-name{font-size:13px}.bag-screen.l-stack .bi-n{font-size:15px}.bag-screen.l-stack .bi-detail{gap:10px;padding:12px 14px}.bag-screen.l-stack .bd-icon{width:64px;height:64px}.bag-screen.l-stack .bd-icon .item-ico{width:48px;height:48px}.bag-screen.l-stack .bd-name{font-size:22px}.bag-screen.l-stack .bd-desc{font-size:14.5px}.bag-screen.l-stack .bd-info{font-size:14px}@media (max-height:560px) and (orientation:landscape){.bag-screen .bag-items{grid-template-columns:minmax(0,1fr) minmax(260px,42%);gap:12px;padding:10px 12px;left:8px;right:8px}.bag-screen .bi-tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.bag-screen .bi-tile{padding:8px 4px 6px}.bag-screen .bi-tile .item-ico{width:34px;height:34px}.bag-screen .bi-name{font-size:12.5px}.bag-screen .bi-n{font-size:14px}.bag-screen .bi-detail{gap:8px;padding:10px 12px}.bag-screen .bd-icon{width:56px;height:56px}.bag-screen .bd-icon .item-ico{width:44px;height:44px}.bag-screen .bd-name{font-size:20px}.bag-screen .bd-desc{font-size:14px;line-height:1.55}.bag-screen .bd-info{font-size:13px}}.party-screen .party-panel{flex-direction:column;gap:14px;width:min(820px,62vw);padding:16px 18px 14px;display:flex;position:absolute;top:62px;bottom:12px;left:12px}.pp-foes{flex-direction:column;gap:8px;display:flex}.pp-foes .sec-head>b{color:#ffb0b8}.pp-foes .sec-hint{color:#fff;font-size:15px;font-weight:900}.pf-list{gap:10px;padding:2px;display:flex;overflow-x:auto}.pf-card{background:linear-gradient(90deg,#ff465a33,#ff465a0d);border-radius:14px;flex:none;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:flex;box-shadow:inset 0 0 0 1px #ff788266}.pf-meta{white-space:nowrap;flex-direction:column;gap:4px;display:flex}.pf-meta b{font-size:16px}.pf-meta span{color:var(--gold);align-items:center;gap:4px;font-size:14px;font-weight:900;display:flex}.pp-foes .lv-warn{margin:0;font-size:13.5px}.pp-foes .lv-warn b{font-size:14.5px}.party-screen .party-sec .ps-slot{cursor:pointer}.party-screen .ps-slot.empty{cursor:default}.party-screen .store-sec .bag-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}.bag-tile.full{opacity:.72}.pp-adv{color:#0a2a12;z-index:1;background:#7dffa0;border-radius:9px;align-items:center;gap:1px;padding:1px 7px 1px 4px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:6px;right:6px;box-shadow:0 0 10px #50ff8c8c}.pp-costb{color:#9fe8ff;font-size:12px;font-weight:900}.pp-costb.tile{position:absolute;top:6px;left:6px}.pp-cost{color:#9fe8ff;white-space:nowrap;margin-left:auto;font-size:14px;font-weight:900}.pp-cost.over{color:#ff8a8a}.pp-foot{border-top:1px solid #ffffff1f;align-items:center;gap:12px;padding-top:12px;display:flex}.pp-foot .art-chip{align-items:center;gap:8px;margin-left:0;padding:9px 16px;font-size:15px;display:inline-flex}.pp-foot .art-chip span{color:#fff0c8cc;letter-spacing:1px;font-size:12.5px}.pp-foot .art-chip.on{box-shadow:0 0 0 2px var(--gold), 0 0 14px #ffc85080}.pp-go{letter-spacing:6px;min-width:220px;margin-left:auto;padding:14px 30px;font-size:20px}.pp-artpop{z-index:5;background:#100c28f7;flex-direction:column;gap:10px;width:calc(min(820px,62vw) - 28px);padding:14px;animation:.2s ease-out ttIn2;display:flex;position:absolute;bottom:88px;left:26px}.pp-artpop .art-row{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0}.pp-artpop .art-opt b{font-size:16px}.pp-artpop .art-opt span{font-size:13px;line-height:1.5}@media (orientation:portrait){.party-screen .party-panel{gap:10px;width:auto;padding:12px;inset:58px 8px 8px}.party-screen .sec-hint{font-size:12px}.pf-card{padding:4px 10px 4px 4px}.pf-card .thumb{width:48px!important;height:48px!important}.pf-meta b{font-size:14px}.pf-meta span{font-size:12.5px}.party-screen .ps-slots{gap:8px}.party-screen .ps-slot{min-height:132px;padding:26px 4px 8px}.party-screen .ps-slot .thumb{width:60px!important;height:60px!important}.party-screen .ps-slot .pp-adv{top:32px;right:4px}.party-screen .ps-name{font-size:13.5px}.party-screen .ps-meta{font-size:12.5px}.party-screen .store-sec .bag-grid{grid-template-columns:repeat(3,1fr);gap:8px}.party-screen .bag-tile .thumb{width:54px!important;height:54px!important}.party-screen .bt-name{font-size:12.5px}.pp-foot{padding-top:10px}.pp-foot .art-chip{padding:8px 12px;font-size:13.5px}.pp-go{letter-spacing:4px;flex:1;min-width:0;padding:12px 16px;font-size:18px}.pp-artpop{width:auto;max-height:60%;bottom:80px;left:16px;right:16px;overflow-y:auto}.pp-artpop .art-row{grid-template-columns:1fr}}@media (max-height:560px) and (orientation:landscape){.party-screen .party-panel{gap:8px;width:66%;padding:10px 12px 0;top:50px;bottom:6px;left:8px;overflow-y:auto}.party-screen .store-sec{flex:none}.party-screen .store-sec .bag-grid{overflow:visible}.party-screen .pp-foot{z-index:2;background:#120e2af5;margin:0 -12px;padding:8px 12px;position:sticky;bottom:0}.pp-foes{gap:4px}.pf-card .thumb{width:40px!important;height:40px!important}.pf-meta b{font-size:13px}.pf-meta span{font-size:12px}.pp-foes .lv-warn span{display:none}.party-screen .ps-slot{gap:2px;min-height:96px;padding:22px 4px 6px}.party-screen .ps-slot .thumb{width:42px!important;height:42px!important}.party-screen .ps-name{font-size:13px}.party-screen .sec-head>b{font-size:15px}.party-screen .store-sec .bag-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.party-screen .bag-tile{padding:5px 4px 6px}.party-screen .bag-tile .thumb{width:42px!important;height:42px!important}.party-screen .bt-name{font-size:12px}.pp-foot{padding-top:8px}.pp-go{min-width:160px;padding:9px 20px;font-size:17px}.pp-foot .art-chip{padding:6px 12px;font-size:13px}.pp-artpop{width:calc(66% - 16px);max-height:calc(100% - 120px);bottom:60px;left:16px;overflow-y:auto}}@media (max-width:520px){.summon-buttons{gap:10px;width:100%}.summon-btn{letter-spacing:1px;flex:1 1 0;min-width:0;padding:10px 8px}}.cloud{border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;padding-top:12px;font-size:13px;display:flex}.cloud-head{justify-content:space-between;align-items:center;font-size:14px;font-weight:900;display:flex}.cloud-text{color:var(--ink-dim);margin:0;line-height:1.5}.cloud-status{color:var(--ink-dim);font-size:12px;font-weight:700}.cloud-status.err{color:#ff9a9a}.cloud-status.ok{color:#9af0b0}.cloud-actions{flex-wrap:wrap;gap:8px;display:flex}.cloud-key{letter-spacing:1px;border:1px solid var(--panel-b);text-align:center;-webkit-user-select:text;user-select:text;word-break:break-all;background:#0006;border-radius:10px;margin:8px 0;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px}.cloud-input{box-sizing:border-box;border:1px solid var(--panel-b);width:100%;color:var(--ink);background:#0006;border-radius:10px;margin:8px 0;padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px}.cloud-warn{color:var(--gold);font-size:12px;line-height:1.5}.cloud-conflict{background:#ff785026;border:1px solid #ff966480;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.cloud-check{color:var(--ink-dim);align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}.title-cloud{text-align:center;color:#ffffffb3;font-size:12px}.title-cloud.err{color:#ff9a9a}.title-buttons .btn:disabled{filter:grayscale(.3)brightness(.8)}.cloud-advanced{background:#0003;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.cloud-label{color:var(--ink-dim);font-size:12px;line-height:1.5}.skill.sig:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffdc82e6,inset 0 0 16px #ffc85038}.skill.sig .sk-name{justify-content:center;align-items:center;display:flex}.sk-sig{letter-spacing:1px;color:#3a2200;text-shadow:none;background:linear-gradient(#fff3c6,#f0c050);border-radius:5px;flex:none;margin-left:5px;padding:1px 5px;font-size:10px;font-style:normal;font-weight:900;line-height:1.3;box-shadow:0 0 6px #ffc850b3}@media (max-height:560px) and (orientation:landscape){.sk-sig{letter-spacing:0;margin-left:3px;padding:0 3px;font-size:9px}}.tt-kit{align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.tt-kit.sig{color:#ffd978}.tt-kit.basic{color:#c8c0e0}.kit-sig{color:#ffd978;vertical-align:middle;filter:drop-shadow(0 0 3px #ffc850cc);align-items:center;gap:2px;margin-left:3px;display:inline-flex}.kit-blurb{flex-direction:column;gap:8px;display:flex}.kit-concept{border-left:3px solid var(--gold);color:#f2e8ff;background:#ffd97814;border-radius:4px 10px 10px 4px;margin:0;padding:8px 12px;font-size:14px;font-weight:700;line-height:1.6}.kit-mechbox{background:#ffc85012;border-radius:10px;padding:8px 12px;font-size:13.5px;line-height:1.6;box-shadow:inset 0 0 0 1px #ffd67859}.kit-mechbox>b{color:var(--gold);align-items:center;gap:5px;margin-bottom:2px;display:flex}.kit-mech{letter-spacing:.5px;color:#2a1800;cursor:help;background:linear-gradient(#fff1bc,#e8b048);border:0;border-radius:11px;align-items:center;gap:4px;padding:2px 10px 2px 7px;font-size:12.5px;font-weight:900;display:inline-flex;box-shadow:0 0 0 1px #fff2c4e6,0 0 10px #ffc85073}.le-concept{color:#e8dcff;margin:2px 0 0;font-size:13.5px;font-weight:700;line-height:1.5}.le-headbtns{flex:none;align-items:center;gap:10px;display:flex}.le-rec{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.le-ladder{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;display:grid}.le-rung{flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.le-rlv{white-space:nowrap;align-items:baseline;gap:6px;padding:0 4px;font-size:12px;display:flex}.le-rlv b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.le-rlv span{color:var(--ink-dim);font-weight:700}.le-rung.equipped .le-rlv span{color:#9dffb8}.le-rung.locked .le-rlv b{color:#b8b0d0}.le-rung .skill{flex:1;width:auto;height:auto;min-height:112px}.le-rung .skill.in-slot:not(.focus):not(.drag-src){opacity:.6}.le-now{white-space:nowrap;color:var(--gold);grid-column:1/-1;align-items:center;gap:10px;margin:2px 0;font-size:13px;font-weight:900;display:flex}.le-now:before,.le-now:after{content:"";background:linear-gradient(90deg,#0000,#ffd978bf,#0000);flex:1;height:2px}.le-now i{color:var(--ink-dim);font-size:12px;font-style:normal;font-weight:700}.le-ultrung{text-align:left;color:#ffe7a0;background:linear-gradient(90deg,#78500a73,#3c280640);border:0;border-radius:14px;grid-column:1/-1;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 1.5px #ffd67880}.le-ultrung .le-rlv{flex-direction:column;align-items:flex-start;gap:0;min-width:62px;padding:0}.le-ultrung.open{background:linear-gradient(90deg,#ffc85052,#78500a38);box-shadow:inset 0 0 0 1.5px #ffd978,0 0 14px #ffc8504d}.le-ultrung.focus{box-shadow:inset 0 0 0 2px #fff,0 0 18px #ffc85099}.lu-name{font-size:16px;font-weight:900}.le-ultrung small{color:var(--ink-dim);margin-left:auto;font-size:12.5px;font-weight:700}.bag-screen.l-stack .le-id{flex:calc(100% - 56px)}.bag-screen.l-stack .le-switch{flex:auto;width:auto}.bag-screen.l-stack .le-headbtns{order:4;gap:6px;margin-left:auto}.bag-screen.l-stack .le-slots>.skill.ultimate{display:none}.bag-screen.l-stack .le-detail{max-height:22vh}.bag-screen.l-stack .le-concept{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.bag-screen.l-stack .le-rec{padding:6px 10px;font-size:13px}.bag-screen.l-stack .le-ladder{grid-template-columns:1fr 1fr;gap:6px}.bag-screen.l-stack .le-rung .skill{min-height:0}.bag-screen.l-stack .le-rung .sk-lines{display:none}.bag-screen.l-stack .le-ultrung{flex-wrap:wrap;gap:4px 8px;padding:8px 10px}.bag-screen.l-stack .lu-name{font-size:14px}.bag-screen.l-stack .le-ultrung small{flex-basis:100%;margin-left:0;font-size:11.5px}@media (max-height:560px) and (orientation:landscape){.le-concept{display:none}.le-rec{padding:6px 12px;font-size:13px}.le-ladder{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.le-rung .skill{min-height:0}}.dex-ladder{flex-direction:column;gap:4px;margin:8px 0 6px;display:flex}.dl-title{letter-spacing:1px;color:var(--gold);margin-bottom:2px;font-size:14px;font-weight:900}.dl-title small{letter-spacing:0;color:var(--ink-dim);margin-left:6px;font-size:12px;font-weight:700}.dl-rung{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:8px;display:grid}.dl-lv{color:#cfc6ee;font-variant-numeric:tabular-nums;border-right:2px solid #ffd97859;padding:4px 0;font-size:12px;font-weight:900}.dl-rung.ult .dl-lv{color:var(--gold);border-right-color:var(--gold)}.dl-skills{flex-wrap:wrap;gap:4px;display:flex}.dex-skill.sig{box-shadow:inset 0 0 0 1px #ffd678bf}.dex-skill.ultimate{color:#ffe7a0;background:#ffc8502e;box-shadow:inset 0 0 0 1px #ffd67899}.dex-skill.on{box-shadow:0 0 0 1.5px var(--gold);background:#ffd26438}.kit-learned{flex-direction:column;gap:6px;display:flex}.kit-learn{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 32%, #140e32eb), #140e328c);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 65%, #fff);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;animation:.45s cubic-bezier(.2,1.3,.4,1) both kitLearnIn;display:flex}.kit-learn:nth-child(2){animation-delay:.12s}.kit-learn:nth-child(3){animation-delay:.24s}.kit-learn.sig{box-shadow:inset 0 0 0 1.5px #ffd978,0 0 12px #ffc85059}.kl-ico{color:#fff;background:color-mix(in srgb, var(--c) 70%, #000);width:24px;height:24px;box-shadow:0 0 0 1.5px #ffffff8c, 0 0 8px var(--c);border-radius:50%;flex:none;place-items:center;display:grid}.kl-text{color:#fff;flex:1;min-width:0;font-size:14px;font-weight:800}.kl-text b{color:#fff3c0;font-size:15px}.kl-state{white-space:nowrap;color:#ffcf9a;background:#ff963c29;border-radius:9px;flex:none;padding:2px 8px;font-size:11.5px;font-weight:800}.kl-state.on{color:#9dffb8;background:#5adc8c29}@keyframes kitLearnIn{0%{opacity:0;transform:translateY(6px)scale(.96)}}.rg-edit{align-self:flex-start;align-items:center;gap:6px;margin-top:2px;display:inline-flex}@media (max-height:560px) and (orientation:landscape){.rs-gain .kit-learn{gap:5px;padding:4px 6px}.rs-gain .kl-ico{width:20px;height:20px}.rs-gain .kl-text{text-align:left;font-size:12px}.rs-gain .kl-text b{font-size:12.5px}.rs-gain .kl-state{display:none}.rg-edit{align-self:center;padding:5px 10px;font-size:12px}}.learn-pop{z-index:55;flex-direction:column;gap:8px;width:min(430px,100vw - 24px);padding:12px 14px;animation:.3s ease-out kitPopIn;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.lp-head{align-items:center;gap:10px;display:flex}.lp-head b{min-width:0;color:var(--gold);flex:1;font-size:16px}.lp-close,.kn-close{color:#fff;background:#ffffff1a;border:0;border-radius:50%;flex:none;width:28px;height:28px;font-size:18px;line-height:1}.lp-foot{justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;font-weight:700;display:flex}.lp-foot .btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.lp-foot.note{color:var(--ink-dim);justify-content:flex-start;margin:0}@keyframes kitPopIn{0%{opacity:0;transform:translate(-50%,10px)}}.lo-modal{z-index:40;background:#060414bd;animation:.15s ease-out ttIn2;position:absolute;inset:0}.lo-modal .lo-editor{top:12px}.lo-modal.l-stack .lo-editor{top:8px}.kit-notice{z-index:70;align-items:center;gap:10px;width:max-content;max-width:min(92vw,560px);padding:10px 12px 10px 14px;animation:.35s ease-out kitPopIn;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.kn-ico{color:#2a1800;background:linear-gradient(#ffe08a,#d8a030);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 10px #ffc85080}.kn-text{flex-direction:column;gap:2px;min-width:0;display:flex}.kn-text b{color:#fff3c0;font-size:15px}.kn-text small{color:var(--ink-dim);font-size:12.5px;line-height:1.45}.fld{position:absolute;inset:0}.fld-touch{touch-action:none;cursor:grab;position:absolute;inset:0}.fld-touch:active{cursor:grabbing}.fld .topbar{pointer-events:none}.fld .topbar>*{pointer-events:auto}.fld-loading{font-family:var(--serif);letter-spacing:6px;color:var(--gold);text-shadow:0 0 20px #ffc86480;pointer-events:none;background:radial-gradient(circle,#1e1646d9,#080614fa);justify-content:center;align-items:center;font-size:28px;font-weight:900;animation:1.4s ease-in-out infinite alternate fldFade;display:flex;position:absolute;inset:0}@keyframes fldFade{0%{opacity:.75}to{opacity:1}}.fld-info{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:62px;left:14px}.fld-region,.fld-goal{border-radius:10px;align-items:center;gap:10px;min-width:200px;padding:8px 14px 8px 10px;display:flex}.fld-region b,.fld-goal b{letter-spacing:1px;font-size:15px;font-weight:900;display:block}.fld-region small,.fld-goal small{color:var(--ink-dim);margin-top:1px;font-size:12px;display:block}.fld-arrow{color:#3a2400;background:radial-gradient(circle,#ffe9a8,#d8a040);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:transform .12s linear;display:inline-flex;box-shadow:0 0 10px #ffc85ab3}.fld-mini{filter:drop-shadow(0 6px 14px #00000080);background:0 0;border:0;border-radius:50%;width:150px;height:150px;padding:0;position:absolute;top:62px;right:14px}.fld-mini canvas{border-radius:50%;width:100%;height:100%;display:block}.fld-party{align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:14px;left:14px}.fld-pm{background:#0c0a1e99;border:0;border-radius:12px;padding:0;position:relative;box-shadow:0 0 0 1px #ffd97859}.fld-pm .thumb{border-radius:12px;overflow:hidden}.fld-pm i{text-align:center;text-shadow:0 1px 2px #000,0 0 4px #000;font-size:11px;font-style:normal;font-weight:900;position:absolute;bottom:-2px;left:0;right:0}.fld-bag{margin-left:4px}.fld-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fld-tag{white-space:nowrap;text-shadow:0 1px 2px #000;background:#0e0c22b3;border-radius:10px;align-items:center;gap:5px;padding:2px 8px 2px 6px;font-size:12px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 0 0 1px #ffffff2e}.fld-tag i{color:var(--gold);font-size:11px;font-style:normal}.fld-tag.strong i{color:#ff8a7a}.fld-tag.corrupt{background:#320a46cc;box-shadow:0 0 0 1px #c86eff99,0 0 10px #aa50ff80}.fld-alert{color:#fff;background:#ff5a5a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;animation:.3s ease-out fldPop;display:inline-flex}@keyframes fldPop{0%{transform:scale(0)}60%{transform:scale(1.4)}to{transform:scale(1)}}.fld-prompt{letter-spacing:1px;background:linear-gradient(#281e5aeb,#140e32eb);border:0;border-radius:26px;align-items:center;gap:10px;padding:10px 22px 10px 12px;font-size:16px;font-weight:900;animation:.25s ease-out fldRise;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #ffd978b3,0 8px 24px #00000080}.fld-prompt.tower{box-shadow:0 0 0 2px #ffe08a,0 0 24px #ffd26e99,0 8px 24px #00000080}.fld-prompt kbd{width:28px;height:28px;font-family:var(--font);color:#3a2400;background:linear-gradient(#fff3c8,#e0b050);border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:inline-flex;box-shadow:inset 0 -3px #00000040}@keyframes fldRise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.fld-hint{color:var(--ink-dim);white-space:nowrap;pointer-events:none;background:#0a081a99;border-radius:16px;padding:6px 16px;font-size:13px;animation:.4s ease-out fldRise;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.fld-stick{pointer-events:none;background:radial-gradient(circle,#ffffff14,#ffffff2e);border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;display:none;position:absolute;box-shadow:0 0 0 2px #ffffff59}.fld-knob{background:radial-gradient(circle at 40% 35%,#fff6d8,#d8a848);border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000080}.fld-jump{touch-action:none;background:radial-gradient(circle at 40% 35%,#7864e6f2,#322482f2);border:0;border-radius:50%;width:70px;height:70px;font-size:20px;font-weight:900;position:absolute;bottom:28px;right:22px;box-shadow:0 0 0 2px #ffd97899,0 6px 18px #00000080}.fld-loot{text-align:center;pointer-events:none;padding:14px 24px;animation:2.6s ease-out forwards fldLoot;position:absolute;top:30%;left:50%;transform:translate(-50%)}.fld-loot b{font-family:var(--serif);color:var(--gold);letter-spacing:2px;margin-bottom:8px;font-size:20px;display:block}.fld-loot-items{justify-content:center;display:flex}@keyframes fldLoot{0%{opacity:0;transform:translate(-50%,16px)scale(.9)}10%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.fld-enc{pointer-events:none;background:radial-gradient(circle,#0000 30%,#00000073);align-items:center;animation:.9s ease-in forwards fldEncBg;display:flex;position:absolute;inset:0}.fld-enc-bar{text-align:center;background:linear-gradient(90deg,#0000,#140e32eb 20% 80%,#0000);width:100%;padding:16px 0;animation:.45s cubic-bezier(.2,1.4,.4,1) fldEncBar;box-shadow:0 0 0 1px #ffd97866}.fld-enc.corrupt .fld-enc-bar{background:linear-gradient(90deg,#0000,#3c0a50f0 20% 80%,#0000);box-shadow:0 0 0 1px #c86eff99}.fld-enc-bar small{color:var(--ink-dim);letter-spacing:3px;font-size:14px;display:block}.fld-enc-bar b{font-family:var(--serif);letter-spacing:4px;text-shadow:0 0 18px #ffd27880;margin-right:12px;font-size:32px}.fld-enc-bar i{color:var(--gold);font-size:18px;font-style:normal;font-weight:900}@keyframes fldEncBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fldEncBg{0%{opacity:0}20%{opacity:1}}.fld-bigmap{z-index:20;background:#06041099;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fld-bigmap-box{max-width:calc(100vw - 24px);padding:14px}.fld-bigmap-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fld-bigmap-head b{font-family:var(--serif);letter-spacing:2px;font-size:20px}.fld-bigmap canvas{aspect-ratio:1;border-radius:8px;width:min(560px,100vw - 52px,100vh - 170px);display:block}.fld-legend{color:var(--ink-dim);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;display:flex}.fld-legend span{align-items:center;gap:5px;display:inline-flex}.fld-legend i{border-radius:50%;width:10px;height:10px}.lg-me{background:#ff5a6a}.lg-tower{background:#ffd978;border-radius:2px!important}.lg-town{background:#78c8ff}.lg-chest{background:#ffd24a;border-radius:2px!important}.lg-wild{background:#fff}.lg-corrupt{background:#c86aff}@media (max-width:720px),(max-height:560px){.fld-info{top:56px;left:8px}.fld-region{display:none}.fld-goal{min-width:0;padding:6px 12px 6px 8px}.fld-mini{width:108px;height:108px;top:56px;right:8px}.fld-party{flex-direction:column;align-items:flex-start;top:110px;bottom:auto;left:8px}.fld-pm .thumb{width:38px!important;height:38px!important}.fld-bag{margin:2px 0 0}.fld-prompt{font-size:15px;bottom:118px}.fld-hint{white-space:normal;text-align:center;width:80%;bottom:110px}.fld-enc-bar b{font-size:24px}}.twr-panel{flex-direction:column;width:min(760px,58vw);padding:16px 18px;display:flex;position:absolute;top:62px;bottom:12px;left:12px}.twr-head{align-items:center;gap:12px;display:flex}.twr-title b{font-family:var(--serif);letter-spacing:3px;font-size:24px;display:block}.twr-title small{color:var(--ink-dim);font-size:13px}.twr-bar{background:#ffffff1a;border-radius:3px;height:6px;margin:10px 0 12px;overflow:hidden}.twr-bar i{background:linear-gradient(90deg,#ffe08a,#ffb040);height:100%;transition:width .5s;display:block;box-shadow:0 0 10px #ffc85ab3}.twr-clear{background:linear-gradient(90deg,#ffd26e38,#ffd26e0d);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 1px #ffd97880}.twr-clear b{font-family:var(--serif);color:var(--gold);letter-spacing:2px;font-size:18px}.twr-clear span{color:var(--ink-dim);flex:1;font-size:13px}.twr-body{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;min-height:0;display:grid}.twr-floors{flex-direction:column;gap:5px;padding:2px 4px 2px 2px;display:flex;overflow-y:auto}.twr-floor{text-align:left;background:#ffffff0d;border:0;border-radius:8px;grid-template-columns:38px 64px minmax(0,1fr) auto 18px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;transition:background .15s,box-shadow .15s;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.twr-floor:hover{background:#ffffff1a}.twr-floor.sel{background:#ffd97824;box-shadow:inset 0 0 0 1px #ffd978b3}.twr-floor.cur .tf-no{color:#2a1800;background:linear-gradient(#ffe08a,#e0a030);box-shadow:0 0 10px #ffc85acc}.twr-floor.done{opacity:.82}.twr-floor.done .tf-st{color:#7af0a0}.twr-floor.locked{opacity:.45}.twr-floor.k-boss{background:linear-gradient(90deg,#ffbe5029,#ffffff0a)}.tf-no{background:#ffffff1a;border-radius:6px;justify-content:center;align-items:center;height:26px;font-size:13px;font-weight:900;display:inline-flex}.tf-kind{text-align:center;color:var(--ink-dim);background:#ffffff14;border-radius:5px;padding:2px 0;font-size:12px;font-weight:900}.k-corrupt .tf-kind,.tf-kind.k-corrupt{color:#e0a8ff;background:#a050ff38}.k-cult .tf-kind,.tf-kind.k-cult{color:#ff9a9a;background:#ff505a2e}.k-rival .tf-kind,.tf-kind.k-rival{color:#8fd8ff;background:#3c8cff38}.k-boss .tf-kind,.tf-kind.k-boss{color:#2a1800;background:linear-gradient(90deg,#ffe38a,#ffb040)}.tf-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.tf-lv{color:var(--gold);font-size:12px;font-weight:700}.tf-lv.hard{color:#ff8a7a}.tf-st{text-align:center;font-size:13px}.twr-detail{background:#0003;border-radius:10px;flex-direction:column;gap:10px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto;box-shadow:inset 0 0 0 1px #ffffff14}.td-head{align-items:center;gap:8px;display:flex}.td-head .tf-kind{padding:2px 8px}.td-head b{font-size:16px}.td-foe{color:var(--ink-dim);font-size:13px}.td-team{flex-wrap:wrap;gap:8px;display:flex}.td-mon{background:#ffffff0f;border-radius:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.td-mon.corrupt{box-shadow:inset 0 0 0 1px #c86effb3,0 0 10px #a050ff66}.td-mon i{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;font-style:normal;font-weight:900;position:absolute;bottom:0;left:0;right:0}.td-warn{color:#ffb09a;font-size:12px}.td-reward small{color:var(--ink-dim);margin-bottom:4px;font-size:12px;display:block}.td-actions{align-items:center;gap:10px;margin-top:auto;display:flex}@media (max-aspect-ratio:1),(max-width:720px){.twr-panel{width:auto;padding:12px;inset:56px 8px 8px}.twr-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.twr-floor{grid-template-columns:34px 58px minmax(0,1fr) auto 16px;padding:6px 8px;font-size:13px}.twr-title b{font-size:20px}}@media (max-height:560px) and (orientation:landscape){.twr-panel{width:min(760px,66vw);padding:10px 12px;top:50px;bottom:6px}.twr-bar{margin:6px 0 8px}.twr-floor{padding:5px 8px}}.sp-corrupt{pointer-events:auto;letter-spacing:1px;color:#ffd6ff;cursor:help;background:linear-gradient(#7a1a9a,#3a0a5a);border-radius:6px;flex:none;padding:1px 7px;font-size:12px;font-weight:900;animation:2.4s ease-in-out infinite spCorrupt;box-shadow:0 0 0 1px #e678ffb3,0 0 10px #c83cff99}@keyframes spCorrupt{50%{box-shadow:0 0 0 1px #ff8cffe6,0 0 16px #dc50ffe6}}.fld .dlg-skip{top:222px}.twr .dlg-skip{top:64px}@media (max-width:720px),(max-height:560px){.fld .dlg-skip{top:172px;right:10px}}:root{--gilt:#e6c27a;--gilt-hi:#fff0c4;--gilt-lo:#8a6326;--abyss:#120d2a;--abyss-hi:#2a2060;--frame-line:#e6c27abf}.panel{border:1px solid var(--frame-line);background:linear-gradient(var(--gilt), var(--gilt)) left 5px top 5px / 16px 2px no-repeat, linear-gradient(var(--gilt), var(--gilt)) left 5px top 5px / 2px 16px no-repeat, linear-gradient(var(--gilt), var(--gilt)) right 5px top 5px / 16px 2px no-repeat, linear-gradient(var(--gilt), var(--gilt)) right 5px top 5px / 2px 16px no-repeat, linear-gradient(var(--gilt), var(--gilt)) left 5px bottom 5px / 16px 2px no-repeat, linear-gradient(var(--gilt), var(--gilt)) left 5px bottom 5px / 2px 16px no-repeat, linear-gradient(var(--gilt), var(--gilt)) right 5px bottom 5px / 16px 2px no-repeat, linear-gradient(var(--gilt), var(--gilt)) right 5px bottom 5px / 2px 16px no-repeat, radial-gradient(130% 70% at 50% 0%, #9678ff33, transparent 70%), linear-gradient(180deg, #241b54ed, #0f0a24f2);border-radius:10px;box-shadow:inset 0 0 0 3px #0a061ad9,inset 0 0 0 4px #e6c27a38,0 14px 40px #0000008c}.btn{font-family:var(--serif);text-shadow:0 1px #0000008c;box-shadow:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #ffffff1f, inset 0 -3px 0 #0a042859, 0 0 0 1.5px var(--gilt), 0 0 0 3px #0c081ed9, 0 6px 16px #00000073;background:linear-gradient(#7361dc 0%,#4f3cb4 46%,#34268a 54%,#3f2f9a 100%);border-radius:8px}.btn.gold{color:#3a2200;text-shadow:0 1px #ffffff8c;box-shadow:inset 0 1px 0 #fffc, inset 0 -3px 0 #82460059, 0 0 0 1.5px var(--gilt-hi), 0 0 0 3px #502c00bf, 0 6px 22px #ffb43c66;background:linear-gradient(#fff3c6 0%,#f6cf68 44%,#dc9d2c 56%,#ecb84c 100%)}.btn.ghost{background:linear-gradient(#302468cc,#140e32d9);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #e6c27a80,0 0 0 2.5px #0c081eb3,0 4px 12px #00000059}.btn:not(.small):before,.btn:not(.small):after{content:"";opacity:.55;pointer-events:none;background:currentColor;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;transform:rotate(45deg)}.btn:not(.small):before{left:10px}.btn:not(.small):after{right:10px}.btn:focus-visible{outline:2px solid var(--gilt-hi);outline-offset:4px}.topbar{background:linear-gradient(#0a071cf0 0%,#0a071c9e 72%,#0a071c00)}.topbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#e6c27a8c 18% 82%,#0000);height:1px;position:absolute;top:52px;left:0;right:0}.back{font-family:var(--serif);color:var(--gilt-hi);box-shadow:inset 0 1px 0 #ffffff2e, 0 0 0 1px var(--frame-line), 0 3px 8px #0006;background:linear-gradient(#3a2c78f2,#1a123ef2);border-radius:6px;padding:6px 14px 6px 12px;position:relative}.back:hover{background:linear-gradient(#503ea0f2,#221850f2)}.tb-title{color:var(--gilt-hi);text-shadow:0 0 12px #ffc86459,0 2px 3px #000000e6;align-items:center;gap:10px;font-size:21px;display:inline-flex}.tb-title:before{content:"";background:linear-gradient(135deg, var(--gilt-hi), var(--gilt) 55%, var(--gilt-lo));flex:none;width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 8px #ffc86499}.res .item-amt{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px color-mix(in srgb, var(--ic) 45%, var(--gilt)), 0 2px 6px #0006;background:linear-gradient(#22194aeb,#0c081eeb);border-radius:6px}.modal{background:radial-gradient(#0c062473,#04020cc7)}.modal-body h3{color:var(--gilt-hi);text-shadow:0 0 12px #ffc86466;font-size:20px}.modal-body h3:after{content:"";background:linear-gradient(90deg, transparent, var(--gilt), transparent);width:70%;height:1px;margin:10px auto 0;display:block}.tabs button,.seg button,.banner-tabs button{font-family:var(--serif);color:#d8cff5;background:linear-gradient(#2c2260e6,#120c2ceb);border-radius:6px;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #e6c27a59}.tabs button.on,.seg button.on,.banner-tabs button.on{color:#3a2200;text-shadow:0 1px #ffffff80;box-shadow:inset 0 1px 0 #fffc, 0 0 0 1.5px var(--gilt-hi), 0 0 14px #ffc85a73;background:linear-gradient(#fff1c0,#f0c45c 50%,#d99d30)}.hub-btn{box-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 0 1px var(--frame-line), inset 0 0 0 3px #0a061acc, inset 0 0 0 4px #e6c27a29, 0 6px 18px #00000073;background:radial-gradient(90% 120% at 0%,#8c6eff47,#0000 60%),linear-gradient(#281e5cf0,#100b28f2);border-radius:10px;padding-right:34px}.hub-btn:after{content:"";border-top:2px solid var(--gilt);border-right:2px solid var(--gilt);opacity:.7;width:8px;height:8px;margin-top:-5px;transition:transform .12s,opacity .12s;position:absolute;top:50%;right:16px;transform:rotate(45deg)}.hub-btn:hover{box-shadow:inset 0 1px 0 #ffffff29, inset 0 0 0 1.5px var(--gilt-hi), inset 0 0 0 3px #0a061acc, 0 0 22px #ffc85a59, 0 6px 18px #00000073;transform:translate(-4px)}.hub-btn:hover:after{opacity:1;transform:translate(3px)rotate(45deg)}.hb-icon{width:48px;height:48px;color:var(--gilt-hi);filter:none;box-shadow:inset 0 2px 3px #ffffff40, inset 0 -3px 6px #00000073, 0 0 0 2px var(--gilt), 0 0 0 4px #0c081ee6, 0 0 0 5px #e6c27a59, 0 0 14px #9678ff73;background:radial-gradient(circle at 50% 30%,#6c58d8,#2a1d6a 62%,#150e3a);border-radius:50%;flex:none;place-items:center;display:grid}.hb-icon .menu-ico{filter:drop-shadow(0 1px 1px #0009)}.hb-text b{color:#fff6e0;text-shadow:0 2px 3px #000000b3}.hub-btn.hot .hb-icon{color:#3a2200;box-shadow:inset 0 2px 3px #fff9, inset 0 -3px 6px #5a280066, 0 0 0 2px var(--gilt-hi), 0 0 0 4px #3c1e00cc, 0 0 18px #ffc850b3;background:radial-gradient(circle at 50% 30%,#fff3c8,#f2c24e 60%,#b67a1c)}.hub-btn.hot .hb-icon .menu-ico{filter:none}.hb-next{border-radius:4px}.map-label{box-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px var(--frame-line), 0 4px 12px #00000073;background:linear-gradient(#281e5ceb,#100b28eb);border-radius:6px}.ml-name{font-family:var(--serif);letter-spacing:1px}.arena-row,.quest{background:linear-gradient(90deg,#3c2e828c,#120c2cb3 60%);border-radius:6px;box-shadow:inset 3px 0 #967dffcc,inset 0 0 0 1px #e6c27a33}.arena-row:hover:not(.locked){box-shadow:inset 3px 0 0 var(--gilt), inset 0 0 0 1.5px var(--gilt-hi), 0 0 14px #ffc85a4d}.arena-row.done,.quest.claimed{box-shadow:inset 3px 0 0 var(--gilt), inset 0 0 0 1px #e6c27a40;background:linear-gradient(90deg,#78602866,#120c2cb3 60%)}.arena-row.locked{box-shadow:inset 3px 0 #786e9699,inset 0 0 0 1px #ffffff14}.ar-rank{font-variant-numeric:tabular-nums;width:32px;height:32px;color:var(--gilt-hi);box-shadow:inset 0 1px 2px #ffffff40, 0 0 0 1.5px var(--gilt), 0 0 0 3px #0c081ecc;background:radial-gradient(circle at 50% 30%,#5a48c8,#1e1450 70%);border-radius:50%;justify-self:center;place-items:center;font-size:17px;display:grid}.arena-row.done .ar-rank{color:#3a2200;background:radial-gradient(circle at 50% 30%,#fff3c8,#e0a838 70%)}.quest.ready{box-shadow:inset 3px 0 0 var(--gilt-hi), inset 0 0 0 1.5px var(--gilt), 0 0 16px #ffc85059;background:linear-gradient(90deg,#c8963259,#1e143cbf 65%)}.q-name{font-family:var(--serif);letter-spacing:1px}.q-bar{background:#060412cc;border-radius:2px;height:10px;box-shadow:inset 0 0 0 1px #e6c27a4d}.q-bar>div{background:linear-gradient(90deg, #7a5cff, #b89aff 60%, var(--gilt));border-radius:1px;box-shadow:0 0 8px #a082ff99}.settings label{font-family:var(--serif);letter-spacing:1px}.settings input[type=range]{appearance:none;cursor:pointer;background:0 0;height:22px}.settings input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #5a44d0, #b89aff 70%, var(--gilt));border-radius:1px;height:6px;box-shadow:inset 0 0 0 1px #0006,0 0 0 1px #e6c27a73}.settings input[type=range]::-moz-range-track{background:linear-gradient(90deg, #5a44d0, #b89aff 70%, var(--gilt));border-radius:1px;height:6px;box-shadow:0 0 0 1px #e6c27a73}.settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg, #fff6d8, var(--gilt) 55%, var(--gilt-lo));border:0;border-radius:2px;width:16px;height:16px;margin-top:-5px;transform:rotate(45deg);box-shadow:0 0 0 1.5px #2a1a00,0 0 10px #ffc85ab3}.settings input[type=range]::-moz-range-thumb{background:linear-gradient(135deg, #fff6d8, var(--gilt) 55%, var(--gilt-lo));border:0;border-radius:2px;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 0 1.5px #2a1a00,0 0 10px #ffc85ab3}.settings-foot{border-top:1px solid #e6c27a4d}.pity{color:#e6dcff;background:#0c081eb8;border-radius:6px;box-shadow:0 0 0 1px #e6c27a59}@media (max-width:720px){.hb-icon{width:38px;height:38px}.hb-icon .menu-ico{width:21px;height:21px}.hub-btn{padding-right:28px}.hub-btn:after{right:12px}.tb-title{gap:7px;font-size:18px}.btn:not(.small):before{left:7px}.btn:not(.small):after{right:7px}}@media (max-height:560px) and (orientation:landscape){.hb-icon{width:30px;height:30px}.hb-icon .menu-ico{width:17px;height:17px}.hub-btn{padding-right:24px}.hub-btn:after{width:6px;height:6px;margin-top:-4px;right:10px}}