/* Artwork uses one 16:9 stage. Controls remain real, keyboard-accessible HTML. */
:root{color-scheme:dark;--gold390:#f6d58a;--ink390:#f5ecdf;--muted390:#baaeca}
html,body{height:100%;margin:0;overflow:hidden;background:#100b1b;color:var(--ink390);font-family:Segoe UI,Arial,sans-serif}
body *{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;filter:grayscale(.7);opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe29a;outline-offset:3px}button{touch-action:manipulation}
.app{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;grid-template-rows:62px minmax(0,1fr)!important;width:100%;height:100dvh;min-height:0!important;padding:0!important;gap:0!important;max-width:none!important}
.topbar{grid-column:1/3;height:62px!important;min-height:0!important;display:flex!important;align-items:center;padding:6px 18px!important;border:0!important;border-bottom:1px solid #6c4b83!important;background:linear-gradient(90deg,#251331,#17101e)!important;z-index:10;gap:18px}.logo{font-size:19px!important;letter-spacing:1.5px!important;color:#f9dba5!important}.sub{font-size:9px!important;letter-spacing:1px;color:#ad9cbf!important}.resources{margin-left:auto;display:flex!important;flex-wrap:nowrap!important;gap:5px!important}.resource{min-width:70px!important;padding:4px 7px!important;height:39px!important;font-size:12px!important;background:#100c1a!important;border:1px solid #584066!important;border-radius:7px!important;display:flex!important;align-items:center;gap:4px}.resource img{width:25px!important;height:25px!important;object-fit:contain}.resource.text{min-width:80px!important}.resources .resource#duelEnergyResourceV377{min-width:83px!important}.resources .resource small{font-size:8px}.resource390{display:flex;align-items:center;gap:5px}.resource390 img{width:25px;height:25px}
.sidebar{grid-column:1;grid-row:2;width:auto!important;min-height:0!important;height:100%!important;overflow:hidden!important;background:#160e20!important;border:0!important;border-right:1px solid #52385e!important;padding:10px 7px!important;display:flex!important;flex-direction:column!important;gap:0!important}.sidebar>.nav,.sidebar>.clockBox,.sidebar>.testerTools,.sidebar>.tinyReset{display:none!important}.nav390{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}.nav390 button{border:1px solid transparent;border-radius:6px;background:transparent;color:#bfb1cf;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;min-height:28px;padding:3px 6px;text-align:left}.nav390 button img{width:22px;height:22px;object-fit:contain}.nav390 button:hover{background:#34203e;color:white}.nav390 button.active{background:linear-gradient(90deg,#5d3284,#382044);border-color:#a784bd;color:#fff4dc}.nav390 .navSection390{color:#8a749c;font-size:8px;letter-spacing:1.5px;padding:8px 7px 3px}.saveTools390{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding-top:7px;border-top:1px solid #3b2949}.saveTools390 button{padding:5px 2px;font-size:9px;border:1px solid #654873;background:#24172e;color:#dbcee6;border-radius:4px}.build390{font-size:8px;color:#826d94;text-align:center;padding:5px 0 0}
.main{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:hidden!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2c1b38,#0c0911);position:relative}.screen{display:none!important}.screen.active{display:block!important;width:min(100%,calc((100dvh - 62px)*16/9));max-height:100%;aspect-ratio:1672/941;margin:0!important;padding:0!important;position:relative;container-type:inline-size;overflow:hidden}.screen.v390Owned>:not(.v390Stage){display:none!important}.v390Stage{position:absolute;inset:0;background:var(--scene390) center/100% 100% no-repeat;color:var(--ink390);font-size:1.15cqw;line-height:1.35;isolation:isolate}.v390Stage h1,.v390Stage h2,.v390Stage h3,.v390Stage p{margin:0}.v390Stage h1{font-size:2cqw;letter-spacing:.08em;font-weight:850}.v390Stage h2{font-size:1.65cqw}.v390Stage h3{font-size:1.2cqw}.v390Stage small{font-size:.85cqw;color:var(--muted390)}.v390Stage .muted390{color:var(--muted390)}.v390Stage b,.v390Stage strong{color:var(--gold390)}.box390{position:absolute;min-width:0;min-height:0}.v390Stage .title390{color:#f8dfa4;text-shadow:0 2px 3px #000;font-size:1.55cqw;letter-spacing:.09em}.eyebrow390{color:#c5acd6;font-size:.7cqw;letter-spacing:.16em;text-transform:uppercase}.hint390{font-size:.78cqw;color:#c8b7d2}.pane390{padding:1.7cqw;background:linear-gradient(130deg,#241331ee,#120d1be8);border:1px solid #ab7f54;border-radius:1cqw;box-shadow:0 .5cqw 2cqw #0007}.artPane390{background-image:url('assets/v0390/ui_dialog_frame.webp');background-size:100% 100%;background-color:transparent;border:0;border-radius:0;padding:2.2cqw}.cream390{color:#35253f;background:url('assets/v0390/ui_team_panel_frame.webp') center/100% 100% no-repeat;padding:3cqw}.cream390 strong,.cream390 b{color:#613978}.cream390 small{color:#6f5c76}.v390Stage img{max-width:100%;object-fit:contain;pointer-events:none}.portrait390{width:100%;height:100%;object-fit:contain!important;filter:drop-shadow(0 .6cqw .5cqw #0006)}.petPortrait390{filter:drop-shadow(0 1cqw .5cqw #0005)}
.btn390{background:url('assets/v0390/ui_primary.webp') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;color:#fff3d5!important;text-shadow:0 1px 2px #1c092d;padding:.7cqw 1.5cqw!important;min-height:3.1cqw;font-size:.94cqw!important;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:.4cqw;white-space:nowrap;line-height:1.15;border-radius:3cqw!important}.btn390.secondary390{background-image:url('assets/v0390/ui_secondary.webp')!important;color:#e2d6eb!important}.btn390.small390{font-size:.8cqw!important;min-height:2.5cqw;padding:.5cqw 1.1cqw!important}.btn390 img{width:1.7cqw;height:1.7cqw}.btn390:hover:not(:disabled){filter:brightness(1.2)}.round390{padding:0!important;border:0!important;background:none!important;display:inline-flex;align-items:center;justify-content:center;width:3.8cqw;height:3.8cqw;box-shadow:none!important}.round390 img{width:100%;height:100%}.close390{position:absolute;right:2.6%;top:3%;width:3.2cqw;height:3.2cqw;z-index:3}.inline390{display:flex;gap:.7cqw;align-items:center}.between390{display:flex;align-items:center;justify-content:space-between;gap:.8cqw}.stack390{display:flex;flex-direction:column;gap:.7cqw}.pills390{display:flex;gap:.35cqw;flex-wrap:wrap}.pill390{border:1px solid #685075;background:#160e24;color:#dfcce9;border-radius:5px;padding:.3cqw .65cqw;font-size:.78cqw}.pill390.selected390{border-color:#efcf83;background:#633180;color:#fff3cf}.divider390{height:1px;background:#654472;margin:.7cqw 0}.icon390{width:2cqw;height:2cqw;vertical-align:middle;object-fit:contain}.counter390{display:inline-flex;align-items:center;gap:.35cqw;white-space:nowrap}.counter390 img{width:2.1cqw;height:2.1cqw}.coin390{color:#f4d37c}.pager390{display:flex;align-items:center;justify-content:center;gap:1.2cqw;font-size:.85cqw}.pager390 button{width:2.8cqw;height:2.8cqw}.meter390{height:.7cqw;background:#0e0b16;border:1px solid #7c598e;border-radius:10px;overflow:hidden}.meter390>span{display:block;height:100%;background:linear-gradient(90deg,#7244ad,#ce98ed);border-radius:10px}.goldMeter390>span{background:linear-gradient(90deg,#ac772e,#f3d88e)}
.stats390{display:flex;flex-direction:column;justify-content:space-around;gap:.5cqw;height:100%}.stat390{display:flex;align-items:center;justify-content:space-between;gap:.7cqw;min-height:0}.statIcon390{width:3.1cqw;height:3.1cqw;border-radius:50%;background:#2c1e3f;display:flex;align-items:center;justify-content:center;font-weight:900;color:#efd297;font-size:.85cqw;border:1px solid #886d9a;flex-shrink:0}.statLabel390{flex:1;font-size:.9cqw}.statValue390{font-size:1.6cqw}.stat390 small{display:block;font-size:.75cqw}.equipmentStrip390{display:flex;gap:.6cqw;justify-content:center;height:100%}.equipmentSlot390{width:12%;height:100%;border:1px solid #695077;background:#1b1127a6;border-radius:.5cqw;display:flex;align-items:center;justify-content:center;position:relative;padding:.4cqw}.equipmentSlot390 img{height:100%;width:100%}.equipmentSlot390 small{position:absolute;bottom:1px;font-size:.65cqw;background:#120a1fba;padding:0 .25cqw}.equipmentSlot390.equipped390{border-color:#e4bf70}
.shopGrid390,.bagGrid390{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1cqw;height:100%}.item390{position:relative;border:1px solid #80618d;background:radial-gradient(ellipse at center,#56326766,#1a1029a8);border-radius:.8cqw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:0;padding:.7cqw;gap:.2cqw;color:#f2e6f4;text-align:center}.item390.selected390{border:2px solid #ffda8c;box-shadow:0 0 1cqw #ffd06c44}.item390 img{height:61%;min-height:0;width:100%;object-fit:contain}.item390 .itemName390{font-size:.86cqw;line-height:1.15;height:2.1em;display:flex;align-items:center;justify-content:center}.item390 .itemRarity390{position:absolute;top:.4cqw;left:.5cqw;font-size:.63cqw;text-transform:uppercase;letter-spacing:.08em;color:#a7a3b4}.item390 .itemRarity390.Epic{color:#da9cff}.item390 .itemRarity390.Rare{color:#79b6ff}.item390 .itemRarity390.Uncommon{color:#9ede8b}.item390 .itemSet390{position:absolute;top:.25cqw;right:.2cqw;width:1.8cqw;height:1.8cqw}.item390 .counter390{font-size:.8cqw}.item390 .counter390 img{width:1.5cqw;height:1.5cqw}.itemDetail390{display:flex;height:100%;flex-direction:column;gap:.6cqw;text-align:center}.itemDetail390>.detailArt390{height:24%;min-height:0;object-fit:contain}.itemDetail390 h2{font-size:1.25cqw;line-height:1.2}.itemDetail390 .detailStats390{display:flex;flex-direction:column;gap:.3cqw;font-size:.85cqw}.itemDetail390 .detailStats390 div{display:flex;justify-content:space-between;padding:.15cqw .2cqw;border-bottom:1px solid #61446755}.itemDetail390 .detailActions390{margin-top:auto;display:flex;flex-direction:column;gap:.3cqw}.itemDetail390 .detailActions390 .btn390{font-size:.8cqw!important;padding:.65cqw .4cqw!important;width:100%}.slotFilter390{display:flex;flex-direction:column;gap:.7cqw}.slotFilter390 button{font-size:.85cqw;text-align:left;padding:.5cqw;border:1px solid #614671;border-radius:5px;color:#e7d7ed;background:#1c1128}.slotFilter390 button.selected390{color:#f9d789;border-color:#e1bc79}.empty390{display:grid;place-content:center;text-align:center;height:100%;gap:1cqw;color:#bdabc9}.empty390 img{height:7cqw;width:100%}
.missionMap390{width:100%;height:100%;object-fit:cover!important;border-radius:.65cqw;filter:brightness(.72)}.regionName390{position:absolute;left:1.5cqw;bottom:1cqw;font-size:2cqw;font-weight:900;text-shadow:0 2px 5px #000;color:#fff3d4}.missionCards390{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.7cqw;height:100%}.missionCard390{background:#1c102c;border:1px solid #755684;border-radius:.6cqw;color:#e8ddec;text-align:left;display:grid;grid-template-columns:3cqw 1fr;column-gap:.6cqw;align-items:center;padding:.7cqw;min-height:0}.missionCard390 img{width:2.6cqw;height:2.6cqw;grid-row:1/3}.missionCard390 strong{font-size:.92cqw;line-height:1.2;color:#edd3a0}.missionCard390 small{font-size:.72cqw}.missionCard390:hover{border-color:#efcf84;filter:brightness(1.18)}.missionCard390.story390{box-shadow:inset 0 0 1cqw #ab75e655;border-color:#d19dff}.regionList390{display:flex;flex-direction:column;gap:.5cqw}.regionList390 button{border:0;border-bottom:1px solid #543661;background:transparent;text-align:left;color:#d8c5e5;padding:.5cqw;font-size:.85cqw;display:flex;justify-content:space-between}.regionList390 .selected390{background:#5c3377;color:#ffe6ac;border-radius:4px}.regionList390 small{font-size:.66cqw}.activeMission390{background:#180e27dd;border:1px solid #c39a57;position:absolute;inset:12% 12%;border-radius:1cqw;display:flex;flex-direction:column;justify-content:center;padding:2cqw;gap:1cqw;text-align:center}.trainingRows390{display:flex;flex-direction:column;justify-content:space-around;height:100%}.trainingRow390{display:grid;grid-template-columns:1fr auto;gap:.2cqw;align-items:center;border-bottom:1px solid #674a7955;padding:.45cqw 0}.trainingRow390 h3{font-size:1.05cqw}.trainingRow390 .statIcon390{width:2.4cqw;height:2.4cqw}.trainingRow390 .btn390{min-height:2.6cqw}.upgradeRows390 .trainingRow390{grid-template-columns:1fr auto auto}.upgradeRows390 .trainingRow390 .btn390{font-size:.77cqw!important;padding:.6cqw .8cqw!important}.petCards390{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:.8cqw}.petCard390{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;background:linear-gradient(0deg,#1c102bee,transparent 90%);border:1px solid #86645d88;border-radius:1cqw;padding:1cqw .3cqw;gap:.5cqw;color:#f5dfb3}.petCard390 img{height:68%;width:100%;object-fit:contain;filter:drop-shadow(0 .6cqw .2cqw #0006)}.petCard390.selected390{border:2px solid #f8d680;background:linear-gradient(0deg,#5d3674dd,#28142411)}.petCard390 .btn390{font-size:.75cqw!important;padding:.6cqw .9cqw!important;min-height:2.6cqw}
.teamSidebar390{background:url('assets/v0390/ui_team_sidebar.webp') center/100% 100% no-repeat;padding:8% 7% 7%;height:100%;display:flex;flex-direction:column;gap:.6cqw;color:#34263e;position:relative}.teamSidebar390 h3{text-align:center;color:#f3dfbd;position:absolute;top:3%;left:0;width:100%;font-size:1cqw}.teamSidebar390 .teamTab390{height:3.5cqw;background:url('assets/v0390/ui_team_tab_idle.webp') center/100% 100% no-repeat;border:0;color:#dac9e4;font-size:.87cqw;text-align:left;padding:.5cqw .7cqw;display:flex;align-items:center;gap:.5cqw}.teamTab390 img{width:2cqw;height:2cqw}.teamSidebar390 .teamTab390.selected390{filter:brightness(1.45);color:#ffe0a1}.teamSidebar390 footer{margin-top:auto;text-align:center;font-size:.72cqw}.teamSidebar390 footer b{color:#60377b}.teamPanel390{background:url('assets/v0390/ui_dialog_frame.webp') center/100% 100% no-repeat;padding:2.4cqw 2.8cqw;color:#eadfed;height:100%;position:relative}.teamPanel390 h2{font-size:1.6cqw;color:#f1d493;margin-bottom:.6cqw}.teamPanel390 .close390{width:2.8cqw;height:2.8cqw;top:3%;right:2%}.teamHQ390{background:#20122add;border:1px solid #83634c;border-radius:.7cqw;padding:1.2cqw}.teamChatMini390{background:url('assets/v0390/ui_team_chat_panel.webp') center/100% 100% no-repeat;padding:1.4cqw 1.5cqw;display:flex;flex-direction:column;justify-content:space-between;gap:.6cqw}.teamChatMini390 h3{font-size:.95cqw}.teamChatMini390 p{font-size:.85cqw}.teamStatus390{background:url('assets/v0390/ui_team_war_status.webp') center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;padding:.4cqw 1cqw;color:#ebd9f0;font-size:.86cqw}.teamUpgradeGrid390{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.8cqw;height:100%}.upgradeCard390{border:1px solid #815c8a;background:#160c25c9;border-radius:.7cqw;padding:1cqw;display:flex;flex-direction:column;gap:.5cqw}.upgradeCard390 header{display:flex;gap:.7cqw;align-items:center;background:url('assets/v0390/ui_team_upgrade_card.webp') center/100% 100% no-repeat;color:#3d2842;padding:.5cqw .7cqw;height:3.1cqw}.upgradeCard390 header img{width:2cqw;height:2cqw}.upgradeCard390 header strong{color:#49304b;font-size:.82cqw}.upgradeCard390 .btn390{margin-top:auto;font-size:.76cqw!important}.upgradeCard390 .upgradePercent390{font-size:1.9cqw;font-weight:850;color:#f0d58f}.memberRows390{display:flex;flex-direction:column;gap:.65cqw}.memberRow390{background:url('assets/v0390/ui_team_member_row.webp') center/100% 100% no-repeat;display:flex;align-items:center;color:#372640;padding:.7cqw 1cqw;gap:.7cqw;font-size:.85cqw;min-height:4.5cqw}.memberRow390 img{width:2.6cqw;height:2.6cqw}.memberRow390 strong{color:#42234e}.memberRow390 .memberMain390{flex:1}.memberRow390 small{color:#7a617c;font-size:.7cqw}.memberRow390 button{background:#4c2c62;color:#ffebcb;border:0;border-radius:4px;padding:.4cqw;font-size:.7cqw}.donation390{background:url('assets/v0390/ui_team_donation_panel.webp') center/100% 100% no-repeat;padding:2cqw;color:#442f48;display:flex;flex-direction:column;gap:1cqw}.donation390 strong{color:#573269}.donation390 input,.teamPanel390 input,.teamPanel390 select{background:#110b1b;color:#fff0d5;border:1px solid #89618f;border-radius:.4cqw;padding:.6cqw;min-width:0;width:100%;font-size:.9cqw}.teamPanel390 textarea{width:100%}.teamOpponent390{background:url('assets/v0390/ui_team_opponent_card.webp') center/100% 100% no-repeat;padding:1.8cqw 1.4cqw;color:#3b2944;display:flex;flex-direction:column;text-align:center;gap:1.2cqw;align-items:center}.teamOpponent390 strong{color:#654277}.teamOpponent390 .btn390{font-size:.75cqw!important}.teamEmblem390{font-size:5cqw;text-shadow:0 .3cqw .5cqw #0005}.chatMessages390{display:flex;flex-direction:column;gap:.8cqw;height:70%;overflow:auto;font-size:.9cqw;background:#140d20a6;border-radius:.5cqw;padding:1cqw}.chatMessages390 b{font-size:.8cqw}.teamRoster390{display:grid;grid-template-columns:repeat(5,1fr);gap:.6cqw}.teamRoster390 button{background:#1b102c;border:1px solid #89629b;border-radius:5px;color:#e5d1ef;font-size:.74cqw;padding:.5cqw}.teamRoster390 .selected390{border-color:#f5d58a;background:#5a3870}
.battleFighter390{position:absolute;bottom:10%;height:57%;width:31%;display:flex;align-items:end;justify-content:center}.battleFighter390.left390{left:14%}.battleFighter390.right390{right:14%}.battleFighter390>.fighterArt390{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 .8cqw .4cqw #0007)}.battleFighter390.right390>.fighterArt390{transform:scaleX(-1)}.battleFighter390.hit390>.fighterArt390{animation:hit390 .42s ease-out}.battleFighter390.attack390>.fighterArt390{animation:attack390 .4s ease-out}.battleFighter390.dodge390>.fighterArt390{animation:dodge390 .5s ease-out}.battleFighter390.down390>.fighterArt390{opacity:.25;filter:grayscale(1);transform:rotate(-12deg) translateY(8%)}.hp390{position:relative;background:url('assets/v0390/ui_battle_hp_frame.webp') center/100% 100% no-repeat;height:5cqw;padding:2.2cqw 1.1cqw .75cqw}.hp390 .hpName390{position:absolute;top:.4cqw;left:1.5cqw;right:1.5cqw;font-size:.95cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hpTrack390{height:1.1cqw;background:#1c101d;position:relative;border-radius:2cqw;overflow:hidden}.hpTrack390>span{display:block;height:100%;background:linear-gradient(90deg,#32758f,#6fdfd9);border-radius:2cqw;transition:width .3s}.hp390.enemy390 .hpTrack390>span{background:linear-gradient(90deg,#8d3247,#f27d79)}.hpTrack390 b{position:absolute;inset:0;text-align:center;color:white;font-size:.72cqw;line-height:1.1cqw;text-shadow:0 1px 2px #000}.battleFx390{position:absolute;width:16cqw;height:12cqw;object-fit:contain;left:50%;top:12%;transform:translateX(-50%);animation:fx390 .6s ease-out both;z-index:4}.battleDamage390{position:absolute;top:18%;left:50%;transform:translateX(-50%);color:#fff2d2;font-weight:950;font-size:3.2cqw;text-shadow:2px 2px 0 #622d16,-2px -2px 0 #311226,0 .3cqw .5cqw #000;z-index:5;animation:damage390 .7s ease-out both}.battleDamage390.critical390{color:#ffcf76;font-size:3.9cqw}.battleLog390{background:url('assets/v0390/ui_dialogue_frame.webp') center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:1cqw 2cqw;font-size:.88cqw}.battleVs390{font-size:3cqw;font-weight:950;color:#ffd899;text-shadow:2px 4px 0 #38172f;display:grid;place-content:center}.battleStats390{background:url('assets/v0390/ui_battle_stats_panel.webp') center/100% 100% no-repeat;padding:1.1cqw;font-size:.75cqw;display:flex;flex-direction:column;gap:.4cqw}.battleStats390 div{display:flex;justify-content:space-between}.battleRoster390{background:url('assets/v0390/ui_battle_team_roster.webp') center/100% 100% no-repeat;padding:1.5cqw .7cqw;display:flex;flex-direction:column;gap:.45cqw;text-align:center;font-size:.7cqw}.battleRoster390 b{font-size:.8cqw}.battleRoster390 img{height:2.7cqw}.battleRoster390 span{border-top:1px solid #684e77;padding-top:.4cqw}.battleReplay390{position:fixed;z-index:2200;inset:0;background:#08060deb;display:grid;place-items:center}.battleReplay390[hidden]{display:none}.battleReplayStage390{width:min(96vw,calc(92dvh*16/9));aspect-ratio:1672/941;position:relative;container-type:inline-size;background:url('assets/v0390/team_war_battle_bg.webp') center/100% 100%;font-size:1.1cqw;color:#f4e8f4}.battleReplayStage390 .box390{position:absolute}.battleReplayStage390 .title390{font-size:1.5cqw;color:#f6d997}.battleReplayStage390 .btn390{font-size:.85cqw!important}.battleControls390{display:flex;gap:.5cqw;align-items:center;justify-content:center}.battleControls390 .btn390{min-height:2.8cqw;font-size:.75cqw!important;padding:.5cqw 1cqw!important}.battleControls390 .btn390 img{width:1.8cqw;height:1.8cqw}
@keyframes damage390{from{opacity:0;transform:translate(-50%,15px) scale(.8)}20%{opacity:1;transform:translate(-50%,-5px) scale(1.1)}to{opacity:.9;transform:translate(-50%,-22px) scale(1)}}@keyframes fx390{from{opacity:0;transform:translateX(-50%) scale(.55)}20%{opacity:1;transform:translateX(-50%) scale(1.13)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes hit390{0%,100%{filter:none}25%{filter:brightness(2);translate:1cqw 0}60%{translate:-.5cqw 0}}@keyframes attack390{50%{translate:1.7cqw -.3cqw}}@keyframes dodge390{45%{translate:-1cqw -2cqw;opacity:.6}}
.bookPages390{display:grid;grid-template-columns:1fr 1fr;gap:4.6cqw;color:#483239;height:100%;font-size:.95cqw}.bookPages390 h2{font-family:Georgia,serif;font-size:2cqw;color:#583c3e}.bookPages390 b,.bookPages390 strong{color:#713c53}.bookPages390 small{color:#7e6868}.chapter390{border:0;border-bottom:1px solid #aa8b7266;padding:.85cqw 0;background:transparent;text-align:left;width:100%;color:#573d42}.chapter390 strong{display:block;font-size:1cqw}.chapter390.locked390{filter:grayscale(1);opacity:.5}.bookArt390{width:100%;height:32%;object-fit:cover!important;border-radius:.5cqw;margin:.7cqw 0}.setParts390{display:grid;grid-template-columns:repeat(2,1fr);gap:.7cqw;height:100%}.setPart390{background:#21132d;border:1px solid #674c75;border-radius:.6cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5cqw;gap:.3cqw;text-align:center}.setPart390 img{height:62%;width:95%}.setPart390 small{font-size:.7cqw}.setPart390.unowned390 img{filter:grayscale(1);opacity:.25}.setPart390.owned390{border-color:#c6a16a}.threshold390{padding:.8cqw;border:1px solid #76577f;margin:.8cqw 0;border-radius:5px;font-size:.9cqw}.threshold390.unlocked390{background:#543165;border-color:#dab778}.deedRows390{display:flex;flex-direction:column;gap:.6cqw}.deed390{display:grid;grid-template-columns:1fr auto;gap:.4cqw;padding:.8cqw .9cqw;border-bottom:1px solid #644575;background:#21132d88;border-radius:.5cqw}.deed390 h3{font-size:.96cqw}.deed390 small{font-size:.72cqw}.deed390 .btn390{font-size:.75cqw!important}.deed390 .meter390{margin-top:.4cqw}.rewardText390{display:flex;align-items:center;gap:.6cqw;font-size:.85cqw;color:#edcf8c}.rewardText390 img{width:1.6cqw;height:1.6cqw}.rankRows390{display:flex;flex-direction:column;gap:.35cqw}.rankRow390{display:grid;grid-template-columns:2cqw 1fr 7cqw 8cqw;gap:.7cqw;align-items:center;font-size:.9cqw;padding:.7cqw;border-bottom:1px solid #78558755;background:#191024aa}.rankRow390.user390{border:1px solid #d6b476;background:#55306b}.rankRow390 img{width:2.2cqw;height:2.2cqw}.fameMain390{font-size:4.5cqw;font-weight:900;color:#f6d58b;text-shadow:0 .4cqw .5cqw #000}.rankEmblems390{display:flex;gap:1cqw;justify-content:space-around}.rankEmblems390 figure{margin:0;text-align:center;font-size:.7cqw}.rankEmblems390 img{height:4cqw;width:4cqw}.progressNodes390{display:grid;grid-template-columns:repeat(10,1fr);gap:.9cqw;height:100%}.progressNode390{background:#241431;border:1px solid #765685;border-radius:.6cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.95cqw;gap:.5cqw;color:#bfaaca}.progressNode390.reached390{background:#54306e;border-color:#b895ce;color:#f8e3a2}.progressNode390.current390{border:2px solid #ffdb86;box-shadow:0 0 1cqw #e5be6044}.progressNode390 small{font-size:.66cqw}.progressNode390 img{width:2.3cqw;height:2.3cqw}
.modal:not(.hidden){z-index:2500!important;background:#0b0714d9!important}.modalCard.resultCard{background:url('assets/v0390/ui_reward_popup.webp') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;color:#392743!important;padding:4.8% 4%!important;width:min(780px,90vw)!important;max-height:88dvh;aspect-ratio:1.5;display:flex;flex-direction:column;gap:10px}.resultCard #resultTitle{font-size:24px;color:#51335f;margin:0 0 8px;text-align:center}.resultCard #resultBody{font-size:14px!important;white-space:pre-line;color:#4d3b53;overflow:auto;flex:1;min-height:0;line-height:1.5}.resultCard #resultBody strong,.resultCard #resultBody b{color:#74477f}.resultCard #resultBody .muted{color:#785e7c}.resultCard #closeResult{background:url('assets/v0390/ui_primary.webp') center/100% 100% no-repeat!important;color:#ffebd3;border:0;align-self:center;min-height:40px;min-width:180px;font-size:14px;box-shadow:none}.rewardCards390{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:8px 0 12px}.rewardCard390{width:100px;height:116px;background:url('assets/v0390/ui_reward_card.webp') center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;color:#593b64}.rewardCard390 img{width:47px;height:47px;object-fit:contain}.rewardCard390 b{font-size:17px}.rewardCard390 small{font-size:10px}.resultStatus390{width:55px;height:55px;object-fit:contain;display:block;margin:0 auto 5px}.rewardAuditV377{background:#e7dac8!important;color:#55405c!important;border-color:#af90b5!important}.rewardAuditV377 img,.collectionRewardV377 img{max-width:64px}.collectionRewardV377{color:#5e4269!important;background:#e5d5b8!important}.modalCard{border-color:#8b699c!important;background:#23132f!important}.modalCard input{background:#0f0a18;color:#f9e6ff;border-color:#9776a8}.v37PopupShell,.storyDialog381{background:url('assets/v0390/ui_dialog_frame.webp') center/100% 100% no-repeat!important;border:0!important;padding:28px 36px!important}.storyOfferOverlay382>section{background:url('assets/v0390/ui_dialog_frame.webp') center/100% 100% no-repeat!important;border:0!important;padding:35px 45px!important}.v37PopupShell button[data-mission-close],.storyDialog381>button{background:url('assets/v0390/ui_close.webp') center/contain no-repeat!important;width:36px;height:36px;border:0!important;color:transparent!important}.v37PopupShell{max-height:92dvh}.v37PopupContent{max-height:70dvh;overflow:auto}.storyTray381{bottom:10px!important;right:15px!important;z-index:30}.storyBookLauncherV380,.popularityLauncher381,.storyMissionOffer381,.v377StatusHint,.globalMissionBanner,.globalMissionBannerV034,#missionGlobalV034{display:none!important}.v390LegacyDialog{position:fixed;inset:0;z-index:2300;background:#090610de;display:grid;place-items:center}.v390LegacyDialog[hidden]{display:none}.legacyShell390{position:relative;width:min(1150px,93vw);height:min(800px,92dvh);background:#21132f;border:2px solid #9571a5;border-radius:16px;padding:25px;display:flex;flex-direction:column;gap:12px;box-shadow:0 15px 70px #000}.legacyShell390 header{display:flex;align-items:center;justify-content:space-between}.legacyShell390 header h2{color:#f2d18d;font-size:22px;margin:0}.legacyShell390 header button{background:url('assets/v0390/ui_close.webp') center/contain no-repeat;width:35px;height:35px;color:transparent;border:0}.legacyBody390{overflow:auto;min-height:0;flex:1;container-type:inline-size}.legacyBody390 .screen{display:block!important;width:100%;max-height:none;aspect-ratio:auto;overflow:visible}.legacyBody390 .screen>*{display:revert!important}.legacyBody390 .screen>.v390Stage{display:none!important}.legacyBody390 .artBoard{max-width:100%;min-width:0}.legacyBody390 button{font-size:12px}.legacyBody390 .v390Owned>*:not(.v390Stage){display:revert!important}.legacyBody390 #purpleTeam,#purpleTeamTabs{display:none!important}.legacyBody390 .purpleTeamLegacy{display:block!important}.legacyBody390 [hidden]{display:none!important}.settings390{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings390 button{min-height:50px;background:#58336f;border:1px solid #a07ab2;border-radius:8px;color:#fff1d6}.settings390 p{grid-column:1/3;color:#bea9cb;font-size:14px}.screen:not(.v390Owned).active{overflow:auto!important;padding:20px!important;background:#20132e;aspect-ratio:auto;height:100%;font-size:13px}.screen:not(.v390Owned) .artBoard{max-width:100%}.uiTooltip390{position:fixed;z-index:5000;max-width:260px;pointer-events:none;background:url('assets/v0390/ui_tooltip.webp') center/100% 100% no-repeat;padding:18px 22px;color:#f6e9ff;font-size:12px;line-height:1.5}.uiTooltip390[hidden]{display:none}
@media(max-height:760px){.nav390 button{min-height:24px;font-size:11px;gap:6px}.nav390 button img{width:19px;height:19px}.nav390 .navSection390{padding-top:4px}.sidebar{padding-top:6px!important}.topbar{height:55px!important}.app{grid-template-rows:55px minmax(0,1fr)!important}.screen.active{width:min(100%,calc((100dvh - 55px)*16/9))}.logo{font-size:16px!important}.resource{font-size:11px!important;min-width:65px!important}.build390{display:none}}
@media(max-width:1100px){.app{grid-template-columns:115px minmax(0,1fr)!important}.nav390 button{font-size:10px;gap:4px}.nav390 button img{width:18px;height:18px}.logo{font-size:14px!important}.sub{font-size:7px!important}.topbar{padding:5px 8px!important}.resources{gap:3px!important}.resource{font-size:10px!important;min-width:55px!important;padding:3px!important}.resource img{width:20px!important;height:20px!important}.resources .resource.text{min-width:58px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

body:has(.nav390) #combatV2Arena{display:none!important}
.battleReplayStage390:has(.battleRoster390) .battleStats390{display:none}
.teamRoster390 .setPart390{height:11cqw}
.teamRoster390 .setPart390 img{height:5cqw}
.main{height:100%!important;align-self:stretch!important;margin:0!important;max-width:none!important}
.main>:not(.screen){display:none!important}
#training>.v390Stage,.screen.v390Owned>.v390Stage{display:block!important}
.resources .resource.visualCoin,.resources .resource.visualDiamond,.resources .resource.visualLevel{width:auto!important;color:#f9e2ae!important;text-shadow:none!important;padding:4px 10px!important;background:#100c1a!important}
.resources .resource>img,.resources .resource img.resIcon{display:block!important;position:static!important;width:25px!important;height:25px!important;flex-shrink:0}
.resources .resource .resValue,.resources .resource .resLevelText{position:static!important;font-size:12px!important;min-width:0!important;color:#f9e2ae!important}
.topbar{flex-wrap:nowrap!important}.resources .resource>svg{display:none!important}

.teamPanel390 .minimize390{right:8%!important}.screen.v390Owned{background-image:none!important;border-radius:0!important}

.nav390 button.navLocked390{opacity:.55}.nav390 button.navLocked390::after{content:'⌑';margin-left:auto;color:#bfa5cf}.rewardAuditV377 .icon390{width:22px;height:22px;vertical-align:middle}.teamHQ390 .icon390{width:22px;height:22px}

.settingsModal390 .legacyShell390{background:url('assets/v0390/ui_team_panel_frame.webp') center/100% 100% no-repeat;border:0;padding:45px 55px}.settingsModal390 .legacyShell390 h2{color:#51315f}.settingsModal390 .settings390 p{color:#695171}.settingsModal390 .legacyBody390{padding-top:25px}

body:has(.nav390) #teamWarArenaOverlay{display:none!important}.v390Stage .eyebrow390{font-weight:750;text-shadow:0 1px 3px #130b1b}.v390Stage>div:has(>h1):not(.title390){text-shadow:0 2px 4px #130b1b}

.modalCard.resultCard{height:min(590px,90dvh)!important;aspect-ratio:auto!important;padding:38px 42px 35px!important}.resultCard #resultTitle{font-size:24px;margin:0 0 4px}.resultCard #resultBody{margin:4px 0 8px!important}.resultStatus390{width:42px;height:42px}.resultCard #resultBody .rewardAuditV377{margin-top:10px;padding:0!important;background:transparent!important;border:0!important}.resultCard #resultBody .rewardAuditV377>div{padding:7px 10px!important;margin:5px 0!important;background:#e4d5bf!important;border:1px solid #c0a7b3!important;color:#563d5e!important;border-radius:6px}.resultCard #resultBody .rewardAuditV377 b,.resultCard #resultBody .rewardAuditV377 span{color:#56345e!important;font-size:13px!important}.resultCard #resultBody .rewardAuditV377 .total{background:#d1b5d5!important}.resultCard #resultBody .rewardAuditV377 small{color:#785b7e!important;font-size:11px!important}

.screen.v390Owned.active{max-width:none!important}.battleFighter390{bottom:20%;height:55%}.hp390 .hpName390{top:.75cqw}
/* Supplied button faces also cover the preserved mission/story dialogs. */
.storyOfferOverlay382 .primary,.storyDialog381 .primary,.storyDialogV380 .primary,.modalCard .primary,.v37PopupShell .v37StartMission,.v37Overlay .primary,.legacyBody390 .primary{background:url('assets/v0390/ui_primary.webp') center/100% 100% no-repeat!important;color:#fff0d5!important;border:0!important;box-shadow:none!important;min-height:40px;padding:10px 22px!important;text-shadow:0 1px 2px #160b23}
.storyOfferOverlay382 .secondary,.storyDialog381 .secondary,.storyDialogV380 .secondary,.modalCard .secondary,.v37Overlay .secondary,.legacyBody390 .secondary{background:url('assets/v0390/ui_secondary.webp') center/100% 100% no-repeat!important;color:#e8d9ef!important;border:0!important;box-shadow:none!important;min-height:40px;padding:10px 22px!important}
.storyOfferOverlay382>section:focus{outline:none}.storyOfferOverlay382>section{box-shadow:none!important}