#pwa-update{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000a;touch-action:none}#pwa-update .pwa-update-box{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:calc(100vw - 48px);padding:24px 28px;border:2px solid #d9b55b;background:#16161f;color:#fff4d5;font-family:Mulmaru,Galmuri11,sans-serif;font-size:18px;line-height:27px;text-align:center;box-shadow:0 0 0 2px #000,0 8px 32px #000c}#pwa-update button{min-width:160px;min-height:44px;padding:0 20px;border:2px solid #f3ce7d;background:#c8402c;color:#fff4d5;font:inherit;font-size:16px;cursor:pointer}#pwa-update button:disabled{opacity:.6}@font-face{font-family:Mulmaru;src:url(../vendor/fonts/Mulmaru.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Galmuri11;src:url(../vendor/fonts/Galmuri11.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Galmuri11;src:url(../vendor/fonts/Galmuri11-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{color-scheme:dark;--ink:#182a2b;--gold:#d7b77c;--paper:#e7dec8;--red:#8b302e;--teal:#335e5a;--muted:#b3b6a9;--text-primary:#fffbf4;--text-selected:#fff5e1;--text-gold:#e7d3af;--text-stage:#eedec0;--text-chat-muted:#c5cacd;--text-short:#ffd3cc;--text-item-common:#999999;--text-item-uncommon:#69ad68;--text-item-rare:#74ade5;--text-item-epic:#bf90e6;--text-item-legendary:#e5bd53;--text-outline:1px 0 #101419,-1px 0 #101419,0 1px #101419,0 -1px #101419 }*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#12181b;font-family:Mulmaru,Galmuri11,Malgun Gothic,system-ui,sans-serif;color:var(--paper);font-size:12px;line-height:18px;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:44px;min-width:44px;border:0;background:transparent}button:focus-visible{outline:2px solid #f4d28e;outline-offset:-3px}button:disabled{cursor:default;opacity:.52;filter:saturate(.3)}img{image-rendering:pixelated;max-width:100%;-webkit-user-select:none;user-select:none}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:30px;font-weight:400}h2{font-size:12px;line-height:18px;font-weight:400}small{font-size:12px;line-height:18px;color:var(--muted)}b,strong{font-weight:400}#viewport{position:fixed;inset:0;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(ellipse at 50% 35%,#2b3635,#101719 75%)}#phone-frame{position:relative;flex:none;box-shadow:0 12px 70px #000a;overflow:hidden;outline:1px solid #bfa26633}#game{position:absolute;top:0;left:0;width:360px;height:780px;transform-origin:top left;background:#192526;overflow:hidden}#topbar{height:56px;display:flex;align-items:center;gap:4px;padding:7px 9px;position:relative;z-index:4;background:linear-gradient(#26342f,#192825);border-bottom:2px solid #ab956452}#content{position:relative;width:360px;height:660px;overflow:hidden;outline:none}#bottomnav{height:64px;display:flex;position:relative;z-index:5;padding:4px 2px 0;background:#21212d;border-top:0;background-image:var(--asset-nav_bar);background-size:auto 64px;image-rendering:pixelated}.sprite{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:none;vertical-align:middle}.sprite img{position:absolute;width:100%;height:100%;inset:0}.sprite:not(.unit-sprite) img{object-fit:contain}.sprite-fallback{display:block;text-align:center}.sprite.loaded>.sprite-fallback{visibility:hidden}.icon{width:24px;height:24px;font-size:24px;line-height:30px}.currency{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.currency .icon{width:20px;height:20px;font-size:12px;line-height:18px}.currency b{font-size:12px;line-height:18px}.guild-mark .icon{width:34px;height:34px;color:var(--gold);font-size:24px;line-height:30px}.guild-info{width:105px;flex:none;font-size:12px;line-height:19px}.guild-info>div:first-child{white-space:nowrap}.guild-info span{color:var(--gold);font-size:12px;line-height:18px;margin-left:3px}.hp-track,.qi-track,.fame-track{position:relative;display:block;height:5px;background:#1b2522;background-image:none;border:1px solid #0b1513;border-image:none;border-radius:0;overflow:hidden}.guild-info .fame-track{width:90px;margin-top:1px}.hp-track i,.qi-track i,.fame-track i{display:block;height:100%;background:#d4553f;background-image:none;border-image:none;box-shadow:inset 0 1px #ef9271}.hp-track i,.qi-track i{transition:width .14s linear}.qi-track{height:3px}.qi-track i{background-color:#e2b65a;box-shadow:inset 0 1px #ffe09a}.low-hp .hp-track i{background-color:#e8853b;box-shadow:inset 0 1px #ffb66f}.fame-track i{background-color:#4fb39a;box-shadow:inset 0 1px #8bdbc6}.resources{display:flex;gap:3px;flex:1;justify-content:flex-end}.resource-pill:before{content:"";position:absolute;inset:0;border-style:solid;border-width:0 16px;border-color:transparent;border-image-source:var(--asset-pill);border-image-slice:0 8 0 8 fill;pointer-events:none;image-rendering:pixelated}.nav-button{width:20%;height:58px;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;color:#9fa99a;font-size:12px;line-height:18px;position:relative;overflow:visible}.nav-button.active{color:#f4d6a1}.nav-icon{height:32px;position:relative;display:inline-flex;align-items:center;justify-content:center}.nav-icon>.icon{width:31px;height:31px;font-size:24px;line-height:30px}.nav-button.active:after{content:"";width:5px;height:3px;background:var(--gold);position:absolute;bottom:1px}.nav-battle{margin-top:-17px;height:76px;justify-content:flex-start;gap:3px}.nav-battle .nav-icon{width:58px;height:58px;border-radius:50%;border:2px solid #bc9a56;background:#8b3630;background-image:var(--asset-nav_center);background-size:58px 58px;box-shadow:0 2px #101b17;image-rendering:pixelated}.nav-battle .nav-icon>.icon{width:38px;height:38px}.badge{position:absolute;right:-2px;top:0;width:8px;height:8px;background:#e66a51;border:1px solid #f7c895;border-radius:50%;background-image:var(--asset-badge);background-size:8px 8px;image-rendering:pixelated}.panel,.primary,.secondary,.popup,.header-plate{position:relative}.panel:before,.primary:before,.secondary:before,.popup:before,.header-plate:before{content:"";position:absolute;inset:0;pointer-events:none;border-style:solid;image-rendering:pixelated;z-index:0}.panel{background:#1d302eee;border:1px solid #a68a5c;padding:14px}.panel:before{border-color:transparent;border-width:24px;border-image-source:var(--asset-panel);border-image-slice:var(--slice-panel,12 fill)}.panel.light{background:#d6cdb9;border-color:#94694f;color:#2c3831}.panel.light:before{border-image-source:var(--asset-panel_light);border-image-slice:var(--slice-panel_light,12 fill)}.panel>*{position:relative}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#8e3532;border:1px solid #c8a573;color:var(--text-primary);padding:7px 12px;box-shadow:0 2px #0c191b;min-height:44px}.secondary{background:#315f5b;border-color:#7caa92;color:#e8ebd6}.primary:before,.secondary:before{border-width:16px;border-color:transparent;border-image-source:var(--asset-btn_primary);border-image-slice:var(--slice-btn_primary,8 fill)}.secondary:before{border-image-source:var(--asset-btn_secondary);border-image-slice:var(--slice-btn_secondary,8 fill)}.primary>*,.secondary>*{position:relative}.primary.pressed:before,.primary:active:before{border-image-source:var(--asset-btn_primary_pressed)}.primary.pressed,.secondary.pressed{transform:translateY(1px)}.primary:disabled:before,.secondary:disabled:before{border-image-source:var(--asset-btn_disabled)}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:18px}.panel-heading>span{display:flex;align-items:center;gap:4px}.panel-heading .icon{width:26px;height:26px}.panel-heading time{font-size:12px;line-height:18px;color:#d5cdb8}.eyebrow{display:block;font-size:12px;line-height:18px;letter-spacing:1px;color:var(--gold)}.text-button{color:var(--gold);font-size:12px;line-height:18px;padding:0 8px}.scroll-area{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9d895455 transparent}.scene{background-position:center;background-size:cover;image-rendering:pixelated}.home-screen{position:relative;height:660px;background-size:cover;background-position:center top;background-color:#354c42;background-image:linear-gradient(180deg,#274349,#65785a 28%,#35483c 49%,#727465 65%,#3d4540 82%);overflow:hidden}.home-screen:before{content:"";position:absolute;top:140px;left:26px;width:308px;height:190px;background:linear-gradient(135deg,#142e27 25%,transparent 25%) -17px 0/42px 42px,linear-gradient(225deg,#17302a 25%,transparent 25%) -17px 0/42px 42px,linear-gradient(#263d2f 0 25%,#6b5a3b 26% 32%,#444c3a 33% 62%,#867c5c 63% 66%,#596451 67%);border-top:3px solid #ba9c61;opacity:.5;box-shadow:0 12px #626957,0 18px #3d4b3b}.home-screen[style]:before{display:none}.home-scene-transition{position:absolute;inset:0;pointer-events:none;background-size:inherit;background-position:inherit;image-rendering:inherit;animation:home-scene-growth .7s ease-out both}@keyframes home-scene-growth{0%{opacity:1;filter:brightness(1)}40%{opacity:.65;filter:brightness(1.3)}to{opacity:0;filter:brightness(1)}}html.reduce-motion .home-scene-transition{display:none}.home-shade{position:absolute;inset:0;background:linear-gradient(#0b1d2138,transparent 27%,#10262410 55%,#102422c9 78%,#14252180 100%)}.quickbar{position:relative;display:flex;gap:5px;padding:13px 12px}.quick-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;background:#142723c9;border:1px solid #c7ae715c;width:46px;min-height:49px;font-size:12px;line-height:18px;box-shadow:0 2px #0003}.quick-button .icon{width:25px;height:25px}.quick-button .badge{right:4px;top:4px}.settings-button{margin-left:auto}.home-title{position:relative;text-align:center;padding-top:8px;text-shadow:0 2px 1px #122b25}.home-title h1{font-size:36px;line-height:42px;letter-spacing:9px;margin:11px 0 6px 9px;color:#f1e0b1}.home-title .eyebrow{font-size:12px;line-height:18px;letter-spacing:2px;color:#e2d3ab}.title-rule{letter-spacing:4px;color:#dbb987;font-size:12px;line-height:18px;display:inline-flex;gap:8px;align-items:center}.title-rule:before,.title-rule:after{content:"";width:32px;height:1px;background:#d5bf8255}.home-note{position:absolute;top:294px;text-align:center;width:100%;font-size:12px;line-height:18px;color:#e7dcc4;text-shadow:0 2px #152522}.home-party{position:absolute;top:325px;left:5px;right:5px;display:flex;align-items:flex-end;justify-content:center}.home-hero{width:69px;text-align:center;position:relative;animation:bob 2.8s ease-in-out infinite;animation-delay:calc(var(--i)*-.37s)}.home-hero:before{content:"";position:absolute;bottom:15px;left:12px;width:46px;height:10px;background:#0c1a1966;border-radius:50%}.home-hero .character{width:82px;height:100px;margin-left:-7px;font-size:48px;line-height:54px}.home-hero>span:last-child{position:relative;font-size:12px;line-height:18px;text-shadow:1px 1px #14261e}.home-bottom{position:absolute;left:12px;right:12px;bottom:14px}.idle-panel{height:132px;padding:12px 15px;display:grid;grid-template-columns:1fr 100px;gap:2px 6px;background:#172b29ee}.idle-panel .panel-heading{grid-column:1/-1;align-self:start}.idle-rewards{display:flex;gap:15px;align-items:center}.idle-panel>.primary{align-self:center;width:100px;font-size:12px;line-height:18px}.idle-panel>small{grid-column:1/-1;font-size:12px;line-height:18px;color:#a9b4a2;padding-top:1px}.expedition-link{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:6px 8px;margin-top:8px;border-bottom:1px solid #9e8a564a;color:var(--gold);font-size:12px;line-height:18px}.expedition-link>span:first-child{text-align:left;display:flex;flex-direction:column;gap:5px}.expedition-link strong{font-size:12px;line-height:18px;color:#e1dcc6}.home-footer{display:flex;align-items:center;gap:6px;padding:6px 8px 0;font-size:12px;line-height:18px;color:#b1bda7}.home-footer .icon{width:16px;height:16px;font-size:12px;line-height:18px}.home-footer>span:last-child{margin-left:auto;color:#a4b7a4}.screen-paper{height:660px;background:linear-gradient(135deg,#243e36,#172b28);padding:16px 12px 14px}.screen-title{display:flex;align-items:center;justify-content:space-between;height:58px;margin-bottom:8px}.screen-title h1{margin-top:7px}.subtitle{font-size:12px;line-height:18px;color:#c3bda5}.role-tabs{display:flex;gap:3px;height:44px}.filter-tab{flex:1;min-width:0;border:1px solid #777459;background:#19332e;color:#aab2a2;position:relative;font-size:12px;line-height:18px}.filter-tab:before{content:"";position:absolute;inset:0;border-style:solid;border-width:0 12px;border-color:transparent;border-image-source:var(--asset-tab_off);border-image-slice:0 6 0 6 fill;image-rendering:pixelated;pointer-events:none}.filter-tab.selected{background:#813d32;border-color:#c3a367;color:var(--text-selected)}.filter-tab.selected:before{border-image-source:var(--asset-tab_on)}.roster-toolbar{display:flex;justify-content:space-between;align-items:center;height:44px;font-size:12px;line-height:18px;color:#bcc1ac}.roster-toolbar .text-button{font-size:12px;line-height:18px}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px 6px;height:373px;align-content:start;padding:2px 1px 7px}.hero-card{display:block;position:relative;width:100%;height:112px;padding:0;border:1px solid var(--grade);background:linear-gradient(#1b2c2c,#293a34);text-align:center;box-shadow:0 1px #0009;overflow:visible;min-width:44px;color:var(--paper)}.card-frame{position:absolute;inset:0;z-index:2;pointer-events:none}.frame-sprite{display:block;width:100%;height:100%}.card-character{position:absolute;inset:7px 0 19px;width:100%;height:82px;z-index:1;pointer-events:none;font-size:48px;line-height:54px}.card-label{position:absolute;left:1px;right:1px;bottom:15px;z-index:4;background:#13221ee6;font-size:12px;height:16px;line-height:16px;white-space:nowrap;letter-spacing:0}.card-stars{position:absolute;bottom:2px;left:0;right:0;color:var(--grade);font-size:12px;z-index:4;line-height:16px}.card-level{position:absolute;left:4px;top:5px;font-size:12px;line-height:18px;background:#0b1d17a8;padding:2px;z-index:4}.deployed{position:absolute;right:4px;top:5px;color:#ffddb0;font-size:12px;line-height:18px;border:1px solid #e3c39188;background:#714a31;z-index:4;padding:1px}.unowned .card-character{filter:brightness(.12) saturate(0)}.unowned{background:#1d2927;opacity:.65}.lock{position:absolute;left:0;right:0;top:33px;z-index:4}.lock .icon{width:24px;height:24px}.formation-panel{margin-top:10px;padding:10px;height:97px;display:grid;grid-template-columns:1fr 112px;gap:4px 8px}.formation-panel>div:first-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:18px;height:21px}.formation-panel>div:first-child>span{font-size:12px;line-height:18px;color:#adb9a6}.formation-members{display:flex;align-items:center;gap:3px}.formation-mini{width:34px;height:39px;font-size:24px;line-height:30px}.formation-members>span{width:35px;height:40px;background:#0e211d88;border:1px solid #b899574d}.formation-panel .secondary{font-size:12px;line-height:18px;padding:4px;align-self:center}.empty-mini{display:grid;place-items:center;color:#aa997266}.detail-heading{height:44px;display:flex;align-items:center;gap:7px;margin-bottom:14px}.detail-heading h1{font-size:24px;line-height:30px}.back-button{font-size:36px;color:var(--gold);border:1px solid #997e5566;line-height:30px}.grade-label{margin-left:auto;font-size:12px;line-height:18px}.hero-overview{display:flex;gap:22px;align-items:center;margin:0 8px 14px}.hero-overview>.hero-card{width:123px;height:165px;flex:none}.hero-overview .card-character{height:127px}.hero-overview .card-label{font-size:12px;bottom:20px;height:20px;line-height:20px}.hero-overview .card-stars{bottom:5px}.hero-summary{flex:1;font-size:12px;line-height:23px}.hero-summary h2{font-size:24px;line-height:30px;margin:4px 0 2px}.hero-star-line{color:var(--gold);font-size:12px;line-height:18px;letter-spacing:2px}.hero-summary>.eyebrow{color:#b8c5a9}.hero-summary>span:last-of-type{display:block;font-size:12px;line-height:18px}.hero-summary .icon{width:18px;height:18px}.hero-summary>small{display:block;font-size:12px;line-height:18px}.stats-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-bottom:12px;padding:15px 19px}.stats-panel>div{display:flex;justify-content:space-between;font-size:12px;line-height:18px}.stats-panel span{color:#adbaa5}.stats-panel b{color:#e4dabc}.skill-panel{margin-bottom:12px;padding:15px 18px}.skill-panel h2{margin:9px 0 8px;color:#e7c482;font-size:12px;line-height:18px}.skill-panel p{font-size:12px;line-height:18px;color:#c7cbb4}.equipment-panel{padding:10px 14px;margin-bottom:12px}.equipment-panel .panel-heading{font-size:12px;line-height:18px}.equipment-panel>.small{display:block}.equipment-slots{display:flex;justify-content:center;gap:18px;padding:8px 0}.equipment-slot{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;width:74px;height:68px;border:1px solid #8a825c;background:#14251f}.equipment-slot>span{font-size:24px;line-height:30px}.equipment-slot>strong{font-size:12px;line-height:18px}.equipment-slot>small{font-size:12px;line-height:18px;color:var(--gold)}.equipment-panel>small{display:block;text-align:center;font-size:12px;line-height:18px}.hero-actions{display:flex;flex-direction:column;gap:8px}.hero-actions>.secondary{min-height:44px}.levelup-button{height:56px;display:flex;flex-direction:column;gap:3px}.levelup-button>strong{font-size:12px;line-height:18px}.levelup-button>span{font-size:12px;line-height:18px}.levelup-button .currency b{font-size:12px;line-height:18px}.battle-screen{height:660px;background:#1c302c;padding:12px 0}.stage-heading{height:44px;margin:0 12px 10px;display:flex;align-items:center;justify-content:space-between;background:#64352e;border:1px solid #b49568;padding:0 13px;color:#e9d7b4;font-size:12px;line-height:18px}.header-plate:before{border-width:0 32px;border-color:transparent;border-image-source:var(--asset-header_plate);border-image-slice:0 16 0 16 fill}.header-plate>span{position:relative}.stage-heading>span:last-child{font-size:12px;line-height:18px;color:#e1cda8}.battle-field{height:400px;position:relative;overflow:hidden;border-top:1px solid #b997535c;border-bottom:2px solid #ad945066;background-color:#50614b;background-image:repeating-linear-gradient(88deg,transparent 0 27px,#14392da6 29px 34px,transparent 36px 59px),linear-gradient(#526c50,#385143 45%,#6d7150 46%,#4f5740 74%,#414c3d);background-size:cover}.battle-field.battle_market{background-color:#423f43;background-image:linear-gradient(#242d41,#6b5447 50%,#655344)}.battle-field.battle_bloodcult{background-color:#402e2f;background-image:linear-gradient(#3b2431,#68372d 50%,#573d31)}.battle-field.battle_mountain{background-color:#719197;background-image:linear-gradient(#527b82,#a0b7ac 45%,#6a8472 46%,#55756c)}.field-shade{position:absolute;inset:0;background:linear-gradient(#1426243b,transparent 40%,#13251c55)}.battle-atmosphere{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:12px;line-height:18px;letter-spacing:1px;color:#eee0b7;text-shadow:1px 1px #18261f;z-index:1}.battle-unit{position:absolute;width:78px;height:96px;margin-top:-52px;z-index:2;transform-origin:center bottom}.battle-unit:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:8px;border-radius:50%;background:#102b215c;z-index:-1}.unit-sprite{width:82px;height:88px;margin-left:-2px;font-size:36px;line-height:42px}.unit-name{position:absolute;top:-12px;left:-9px;right:-9px;text-align:center;font-size:12px;line-height:18px;text-shadow:1px 1px #0b1d19;color:#efe1c5}.unit-bars{position:absolute;top:3px;left:11px;right:11px;z-index:3;display:flex;flex-direction:column;gap:1px}.boss-unit{width:123px;height:145px;margin-top:-64px}.boss-unit .unit-sprite{width:130px;height:140px;margin-left:-3px;font-size:48px;line-height:54px}.boss-unit .unit-name{top:-13px;color:#ffba99;font-size:12px;line-height:18px}.boss-unit .unit-bars{left:14px;right:14px}.battle-unit.dead{opacity:.15;filter:grayscale(1);transform:translateY(5px)}.party-portrait.dead{opacity:.4;filter:grayscale(1)}.battle-unit.attacking{animation:attack-ally .25s ease-out}.battle-unit.enemy.attacking{animation:attack-enemy .25s ease-out}.battle-unit.hit .unit-sprite{animation:hit-flash .24s ease}.damage-number{position:absolute;font-size:24px;line-height:30px;color:#fff0b7;text-shadow:2px 2px #623b22,-1px -1px #4c281c;z-index:8;pointer-events:none;animation:damage-rise .85s ease-out forwards}.damage-number.healing{color:#b3f5ad;text-shadow:1px 1px #214b35}.hit-fx{position:absolute;width:80px;height:80px;z-index:6;pointer-events:none;animation:fx-pop .42s ease-out forwards}.hit-fx .sprite{width:var(--fx-size,64px);height:var(--fx-size,64px);font-size:48px;line-height:54px;color:#ffd984}.hit-fx .sprite img{width:100%;height:100%;object-fit:contain}.hit-fx.fx-flipped .sprite{transform:scaleX(-1)}.hit-fx.motion-slash{animation:fx-slash .42s ease-out both}.hit-fx.motion-projectile{animation:fx-projectile .64s linear both}.hit-fx.motion-wave{animation:fx-wave .64s linear both}.hit-fx.motion-rain{animation:fx-rain .56s ease-in both}.hit-fx.motion-ring{animation:fx-ring .56s ease-out both}.hit-fx.motion-aura{animation:fx-aura .64s ease-out both}html.reduce-motion .motion-projectile,html.reduce-motion .motion-wave,html.reduce-motion .motion-rain{--fx-dx:0px!important;--fx-dy:0px!important}@keyframes fx-slash{0%{transform:rotate(-25deg) scale(.4);opacity:0}25%{opacity:1}65%{transform:rotate(20deg) scale(1.1);opacity:1}to{transform:rotate(30deg) scale(1.2);opacity:0}}@keyframes fx-projectile{0%{transform:translate(var(--fx-dx),var(--fx-dy)) scale(.55);opacity:0}12%{opacity:1}72%{transform:translate(0) scale(.65);opacity:1}86%{transform:translate(0) scale(1.2);opacity:1}to{transform:translate(0) scale(1.35);opacity:0}}@keyframes fx-wave{0%{transform:translate(var(--fx-dx));opacity:0}15%,80%{opacity:1}to{transform:translate(0);opacity:0}}@keyframes fx-rain{0%{transform:translateY(var(--fx-dy));opacity:0}20%,75%{opacity:1}80%{transform:translate(0);opacity:1}to{transform:translate(0);opacity:0}}@keyframes fx-ring{0%{transform:scale(.3);opacity:0}20%{opacity:1}75%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes fx-aura{0%{transform:translateY(12px) scale(.8);opacity:0}25%,70%{opacity:1}to{transform:translateY(-24px) scale(1.05);opacity:0}}#skill-announcement{position:absolute;top:43px;left:58px;right:58px;text-align:center;z-index:9;font-size:12px;line-height:18px;color:#ffdf9a;background:#803b30dc;padding:8px;opacity:0;pointer-events:none;border-top:1px solid #f1c378;border-bottom:1px solid #f1c378}#skill-announcement.show{animation:skill-banner 1.4s ease forwards}#field-stage-mark{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;line-height:18px;color:#dbdec4;text-shadow:1px 1px #203025}.battle-controls{height:60px;display:flex;align-items:center;gap:8px;padding:8px 12px}.speed-button{width:66px;padding:5px 7px}.speed-button .icon{width:19px;height:22px}.auto-label{display:flex;align-items:center;gap:5px;font-size:12px;line-height:18px;color:#b8c4ac}.auto-label i{width:5px;height:5px;background:#8ebe87;border-radius:50%;box-shadow:0 0 7px #93c188}.battle-controls .primary{margin-left:auto;font-size:12px;line-height:18px;padding:5px 8px}.battle-controls .primary .icon{width:19px;height:22px}.expedition-panel{height:121px;margin:0 12px;padding:8px 12px}.expedition-panel .panel-heading{height:21px;font-size:12px;line-height:18px}.expedition-panel .text-button{min-height:44px;position:absolute;right:-3px;top:-13px}.party-portraits{display:flex;gap:8px;justify-content:center}.party-portrait{width:49px;min-width:49px;position:relative;padding:1px 5px;background:#0e211ecc;border:1px solid #8a805566;height:64px;display:flex;flex-direction:column;align-items:center}.party-portrait .portrait{height:39px;width:42px;font-size:24px;line-height:30px}.party-portrait .hp-track,.party-portrait .qi-track{width:38px;margin-top:1px}.party-portrait small{font-size:12px;line-height:16px;color:#c7cbb3}.empty-portrait{width:49px;height:64px;display:grid;place-items:center;background:#10211a;border:1px solid #7d7f4144;color:#82885c}.battle-income{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:16px;padding-top:3px;color:#b8c7aa}.battle-income .currency b{font-size:12px;line-height:18px}.battle-income .icon{width:15px;height:15px;font-size:12px;line-height:18px}.battle-income>span{display:inline-flex;align-items:center;gap:2px}.recruit-screen{height:660px;background:#192b29}.recruit-banner{height:430px;position:relative;overflow:hidden;background-color:#435951;background-image:radial-gradient(ellipse at 47% 24%,#a4a78c55,transparent 70%),linear-gradient(120deg,#263f3b,#7c856e 46%,#344c45 47%,#223b35)}.banner-shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,#152822b3 65%,#192b29);z-index:2}.recruit-seal{position:absolute;top:21px;left:18px;z-index:3;display:block;width:48px;height:80px;object-fit:contain}.banner-eyebrow{position:absolute;top:32px;right:18px;font-size:12px;line-height:18px;writing-mode:vertical-rl;letter-spacing:4px;color:#ede2c1;z-index:3}.banner-hero{position:absolute;left:46px;right:24px;top:12px;height:292px;opacity:.95}.banner-hero>.sprite{width:100%;height:100%;font-size:48px;line-height:54px}.recruit-banner[style] .banner-hero{display:none}.banner-copy{position:absolute;bottom:21px;left:24px;right:24px;text-align:center;z-index:3}.banner-copy h1{font-size:36px;line-height:42px;letter-spacing:5px;margin:12px 0;color:#f4e0b4}.banner-copy p{font-size:12px;line-height:18px;letter-spacing:1px;margin-bottom:12px}.banner-copy>span:last-child{font-size:12px;line-height:18px;color:#bbaa7d}.recruit-bottom{padding:0 17px 16px}.rate-button{height:44px;width:100%;display:flex;justify-content:space-between;align-items:center;color:#b6bca7;font-size:12px;line-height:18px;padding:0 5px}.info-circle{width:19px;height:19px;border:1px solid #a0a485;border-radius:50%;line-height:18px;text-align:center;font-size:12px}.summon-buttons{display:flex;gap:10px;margin:7px 0 10px}.summon-buttons>button{width:50%;height:77px;flex-direction:column;gap:7px}.summon-buttons strong{font-size:12px;line-height:18px}.summon-wallet{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;line-height:18px;color:#b4bca6}.summon-wallet .currency b{font-size:12px;line-height:18px}.recruit-hint{text-align:center;font-size:12px;line-height:19px;color:#8f9e8b;margin-top:11px}.facility-notice{font-size:12px;line-height:18px;color:#aeb89f;margin:5px 0 12px}.facility-screen{display:flex;flex-direction:column;padding-bottom:0}.facility-screen .screen-title{flex:none;height:auto;min-height:58px;gap:var(--gap-group)}.facility-screen .eyebrow{font-size:12px;line-height:18px}.facility-header{width:196px;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:16px;line-height:24px;white-space:nowrap}.facility-next{color:#c3bda5}.facility-list{flex:1;min-height:0;height:auto;padding:0 1px 6px}.facility-row{height:94px;display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:7px 12px}.facility-art{width:80px;height:80px;font-size:48px;line-height:54px}.facility-details{flex:1;padding:0 1px}.facility-details h2{font-size:12px;line-height:17px}.facility-details h2 span{font-size:12px;line-height:18px;color:#726349;margin-left:5px}.facility-details p{font-size:12px;line-height:18px;margin:3px 0;color:#576149}.facility-details>button{min-height:44px;height:44px;width:100%;padding:3px 5px;font-size:12px;line-height:18px}.facility-details .currency .icon{width:17px;height:17px}.facility-row.locked{filter:saturate(.25);background:#b7b8a4}.facility-row.locked .facility-art{opacity:.6}.facility-lock{display:inline-flex;align-items:center;gap:3px;color:#616650;font-size:12px;line-height:18px;height:38px}.facility-lock .icon{width:17px;height:17px;font-size:12px;line-height:18px}.modal-backdrop{position:absolute;inset:0;background:#081615bf;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup{position:absolute;left:18px;top:50%;width:324px;max-height:642px;transform:translateY(-50%);background:#e6ddc9;border:2px solid #925540;box-shadow:0 15px 50px #0009;color:#2a4037;z-index:21;display:flex;flex-direction:column;padding:20px 16px}.popup:before{border-color:transparent;border-width:40px;border-image-source:var(--asset-popup);border-image-slice:var(--slice-popup,20 fill)}.popup>header,.popup>footer,.popup>.popup-body{position:relative}.popup>header{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:-5px -5px 8px 0;border-bottom:1px solid #ae9474;padding-bottom:6px;flex:none}.popup header h2{font-size:12px;line-height:24px;padding-left:5px;color:#743e30}.close-button{color:#853a31;font-size:24px;line-height:30px;background-image:var(--asset-btn_close);background-position:center;background-size:32px 32px;background-repeat:no-repeat;image-rendering:pixelated}.close-button:has(+*){color:transparent}.popup-body{padding:3px 3px 8px;font-size:12px;line-height:20px;min-height:0}.popup-body small{color:#7f826b;font-size:12px;display:block;text-align:center;line-height:16px}.popup>footer{display:flex;gap:10px;justify-content:center;margin-top:12px;flex:none}.popup>footer button{flex:1;min-height:46px}.popup-message{text-align:center;font-size:12px;line-height:22px;color:#586449;margin:7px 0 14px}.reward-slots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0}.reward-slot{padding:12px 10px;min-width:82px;border:1px solid #a4916c;background:#d5ceb8}.reward-slot .currency{gap:5px}.reward-slot .icon{width:29px;height:29px}.reward-slot .currency b{font-size:12px;line-height:18px;color:#424e36}.reward-burst{text-align:center;color:#ba8b3f;font-size:36px;line-height:42px;padding:15px 0;animation:reward-bloom .7s ease}.reward-popup .reward-slot{animation:reward-bloom .6s ease both}.mission-list{display:flex;flex-direction:column;gap:8px}.mission-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #b0a38677;padding:4px 0 8px}.mission-row>div{flex:1}.mission-row strong{font-size:12px;line-height:18px;display:block}.mission-row small{text-align:left;line-height:18px;color:#6c765e;font-size:12px}.mission-row>div>span{display:flex;gap:7px;line-height:20px}.mission-row .currency b{font-size:12px;line-height:18px}.mission-row button{min-width:59px;font-size:12px;line-height:18px;padding:4px}.mission-row .currency .icon{width:17px;height:17px}.empty-state{text-align:center;padding:18px;font-size:48px;line-height:54px;color:#93754e}.empty-state p{font-size:12px;line-height:18px;margin-top:14px}.settings-popup .settings-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 0}.settings-popup .settings-label{font-size:12px;line-height:18px}.settings-popup .popup-body{color:#344336;font-size:12px;line-height:18px}.settings-popup .popup-body small{color:#4a503e;font-size:12px;text-align:left;line-height:18px}.settings-info{font-size:12px;line-height:22px;padding:14px 0;border-top:1px solid #bca98b}.settings-popup .danger-button{color:#733529}.settings-popup>footer button{font-size:12px;line-height:18px;color:#fffae8}.danger-button{width:100%;margin-top:8px;color:#994d3a;border:1px solid #a9866d;background:#d9ceba;font-size:12px;line-height:18px}.probability-list>div{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:9px;border:1px solid #baa98b;background:#243d34;margin:7px 0;color:#eee0b8}.probability-list b{text-align:right}.probability-list small{grid-column:1/-1;color:#b5b69b;text-align:left;font-size:12px;line-height:18px}.probability-list+p{text-align:center;line-height:23px;padding:10px}.summon-scroll{font-size:12px;line-height:18px;padding:15px;text-align:center;color:#aa794c;letter-spacing:2px;border:1px solid #bca075;margin:4px 0 15px;animation:scroll-open .6s ease}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px 4px;padding:2px 0 14px}.result-grid .hero-card{height:93px;min-width:0;width:100%;overflow:visible}.result-grid .card-character{height:64px;top:3px;font-size:24px;line-height:30px}.result-grid .card-label{font-size:12px;line-height:18px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.result-grid .card-level{font-size:12px;line-height:18px;left:2px;top:3px;padding:1px}.result-grid .deployed{display:none}.result-grid .card-stars{font-size:12px;line-height:18px}.result-tag{position:absolute;bottom:-13px;left:-1px;right:-1px;font-size:12px;line-height:16px;color:#755439;white-space:nowrap}.result-card-wrap{opacity:0;animation:card-reveal .5s ease forwards;animation-delay:calc(.5s + var(--reveal))}.result-card-wrap:has(.grade-legendary){filter:drop-shadow(0 0 6px #e3b04a)}.result-card-wrap:has(.grade-epic){filter:drop-shadow(0 0 5px #aa69bf)}.single-result{grid-template-columns:116px;justify-content:center;padding:8px 0 24px}.single-result .hero-card{height:162px}.single-result .card-character{height:130px;font-size:48px;line-height:54px}.single-result .card-label{font-size:12px;height:20px;line-height:20px;bottom:19px}.single-result .card-stars{font-size:12px;line-height:18px}.single-result .result-tag{font-size:12px;line-height:18px;bottom:-18px}.boss-result-symbol{color:#a65035;font-size:48px;line-height:85px;text-align:center;margin:10px 0}.popup-body h3{font-size:12px;line-height:18px;text-align:center;color:#806349}#toast{position:absolute;bottom:86px;left:23px;right:23px;padding:12px 14px;background:#091d19f0;border:1px solid #c6ad7b;color:#efdeb9;font-size:12px;line-height:20px;text-align:center;z-index:30;opacity:0;transform:translateY(10px);transition:opacity .15s,transform .15s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes attack-ally{0%,to{transform:translate(0)}45%{transform:translate(3px)}}@keyframes attack-enemy{0%,to{transform:translate(0)}45%{transform:translate(-3px)}}@keyframes hit-flash{0%,75%{filter:brightness(1.7)}to{filter:brightness(1)}}@keyframes damage-rise{0%{opacity:0;transform:translateY(0) scale(.7)}20%{opacity:1;transform:translateY(-9px) scale(1.1)}to{opacity:0;transform:translateY(-44px) scale(.9)}}@keyframes fx-pop{0%{opacity:1;transform:scale(.55)}50%{opacity:.9;transform:scale(1.05)}to{opacity:0;transform:scale(1.2)}}@keyframes skill-banner{0%{opacity:0;transform:translate(-8px)}15%,75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px)}}@keyframes reward-bloom{0%{opacity:0;transform:scale(.6) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scroll-open{0%{transform:scaleX(.3);opacity:0}to{transform:scaleX(1);opacity:1}}.panel,.primary,.secondary,.popup,.header-plate,.resource-pill,.filter-tab{isolation:isolate}.panel:before,.primary:before,.secondary:before,.popup:before,.header-plate:before,.resource-pill:before,.filter-tab:before{z-index:-1}.hero-screen{display:flex;flex-direction:column}.hero-screen .detail-heading{flex:none}.hero-detail-scroll{flex:1;min-height:0;padding:0 1px 3px}.hero-actions{flex:none;padding-top:10px}.home-title{width:254px;margin:0 auto;padding:10px 8px 12px;background:linear-gradient(90deg,transparent,#112d24dc 18%,#112d24dc 82%,transparent);border-top:1px solid #cfb67466;border-bottom:1px solid #cfb67444}.home-title h1{text-shadow:2px 2px #10291e,-1px -1px #10291e}.home-note{background:linear-gradient(90deg,transparent,#13332bb8 20%,#13332bb8 80%,transparent);padding:5px 0}.nav-battle{margin-top:-41px;height:97px}.nav-battle .nav-icon{width:80px;height:80px;background-size:80px 80px;border:0}.nav-battle .nav-icon>.icon{width:44px;height:44px}.badge{width:16px;height:16px;background-size:16px 16px;right:-6px;top:-3px}.quick-button .badge{right:1px;top:1px}.equipment-slot{position:relative;isolation:isolate}.equipment-slot:before{content:"";position:absolute;inset:0;z-index:-1;border:12px solid transparent;border-image-source:var(--asset-slot);border-image-slice:6 fill;image-rendering:pixelated;pointer-events:none}.back-button .sprite,.close-button .sprite{width:32px;height:32px;font-size:24px;line-height:30px}.hero-overview{margin-bottom:10px;gap:19px;min-height:138px}.hero-overview>.hero-card{width:104px;height:138px}.hero-overview .card-character{height:106px}.hero-summary{line-height:21px}.stats-panel{padding:12px 18px;gap:10px 24px;margin-bottom:10px}.skill-panel{padding:11px 17px;margin-bottom:10px}.skill-panel h2{margin:6px 0}.equipment-panel{margin-bottom:5px}.equipment-panel .panel-heading{height:18px}.equipment-slots{padding:6px 0;gap:17px}.equipment-slot{height:60px}.popup header h2{padding-left:12px;font-size:12px;line-height:18px}.close-button{background-image:none}.roster-grid{height:341px}.battle-controls{height:48px;padding:2px 12px}.expedition-panel{height:113px}.expedition-panel .panel-heading{height:18px}.party-portrait{height:61px}.party-portrait .portrait{height:36px}.empty-portrait{height:61px}.recruit-banner{height:402px}.panel{--frame-top:var(--safe-panel-top,28px);--frame-right:var(--safe-panel-right,28px);--frame-bottom:var(--safe-panel-bottom,28px);--frame-left:var(--safe-panel-left,28px) }.panel.light{--frame-top:var(--safe-panel_light-top,28px);--frame-right:var(--safe-panel_light-right,28px);--frame-bottom:var(--safe-panel_light-bottom,28px);--frame-left:var(--safe-panel_light-left,28px) }.primary,.secondary{--frame-top:var(--safe-btn_primary-top,20px);--frame-right:var(--safe-btn_primary-right,20px);--frame-bottom:var(--safe-btn_primary-bottom,20px);--frame-left:var(--safe-btn_primary-left,20px) }.popup{--frame-top:var(--safe-popup-top,44px);--frame-right:var(--safe-popup-right,44px);--frame-bottom:var(--safe-popup-bottom,44px);--frame-left:var(--safe-popup-left,44px) }.header-plate{--frame-top:var(--safe-header_plate-top,8px);--frame-right:var(--safe-header_plate-right,40px);--frame-bottom:var(--safe-header_plate-bottom,8px);--frame-left:var(--safe-header_plate-left,40px) }.filter-tab{--frame-top:4px;--frame-right:16px;--frame-bottom:4px;--frame-left:16px }.frame-safe{padding:var(--frame-top) var(--frame-right) var(--frame-bottom) var(--frame-left)!important}.nav-battle{margin-top:-17px;height:76px}.nav-battle .nav-icon{width:58px;height:58px;background-size:58px 58px}.nav-battle .nav-icon>.icon{width:36px;height:36px}.idle-panel{height:auto;grid-template-columns:1fr;gap:8px}.idle-panel .panel-heading{font-size:12px;line-height:18px}.idle-panel .panel-heading time{font-size:12px;line-height:18px}.idle-panel>.primary{width:100%;font-size:12px;line-height:18px}.idle-rewards{justify-content:center}.roster-grid{height:296px}.formation-panel{height:auto;grid-template-columns:1fr;gap:8px}.formation-members{justify-content:center}.formation-panel .secondary{padding:20px;width:100%}.grade-label{padding:5px 9px;background:#263432;border:1px solid var(--grade);color:var(--grade);border-radius:3px;white-space:nowrap}.grade-label.grade-legendary{background:#78352d;color:#f2ce7b}.stats-panel{gap:10px 18px}.skill-panel .eyebrow{letter-spacing:0;font-size:12px;line-height:18px}.equipment-panel .panel-heading{height:auto;flex-wrap:wrap;gap:5px}.equipment-panel .panel-heading small{font-size:12px;line-height:18px}.equipment-slots{gap:12px;padding:10px 0}.equipment-item{flex:1;min-width:0;text-align:center}.equipment-item>strong{display:block;margin-top:6px;font-size:12px;line-height:18px;white-space:nowrap}.equipment-slot{width:100%;height:52px;min-width:44px}.equipment-panel>small{line-height:16px}.levelup-button{height:auto;gap:5px}.hero-screen{padding-bottom:28px}.hero-actions>.secondary{font-size:12px;line-height:18px}.battle-screen{padding:8px 0 20px}.stage-heading{margin:0 12px;height:44px;font-size:12px;line-height:18px;gap:6px}.stage-heading>span{white-space:nowrap}.stage-heading>span:last-child{font-size:12px;line-height:18px}.battle-atmosphere{position:relative;top:auto;left:auto;right:auto;height:18px;line-height:18px;font-size:12px;letter-spacing:0;background:#1c302c;color:#b8c4ac;text-shadow:none}.battle-field{height:356px}.battle-unit{width:var(--sprite-size);height:calc(var(--sprite-size) + 14px);margin:0;padding:0;border:0;background:none;min-width:0;min-height:0;z-index:2}.battle-unit:after{bottom:2px;left:24%;right:24%}.battle-unit .unit-sprite{position:absolute;width:var(--sprite-size);height:var(--sprite-size);top:14px;left:0;margin:0;font-size:36px;line-height:42px;pointer-events:none}.battle-unit .unit-sprite img{width:100%;height:auto;max-width:none}.battle-unit.flipped .unit-sprite img{transform:scaleX(-1)}.battle-unit .unit-bars{top:0;left:24px;right:24px;gap:1px;pointer-events:none}.battle-unit .unit-name{display:none;top:14px;left:0;right:0;line-height:16px;color:#fff0c7;background:#102b22eb;z-index:4;font-size:12px;pointer-events:none}.battle-unit[aria-pressed=true] .unit-name{display:block}.boss-unit .unit-bars{left:24px;right:24px}#skill-announcement{top:8px;font-size:12px;line-height:18px;padding:5px;left:70px;right:70px}.battle-controls{height:62px;padding:3px 12px;gap:10px}.speed-button{width:62px;font-size:12px;line-height:18px}.battle-controls .primary{font-size:12px;line-height:18px;min-width:120px}.auto-label{font-size:12px;line-height:18px}.expedition-panel{height:auto;margin:0 12px}.expedition-panel .panel-heading{height:18px;margin-bottom:6px}.expedition-panel .panel-heading small{font-size:12px;line-height:18px}.party-portraits{gap:8px}.party-portrait,.empty-portrait{width:48px;min-width:44px;height:44px;padding:0 4px}.party-portrait .portrait{width:32px;height:30px}.party-portrait small{display:none}.battle-income{padding-top:5px;line-height:16px}.facility-row{height:auto;min-height:140px;gap:10px}.facility-art{width:72px;height:72px}.facility-details{min-width:0;padding:0}.facility-details h2{line-height:20px;font-size:12px}.facility-details p{line-height:16px;margin:5px 0;font-size:12px}.facility-details>button{height:auto;font-size:12px;line-height:18px}.facility-details .currency b{font-size:12px;line-height:18px}.facility-details .currency .icon{width:14px;height:14px}.popup{max-height:642px;overflow:hidden}.popup>header{margin:0 0 10px;padding:0 0 8px;gap:4px;align-items:flex-start}.popup header h2{padding:0;font-size:12px;line-height:23px;align-self:center;overflow-wrap:anywhere}.popup header .close-button{padding:0;flex:none;align-self:center}.popup-body{flex:1 1 auto;min-height:0;max-width:100%;padding:0 2px 4px}.popup>footer{margin-top:12px;gap:8px}.popup>footer button{font-size:12px;line-height:18px;min-width:0}.mission-row{align-items:center;gap:6px;padding:8px 0}.mission-row>div{min-width:0}.mission-row strong{font-size:12px;line-height:18px}.mission-row button{flex:none;min-width:66px;font-size:12px;line-height:18px}.mission-row small{overflow-wrap:anywhere}.mission-complete{flex:none;width:66px;text-align:center;color:#43664b;font-size:12px;line-height:18px}.reward-slot{min-width:72px}.result-grid{gap:16px 4px}.summon-scroll{font-size:12px;line-height:18px;letter-spacing:0;padding:8px}#toast{top:62px;bottom:auto;transform:translateY(-10px)}.home-party{top:248px}.filter-tab{font-size:12px;line-height:18px;white-space:nowrap}.popup{width:344px;left:8px}.summon-popup{width:352px;left:4px}.result-grid .card-label{font-size:12px;line-height:18px}.summon-buttons>button{height:auto;min-height:92px;flex:none}.equipment-slot{--frame-top:var(--safe-slot-top,16px);--frame-right:var(--safe-slot-right,16px);--frame-bottom:var(--safe-slot-bottom,16px);--frame-left:var(--safe-slot-left,16px);height:62px}.battle-unit .unit-bars{top:var(--bar-top);left:var(--bar-left);right:auto;width:48px}.boss-unit .unit-bars{width:96px;left:calc(var(--bar-left) - 24px)}.battle-unit .unit-name{top:calc(var(--bar-top) + 14px)}.hit-fx{margin-top:0}#viewport{display:block}#phone-frame{position:absolute}html.kit-ok :is(.panel,.primary,.secondary,.popup,.header-plate,.resource-pill,.filter-tab){border-color:transparent;background:transparent;box-shadow:none}html.kit-ok :is(.panel,.primary,.secondary,.popup,.header-plate,.resource-pill,.filter-tab):before{inset:calc(-1 * var(--frame-bw,1px))}html.kit-ok :is(.primary,.secondary,.filter-tab):before{inset:0}html.kit-ok .popup{--frame-bw:2px }#game{--dx:calc(var(--gw,360px) - 360px);--dy:calc(var(--gh,800px) - 800px);width:var(--gw,360px);height:var(--gh,780px)}#content{width:var(--gw,360px);height:calc(660px + var(--dy))}#topbar{container-type:inline-size;height:64px;padding:4px 6px 16px;gap:4px;align-items:flex-start;border-bottom:0;background:#21212d var(--asset-hud_bar) left bottom / auto 64px repeat-x;image-rendering:pixelated}.guild-mark{width:40px;height:40px;display:grid;place-items:center;flex:none;background:var(--asset-nav_center) center / 40px 40px no-repeat}.guild-mark{position:relative}.guild-mark .icon{position:absolute;left:-5px;top:-5px;width:50px;height:50px;pointer-events:none}.guild-info{width:auto;min-width:0;flex:1;font-size:12px;line-height:18px;color:#f3e2b8}.guild-heading{display:flex;align-items:center;gap:4px;margin-top:6px}.guild-info span{margin:0;font-size:12px;line-height:18px;color:#f3e2b8}.guild-level{flex:none;height:18px;min-width:34px;padding:0 5px;font-size:12px;line-height:16px;text-align:center;color:#f3e2b8;background:#8a2c24;border:1px solid #d4af37;box-shadow:0 0 0 1px #12121a,inset 0 1px #b8473a}.fame-progress{display:flex;align-items:center;gap:4px;white-space:nowrap}.fame-progress .fame-track{width:96px;height:6px;margin:0;flex:none}.guild-fame{position:absolute;left:50px;top:36px;height:16px;gap:2px}.guild-fame .fame-value{letter-spacing:-1px}.guild-fame span{font-size:12px;line-height:16px;color:#c7b98f}.guild-info .fame-track{width:72px;height:6px;margin:0;flex:none}.resources{flex:none;gap:4px}.resource-pill{--frame-bw:0px;position:relative;background:#0d191acf;width:80px;min-width:80px;height:32px;padding:var(--gap-tight) calc(var(--gap-group) + var(--gap-tight) / 2) var(--gap-tight) calc(var(--gap-section) * 2);border:0;border-radius:0;display:flex;align-items:center}.resource-pill .currency{position:static;display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-tight);width:100%;height:24px}.resource-pill .currency .icon{position:absolute;left:calc(var(--gap-tight) + 1px);top:50%;transform:translateY(-50%);width:24px;height:24px}.resource-pill .currency b{display:block;font-size:16px;letter-spacing:0;line-height:24px;text-align:right;white-space:nowrap}@container (max-width:360px){.resources{gap:0}.resource-pill{width:74px;min-width:74px;padding-left:calc(var(--gap-section) * 2 - var(--gap-tight) / 2)}.resource-pill .currency b{letter-spacing:-1px}.guild-info .fame-track{width:48px}}#bottomnav{height:76px;padding:4px 2px 0;background-size:auto 64px;background-repeat:repeat-x}.nav-button{height:70px;gap:2px;font-size:12px;line-height:18px}.nav-icon{height:40px}.nav-icon>.icon{width:40px;height:40px}.nav-button.active:after{width:6px;height:3px;bottom:0}.nav-battle{margin-top:-30px;height:104px;gap:2px}.nav-battle .nav-icon{width:80px;height:80px;border:0;background-size:80px 80px}.nav-battle .nav-icon>.icon{width:48px;height:48px}html.phone #viewport{background:#21212d}html.phone #phone-frame{box-shadow:none;outline:0}.home-screen,.screen-paper,.battle-screen,.recruit-screen{height:calc(660px + var(--dy))}.roster-grid{height:calc(341px + var(--dy))}.battle-field{height:calc(356px + var(--dy))}#battle-units{position:absolute;inset:0}.recruit-banner{height:calc(430px + var(--dy))}.popup{max-height:calc(642px + var(--dy));left:calc((var(--gw,360px) - 344px) / 2)}.summon-popup{left:calc((var(--gw,360px) - 352px) / 2)}.roster-screen{display:flex;flex-direction:column}.roster-screen>*{flex:none}.roster-screen>.roster-grid{flex:1 1 0;height:auto;min-height:0}.home-party{top:auto;bottom:306px}.battle-field #battle-units .battle-unit{position:absolute;margin:0;padding:0;border:0;background:none;min-width:0;min-height:0}.battle-field #battle-units .battle-unit:after{content:none}.battle-field #battle-units .unit-sprite{position:absolute;inset:0;width:100%;height:100%;margin:0}.battle-field #battle-units .unit-sprite img{width:100%;height:100%}.battle-field #battle-units .unit-shadow{position:absolute;left:calc(var(--foot-x) - var(--shadow-w) / 2);top:calc(var(--foot-y) - 4px);width:var(--shadow-w);height:8px;border-radius:50%;background:#0a140f73;pointer-events:none}.battle-field #battle-units .unit-bars{top:var(--gauge-top);left:var(--gauge-left);right:auto;width:44px}.battle-field #battle-units .unit-name{top:calc(var(--head-y) - 30px);left:calc(var(--foot-x) - 40px);right:auto;width:80px}.battle-field #battle-units .battle-unit{z-index:auto}.battle-field #battle-units .unit-sprite{z-index:var(--z)}.battle-field #battle-units .unit-shadow{z-index:1}.battle-field #battle-units .unit-bars{z-index:300}.battle-field #battle-units .unit-name{z-index:301}html.kit-ok .frame-canvas.frame-canvas{background:var(--frame-img) 0 0/100% 100% no-repeat}html.kit-ok .frame-canvas.frame-canvas:before{visibility:hidden}.battle-field .hit-fx,.battle-field .damage-number{z-index:400}.battle-field #skill-announcement{z-index:410}.battle-screen .expedition-panel{height:auto;min-height:113px;display:flex;flex-direction:column;gap:6px;padding:12px 16px}.stage-track{display:flex;align-items:center;gap:6px;font-size:12px;line-height:18px;color:#d9c79b;height:20px}.track-label{flex:none;white-space:nowrap}.track-nodes{flex:1;display:flex;align-items:center;min-width:0}.track-link{flex:1;height:2px;min-width:2px;background:#4d5a4a}.track-node{flex:none;width:8px;height:8px;border-radius:50%;background:#26332f;border:1px solid #6d775f}.track-node.cleared{background:#d9ad4f;border-color:#f2d58f}.track-node.current{width:10px;height:10px;background:#f0e2b8;border-color:#fff;box-shadow:0 0 0 2px #d9ad4f88;animation:track-pulse 1.2s ease-in-out infinite}.track-node.boss{width:20px;height:20px;border:0;background:none;border-radius:0}.track-node.boss .icon{width:20px;height:20px}.track-node.boss:not(.current):not(.cleared){filter:grayscale(.6) brightness(.8)}@keyframes track-pulse{50%{box-shadow:0 0 0 4px #d9ad4f33}}.track-wave{flex:none;color:#b8c4ac;font-size:12px;line-height:18px}.damage-share{display:flex;gap:6px}.share-item{flex:1;min-width:0;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:3px;padding:2px 3px;background:#0e211ecc;border:1px solid #8a805544;min-height:44px}.share-face{grid-row:1/3;width:24px;height:24px}.share-bar{height:4px;background:#0a1614;overflow:hidden}.share-bar i{display:block;height:100%;background:#d9714f;transition:width .3s}.share-item b{font-size:12px;line-height:18px;color:#f1dfb4;font-weight:400;text-align:left}.session-line{display:flex;gap:10px;align-items:center;font-size:12px;line-height:18px;color:#a9b4a2;white-space:nowrap}.session-line b{color:#f1dfb4;font-weight:400}.session-line .currency .icon{width:14px;height:14px}.session-line .currency b{font-size:12px;line-height:18px}.session-line .session-rate{margin-left:auto}.battle-field{isolation:isolate}.nav-button{border-top:3px solid transparent;transition:background .15s,color .15s}.nav-button .nav-icon>.icon{opacity:.6;filter:grayscale(.45);transition:transform .15s,opacity .15s,filter .15s}.nav-button.active{color:#ffe2a6;border-top-color:#e2b65a;background:linear-gradient(#e2b65a33,#e2b65a0a 70%,transparent)}.nav-button.active .nav-icon>.icon{opacity:1;filter:drop-shadow(0 0 4px #e2b65a99);transform:translateY(-2px)}.nav-button.active:after{content:none}.recruit-banner.scene{background-size:100% auto;background-position:50% 0;background-repeat:no-repeat}.battle-screen{position:relative;padding-top:0}.battle-screen .stage-heading{position:absolute;top:8px;left:12px;right:12px;height:48px;margin:0;z-index:20}.stage-title{display:flex;flex-direction:column;gap:2px;min-width:0}.stage-title b{font-weight:400;font-size:12px;line-height:18px;color:#fbe8c2}.stage-title small{font-size:12px;line-height:18px;color:var(--text-stage);opacity:.85;overflow:hidden;text-overflow:ellipsis}.battle-field{height:calc(426px + var(--dy))}.battle-field #skill-announcement{top:124px;left:calc(14% + 34px);right:calc(14% + 34px)}html:not(.reduce-motion) .battle-field #skill-announcement{height:48px;display:flex;align-items:center;justify-content:center;padding:0 16px;border:0;background:var(--cast-banner) center/100% 72px no-repeat;color:#30251e;font-size:18px;line-height:24px;white-space:nowrap}html:not(.reduce-motion) .battle-field #skill-announcement.legendary{color:#ffe09a;text-shadow:0 1px #20160b}.battle-field .cast-aura{position:absolute;width:128px;height:128px;z-index:200;pointer-events:none}.battle-field .cast-aura img{position:absolute;inset:0;width:128px;height:128px;opacity:0;image-rendering:pixelated;animation:cast-aura-frame 125ms steps(1,end) forwards}@keyframes cast-aura-frame{0%{opacity:1}to{opacity:0}}html.reduce-motion .battle-field .cast-aura{display:none}.growth-panel .panel-heading small{color:#e7c77d;font-size:12px;line-height:18px}.growth-row{display:flex;gap:6px;margin-top:6px}.growth-card{flex:1;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px 5px;background:#0e211ecc;border:1px solid color-mix(in srgb,var(--grade-color,#8a8055) 55%,transparent);color:#a9b4a2;opacity:.75;transition:opacity .15s,box-shadow .15s}.growth-card.grade-common{--grade-color:#a9b5b0}.growth-card.grade-rare{--grade-color:#67c0d4}.growth-card.grade-epic{--grade-color:#c593e8}.growth-card.grade-legendary{--grade-color:#edba5c}.growth-card.ready{opacity:1;color:#ffe2a6;background:linear-gradient(#e2b65a2e,#0e211ecc 60%);box-shadow:inset 0 0 0 1px #e2b65a99}.growth-face{width:40px;height:40px}.growth-level{font-size:12px;line-height:18px;color:#f1dfb4}.growth-cost{display:flex;align-items:center;gap:1px;font-size:12px;line-height:18px}.growth-cost .currency .icon{width:13px;height:13px}.growth-cost .currency b{font-size:12px;line-height:18px}.battle-screen{display:flex;flex-direction:column}.battle-screen>*{flex:none}.battle-screen>.bottom-pager{flex:1 1 auto;min-height:0;height:auto;margin:0 12px 8px;padding:10px 14px 12px;display:flex;flex-direction:column;gap:6px}.pager-head{height:22px;gap:8px}.pager-head #pager-title{flex:none}#pager-extra{flex:1;text-align:right;white-space:nowrap;overflow:hidden}#pager-extra small{color:#e7c77d;font-size:12px;line-height:18px}.pager-dots{display:flex;gap:2px;flex:none}.pager-dots button{width:22px;min-height:22px;display:grid;place-items:center}.pager-dots button:after{content:"";width:7px;height:7px;border-radius:50%;background:#4d5a4a}.pager-dots button[aria-selected=true]:after{background:#e2b65a;box-shadow:0 0 4px #e2b65a99}.pager{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.pager-page{flex:0 0 100%;min-width:0;scroll-snap-align:start;overflow:hidden}.growth-row,.skill-row{height:100%;margin:0;align-items:stretch}.skill-row{display:flex;gap:6px}.skill-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;background:#0e211ecc;border:1px solid #8a805544;color:#a9b4a2;font-size:12px;line-height:18px}.skill-card b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.qi-ring{--qi:0%;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#e2b65a var(--qi),#24332e 0);padding:3px}.skill-card .qi-ring{background:conic-gradient(#e2b65a var(--qi),#24332e 0)}.skill-card .skill-face{width:40px;height:40px;border-radius:50%;background:#0e211e;overflow:hidden}.skill-card.ready{color:#ffe2a6;border-color:#e2b65a;box-shadow:inset 0 0 0 1px #e2b65a66,0 0 8px #e2b65a55}.skill-card.ready .qi-ring{animation:track-pulse 1s ease-in-out infinite}.skill-card.dead{opacity:.4}.auto-skill{display:flex;align-items:center;justify-content:flex-end;gap:4px;width:100%;height:28px;font-size:12px;line-height:18px;color:#e7c77d}.auto-skill .segmented{flex:0 0 104px;width:104px}#pager-extra:has(.auto-skill){overflow:visible;min-width:0}.pager-head:has(.auto-skill) .pager-dots button{min-width:22px}.battle-log{height:100%;margin:0;padding:0 2px;list-style:none;overflow-y:auto;font-size:12px;line-height:19px;color:#b8c4ac}.battle-log li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-log li:before{content:"· ";color:#6d775f}.battle-log .log-skill{color:#f1dfb4}.battle-log .log-clear{color:#e7c77d}.battle-log .log-level{color:#8fd0b5}.battle-log .log-defeat{color:#e08a74}.battle-log .log-empty{color:#6d775f}@keyframes attack-ally{0%,to{transform:translate(0)}25%{transform:translate(2px)}50%{transform:translate(4px)}75%{transform:translate(2px)}}@keyframes attack-enemy{0%,to{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(-4px)}75%{transform:translate(-2px)}}.battle-unit.attacking,.battle-unit.enemy.attacking{animation-timing-function:step-end}.battle-field #battle-units .battle-unit.hit:not(.dead) .unit-sprite{animation:unit-hit .24s step-end}@keyframes unit-hit{0%,50%{margin-left:-2px}25%,75%{margin-left:2px}to{margin-left:0}}.battle-field #battle-units .unit-sprite:after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:var(--sprite-mask) 0 0/100% 100% no-repeat;mask:var(--sprite-mask) 0 0/100% 100% no-repeat;opacity:0;pointer-events:none}.battle-field #battle-units .battle-unit.flipped .unit-sprite:after{transform:scaleX(-1)}.battle-field #battle-units .battle-unit.hit .unit-sprite:after{animation:hit-overlay .24s step-end}@keyframes hit-overlay{0%{opacity:.7}50%{opacity:.35}to{opacity:0}}.battle-field #battle-units .battle-unit.dead{opacity:1;filter:none;transform:none;animation:none!important;pointer-events:none}.battle-field #battle-units .battle-unit.ally.dead .unit-sprite{opacity:.3;animation:ally-down .4s ease-out forwards;animation-delay:var(--death-delay,0ms)}.battle-field #battle-units .battle-unit.dead .unit-bars,.battle-field #battle-units .battle-unit.dead .unit-name,.battle-field #battle-units .battle-unit.dead .unit-statuses,.battle-field #battle-units .battle-unit.dead .cast-target-label{visibility:hidden}.battle-field #battle-units .battle-unit.dead .unit-shadow{animation:unit-vanish .4s ease-out forwards;animation-delay:var(--death-delay,0ms)}@keyframes ally-down{0%{opacity:1}to{opacity:.3}}@keyframes unit-vanish{0%{opacity:1}to{opacity:0}}.battle-screen>.battle-controls{position:relative;z-index:25;height:56px;margin-top:-60px;padding:4px 12px 8px;justify-content:space-between;pointer-events:none}.battle-screen>.battle-controls>*{pointer-events:auto}.battle-screen>.bottom-pager{margin-top:8px}.growth-card{justify-content:center}#pager-extra small{font-size:12px;line-height:18px}.battle-screen{padding-bottom:0}.battle-screen>.bottom-pager{margin-bottom:4px}.face-crop{position:relative;display:block;flex:none;overflow:hidden;background:radial-gradient(circle at 50% 70%,#2a3d36,#0e1d1a 75%)}.face-crop img{position:absolute;max-width:none;image-rendering:pixelated}.growth-card{gap:2px;padding:4px 2px}.growth-name{font-size:12px;line-height:18px;color:#f1dfb4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.growth-card .face-crop{border:1px solid color-mix(in srgb,var(--grade-color,#8a8055) 70%,transparent)}.skill-card .qi-ring{width:52px;height:52px;padding:4px}.skill-card .qi-ring .face-crop{border-radius:50%}.battle-log .log-deal{color:#b8c4ac}.battle-log .log-deal b{color:#f3c66b;font-weight:400}.battle-log .log-take{color:#9aa496}.battle-log .log-take b{color:#e2826c;font-weight:400}.battle-field #battle-units .battle-unit.attacking{animation:lunge-ally .24s step-end}.battle-field #battle-units .battle-unit.enemy.attacking{animation:lunge-enemy .24s step-end}@keyframes lunge-ally{0%{margin-left:2px}33%{margin-left:4px}66%{margin-left:2px}to{margin-left:0}}@keyframes lunge-enemy{0%{margin-left:-2px}33%{margin-left:-4px}66%{margin-left:-2px}to{margin-left:0}}.battle-field #battle-units .unit-sprite:after{opacity:1;background:transparent}.battle-field #battle-units .battle-unit.hit .unit-sprite:after{animation:hit-paint .24s step-end}@keyframes hit-paint{0%{background:#ffffffb3}50%{background:#ffffff59}to{background:transparent}}.battle-field #battle-units .battle-unit.enemy.dead .unit-sprite{animation:unit-vanish .4s ease-out forwards;animation-delay:var(--death-delay,0ms)}.battle-field #battle-units .battle-unit.dead.gone .unit-shadow{animation:none;visibility:hidden}.battle-field #battle-units .battle-unit.ally.dead.gone .unit-sprite{animation:none}.battle-field #battle-units .battle-unit.enemy.dead.gone,html.reduce-motion .battle-field #battle-units .battle-unit.enemy.dead{display:none}html.reduce-motion .battle-field #battle-units .battle-unit.dead .unit-shadow{animation:none;visibility:hidden}html.reduce-motion .battle-field #battle-units .battle-unit.ally.dead .unit-sprite,html.reduce-motion .battle-field #battle-units .battle-unit.hit .unit-sprite{animation:none}.battle-screen .stage-heading{z-index:3}.battle-screen>.battle-controls{position:absolute;top:62px;left:0;right:0;margin-top:0;height:auto;padding:0 12px;z-index:3}.battle-screen>.battle-controls .primary,.battle-screen>.battle-controls .secondary{--frame-top:var(--gap-group);--frame-bottom:var(--gap-group);height:44px;min-height:44px;font-size:16px;line-height:16px}.battle-screen>.bottom-pager{margin-top:4px;--pager-inset:max(var(--safe-panel-top,28px),var(--safe-panel-bottom,28px));--frame-top:var(--pager-inset);--frame-bottom:var(--pager-inset) }.bottom-pager .pager-head{flex:0 0 22px;height:22px;margin-bottom:0}#game [data-render=smooth]{image-rendering:auto}#game [data-render=pixel]{image-rendering:pixelated}.mission-row{min-height:58px}.mission-row button,.mission-row .primary,.mission-row .secondary{min-height:36px;height:36px;min-width:56px;padding:0 10px}.mission-row .primary:before,.mission-row .secondary:before{border-width:8px}.mission-row .mission-complete{min-width:56px;text-align:center}.facility-art{width:112px;height:112px}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{transition:none!important}html.reduce-motion .home-hero,html.reduce-motion .track-node.current,html.reduce-motion .skill-card.ready .qi-ring,html.reduce-motion .hero-card,html.reduce-motion .hero-card:before,html.reduce-motion .hero-card:after,html.reduce-motion .hero-card *,html.reduce-motion .hero-card *:before,html.reduce-motion .hero-card *:after,html.reduce-motion .summon-scroll,html.reduce-motion .result-card-wrap,html.reduce-motion .reward-burst,html.reduce-motion .reward-popup .reward-slot{animation:none}html.reduce-motion .result-card-wrap{opacity:1}html.reduce-motion .damage-number{animation-name:damage-still}@keyframes damage-still{0%,to{opacity:0}20%{opacity:1}}#topbar>.guild-mark,#topbar>.resources{align-self:center}.battle-field #battle-units .unit-statuses{position:absolute;top:calc(var(--gauge-top) + 11px);left:var(--gauge-left);z-index:302;display:flex;gap:1px;height:20px;width:max-content;pointer-events:none}.battle-field #battle-units .enemy .unit-statuses{top:calc(var(--gauge-top) + 7px)}.status-icon{position:relative;display:block;width:20px;height:20px;flex:0 0 20px}.status-icon img{display:block;width:20px;height:20px;image-rendering:auto}.status-stacks{position:absolute;right:0;bottom:0;font-size:12px;line-height:16px;color:#fff;text-shadow:1px 1px #000,-1px -1px #000;background:#12221de0}.status-overflow{align-self:center;font-size:12px;line-height:20px;color:#fff;text-shadow:1px 1px #000}.secondary-panel h2{margin:0 0 10px;font-size:12px;line-height:18px}.secondary-panel .stats-panel{padding:0;background:none}.facility-details h2,.facility-details h2 span{font-size:16px;line-height:24px}.facility-details p{font-size:16px;line-height:24px;margin:var(--gap-tight) 0 var(--gap-group)}.facility-details>button{min-height:44px;padding:0 var(--gap-section);font-size:16px;line-height:24px}.facility-details .currency{gap:var(--gap-tight)}.facility-details .currency b{font-size:16px;line-height:24px}.facility-details .currency .icon{width:18px;height:18px}.facility-lock{font-size:16px;line-height:24px}.roster-screen .formation-panel{display:flex;flex-direction:column;gap:8px;padding:12px 16px 14px}.formation-head{display:flex;align-items:center;gap:10px}.formation-head strong{font-size:12px;line-height:18px;color:#f1dfb4;font-weight:400}.formation-head span{flex:1;font-size:12px;line-height:18px;color:#c7b98f}.roster-screen .formation-panel>.formation-head{height:auto;font-size:12px;line-height:18px;justify-content:flex-start}.formation-head strong,.formation-head span{white-space:nowrap}.roster-screen .formation-panel .formation-members>.formation-card{width:auto;height:auto}.roster-screen .formation-panel .formation-edit{width:auto;align-self:auto;flex:none;min-height:36px;height:36px;min-width:64px;padding:0 12px;font-size:12px;line-height:18px}.formation-panel .formation-edit:before{border-width:8px}.formation-panel .formation-members{display:flex;gap:6px;justify-content:stretch}.formation-card{flex:1;min-width:0;min-height:96px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;background:#0e211ecc;border:1px solid color-mix(in srgb,var(--grade-color,#8a8055) 55%,transparent);color:#f1dfb4}.formation-card.grade-common{--grade-color:#a9b5b0}.formation-card.grade-rare{--grade-color:#67c0d4}.formation-card.grade-epic{--grade-color:#c593e8}.formation-card.grade-legendary{--grade-color:#edba5c}.formation-card .face-crop{border:1px solid color-mix(in srgb,var(--grade-color,#8a8055) 70%,transparent)}.formation-card span{font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.formation-card small{font-size:12px;line-height:18px;color:#c7b98f}.formation-card.empty-mini{justify-content:center;font-size:24px;line-height:30px;color:#6d775f;border-style:dashed}.hero-screen .detail-heading{gap:6px;margin-bottom:10px}.hero-screen .back-button{display:flex;align-items:center;gap:2px;min-height:44px;min-width:44px;padding:0 6px 0 0;border:0;background:none;color:#e2b65a;line-height:18px}.hero-screen .back-button>span{font-size:24px;line-height:28px;margin-top:-3px}.hero-screen .back-button>small{font-size:12px;line-height:18px;color:#c7b98f}.hero-screen .detail-heading h1{font-size:24px;line-height:30px;margin-left:4px}.hero-screen .hero-overview{gap:14px;align-items:stretch;margin:0 4px 12px}.hero-screen .hero-overview>.hero-card{width:144px;height:192px}.hero-screen .hero-overview .card-character{height:150px}.hero-screen .hero-overview .card-label{font-size:12px;line-height:18px}.hero-screen .hero-summary{display:flex;flex-direction:column;min-width:0;font-size:12px;line-height:20px}.hero-screen .hero-summary h2{font-size:24px;line-height:30px;margin:2px 0 0}.hero-quick-actions{margin-top:auto;display:flex;flex-direction:column;gap:6px}.hero-screen .hero-quick-actions .levelup-button{height:44px;min-height:44px;flex-direction:row;justify-content:center;gap:10px;padding:0 12px}.hero-screen .hero-quick-actions .levelup-button:before{border-width:8px}.hero-screen .hero-quick-actions .levelup-button>strong{font-size:12px;line-height:18px;white-space:nowrap;flex:none}.hero-screen .hero-quick-actions .levelup-button>span{display:flex;gap:8px;font-size:12px;line-height:18px}.hero-screen .hero-quick-actions .team-button{height:36px;min-height:36px;padding:0 10px;font-size:12px;line-height:18px}.hero-screen .hero-quick-actions .team-button:before{border-width:8px}.hero-screen .hero-quick-actions .text-button{font-size:12px;line-height:18px;min-height:32px}.hero-screen .hero-detail-scroll{padding-bottom:8px}.hero-screen .back-button.kit-icon-button{position:relative;isolation:isolate;flex:none;width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;color:#f3e2b8;background:transparent;border:0}.kit-icon-button:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-style:solid;border-color:transparent;border-width:8px;border-image-source:var(--asset-btn_muted);border-image-slice:8 fill;image-rendering:pixelated}.hero-screen .kit-icon-button>.pixel-chevron{margin:-2px 0 0 -2px}.kit-icon-button.pressed>svg{transform:translateY(1px)}.hero-screen .detail-heading h1{display:flex;align-items:baseline;gap:8px;min-width:0}.hero-stars{font-size:12px;line-height:18px;letter-spacing:1px;color:var(--gold);white-space:nowrap}.battle-field #battle-units .battle-unit.melee.attacking{animation:dash-ally .36s step-end}.battle-field #battle-units .battle-unit.enemy.melee.attacking{animation:dash-enemy .36s step-end}@keyframes dash-ally{0%{margin-left:10px}15%{margin-left:22px}30%{margin-left:30px}50%{margin-left:26px}65%{margin-left:16px}80%{margin-left:6px}to{margin-left:0}}@keyframes dash-enemy{0%{margin-left:-10px}15%{margin-left:-22px}30%{margin-left:-30px}50%{margin-left:-26px}65%{margin-left:-16px}80%{margin-left:-6px}to{margin-left:0}}html.reduce-motion .battle-field #battle-units .battle-unit.melee.attacking{animation:lunge-ally .24s step-end}html.reduce-motion .battle-field #battle-units .battle-unit.enemy.melee.attacking{animation:lunge-enemy .24s step-end}.hero-screen .hero-detail-scroll>.panel{margin-bottom:10px}.hero-screen .hero-summary>.eyebrow{font-size:12px;line-height:18px}.hero-screen .hero-summary>span{font-size:12px;line-height:18px}.hero-screen .hero-summary .icon{width:20px;height:20px}.hero-screen .hero-summary>small{font-size:12px;line-height:18px}.hero-screen .hero-summary>.hero-power{display:flex;align-items:center;gap:4px;margin:8px 0 2px;line-height:20px;font-size:12px}.hero-screen .hero-power>.icon{width:28px;height:28px;margin:-4px -2px -4px -4px}.hero-screen .hero-power b{color:#f3e2b8;font-weight:400}.trait-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;object-fit:contain;image-rendering:auto;vertical-align:middle}.card-element{position:absolute;top:5px;left:4px;z-index:4;background:#10231ee6;border-radius:3px}.hero-card .card-level{top:28px}.formation-card{position:relative}.formation-card .card-element{top:3px;left:3px}.synergy-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-height:108px;overflow-y:auto;flex:none}.synergy-badge{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:4px 6px;min-height:32px;border:1px solid #b69b5866;background:#172d26;color:#f1dfb4;max-width:100%;font-size:12px;line-height:18px}.synergy-badge small,.synergy-empty{color:#a7ad9d;font-size:12px;line-height:18px}.synergy-table-button{padding:4px 0;color:#e7c77d;font-size:12px;line-height:18px;min-height:32px}.hero-traits{display:flex;flex-wrap:wrap;gap:10px 16px}.hero-traits>span{display:flex;align-items:center;gap:4px;font-size:12px;line-height:18px}.passive-panel h2{margin:0 0 10px;font-size:24px;line-height:30px}.passive-entry{padding:10px 0;border-top:1px solid #b69b5855}.passive-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.passive-heading h3{margin:0;font-size:12px;line-height:18px;color:#f1dfb4}.passive-heading small{font-size:12px;line-height:18px;color:#e7c77d}.passive-heading .icon{width:20px;height:20px;flex:none}.passive-entry p{margin:6px 0 0;font-size:12px;line-height:18px;overflow-wrap:anywhere}.passive-entry.locked{opacity:.55}.synergy-definition{padding:10px 0;border-bottom:1px solid #b69b5855}.synergy-definition h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:12px;line-height:20px;color:#f1dfb4}.synergy-current{margin:0 0 6px;color:#a7ad9d;font-size:12px;line-height:18px}.synergy-definition.active .synergy-current{color:#b4dc9b}.synergy-tier{padding:6px;border-left:2px solid #617466;font-size:12px;line-height:18px}.synergy-tier.current{border-color:#e7c77d;background:#39523688}.synergy-tier strong{font-weight:400;color:#e7c77d}.synergy-tier p{margin:4px 0 0;font-size:12px;line-height:18px;overflow-wrap:anywhere}.growth-page{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.enemy-element-hint{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 6px;flex:none;font-size:12px;line-height:20px;color:#e7dec8}.enemy-element-hint>span,.enemy-element-hint>small{display:flex;align-items:center;gap:4px;font-size:12px;line-height:20px}.enemy-element-hint>small{color:#b4dc9b}.growth-page .growth-row{height:auto;min-height:130px;flex:1 0 auto}.affinity-mark{display:inline-block;margin-left:4px;font-size:12px;line-height:18px;vertical-align:middle;text-shadow:1px 1px #10231e}.affinity-mark.advantage{color:#b4f1a0}.affinity-mark.disadvantage{color:#ff9a86}.synergy-popup .synergy-definition h3{color:#59442c;text-align:left}.synergy-popup .synergy-current{color:#626b57}.synergy-popup .synergy-definition.active .synergy-current{color:#2e633b}.synergy-popup .synergy-tier strong{color:#694c22}.synergy-popup .synergy-tier.current{border-color:#7d6129;background:#d7dfbf}.damage-number:has(.affinity-mark){white-space:nowrap}.stage-subtitle{display:flex;align-items:center;gap:4px;min-width:0;height:20px}.stage-subtitle small{min-width:0;flex:1}#environment-icon{display:flex;flex:none}.environment-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;min-height:0;border:0;background:none}.environment-icon img{width:20px;height:20px;image-rendering:pixelated}.battle-field #battle-units .boss-phase{position:absolute;left:-14px;top:-20px;width:72px;text-align:center;color:#ffe3a1;font-size:12px;line-height:18px;white-space:nowrap;text-shadow:1px 1px #000;pointer-events:none}.battle-field #battle-units .elite-unit .hp-track{outline:2px solid #eac25e;box-shadow:0 0 4px #eac25e}.battle-field #battle-units .boss-hidden .unit-sprite{opacity:.25}.boss-cast{position:absolute;left:24px;right:24px;top:116px;z-index:310;padding:6px 8px;background:#14141ce6;border:1px solid #d5b36a;pointer-events:none}.boss-cast[hidden]{display:none}.cast-name{display:block;color:#ffe3a1;font-size:12px;line-height:18px;text-align:center;white-space:nowrap}.cast-track{height:6px;margin-top:4px;background:#423626}.cast-track i{display:block;height:100%;width:0;background:#eac25e}.boss-cast[data-interruptible=false] .cast-track i{background:#d77778}.stage-title{gap:0}.battle-field #battle-units .boss-unit .unit-name{top:calc(var(--head-y) - 52px)}.demon-clone .unit-sprite{scale:var(--clone-scale);opacity:var(--clone-opacity);transform-origin:var(--foot-x) var(--foot-y)}.hero-screen .hero-quick-actions .promotion-button{display:flex;flex-direction:column;align-items:center;gap:2px;height:64px;min-height:64px;padding:12px;font-size:12px;line-height:18px}.hero-screen .promotion-button strong,.hero-screen .promotion-button>span{font-size:12px;line-height:18px}.hero-screen .hero-quick-actions .promotion-button:before{border-width:8px}[hidden]{display:none!important}.recruit-screen{display:flex;flex-direction:column;min-height:0}.recruit-tabs{flex:none;padding:4px 16px}.recruit-content{display:flex;flex:1;flex-direction:column;min-height:0}.recruit-content .recruit-banner{flex:1;min-height:150px}.recruit-content .recruit-bottom{flex:none}.soul-shop{flex:1;min-height:0;overflow:auto;padding:8px 18px 20px}.shop-heading{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.shop-heading h1{font-size:24px;line-height:30px}.shop-heading small,.soul-card,.shop-wallet,.shop-hint,.shop-refresh{font-size:12px;line-height:18px}.soul-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.soul-card{border:2px solid var(--grade,#a79b85);border-radius:4px;background:#efe0bb;color:#3c2c22;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.soul-card>.face-crop{border:2px solid var(--grade);flex:none}.soul-card>strong{max-width:100%;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soul-card>small{color:#5d4936;font-size:12px;line-height:18px}.soul-card .primary{width:100%;min-width:0;min-height:58px;font-size:12px;line-height:18px;padding:18px}.shop-wallet{display:flex;justify-content:center;align-items:center;gap:8px;margin:12px 0}.shop-refresh{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:0 20px;gap:4px}.shop-refresh strong{display:flex;align-items:center;gap:6px;font-size:12px;line-height:18px}.shop-hint{text-align:center;margin:10px 0}.promotion-stone-option{display:flex;align-items:center;gap:6px;font-size:12px;line-height:18px}.promotion-stone-option input{width:16px;height:16px;flex:none}.promotion-stone-info{font-size:12px;line-height:18px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.stage-heading[data-action=stage-nav]{cursor:pointer}.stage-nav-popup .stage-nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-nav-popup .popup-body,.stage-nav-popup .popup-message,.stage-nav-popup>header h2,.stage-nav-popup .secondary,.stage-nav-popup .primary{font-size:16px;line-height:24px}.stage-nav-popup .stage-nav-list .secondary{padding:16px;min-width:0;min-height:48px}.cast-target-label{position:absolute;top:calc(var(--foot-y) + 2px);left:calc(var(--foot-x) - 22px);width:44px;color:#fff1c2;background:#712b22;font-size:12px;line-height:18px;text-align:center;white-space:nowrap;pointer-events:none;z-index:302}.cast-target-label[hidden]{display:none}.battle-unit.cast-target .unit-shadow{outline:2px solid #f6bd57;background:#b5444477}.sprite.front-sprite{overflow:hidden}.result-grid:not(.single-result) .card-label{bottom:18px}.result-grid:not(.single-result) .card-stars{letter-spacing:-1px}.sprite.card-character{overflow:visible}.result-tag{z-index:4;pointer-events:none}.anchor-preview-status{font-size:12px;line-height:24px;color:var(--ink)}.anchor-preview-status button{font-size:12px;line-height:24px}.summon-ten-popup{width:calc(var(--gw,360px) - 8px);left:4px;padding-left:32px;padding-right:32px}.summon-ten-popup .ten-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ten-results .result-card-wrap:nth-child(10){grid-column:2}.ten-results .hero-card{height:auto;aspect-ratio:3 / 4}.ten-results .card-character{inset:6px auto auto calc(50% - 64px);width:128px;height:128px}#game .ten-results .card-character img{image-rendering:pixelated}.ten-results :is(.card-level,.card-stars,.card-element,.deployed,.lock){display:none}.result-grid.ten-results .card-label{top:auto;bottom:3px;height:auto;min-height:16px;font-size:12px;line-height:16px;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}.ten-results .result-tag{inset:3px 3px auto;line-height:16px;background:#13221ee6;color:var(--paper)}.summon-popup{padding-top:36px;padding-bottom:36px}.summon-popup>header{padding-bottom:4px;align-items:center}.summon-popup>header h2{font-size:24px;line-height:32px}.summon-popup>header .close-button{width:32px;height:32px;min-width:32px;min-height:32px;font-size:12px}.summon-popup>header .close-button img,.summon-popup>header .close-button svg{width:24px;height:24px}.summon-popup>footer button{min-height:40px;height:40px;padding:0 16px;font-size:16px;line-height:24px}.popup.summon-ten-popup{--frame-left:32px;--frame-right:32px;padding-left:32px;padding-right:32px;max-height:calc(var(--gh,780px) - 16px)}.summon-ten-popup .ten-results .card-character{z-index:1}.summon-ten-popup .ten-results .card-frame{z-index:2}.recruit-screen>.recruit-tabs{order:99;margin-top:auto;padding:4px 16px 6px}.shop-refresh{margin-top:12px}.soul-shop{padding-top:16px}.roster-screen{padding-bottom:4px}.roster-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;align-self:flex-end;margin-bottom:4px}.roster-meta .text-button{font-size:12px;line-height:18px;padding:0;min-height:0;height:18px}.roster-meta .text-button{position:relative}.roster-meta .text-button:after{content:"";position:absolute;inset:-12px -8px}.battle-screen .stage-title{position:relative;padding-left:52px}.battle-screen #environment-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:48px;height:48px;display:block;line-height:0}.battle-screen #environment-icon img{width:48px;height:48px;max-width:none;flex:none}.battle-unit .unit-bars .unit-elem{position:absolute;right:100%;top:50%;margin-right:2px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.battle-screen #environment-icon .environment-icon{width:48px;height:48px}.facility-header{gap:var(--gap-tight);text-align:right}.facility-header .subtitle{font-size:16px;line-height:24px}.hero-screen{padding-bottom:4px}.hero-screen .detail-heading{display:flex;align-items:center;margin-bottom:8px}.hero-screen .detail-heading .grade-label{margin-left:auto}.hero-screen .detail-heading .team-button{min-height:32px;height:32px;padding:0 12px;font-size:12px;line-height:18px;flex:none}.hero-screen .hero-overview{margin:0 4px 10px}.hero-screen .hero-summary{gap:4px}.hero-tagline{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;color:#e2b65a;font-size:12px;line-height:20px}.hero-tagline>span{display:inline-flex;align-items:center;gap:2px}.hero-tagline .trait-icon,.hero-tagline img{width:20px;height:20px}.hero-base-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin-top:4px;font-size:12px;line-height:18px}.hero-base-stats>div{display:flex;justify-content:space-between}.hero-base-stats span{color:#c3bda5}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 4px}.hero-actions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px 8px;font-size:12px;line-height:18px}.hero-actions>button strong{font-size:12px;line-height:18px;font-weight:400}.hero-actions>button span{display:flex;align-items:center;gap:4px;font-size:12px;line-height:18px}.promotion-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:6px 6px 10px;font-size:12px;line-height:18px;color:#c3bda5}.promotion-line .promotion-stone-option{display:inline-flex;align-items:center;gap:4px;margin:0}.promotion-line .promotion-stone-info{font-size:12px;line-height:18px}.hero-tab-panel{margin:0 0 4px;padding:16px 18px}.hero-pane[hidden]{display:none}.hero-pane .stats-panel{margin:0;padding:0;background:none;border:0}.hero-pane .skill-entry{margin-bottom:10px}.hero-pane .skill-entry h3{font-size:12px;line-height:18px;color:#ffe3a1;margin:2px 0}.hero-pane .skill-entry p,.hero-pane .passive-entry p{font-size:12px;line-height:18px;margin:0}.hero-pane .passive-entry{margin-top:8px}.hero-pane .equipment-slots{margin:0}.hero-pane .gear-note{display:block;margin-top:8px;font-size:12px;line-height:18px;color:#c3bda5;text-align:center}.hero-tabs{flex:none;padding:4px 0 2px}.hero-actions.with-stones{grid-template-columns:1fr 1fr 48px}.promotion-button>span{flex-wrap:wrap;justify-content:center}.promo-mat{display:inline-flex;align-items:center;gap:2px}.promo-mat .face-crop{border-radius:2px}.promo-mat.short b{color:var(--text-short)}.stone-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:4px 0;border:2px solid #4a4030;border-radius:2px;background:#1b1d27;color:#b9ae94;box-shadow:inset 0 0 0 1px #0008}.stone-toggle img{width:20px;height:20px;filter:grayscale(1);opacity:.55}.stone-toggle b{font-size:12px;line-height:18px;font-weight:400}.stone-toggle[aria-pressed=true]{border-color:#f2c14e;background:#3a2a12;color:#ffe3a1;box-shadow:0 0 0 1px #000,0 0 6px #f2c14e88}.stone-toggle[aria-pressed=true] img{filter:none;opacity:1}.hero-actions{margin-bottom:10px}.promo-mat .stone-add{font-style:normal;color:#ffd36b}.hero-actions>.promotion-button{padding:6px 4px}.promotion-button>span{flex-wrap:nowrap;gap:4px;white-space:nowrap}.promotion-button .currency{gap:2px}:root{--gap-tight:4px;--gap-group:8px;--gap-section:16px }.screen-title,.roster-screen .role-tabs{margin-bottom:var(--gap-group)}.roster-screen .formation-panel{margin-top:var(--gap-section)}.roster-screen{padding-bottom:var(--gap-tight)}.hero-screen .detail-heading,.hero-screen .hero-overview{margin-bottom:var(--gap-group)}.hero-actions{margin-bottom:var(--gap-section)}.soul-shop .shop-heading{margin-bottom:var(--gap-group)}.shop-refresh{margin-top:var(--gap-section)}.facility-row{margin-bottom:var(--gap-group)}.home-bottom{bottom:var(--gap-tight)}.popup>header{margin-bottom:var(--gap-group)}.popup>footer{margin-top:var(--gap-section)}.popup-body>*+*{margin-top:var(--gap-group)}.popup-body>.mission-list,.popup-body>.reward-slots{margin-top:var(--gap-group)}.popup-body>.popup-message,.popup-body>h3{margin-bottom:0}.engine-badge{display:inline-flex;align-items:center;max-width:100%;padding:var(--gap-tight);border:1px solid #83bfb166;border-radius:4px;background:#213a37;color:#cfefe1;font-size:12px;line-height:18px;overflow-wrap:anywhere}.hero-tagline{gap:var(--gap-tight) var(--gap-group)}.synergy-strip{gap:var(--gap-tight)}.counter-chip{display:inline-flex;align-items:center;gap:var(--gap-tight);color:#d8e6ce;font-size:12px;line-height:18px}.counter-chip b{color:#ffe3a1;font-weight:400}.status-icon[data-status=shatter]{background:#4a6f88;border:1px solid #89d5ed}.status-icon[data-status=break]{background:#82364f;border:1px solid #ffac79}.status-icon[data-status=shatter] img{filter:sepia(1) saturate(2) hue-rotate(145deg)}.status-icon[data-status=break] img{filter:sepia(1) saturate(3) hue-rotate(320deg)}.promotion-button>span{flex-wrap:wrap;max-width:100%}.roster-meta .text-button:after{inset:-12px 0}.battle-screen>.battle-field{flex-shrink:1;min-height:356px}.battle-screen>.bottom-pager{min-height:min-content}.bottom-pager .pager-head{display:grid;grid-template-columns:auto minmax(0,1fr) 74px;grid-template-rows:28px;height:28px;min-height:28px;flex-basis:28px;gap:0 var(--gap-tight)}.pager-head #pager-title{grid-column:1;grid-row:1}.pager-head #pager-extra{grid-column:2;grid-row:1;min-width:0}.pager-head .pager-dots{grid-column:3;grid-row:1;gap:var(--gap-tight)}.pager-head .pager-dots button{width:22px;min-width:22px}.bottom-pager .pager{height:136px;min-height:136px;flex:0 0 136px}.hero-screen .detail-heading .team-button{--frame-top:8px;--frame-bottom:8px;--frame-left:14px;--frame-right:14px;height:44px;min-height:44px;padding:8px 14px;flex:none;margin-left:8px;font-size:12px;line-height:18px}.hero-screen .hero-overview .hero-card :is(.card-element,.card-level,.card-label,.card-stars,.deployed,.lock){display:none}.hero-screen .detail-heading h1{display:flex;align-items:center;gap:6px}.hero-screen .detail-heading .hero-stars{font-size:24px;line-height:30px;color:#f2c14e;letter-spacing:0}#game{background:#16161f}.screen-paper{background:linear-gradient(165deg,#272637,#1c1b28 55%,#15141d)}.hero-card{background:none;border-color:transparent;box-shadow:none}.card-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-card.unowned .card-bg{filter:brightness(.35) saturate(.4)}.hero-actions>button,.hero-actions>.stone-toggle{height:64px;min-height:64px;--frame-top:10px;--frame-bottom:10px }.hero-actions>button{padding-top:10px;padding-bottom:10px;overflow:hidden}.promotion-button>span{flex-wrap:nowrap;white-space:nowrap}.promo-mat.stone b{color:#ffd36b}.hero-card .card-stars{text-shadow:-1px 0 #000,1px 0 #000,0 -1px #000,0 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000}.formation-head .synergy-table-button{margin-left:auto;padding:0 4px;min-height:0;font-size:12px;line-height:18px;white-space:nowrap}.formation-head .synergy-table-button+.formation-edit{margin-left:var(--gap-group)}.summon-buttons strong{font-size:16px;line-height:24px}.summon-buttons>button>span,.summon-buttons .currency b{font-size:16px;line-height:24px}.summon-buttons .currency img{width:24px;height:24px}.recruit-screen,.facility-screen,.hero-screen{background:linear-gradient(165deg,#272637,#1c1b28 55%,#15141d)}.summon-popup>footer button{display:flex;align-items:center;justify-content:center;gap:8px}.summon-popup>footer button .currency img{width:20px;height:20px}#topbar .resources{transform:translateY(-4px)}.hero-card.grade-common{--wt:15%;--wr:17%;--wl:20% }.hero-card.grade-rare{--wt:16%;--wr:19%;--wl:18% }.hero-card.grade-epic{--wt:18%;--wr:21%;--wl:21% }.hero-card.grade-legendary{--wt:21%;--wr:22%;--wl:23% }.roster-grid .hero-card .card-element{top:calc(var(--wt) - 2px);left:calc(var(--wl) - 4px);background:none;border-radius:0}.roster-grid .hero-card .card-level{display:none}.roster-grid .hero-card img.deployed{top:calc(var(--wt) - 2px);right:calc(var(--wr) - 4px);left:auto;width:16px;height:16px}.card-label .card-promote-dot{display:inline-block;width:6px;height:6px;margin-left:3px;vertical-align:2px;border-radius:50%;background:#e2403a;box-shadow:0 0 0 1px #000}.screen-paper,.recruit-screen,.facility-screen,.hero-screen{background:radial-gradient(ellipse at 50% 30%,#0000 40%,#0000004d),url(../../assets/ui/bg/pattern_cloud.png) 0 0/128px 128px repeat,#1c1b28;image-rendering:pixelated}.home-screen{display:flex;flex-direction:column}.home-screen .home-party{position:relative;inset:auto;flex:none;margin:auto var(--gap-tight) 0}.home-screen .home-bottom{position:relative;left:auto;right:auto;bottom:auto;flex:none;margin:var(--gap-group) calc(var(--gap-group) + var(--gap-tight)) var(--gap-tight)}.home-screen .idle-panel{display:block;padding:var(--gap-section);font-size:16px;line-height:24px;overflow:hidden;transition:height .2s ease}.home-screen .home-idle-details{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-group)}.home-screen .home-idle-details[hidden],.home-screen .home-idle-summary[hidden]{display:none}.home-screen .idle-panel .panel-heading,.home-screen .idle-panel .panel-heading time,.home-screen .idle-panel .currency,.home-screen .idle-panel .currency b,.home-screen .home-idle-details>.primary,.home-screen .home-idle-details>small{font-size:16px;line-height:24px}.home-screen .idle-panel .panel-heading>span,.home-screen .idle-panel .currency,.home-screen .home-idle-details>.primary{gap:var(--gap-tight)}.home-screen .idle-panel .panel-heading .icon,.home-screen .idle-rewards .icon{width:24px;height:24px;font-size:24px;line-height:24px}.home-screen #idle-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-section)}.home-screen #idle-rewards>.currency{min-width:0;justify-content:center}.home-screen #idle-rewards>.currency b{flex:0 0 6ch;text-align:center;font-variant-numeric:tabular-nums}.home-screen .home-idle-details>small{padding-top:0;color:#a9b4a2}.home-screen .home-idle-details>.primary{width:100%;align-self:center}.home-screen .idle-panel .icon:has(>img)>.sprite-fallback{visibility:hidden}.home-screen .home-idle-toggle{position:absolute;top:var(--gap-tight);right:var(--gap-group);z-index:1;width:44px;height:44px;padding:0;font-size:12px;line-height:18px;color:var(--gold)}.home-screen .home-idle-details .expedition-link{padding-right:calc(44px + var(--gap-tight))}.home-screen .idle-panel.is-collapsed{--frame-top:var(--gap-tight);--frame-right:var(--gap-group);--frame-bottom:var(--gap-tight);--frame-left:var(--gap-group) }.home-screen .idle-panel.is-collapsed:before{border-width:var(--gap-section)}.home-screen .home-idle-summary{display:flex;align-items:center;gap:var(--gap-tight);min-height:44px;padding-right:calc(44px + var(--gap-tight));font-size:12px;line-height:18px;white-space:nowrap}.home-screen #home-summary-stage{flex:1;min-width:3ch;overflow:hidden;text-overflow:ellipsis}.home-screen #home-summary-rewards{display:flex;min-width:0;gap:var(--gap-tight)}.home-screen #home-summary-rewards .currency{min-width:0}.home-screen #home-summary-rewards b{overflow:hidden;text-overflow:ellipsis}.home-screen .home-idle-summary>.primary{--frame-top:var(--gap-tight);--frame-right:var(--gap-group);--frame-bottom:var(--gap-tight);--frame-left:var(--gap-group);flex:none;min-height:44px;padding:var(--gap-tight) var(--gap-group)}.home-screen .home-idle-summary>.primary:before{border-width:var(--gap-group)}.home-screen .home-idle-summary .currency,.home-screen .home-idle-summary .currency b,.home-screen .home-idle-summary>.primary{font-size:12px;line-height:18px}.home-screen .home-idle-summary .icon{width:12px;height:12px;font-size:12px;line-height:18px}html.reduce-motion .home-screen .idle-panel{transition:none}.home-expedition{border-bottom:1px solid #9e8a564a;padding-bottom:var(--gap-group)}.home-screen .expedition-link,.home-screen .expedition-link small,.home-screen .expedition-link strong,.home-screen .home-footer{font-size:16px;line-height:24px}.home-screen .expedition-link{padding:var(--gap-tight) 0;margin-top:0;border-bottom:0}.home-screen .expedition-link>span:first-child{gap:var(--gap-tight)}.home-screen .home-footer{gap:var(--gap-tight);padding:var(--gap-group) 0 0}.hero-card img.deployed{width:22px;height:22px;border:0;background:none;padding:0;image-rendering:auto}.hero-screen .hero-summary>.hero-tagline,.hero-screen .hero-summary>.hero-power,.hero-screen .hero-base-stats,.hero-screen .hero-pane .stats-panel>div,.hero-screen .hero-pane .skill-entry .eyebrow,.hero-screen .hero-pane .skill-entry h3,.hero-screen .hero-pane .skill-entry p,.hero-screen .hero-pane .passive-heading h3,.hero-screen .hero-pane .passive-heading small,.hero-screen .hero-pane .passive-entry p,.hero-screen .hero-pane .equipment-item>strong,.hero-screen .hero-pane .gear-note,.hero-screen .hero-tabs .segmented-option{font-size:16px;line-height:24px}.hero-screen .hero-summary>.hero-tagline{display:flex}.hero-screen .hero-tagline>span{gap:var(--gap-tight)}.hero-screen .hero-tagline .trait-icon{width:24px;height:24px;flex-basis:24px}.hero-screen .hero-base-stats{gap:var(--gap-tight);margin-top:var(--gap-tight)}.hero-screen .hero-base-stats>div,.hero-screen .hero-pane .stats-panel>div{gap:var(--gap-tight);white-space:nowrap}.hero-screen .hero-base-stats b,.hero-screen .hero-pane .stats-panel b{flex-shrink:0}.hero-screen .hero-pane .stats-panel{gap:var(--gap-group)}.hero-screen .hero-detail-scroll{display:flex;flex-direction:column;overflow:hidden}.hero-screen .hero-overview{flex:none}.hero-screen .hero-detail-scroll>.hero-tab-panel{flex:1;min-height:0;overflow:hidden;margin-bottom:var(--gap-tight)}.hero-screen .hero-pane{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9d895455 transparent}.hero-screen .hero-pane .skill-entry{margin-bottom:var(--gap-group)}.hero-screen .hero-pane .skill-entry h3{margin:var(--gap-tight) 0}.hero-screen .hero-pane .passive-entry{margin-top:var(--gap-group);padding:var(--gap-group) 0}.hero-screen .hero-pane .passive-heading{gap:var(--gap-tight)}.hero-screen .hero-pane .equipment-item>strong{margin-top:var(--gap-group)}.hero-screen .hero-pane .gear-note{margin-top:var(--gap-group)}.roster-grid .hero-card img.deployed,.hero-card img.deployed{width:28px;height:28px;filter:drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000)}#topbar .resources{transform:none;align-self:center}#topbar .guild-info .fame-track{width:32px}.battle-screen{background:url(../../assets/ui/bg/pattern_cloud.png) 0 0/128px 128px repeat,#1c1b28;image-rendering:pixelated}.popup>header{align-items:center;padding-bottom:4px}.popup>header h2,.popup header h2{font-size:24px;line-height:32px}.popup>header .close-button{width:32px;height:32px;min-width:32px;min-height:32px}.popup>header .close-button img,.popup>header .close-button svg{width:24px;height:24px}.primary:disabled,.secondary:disabled{text-shadow:var(--text-outline)}.home-hero>span:last-child,.damage-number,.battle-field .unit-name,.battle-field .cast-name,.recruit-banner .banner-copy{text-shadow:var(--text-outline)}.recruit-banner .eyebrow{color:var(--text-gold)}#topbar .cloud-sync-icon{position:absolute;right:5px;top:0;width:18px;height:16px;min-width:0;min-height:0;padding:0;border:0;background:transparent;font-size:13px;line-height:16px;color:#9fbbaa}#topbar .cloud-sync-icon[data-status=syncing]{color:#e8c776}#topbar .cloud-sync-icon[data-status=offline]{color:#9b9b9b}#topbar .cloud-sync-icon[data-status=conflict]{color:#e8a576}.cloud-account{flex-wrap:wrap;gap:6px}.cloud-account small{flex-basis:100%}.cloud-code-input{width:100%;box-sizing:border-box;padding:8px;font-size:18px;text-align:center;letter-spacing:2px}.mail-popup .mail-list{display:flex;flex-direction:column;gap:12px}.mail-popup .mail-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #776b5940}.mail-popup .mail-copy{flex:1;min-width:0;overflow-wrap:anywhere}.mail-popup .mail-copy strong{display:block}.mail-popup .mail-copy p{margin:6px 0;white-space:pre-wrap}.mail-popup .mail-copy small{display:block;margin-top:6px}.mail-popup .mail-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.mail-popup .mail-attachments .as-item-icon{width:40px;height:40px}.mail-popup .mail-claimed{opacity:.5}.mail-popup .mail-row button,.mail-popup .mail-received{flex-shrink:0}#game.chat-route{--dy:calc(var(--gh,800px) - 832px)}#game.chat-route #content{height:calc(692px + var(--dy))}#game.chat-route .home-screen,#game.chat-route .battle-screen{height:calc(692px + var(--dy));padding-bottom:32px}#game.chat-route .battle-screen>.battle-field{height:calc(458px + var(--dy));min-height:388px;margin-bottom:-32px}#game.chat-route #battle-units{bottom:32px}.chat-widget{height:32px;width:100%;margin-top:-32px;pointer-events:none;font-size:16px;line-height:24px;color:var(--text-primary);--chat-nav-height:76px;--chat-sheet-bottom:76px;--chat-sheet-height:calc(var(--gh,844px) * .6)}.chat-widget[hidden],.chat-widget [hidden]{display:none!important}.chat-widget button:focus-visible,.chat-widget input:focus-visible,.chat-message:focus-visible{outline:2px solid #f4d28e;outline-offset:2px}.chat-widget .chat-strip{position:relative;display:flex;align-items:center;gap:calc(var(--gap-tight) * .75);width:100%;height:30px;min-height:30px;padding:0 calc(var(--gap-group) * .75);border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:12px;line-height:18px;pointer-events:auto;text-align:left}.chat-strip>.icon{width:24px;height:24px;flex:none}.chat-strip-preview{flex:1;min-width:0;height:18px;overflow:hidden}.chat-strip-lines,.chat-strip-line{display:block}.chat-strip-line{height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-strip-line .chat-rank{display:inline-block;margin-right:calc(var(--gap-tight) * .75);vertical-align:1px;cursor:inherit}.chat-strip-arrow{flex:none;font-size:12px}.chat-offline .chat-strip-preview{opacity:.5}.chat-badge{flex:none;min-width:20px;height:20px;line-height:20px;padding:0 var(--gap-tight);border-radius:10px;background:#bf3949;color:#fff;font-size:12px;text-align:center;pointer-events:none}.chat-strip-slide{animation:chat-strip-up .2s ease-out both}@keyframes chat-strip-up{0%{transform:translateY(0)}to{transform:translateY(-18px)}}.chat-backdrop{position:absolute;inset:0 0 var(--chat-nav-height);z-index:15;background:#0008;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s .12s,visibility 0s .34s}.chat-widget .chat-sheet{position:absolute;right:0;left:0;bottom:var(--chat-sheet-bottom);height:32px;z-index:17;border-top:1px solid #a68a5c55;border-bottom:1px solid #a68a5c55;background:#14202cd9;box-sizing:border-box;overflow:hidden;pointer-events:auto;transition:height .22s ease-out .12s}.chat-panel{position:relative;height:100%;display:flex;flex-direction:column;gap:calc(var(--gap-group) * .75);padding:calc(var(--gap-group) * .75) calc(var(--gap-section) * .75) calc(var(--gap-section) * .75);--frame-left:calc(var(--gap-section) * .75);--frame-right:calc(var(--gap-section) * .75);box-sizing:border-box;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease-out,visibility 0s .12s}.chat-open .chat-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.chat-widget.chat-open .chat-sheet{height:var(--chat-sheet-height);background:url(../../assets/ui/bg/pattern_cloud.png) 0 0/128px 128px repeat,#1c1b28;image-rendering:pixelated;transition-delay:0s}.chat-open .chat-panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease-out}html.reduce-motion .chat-widget .chat-sheet,html.reduce-motion .chat-backdrop,html.reduce-motion .chat-panel{transition:none}html.reduce-motion .chat-strip-lines{animation:none;transform:none}html.reduce-motion .chat-strip-line:not(:last-child){display:none}.chat-panel>*{position:relative;z-index:1}.chat-panel>header{display:flex;align-items:center;gap:var(--gap-tight);flex-shrink:0}.chat-status{flex:1;min-width:0;font-size:18px;line-height:24px;color:#f3ce79;white-space:nowrap}.chat-panel>header button,.chat-actions button{font:inherit;color:var(--text-primary);border:1px solid #a68a5c;background:#172525;border-radius:0;min-height:44px;padding:var(--gap-tight);cursor:pointer}.chat-panel>header button{font-size:12px;line-height:18px;flex-shrink:0}.chat-messages{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.chat-messages>li{flex-shrink:0}.chat-messages>li:first-child{margin-top:auto}.chat-message{padding:calc(var(--gap-tight) * .75) 0 calc(var(--gap-group) * .75);border-bottom:1px solid #c8a57333;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;-webkit-touch-callout:none}.chat-meta{display:flex;align-items:baseline;gap:calc(var(--gap-tight) * .75)}.chat-meta strong{flex:1;min-width:0;font-size:12px;line-height:18px;color:var(--text-primary)}.chat-mine .chat-meta strong{color:#f3ce79}.chat-meta time{font-size:12px;line-height:18px;color:var(--text-chat-muted);flex-shrink:0}.chat-message p{margin:calc(var(--gap-tight) * .75) 0 0;white-space:pre-wrap;font-size:12px;line-height:18px}.chat-empty{color:var(--text-chat-muted);padding:var(--gap-group) 0}.chat-form{display:flex;gap:var(--gap-group);flex-shrink:0}.chat-form .chat-input{min-width:0;width:0;flex:1;min-height:48px;padding:10px 12px;box-sizing:border-box;border:1px solid #c8a573;border-radius:0;background:#172525;color:var(--text-primary);font:inherit;font-size:16px;line-height:24px}.chat-input::placeholder{color:var(--text-chat-muted)}.chat-form .chat-send{flex-shrink:0;font:inherit}.chat-widget button:disabled{opacity:.5;cursor:default}.chat-actions{display:flex;flex-wrap:wrap;gap:var(--gap-tight);max-height:40%;overflow:auto;flex-shrink:0;padding:var(--gap-tight);border-top:1px solid #a68a5c}.chat-actions>strong,.chat-actions>span{width:100%;overflow-wrap:anywhere}.chat-actions button{max-width:100%;overflow-wrap:anywhere}.chat-feedback{margin:0;font-size:16px;line-height:24px;color:#ffd39c;flex-shrink:0}.chat-rank{flex:none;align-self:center;min-width:0;min-height:0;padding:0 calc(var(--gap-tight) * .75);border:1px solid #76918d;border-radius:3px;font:inherit;font-size:12px;line-height:14px;color:#fff3d7;white-space:nowrap;cursor:pointer;background:#205a5a}.chat-rank-power{background:#793632;border-color:#ae7970}.chat-rank-1{border-color:#efc85e;box-shadow:inset 0 0 0 1px #efc85e55}.chat-rank-2{border-color:#d1dae2;box-shadow:inset 0 0 0 1px #d1dae255}.chat-rank-3{border-color:#c48a5b;box-shadow:inset 0 0 0 1px #c48a5b55}.chat-panel>.chat-rank-tooltip{position:absolute;left:var(--frame-left);right:var(--frame-right);z-index:3;padding:6px 8px;border:1px solid #c8a573;border-radius:4px;background:#172525;color:var(--text-primary);font-size:12px;line-height:18px;box-shadow:0 3px 8px #0008;pointer-events:none}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;width:100%;min-width:0}.segmented-option{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:3px;height:44px;min-height:44px;min-width:0;padding:12px;font-size:12px;line-height:18px;white-space:nowrap;color:#c9c1a8;background:transparent;border:0}.segmented-option:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-style:solid;border-color:transparent;border-width:8px;border-image-source:var(--asset-btn_muted);border-image-slice:var(--slice-btn_muted,8 fill);image-rendering:pixelated}.segmented-option[aria-checked=true]{color:#fffae8}.segmented-option[aria-checked=true]:before{border-image-source:var(--asset-btn_primary);border-image-slice:var(--slice-btn_primary,8 fill)}.segmented-option.pressed,.segmented-option:active{transform:translateY(1px)}.segmented-check{width:12px;flex:none;display:none}.segmented-option[aria-checked=true] .segmented-check{display:inline}.segmented-compact .segmented-option{height:28px;min-height:28px;padding:4px;line-height:18px}.as-screen{height:100%;min-height:0;display:flex;flex-direction:column;padding:var(--gap-section);gap:var(--gap-group);font-size:16px;line-height:24px}.as-heading{display:flex;align-items:center;gap:var(--gap-group);flex:none}.as-heading h1{font-size:24px;line-height:30px;white-space:nowrap}.as-heading>span{margin-left:auto;font-size:12px;line-height:18px;white-space:nowrap}.as-heading .back-button{position:relative;isolation:isolate;flex:none;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;background:transparent;font-size:36px;line-height:36px}.as-screen>.segmented{flex:none}.as-screen .segmented-option{min-width:0;padding:var(--gap-tight);font-size:16px;line-height:24px}.as-list{flex:1;min-height:0;overflow-y:auto;padding:var(--gap-tight)}.inventory-screen{container-type:inline-size;padding-bottom:var(--gap-tight)}.inventory-screen .as-inventory-controls{display:grid;grid-template-columns:44px auto minmax(0,1fr) auto;align-items:center;gap:var(--gap-group) var(--gap-tight);flex:none;min-width:0}.inventory-screen .as-heading{display:contents}.inventory-screen .as-heading .back-button{grid-column:1;grid-row:1}.inventory-screen .as-heading h1{grid-column:2;grid-row:1}.inventory-screen .as-heading>span{grid-column:4;grid-row:1;margin-left:0}.inventory-screen .as-inventory-controls>.segmented{grid-column:1/-1;grid-row:2}.inventory-screen .as-filters{grid-column:3;grid-row:1;display:flex;align-items:center;gap:var(--gap-tight);margin-left:auto;min-width:0}.inventory-screen .as-filters select{appearance:none;flex:none;width:48px;height:28px;min-width:0;color:inherit;background:#282b30 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4'%3E%3Cpath d='M0 0h6L3 4z' fill='%23e7dec8'/%3E%3C/svg%3E") right var(--gap-tight) center/6px 4px no-repeat;border:1px solid #a09265;padding:var(--gap-tight);padding-right:calc(var(--gap-group) + var(--gap-tight));font:inherit;font-size:12px;line-height:18px}.inventory-screen .as-filters select[data-loot-filter=sort]{width:56px}.inventory-screen .ay-bulk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;gap:var(--gap-tight)}.inventory-screen .ay-bulk-actions>button{--frame-top:var(--gap-tight);--frame-right:var(--gap-group);--frame-bottom:var(--gap-tight);--frame-left:var(--gap-group);min-width:0;height:44px;min-height:44px;padding:var(--gap-tight) var(--gap-group);font-size:16px;line-height:24px;white-space:nowrap}.inventory-screen .ay-bulk-actions>button:before{border-width:var(--gap-group)}.inventory-screen .as-inventory-item>.as-item-icon>.sprite.ay-equipped{position:absolute;top:0;left:0;width:28px;height:28px;filter:drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000);pointer-events:none}.inventory-screen .as-inventory-item>.as-item-icon>.sprite.ay-locked{position:absolute;top:0;right:0;width:16px;height:16px;pointer-events:none}.ay-item-detail-popup .ay-lock-toggle{display:inline-flex;align-items:center;gap:var(--gap-tight);margin:var(--gap-group) 0}.ay-item-detail-popup .ay-lock-toggle>.icon{width:16px;height:16px}.ay-bulk-popup .ay-bulk-grades{display:flex;flex-wrap:wrap;gap:var(--gap-group);margin:var(--gap-group) 0;padding:var(--gap-group);border:1px solid #a09265}.ay-bulk-popup label{display:inline-flex;align-items:center;gap:var(--gap-tight)}.ay-bulk-popup input{flex:none;width:18px;height:18px;accent-color:#782d2d}.ay-bulk-popup [data-bulk-preview]{margin:var(--gap-group) 0;font-weight:700}@container (max-width:340px){.inventory-screen .as-heading h1{font-size:16px;line-height:24px}}.as-inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-group);align-content:start}.as-inventory-item{display:flex;flex-direction:column;align-items:center;gap:var(--gap-tight);min-width:0;padding:var(--gap-tight);color:inherit;font-size:12px;line-height:18px}.inventory-screen .as-inventory-item>.as-item-name{width:100%;min-width:0;font-size:16px;line-height:24px;white-space:nowrap}.inventory-screen .as-inventory-item>.as-item-name.as-item-name-compact{font-size:12px}.as-inventory-item>small{color:#ddc58b;font-size:12px;line-height:18px}.as-item-icon{position:relative;display:inline-flex;flex:none;width:48px;height:48px;border:2px solid var(--item-grade);background:#181a24;align-items:center;justify-content:center}.as-item-icon>.sprite{width:40px;height:40px}.as-item-icon .sprite img{width:100%;height:100%;object-fit:contain}.as-item-icon>b{position:absolute;bottom:0;right:0;font-size:12px;line-height:18px;color:#fff;background:#171924d9;padding:0 var(--gap-tight)}.inventory-screen .as-inventory-item>.as-item-icon{width:52px;height:52px}.inventory-screen .as-inventory-item>.as-item-icon>.sprite{flex:none;width:48px;height:48px}.as-item-row{display:flex;align-items:center;gap:var(--gap-group)}.as-item-copy{display:flex;flex-direction:column;min-width:0;font-size:12px;line-height:18px;overflow-wrap:anywhere}.as-item-copy>strong{font-size:16px;line-height:24px}.as-material{display:inline-flex;align-items:center;gap:var(--gap-tight);font-size:12px;line-height:18px}.as-material>.icon{width:24px;height:24px;flex:none}.as-material-list{display:flex;flex-direction:column;gap:var(--gap-group)}.as-material-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-group);padding:var(--gap-section)}.as-material-row p{font-size:12px;line-height:18px;margin-top:var(--gap-tight)}.as-material-row button{flex:none;padding:var(--gap-group);min-width:64px}.inventory-screen .as-material-row .as-material,.inventory-screen .as-material-row p,.inventory-screen .as-material-row .currency,.inventory-screen .as-material-row .currency b{font-size:16px;line-height:24px}.inventory-screen .as-material-row .as-material b{font-size:18px;line-height:24px}.inventory-screen .as-material-row .as-material>.icon{width:48px;height:48px}.inventory-screen .as-material-row .currency{gap:var(--gap-tight)}.as-empty{grid-column:1/-1;text-align:center;padding:var(--gap-section)}.as-loot-popup .popup-body{font-size:16px;line-height:24px}.as-loot-popup .as-item-copy small{text-align:left}.as-loot-popup .as-match{font-size:12px;line-height:18px}.as-loot-popup .matching{color:#37664b}.as-loot-popup .mismatch{color:#984739}.hero-screen .hero-detail-scroll:has(>.hero-tab-panel>.hero-pane[data-hero-pane=gear]:not([hidden])){position:relative}.hero-screen .hero-detail-scroll>.hero-tab-panel:has(>.hero-pane[data-hero-pane=gear]:not([hidden])){display:flex;flex-direction:column;z-index:1;transition:margin-top .2s ease-out}.hero-screen .hero-detail-scroll>.hero-tab-panel.as-gear-expanded{margin-top:calc(0px - var(--as-gear-cover-height,0px));background-color:#1c1b28}.hero-screen .hero-detail-scroll>.hero-tab-panel.as-gear-collapsing{background-color:#1c1b28}.hero-screen .hero-detail-scroll:has(>:is(.as-gear-expanded,.as-gear-collapsing))>:is(.hero-overview,.hero-actions){isolation:isolate}.hero-screen .hero-tab-panel:is(.as-gear-expanded,.as-gear-collapsing)>.hero-pane[data-hero-pane=gear]{overflow:hidden}html.reduce-motion .hero-screen .hero-detail-scroll>.hero-tab-panel:has(>.hero-pane[data-hero-pane=gear]:not([hidden])){transition:none}@media(prefers-reduced-motion:reduce){.hero-screen .hero-detail-scroll>.hero-tab-panel:has(>.hero-pane[data-hero-pane=gear]:not([hidden])){transition:none}}.hero-screen .hero-pane[data-hero-pane=gear]{flex:1;min-height:0;height:auto;overflow-y:auto}.hero-screen .hero-pane[data-hero-pane=gear] .as-equipment-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-group);padding:var(--gap-group) 0}.hero-screen .hero-pane[data-hero-pane=gear] .equipment-item{display:flex;flex-direction:column;gap:var(--gap-group);min-width:0}.hero-screen .hero-pane[data-hero-pane=gear] .equipment-slot{--frame-top:var(--gap-tight);--frame-right:var(--gap-tight);--frame-bottom:var(--gap-tight);--frame-left:var(--gap-tight);display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:88px;min-height:88px;padding:var(--gap-tight);background:#1c1c27}.hero-screen .hero-pane[data-hero-pane=gear] .equipment-slot.frame-canvas{background:var(--frame-img) 0 0/100% 100% no-repeat}.hero-screen .hero-pane[data-hero-pane=gear] .equipment-slot:after{content:"";position:absolute;inset:calc(var(--gap-tight) * 1.5) calc(var(--gap-tight) * 1.5) var(--gap-group);z-index:0;background:#1c1c27;clip-path:polygon(calc(var(--gap-tight) / 2) 0,calc(100% - var(--gap-tight) / 2) 0,calc(100% - var(--gap-tight) / 2) calc(var(--gap-tight) / 2),100% calc(var(--gap-tight) / 2),100% 100%,0 100%,0 calc(var(--gap-tight) / 2),calc(var(--gap-tight) / 2) calc(var(--gap-tight) / 2));pointer-events:none}.hero-screen .hero-pane[data-hero-pane=gear] .equipment-slot[data-item-grade]:not([data-item-grade=common]):after{background:color-mix(in srgb,var(--item-grade) 22%,#1c1c27)}.hero-screen .hero-pane[data-hero-pane=gear] .equipment-slot>.as-item-icon{position:relative;z-index:1;width:64px;height:64px;border:0;background:transparent}.hero-screen .hero-pane[data-hero-pane=gear] .equipment-slot>.as-item-icon>.sprite{flex:none;width:64px;height:64px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-row>.as-item-icon{border:2px solid var(--item-grade);background:#1c1c27}.hero-screen .hero-pane[data-hero-pane=gear] .as-item-icon>b{bottom:0;right:0;padding:0;background:none;color:var(--gold);font-size:12px;text-shadow:1px 0 #14141d,-1px 0 #14141d,0 1px #14141d,0 -1px #14141d}.hero-screen .hero-pane[data-hero-pane=gear] .as-item-icon>b.as-gear-enhanced{color:var(--item-grade)}.hero-screen .hero-pane[data-hero-pane=gear] .as-empty-slot{flex:none;width:64px;height:64px;color:#c3bda5;opacity:.25}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-slot-values{margin:0;min-height:36px;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:18px;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-enhance-button{--frame-top:var(--gap-tight);--frame-right:var(--gap-tight);--frame-bottom:var(--gap-tight);--frame-left:var(--gap-tight);display:flex;align-items:center;justify-content:center;width:100%;height:64px;min-height:64px;padding:var(--gap-tight);font-size:16px;line-height:24px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-cost{display:flex;align-items:center;justify-content:center;gap:var(--gap-tight);font-size:12px;line-height:20px;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-cost .currency{display:inline-flex;align-items:center;gap:calc(var(--gap-tight) / 2);font-size:12px;line-height:20px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-cost .currency b{color:inherit;font-size:12px;line-height:20px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-cost .icon{flex:none;width:20px;height:20px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-selection{display:flex;flex-direction:column;gap:var(--gap-group);height:100%;min-height:0;min-width:0;overflow:hidden}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-heading{display:flex;align-items:center;gap:var(--gap-tight);flex:none;min-width:0}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-heading h3{flex:1;min-width:0;font-size:18px;line-height:24px;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-heading select{flex:none;min-width:0;height:36px;border:1px solid #a09265;padding:var(--gap-tight);background:#282b30;color:inherit;font:inherit;font-size:12px;line-height:18px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-heading>button[data-action=equipment-back],.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-row>button:is([data-action=unequip-item],[data-action=equip-item]){--frame-top:var(--gap-tight);--frame-right:calc(var(--gap-group) + var(--gap-tight));--frame-bottom:var(--gap-tight);--frame-left:calc(var(--gap-group) + var(--gap-tight));flex:none;min-width:60px;height:40px;min-height:40px;padding:var(--gap-tight) calc(var(--gap-group) + var(--gap-tight));font-size:16px;line-height:24px;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-row{display:flex;align-items:center;gap:var(--gap-group);min-width:0}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-row>.as-item-icon{width:52px;height:52px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-row>.as-item-icon>.sprite{flex:none;width:48px;height:48px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-current .as-empty-slot{width:40px;height:40px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-copy{display:flex;flex:1;flex-direction:column;gap:var(--gap-tight);min-width:0;overflow-wrap:anywhere}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-name{font-size:16px;line-height:24px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-name>span:last-child{white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-row p,.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-owner{margin:0;font-size:12px;line-height:18px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-delta{flex:none;margin-left:auto;font-size:12px;line-height:18px;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-gain{color:#80cf8b}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-loss{color:#ff8b82}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-neutral{color:#a9a6a0}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-match{flex:none;border:1px solid currentColor;padding:0 var(--gap-tight);font-size:12px;line-height:18px;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-owner{flex:none;color:#ddc58b;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-better{flex:none;margin:0;color:#80cf8b;font-size:12px;line-height:18px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-candidates{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9d895455 transparent}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-selection .as-gear-row{flex:none;height:auto;min-height:56px;border-bottom:1px solid #a0926566;padding:var(--gap-tight) 0;gap:var(--gap-tight)}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-selection .as-item-icon,.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-selection .as-item-icon>.sprite{width:40px;height:40px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-selection .as-gear-copy{flex-direction:column;align-items:stretch;gap:var(--gap-tight);white-space:normal}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-primary>span{display:inline-block;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-options{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c3bda5;font-size:12px;line-height:18px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-selection .as-gear-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:18px;white-space:nowrap}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-candidates .as-gear-row{height:auto}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-candidates .as-gear-copy{flex-direction:column;align-items:stretch;white-space:normal}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-candidate-title{display:flex;align-items:center;gap:var(--gap-tight);min-width:0}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-candidates .as-gear-name{overflow:visible;text-overflow:clip;white-space:normal;font-size:12px;line-height:18px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-candidates .as-gear-owner{color:#a9a6a0;white-space:normal;font-size:12px;line-height:18px}.hero-screen .hero-pane[data-hero-pane=gear] .as-gear-empty{margin:0;padding:var(--gap-group);font-size:12px;line-height:18px;text-align:center}.as-research-limit{font-size:16px;line-height:24px}.as-research-node{padding:var(--gap-section);margin-bottom:var(--gap-group)}.as-research-node h2{display:flex;align-items:center;gap:var(--gap-tight);font-size:18px;line-height:24px}.as-research-node h2>.icon,.as-research-node h2>.trait-icon{width:24px;height:24px;flex:none}.as-research-node h2>span:last-child{margin-left:auto;flex:none;font-size:16px;line-height:24px}.as-research-node p{font-size:16px;line-height:24px;margin-top:var(--gap-group)}.as-research-action{display:flex;align-items:center;gap:var(--gap-group);margin-top:var(--gap-group)}.as-research-action>span{display:flex;flex-direction:column;gap:var(--gap-tight);flex:1;min-width:0}.as-research-action .currency,.as-research-action .currency b,.as-research-action .as-material{font-size:16px;line-height:24px}.as-research-action .currency{gap:var(--gap-tight)}.as-research-action .currency>.icon,.as-research-action .as-material>.icon{width:24px;height:24px;flex:none}.as-research-action>button{flex:none;min-width:64px;padding:var(--gap-group);font-size:16px;line-height:24px}.as-inventory-quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-tight);margin-left:auto;flex:none;padding-inline:var(--gap-tight);font-size:12px;white-space:nowrap}.home-screen .as-inventory-quick>.icon{width:24px;height:24px;flex:none}.home-screen .as-inventory-quick>span:last-child{line-height:18px;white-space:nowrap}.as-inventory-quick+.settings-button{margin-left:0}.facility-details.as-library-details{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--gap-group)}.as-library-details>h2{grid-column:1;grid-row:1}.as-library-details>p{grid-column:1;grid-row:2}.as-library-details>.facility-lock,.as-library-details>button[data-action=facility-upgrade]{grid-column:1/-1;grid-row:3}.facility-details.as-library-details>.as-research-entry{--frame-top:var(--gap-tight);--frame-right:var(--gap-group);--frame-bottom:var(--gap-tight);--frame-left:var(--gap-group);grid-column:2;grid-row:1/3;align-self:start;justify-self:end;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;gap:var(--gap-tight);width:max-content;height:44px;min-height:44px;max-height:44px;border:0;padding:var(--gap-tight) var(--gap-group);font-size:16px;line-height:24px;white-space:nowrap}.as-library-details>.as-research-entry:before{border-width:var(--gap-group)}.as-research-entry>.icon{width:24px;height:24px;flex:none}.as-drop{position:absolute;width:24px;height:24px;z-index:12;pointer-events:none;animation:as-drop-rise .9s ease-out forwards}.as-drop>.sprite{width:24px;height:24px}.as-drop img{width:24px;height:24px;object-fit:contain}@keyframes as-drop-rise{0%{margin-top:0;visibility:visible}to{margin-top:-36px;visibility:hidden}}.reduce-motion .as-drop{display:none}.as-idle-loot{margin-top:var(--gap-group);font-size:12px;line-height:18px}.as-idle-loot h3{font-size:16px;line-height:24px}.as-idle-loot .as-item-row{margin-top:var(--gap-group)}.as-idle-loot .as-material{margin:var(--gap-tight) var(--gap-tight) 0 0}.inventory-screen .as-inventory-item>.as-item-icon>.sprite.ay-equipped{width:34px;height:34px;top:-2px;left:-8px}.as-drop{width:48px;height:48px;margin-left:-12px;animation:as-drop-rise2 1.3s ease-out forwards;filter:drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 0 6px #ffe3a1aa)}.as-drop>.sprite,.as-drop img{width:48px;height:48px}@keyframes as-drop-rise2{0%{margin-top:0;transform:scale(.6);visibility:visible}20%{transform:scale(1.1)}30%{transform:scale(1)}70%{margin-top:-40px;opacity:1}to{margin-top:-52px;opacity:0;visibility:hidden}}#game.title-route>#topbar,#game.title-route>#bottomnav{display:none}#game.title-route>#content{height:100%}.title-screen{position:relative;width:100%;height:100%;display:grid;place-items:center;text-align:center;isolation:isolate}.title-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.title-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(#09161ab0,#09161a80 50%,#09161ad9);z-index:-2}.title-clouds{position:absolute;inset:0;background-size:256px 256px;opacity:.12;z-index:-1;pointer-events:none}.title-center{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 12px}.title-center h1{font-size:48px;line-height:60px;color:#f3ce7d;-webkit-text-stroke:2px #14130f;paint-order:stroke fill;text-shadow:0 4px 6px #0009}.title-subtitle{font-size:18px;line-height:27px;color:#f3e2b8;text-shadow:0 2px 3px #000}.title-start{min-width:200px;margin-top:32px;font-size:18px;line-height:27px}.title-version{position:absolute;bottom:24px;font-size:12px;line-height:18px;color:#d2ccb9}.guild-name-popup #guild-name-form{display:flex;flex-direction:column;gap:12px}.guild-name-popup #guild-name-form label{font-size:18px;line-height:27px}.guild-name-popup #guild-name{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #c8a573;border-radius:0;background:#172525;color:#ffefd0;font:inherit;font-size:18px;line-height:27px}.guild-name-popup #guild-name:focus{outline:2px solid #f4d28e;outline-offset:2px}.guild-name-popup #guild-name-help{font-size:12px;line-height:18px;color:var(--muted)}.guild-name-popup #guild-name[aria-invalid=true]{border-color:#df8b78}.guild-name-popup>footer .primary{font-size:18px;line-height:27px}.guild-heading>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-start{position:absolute;left:50%;top:76%;translate:-50% -50%;margin:0}.hard-badge{color:#e56868}.ranking-screen{height:100%;display:flex;flex-direction:column;gap:8px;min-height:0;font-size:16px;line-height:24px}.ranking-header{display:flex;align-items:center;gap:16px;flex:none}.ranking-header h1{margin:0;font-size:20px;line-height:28px}.ranking-screen button{font-size:16px;line-height:24px}.ranking-screen .ranking-back{width:auto;min-height:44px}.ranking-columns,.ranking-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px}.ranking-columns{color:var(--muted);flex:none}.ranking-columns>span:last-child{text-align:right}.ranking-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ranking-row{min-height:48px;padding:8px 0;border-bottom:1px solid #c7ae7133}.ranking-rank{text-align:center}.ranking-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-value{text-align:right;white-space:nowrap}.ranking-row[data-medal="1"] .ranking-rank{color:#f4d06b}.ranking-row[data-medal="2"] .ranking-rank{color:#d5dce2}.ranking-row[data-medal="3"] .ranking-rank{color:#d69b71}.ranking-row[data-medal] .ranking-rank{border:2px solid currentColor;border-radius:50%;width:36px;height:36px;line-height:32px}.ranking-self{flex:none;padding:8px;background:#142723;border:1px solid #c7ae715c}.ranking-self-label{display:block;color:var(--gold)}.ranking-self .ranking-row{border-bottom:0;padding-bottom:0}.ranking-message{margin:16px 0;text-align:center;overflow-wrap:anywhere}.ranking-nearby{margin:16px 0 0;font-size:16px;color:var(--gold)}.ranking-screen .segmented{flex:none}.battle-field .motion-skyfall{animation:fx-skyfall .72s linear both}.battle-field .motion-erupt{animation:fx-erupt-shell .71s linear both}.battle-field .motion-erupt>.sprite{transform-origin:50% 100%;animation:fx-erupt .71s ease-out both;animation-delay:var(--fx-delay)}.battle-field .motion-zone{animation:fx-zone .8s ease-out both}.battle-field .motion-chain{animation:fx-chain .36s linear both}.battle-field .motion-dash-slash{animation:fx-dash-slash .6s ease-out both}.battle-field .fx-ground-warning,.battle-field .fx-landing,.battle-field .fx-cross-slash{position:absolute;inset:0;pointer-events:none}.battle-field .fx-ground-warning{animation:fx-warning .15s linear both}.battle-field .fx-landing{animation:fx-landing .72s ease-out both;animation-delay:var(--fx-delay)}.battle-field .fx-cross-slash{animation:fx-cross .6s ease-out both;animation-delay:var(--fx-delay);--cross-angle:40deg }.battle-field .fx-cross-second{--cross-angle:-40deg }.battle-field .fx-dash-caster{animation:fx-caster .6s steps(1,end) both}.battle-field .fx-caster-away{animation:fx-caster-away .6s steps(1,end)}.battle-field.fx-impact-shake{animation:fx-field-shake .18s linear}.battle-field .hit-fx .sprite .fx-frame{position:absolute;inset:0;animation-duration:var(--fx-duration);animation-delay:var(--fx-delay);animation-timing-function:steps(1,end);animation-fill-mode:both}.battle-field .fx-frame-0{animation-name:fx-frame-0}.battle-field .fx-frame-1{animation-name:fx-frame-1}.battle-field .fx-frame-2{animation-name:fx-frame-2}.battle-field .fx-frame-3{animation-name:fx-frame-3}@keyframes fx-skyfall{0%{transform:translateY(var(--fx-dy)) scale(.75);opacity:0}8%{opacity:1}60%{transform:translateY(0) scale(1);opacity:1}80%{transform:translateY(0) scale(1.08);opacity:1}to{transform:translateY(0) scale(1.1);opacity:0}}@keyframes fx-landing{0%,59%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@keyframes fx-erupt-shell{0%,85%{opacity:1}to{opacity:0}}@keyframes fx-erupt{0%{transform:scaleY(0);opacity:0}20%{transform:scaleY(1.1);opacity:1}45%,80%{transform:scaleY(1);opacity:1}to{transform:scaleY(.9);opacity:0}}@keyframes fx-warning{0%{opacity:.45;transform:scale(.8)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes fx-zone{0%{transform:scale(.2);opacity:0}25%{opacity:.85}70%{transform:scale(1);opacity:.85}to{transform:scale(1.12);opacity:0}}@keyframes fx-chain{0%{transform:translate(var(--fx-dx),var(--fx-dy)) scale(.45);opacity:0}8%{opacity:1}50%{transform:translate(0) scale(.6);opacity:1}to{transform:translate(0) scale(.85);opacity:0}}@keyframes fx-dash-slash{0%{opacity:0;transform:scale(.8)}12%,65%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes fx-cross{0%,12%{opacity:0;transform:rotate(var(--cross-angle)) scale(.3)}30%,65%{opacity:1;transform:rotate(var(--cross-angle)) scale(1)}to{opacity:0;transform:rotate(var(--cross-angle)) scale(1.1)}}@keyframes fx-caster{0%,70%{opacity:.8}to{opacity:0}}@keyframes fx-caster-away{0%{visibility:hidden}70%,to{visibility:visible}}@keyframes fx-field-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}@keyframes fx-frame-0{0%{opacity:1}25%,to{opacity:0}}@keyframes fx-frame-1{0%{opacity:0}25%{opacity:1}50%,to{opacity:0}}@keyframes fx-frame-2{0%{opacity:0}50%{opacity:1}75%,to{opacity:0}}@keyframes fx-frame-3{0%{opacity:0}75%,to{opacity:1}}@keyframes fx-delivery-still{0%,to{opacity:0}20%,75%{opacity:.8}}html.reduce-motion .battle-field :is(.motion-skyfall,.motion-erupt,.motion-zone,.motion-chain,.motion-dash-slash){animation-name:fx-delivery-still;--fx-dx:0px!important;--fx-dy:0px!important}html.reduce-motion .battle-field .motion-erupt>.sprite{animation:none;transform:none}html.reduce-motion .battle-field :is(.fx-ground-warning,.fx-landing,.fx-cross-slash,.fx-dash-caster){display:none}html.reduce-motion .battle-field .fx-caster-away{animation:none;visibility:visible}html.reduce-motion .battle-field.fx-impact-shake{animation:none;transform:none}html.reduce-motion .battle-field .hit-fx .sprite .fx-frame{animation:none;opacity:0}html.reduce-motion .battle-field .hit-fx .sprite .fx-frame-2{opacity:1}.environment-tooltip{position:absolute;z-index:19;width:240px;padding:var(--gap-group);border:1px solid var(--gold);border-radius:var(--gap-tight);background:#111e2a;color:var(--paper);font-size:16px;line-height:24px;overflow-wrap:anywhere}.environment-tooltip strong{display:block;margin-bottom:var(--gap-tight);color:var(--gold)}.environment-tooltip:before{content:"";position:absolute;left:var(--environment-arrow-x);top:calc(-1 * var(--gap-tight) - 1px);width:var(--gap-group);height:var(--gap-group);border-top:1px solid var(--gold);border-left:1px solid var(--gold);background:#111e2a;transform:translate(-50%) rotate(45deg)}.environment-tooltip[data-placement=above]:before{top:auto;bottom:calc(-1 * var(--gap-tight) - 1px);transform:translate(-50%) rotate(225deg)}