/* Jump Story Lab: one illustrated world and one UI language on every screen. */
.anime-theme{--world-gold:#e8c17d;--world-ivory:#fff1d9;--world-line:#d7b77660;--world-ink:#10172ce8;--world-soft:#cfc9df;--bg:#0b1224;--panel:#131b32e8;--line:#d7b77638;--muted:#c7c5d8;--orange:#f0c67f;--blue:#a6d8ff;isolation:isolate;background:#0b1224;color:#f6f0fa;scrollbar-color:#a592b0 #11182d}
.site-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;display:block;background:#0b1224}
.site-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.site-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080e2966,#090e2999 45%,#080d25de),radial-gradient(ellipse at 50% 25%,transparent,#080e2855)}
.on-hub-home .site-backdrop{display:none}
.brand-wordmark{display:none}
.anime-theme:not(.on-hub-home) header{position:relative;z-index:5;background:#0b122b99;border-bottom:1px solid var(--world-line);backdrop-filter:blur(12px)}
.anime-theme:not(.on-hub-home) header #home{gap:0}
.anime-theme:not(.on-hub-home) #home>.brand-wordmark{display:block;width:126px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 5px #0008)}
.anime-theme:not(.on-hub-home) #home>span{display:none}
.anime-theme.in-campaign #home>.brand-wordmark{width:90px;height:35px}
.anime-theme:not(.on-hub-home) footer{background:#0b122b99;border-top-color:var(--world-line);color:var(--world-soft)}
.anime-theme:not(.on-hub-home) :is(h1,h2,h3){color:var(--world-ivory);text-shadow:0 2px 5px #04091b}
.anime-theme:not(.on-hub-home) :is(.eyebrow,.hub-kicker){color:var(--world-gold)}
.anime-theme:not(.on-hub-home) button{border-color:var(--world-line);background:#17213bc9;color:#f0e8f4}
.anime-theme:not(.on-hub-home) button:hover:enabled{border-color:#f3d295;background:#27304dd9;color:#fff4de}
.anime-theme button:focus-visible,.anime-theme a:focus-visible{outline-color:#ffe3a9}
.anime-theme:not(.on-hub-home) :is(button.primary,.hub-campaign-actions>button){background:linear-gradient(135deg,#e7c68730,#e7c6870c),#141e36e8;border-color:#d8b679;color:#ffe5ad;font-weight:800;box-shadow:inset 0 0 0 2px #f3ce7d0b,0 4px 14px #03091b55}
.anime-theme:not(.on-hub-home) :is(.text-button,.hub-back,.unit-details,.synergy-link){background:none;border:0;box-shadow:none;color:#f0d39b}
.anime-theme:not(.on-hub-home) :is(.text-button,.hub-back,.unit-details,.synergy-link):hover{background:none;color:#fff5da;text-shadow:0 0 12px #e8c17d55}

/* The same illustrated portals lead to anime, archives and the first ally. */
.anime-theme .hub-section-heading{display:flex;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--world-line);margin-bottom:14px}
.anime-theme .hub-section-heading>div:last-child{min-width:0}
.section-emblem{flex:0 0 84px;width:84px;height:90px;display:grid;place-items:center}
.section-emblem .menu-icon{width:84px;height:90px;object-fit:contain;filter:drop-shadow(0 4px 9px #03091b99)}
.anime-theme .hub-section-heading h1{font-size:clamp(38px,5vw,58px)}
.anime-theme .hub-section-heading p{margin-bottom:0}
.anime-theme .hub-kicker{font-size:13px;letter-spacing:2px}
.anime-theme .hub-universes{gap:20px;align-items:start}
.anime-theme .hub-universe{position:relative;isolation:isolate;display:grid;grid-template-rows:60px 20px 42px minmax(0,1fr) 44px;gap:7px;height:432px;min-height:0;padding:108px 16% 42px;overflow:visible;text-align:center;background:none;border:0;border-radius:0;box-shadow:none}
.hub-universe:before,.portal-starter:before{content:'';position:absolute;z-index:-1;inset:25% 14% 10%;clip-path:polygon(50% 0,100% 18%,100% 95%,75% 100%,25% 100%,0 95%,0 18%);background:linear-gradient(#0c163359,#0c1633e8);pointer-events:none}
.hub-universe>.portal-frame,.portal-starter>.portal-frame{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 7px 14px #02071985)}
.universe-emblem{display:grid;place-items:center;min-height:0}
.universe-emblem .menu-icon{width:90px;height:60px;object-fit:contain}
.anime-theme .hub-universe>small{margin:0;align-self:center;font-size:12px;letter-spacing:1px;color:#f3d394}
.anime-theme .hub-universe h2{font-size:35px;line-height:1;align-self:center}
.anime-theme .hub-universe p{margin:0;align-self:center;max-width:none;font-size:15px;line-height:1.5;color:#f0e7f6}
.anime-theme .hub-universe button{margin:0;min-width:0;width:100%;max-width:none;padding:5px 0;font-size:16px;font-weight:800;line-height:1.4;background:none;border:0;box-shadow:none;color:#ffe1a0}
.anime-theme .hub-universe button:hover:enabled{background:none;border:0;color:#fff5df;text-shadow:0 0 12px #e8c17d88}
.anime-theme .hub-universe button:disabled{background:none;color:#d1cbe3;opacity:1;font-size:15px;font-weight:600}
.anime-theme .universe-locked>.portal-frame{filter:saturate(.65) drop-shadow(0 7px 14px #02071985)}
.anime-theme .universe-locked>small{color:#d1cbe3}
.anime-theme .starter-page>p{max-width:800px;font-size:16px;color:#ddd6e9}
.anime-theme .starter-page>h1{font-size:clamp(38px,5vw,58px)}
.anime-theme .starter-grid{margin-top:0;gap:20px}
.anime-theme .starter.portal-starter{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;height:410px;min-height:0;padding:100px 14% 39px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.anime-theme .portal-starter:hover{background:none;border:0}
.anime-theme .portal-starter:hover>.portal-frame,.anime-theme .portal-starter:focus-visible>.portal-frame{filter:brightness(1.12) drop-shadow(0 0 12px #e7c17d66)}
.anime-theme .portal-starter>.avatar{margin:0;width:110px;height:110px;flex:0 0 110px;display:grid;place-items:center}
.anime-theme .portal-starter>.avatar .character-portrait{width:110px;height:110px;object-fit:contain}
.anime-theme .portal-starter strong{font-size:31px;line-height:1.1;grid-column:auto}
.anime-theme .portal-starter small{font-size:15px;line-height:1.4;color:#eee5f3;grid-column:auto}
.anime-theme .portal-starter .select-label{margin-top:auto;font-size:16px;font-weight:800;color:#ffe1a0;grid-column:auto}

/* Framed surfaces for information-heavy pages, matching the gold/indigo art. */
.anime-theme :is(.panel,.campaign-roadmap,.hub-catalog article,.hub-victory,.hub-empty){background:linear-gradient(135deg,#33426938,transparent 45%),var(--world-ink);border:1px solid var(--world-line);border-radius:14px;box-shadow:inset 0 0 0 3px #e4c68808,0 12px 28px #03081c44}
.anime-theme .campaign-roadmap{padding:24px;margin-top:24px}
.anime-theme .roster-title>span{color:#d4cae3}
.anime-theme .saga-block{background:linear-gradient(145deg,#d6b47115,#121d35aa);border:1px solid #d7b77645;border-top:3px solid #e4bd79;border-radius:8px}
.anime-theme .saga-block>small{color:#ebc889}
.anime-theme .saga-block ol{color:#ddd2e8;font-size:14px}
.anime-theme .saga-block.locked{opacity:.75;border-color:#a497bd44}
.anime-theme .saga-block.locked>small{color:#c3b8d3}
.anime-theme .hub-catalog article{padding:22px;border-top-color:#e7c17d99}
.anime-theme .hub-catalog h2{color:#fff0d5}
.anime-theme .hub-catalog p{color:#d8d2e5}
.anime-theme .hub-catalog article>button,.anime-theme .preview-buttons button{color:#f4d599;border-color:#d7b77666;border-radius:8px}
.anime-theme .hub-db-roster .roster-character{background:radial-gradient(ellipse at 50% 25%,#b99adc22,transparent 70%),#111a32c9;border:1px solid #d7b77645;border-radius:12px;box-shadow:inset 0 0 0 3px #e4c68808,0 7px 18px #03091b33}
.anime-theme .hub-db-roster .roster-character:hover{border-color:#f0ca85;background:radial-gradient(ellipse at 50% 25%,#e7c17d25,transparent 70%),#1b2541e0}
.anime-theme .hub-db-roster strong{color:#fff0d5}
.anime-theme .hub-db-roster small,.anime-theme .hub-victory time{color:#cec5df}
.anime-theme .hub-empty{line-height:1.7;border-style:solid;color:#ddd4e9}
.anime-theme .legacy-team{padding:26px;width:100%}
.anime-theme .legacy-team h1{font-size:clamp(34px,5vw,56px)}

/* Native drawers and every game dialog share the same frame and icon family. */
.anime-theme dialog,.anime-theme :is(#evolution,#map-dialog){color:#f5edf8;background:radial-gradient(ellipse at 10% 0,#43507744,transparent 60%),#10182df7;border:1px solid #e4be7e99;border-radius:14px;box-shadow:inset 0 0 0 4px #e4c6880b,0 24px 80px #010518bb}
.anime-theme dialog::backdrop{background:#04091dc9;backdrop-filter:blur(6px)}
.anime-theme dialog .dialog-top{gap:12px;border-bottom:1px solid #d7b77640;padding-bottom:12px}
.anime-theme dialog .dialog-top:before{content:'';display:block;flex:0 0 38px;width:38px;height:40px;background:url('assets/menu/icons/archive-v1.webp') center/contain no-repeat}
.anime-theme dialog .dialog-top h2{flex:1;color:var(--world-ivory);font-size:28px}
.anime-theme dialog .dialog-top>button{color:#f3deb5;background:none;border-color:#d7b77644;min-width:38px;min-height:38px}
.anime-theme :is(#bag-dialog,#shop-dialog,#squad-dialog) .dialog-content{max-height:calc(90dvh - 94px)}
.anime-theme #map-dialog .route-inspector{height:calc(90dvh - 94px)}
.anime-theme #bag-dialog .dialog-top:before,.anime-theme #shop-dialog .dialog-top:before{background-image:url('assets/menu/icons/items-v1.webp')}
.anime-theme #map-dialog .dialog-top:before,.anime-theme #hub-left-dialog .dialog-top:before{background-image:url('assets/menu/icons/globe-v1.webp')}
.anime-theme #hub-right-dialog .dialog-top:before{background-image:url('assets/menu/icons/menu-v1.webp')}
.anime-theme #form-dialog .dialog-top:before{background-image:url('assets/menu/icons/challenge-v1.webp')}
.anime-theme dialog.hub-drawer{border-radius:0;background:linear-gradient(150deg,#27365970,transparent 45%),#10182df7;border-color:#e4be7e66}
.anime-theme .hub-drawer-nav button,.anime-theme .hub-tool-button,.anime-theme .hub-drawer #credits-btn{background:none;border-color:transparent;color:#e8dff2}
.anime-theme .hub-drawer-nav button[aria-current=page],.anime-theme .hub-drawer-nav button:hover,.anime-theme .hub-tool-button:hover{background:#e7c17d12;border-color:#e7c17d66;color:#ffe6b1}
.anime-theme .hub-tool-status{background:#080e2499;border-color:#d7b77638;color:#ded3e9}
.anime-theme .hub-drawer-note{border-color:#d7b77638}
.anime-theme :is(.item-entry,.bag-targets button,.form-choice,.training-grid button,.offer-card){background:linear-gradient(145deg,#ac94d11c,transparent 60%),#18213ce8;border:1px solid #d7b77655;border-radius:10px;color:#f6eafa;box-shadow:inset 0 0 0 2px #e4c68807}
.anime-theme .form-choice.selected{opacity:1;background:linear-gradient(135deg,#d5aa6430,#19223d);border-color:#f1ca81}
.anime-theme :is(.form-choice span,.bag-list span,.progression-list span){color:#ded7e9}
.anime-theme :is(.form-choice small,.training-grid small,.offer-card>span){color:#edcb90}
.anime-theme .progression-list>div{background:#1b2541a8;border-bottom:1px solid #d7b77624}
.anime-theme .journal-entry{border-color:#d7b77633}
.anime-theme :is(.journal-entry>span,.story-speaker span){color:#ebc98c}
.anime-theme :is(.story-lines p,.node-flavor,.chapter-complete>p,.hero-detail-head p){color:#e1d8ea}
.anime-theme :is(.next-map,.run-summary span,.prep-note,.demo-note,.flash){background:#b99adc12;border-color:#d7b77655;color:#e9ddf2}
.anime-theme .next-map{border-left-color:#ecc785}
.anime-theme .flash{border-radius:8px}
.anime-theme .panel-head{background:#d6b47108;border-bottom-color:#d7b77638}
.anime-theme .unit{border-bottom-color:#c2abc926}
.anime-theme .trait.active{color:#f0d39b}
.anime-theme .trait-desc{border-color:#d7b77638;color:#c9c1d9}
.anime-theme .form-button{background:#e5c17e10;border-color:#d7b77666;color:#ffe1a5}
.anime-theme .empty-slot{border-color:#c0acc544;color:#c9bed6}
.anime-theme .toast{background:#17213bf5;border-color:#e4be7e99;color:#fff0d5}

/* Keep the viewport game layout and its scenery; carry the shared frame into it. */
body.anime-theme.on-map{background:#0b1224}
.anime-theme.in-campaign .campaign-commands .command{background:linear-gradient(145deg,#9c83cc18,transparent),#131d36e8;border-color:#c0a77a55;color:#f2e5f7;box-shadow:inset 0 0 0 2px #e4c68807}
.anime-theme.in-campaign .campaign-commands .command:hover{background:#28324b;border-color:#e8c17d}
.anime-theme.in-campaign .campaign-commands .is-current{background:linear-gradient(135deg,#d9b3752b,#19223c);border-color:#edc986}
.anime-theme.in-campaign .campaign-commands .needs-attention{border-color:#edbd70;background:linear-gradient(135deg,#e0b26830,#19223c)}
.anime-theme .command-copy small{color:#c8bfd8}
.anime-theme .campaign-commands .command-icon{color:#f0d39b}
.anime-theme.in-campaign .map-panel.radar-map,.anime-theme .route-inspector .map-panel.radar-map{--radar-mint:#e8c17d;border-color:#d7b77688;background:#111b33;box-shadow:inset 0 0 0 3px #e4c68808,0 12px 28px #03081c44}
.anime-theme .radar-heading{background:linear-gradient(115deg,#36436644,#101a31);border-color:#d7b77655}
.anime-theme .radar-heading h2{color:#fff0d5}
.anime-theme .radar-kicker,.anime-theme .map-objective small{color:#dcc8a8}
.anime-theme .radar-kicker>b{color:#b8a8c9;border-color:#c3a77155}
.anime-theme .radar-heading p{color:#d4cce0}
.anime-theme :is(.map-expedition,.radar-footer,.map-party-dock,.map-status){background:#101a32e8;border-color:#d7b77638}
.anime-theme .route-options .route-option{background:linear-gradient(135deg,#cba36c16,#16213a);border-color:#d7b77666;color:#f6e7c8}
.anime-theme .route-option>small{color:#d0c5dd}
.anime-theme .radar-field .radar-node{background:none;border:0;box-shadow:none}
.anime-theme .radar-field .radar-node:hover{background:none;border:0}
.anime-theme .radar-field .radar-node:not(.available):not(.visited):not(.boss)>.node-core{border-color:#a28bad99;background:linear-gradient(145deg,#303451f2,#121e37f7);color:#ded4e9}
.anime-theme .radar-field .radar-node>.node-caption{background:#10182eee;color:#e1d7ed}
.anime-theme .radar-field .radar-node.available>.node-caption{background:#302a30ed;color:#ffe0a0;border-color:#e6b96c77}
.anime-theme .radar-field .radar-node.visited>.node-caption{color:#c3e6d0}
.anime-theme .radar-landscape{background-image:linear-gradient(180deg,#11173340,#12163177),var(--landscape)}
.anime-theme .radar-grid{background-image:linear-gradient(#e3d1ff08 1px,transparent 1px),linear-gradient(90deg,#e3d1ff08 1px,transparent 1px);box-shadow:inset 0 0 70px #10162c77}
.anime-theme .map-party-manage{background:#d8b6780e;border-color:#d7b77666;color:#ffe4b0}
.anime-theme .map-status>span{color:#c6bcd4}
.anime-theme .battle-head,.anime-theme .duel-benches,.anime-theme .battle-toolbar{background:#131d35e8;border-color:#d7b77640}
.anime-theme .bench-unit.active{background:#d5b67518;border-color:#e7c17d}
.anime-theme .bench-unit.active small{color:#ffe3aa}
.anime-theme .combat-log{background:#0b1428c9;color:#e3d9eb}
.anime-theme .reward{background:linear-gradient(115deg,#bea26624,#152137);border-color:#d7b77655}

@media(max-width:1000px){.anime-theme .hub-universes{gap:8px}.anime-theme .hub-universe{height:432px;padding-left:14%;padding-right:14%}.anime-theme .hub-universe p{font-size:14px}.anime-theme .starter-grid{gap:8px}.anime-theme .starter.portal-starter{padding-left:12%;padding-right:12%}}
@media(max-width:760px){.site-backdrop:after{background:linear-gradient(#080e2966,#090e29aa 35%,#080d25e8)}.anime-theme .hub-section-heading{gap:12px;padding-bottom:16px}.section-emblem{flex-basis:60px;width:60px;height:68px}.section-emblem .menu-icon{width:60px;height:68px}.anime-theme .hub-kicker{font-size:12px;letter-spacing:1.5px}.anime-theme .hub-section-heading h1{font-size:38px}.anime-theme .hub-section-heading p{font-size:15px}.anime-theme .hub-universes{grid-template-columns:1fr;gap:4px;max-width:360px;margin-left:auto;margin-right:auto}.anime-theme .hub-universe{height:415px;padding:104px 18% 39px;grid-template-rows:54px 20px 40px minmax(0,1fr) 44px;gap:6px}.universe-emblem .menu-icon{width:80px;height:54px}.anime-theme .hub-universe h2{font-size:34px}.anime-theme .hub-universe p{font-size:16px;line-height:1.5}.anime-theme .hub-universe>small{font-size:12px;letter-spacing:1px;line-height:1.3}.anime-theme .hub-universe button,.anime-theme .hub-universe button:disabled{font-size:16px;min-height:44px}.anime-theme .campaign-roadmap{padding:18px}.anime-theme .hub-catalog article{padding:17px}.anime-theme dialog .dialog-top h2{font-size:25px}.anime-theme dialog .dialog-top:before{flex-basis:32px;width:32px;height:34px}}
@media(max-width:620px){.anime-theme .hub-universes,.anime-theme .starter-grid{grid-template-columns:1fr;gap:4px;max-width:360px;margin-left:auto;margin-right:auto}.anime-theme .hub-universe{height:415px;padding:104px 18% 39px;grid-template-rows:54px 20px 40px minmax(0,1fr) 44px;gap:6px}.anime-theme .hub-universe h2{font-size:34px}.anime-theme .hub-universe p{font-size:16px;line-height:1.5}.anime-theme .hub-universe>small{font-size:12px;letter-spacing:1px}.anime-theme .hub-universe button,.anime-theme .hub-universe button:disabled{font-size:16px}.anime-theme .starter.portal-starter{height:410px;padding:100px 18% 39px}.anime-theme .portal-starter strong{font-size:31px}.anime-theme .portal-starter small{font-size:15px}.anime-theme .hub-section-heading{align-items:flex-start}.anime-theme .hub-section-heading p{line-height:1.6}.anime-theme .hub-section-heading h1{font-size:35px}.anime-theme .legacy-team{padding:18px}}
@media(prefers-reduced-motion:reduce){html:not([data-reduce-motion=false]) .anime-theme .portal-frame{transition:none}}
