:root{--wb-orange: #ffa800;--wb-orange-deep: #e08a00;--wb-teal: #2ac4c1;--wb-teal-deep: #1ea8b4;--wb-yellow: #f8e868;--wb-sky: #58b8f8;--wb-disabled: #a8a8a8;--wb-header-from: #0191b4;--wb-header-mid: #05b7a5;--wb-header-to: #41daa5;--wb-panel: #fffffb;--wb-inset: #cbdedd;--wb-inset-text: #2c5a80;--wb-card-locked: #e0e0e0;--wb-menu-top: #374ca1;--wb-menu-bottom: #325893;--wb-rail: #1a5476;--wb-plus: #03c4ff;--wb-power: #f7e07d;--wb-battle-bg: #101c2c;--wb-battle-floor: #3f9e93;--wb-ally: #2977b0;--wb-enemy: #993a5c;--wb-alert: #e8272b;--wb-new: #c13bd8;--wb-gain: #1e7e3a;--wb-cost: #b36b00;--wb-deficit: #c81e22;--wb-ink: #2c3e57;--wb-ink-muted: #55657a;--wb-outline: #1c3a66;--wb-well: #e9f1f1;--wb-line: #c5d5dc;--wb-link: #8a5200;--wb-on-menu: #ffffff;--wb-on-menu-muted: #d9e4f6;--wb-on-menu-link: #ffd978;--wb-on-menu-line: rgb(255 255 255 / .35);--color-bg: var(--wb-well);--color-bg-elevated: var(--wb-panel);--color-text: var(--wb-ink);--color-text-muted: var(--wb-ink-muted);--color-border: var(--wb-line);--color-accent: var(--wb-orange);--color-accent-text: var(--wb-link);--color-faction-ember: #e5533b;--color-faction-tide: #2e9ec6;--color-faction-grove: #4caf6d;--color-faction-volt: #e0b534;--color-faction-frost: #7fb5e8;--color-faction-shade: #8e7cc3;--tier-common: #9aa3ad;--tier-uncommon: #57b45b;--tier-rare: #3d7fe0;--tier-epic: #9b59d0;--tier-legendary: #e8962e;--tier-supreme: #d6484e;--tier-mythic: #cdad3f;--tier-origin: #e0564f;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-s: 6px;--radius-m: 12px;--radius-l: 20px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--shadow-card: 0 2px 5px rgb(10 24 60 / .22);--max-width: 520px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;color:var(--color-text);background:var(--wb-menu-bottom);-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app-shell{--color-text: var(--wb-on-menu);--color-text-muted: var(--wb-on-menu-muted);--color-accent-text: var(--wb-on-menu-link);--color-border: var(--wb-on-menu-line);--title-stroke: 1px var(--wb-outline);--title-shadow: 0 2px 0 rgb(12 30 70 / .55);--link-pill-bg: rgb(4 16 40 / .45);--link-pill-pad: 3px 10px;--tab-bg: rgb(4 16 40 / .4);color:var(--color-text)}:where(.card,.chip,.wild-card,.town-tile,.wb-modal,.wb-row,.wb-pill,.roster-item,.squad-slot,.candidate,.select,.input,.textarea,.status-box,.summon-box,.summon-pity,.summon-rates,.draw-card,.shop-item,.milestone-row,.gear-row,.chapter-select select,.explore-card,.pet-home-summary>div,.pet-home-tile,.pet-home-album-entry,.pet-home-album-lock,.sky-floor,.sky-stage,.error-banner){--color-text: var(--wb-ink);--color-text-muted: var(--wb-ink-muted);--color-accent-text: var(--wb-link);--color-border: var(--wb-line);--title-stroke: 0;--title-shadow: none;--link-pill-bg: transparent;--link-pill-pad: 0;--tab-bg: var(--wb-well);color:var(--color-text)}:where(a){color:var(--color-accent-text)}:focus-visible{outline:2px solid var(--wb-outline);outline-offset:2px;box-shadow:0 0 0 2px #fff}.wb-title{margin:0;font-size:var(--text-xl);font-weight:900;font-style:italic;line-height:1.15;color:#fff;-webkit-text-stroke:1px var(--wb-outline);paint-order:stroke fill;text-shadow:0 2px 0 rgb(12 30 70 / .55)}.wb-num{font-weight:700;font-style:italic;font-variant-numeric:tabular-nums}.wb-num.is-gain{color:var(--wb-gain)}.wb-num.is-cost{color:var(--wb-cost)}.wb-num.is-deficit{color:var(--wb-deficit)}.wb-power{font-size:1.25em;font-weight:800;font-style:italic;font-variant-numeric:tabular-nums;color:var(--wb-power);-webkit-text-stroke:1px #4a3a10;paint-order:stroke fill}.app-shell{max-width:var(--max-width);margin:0 auto;min-height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31zM0 65.5 27 81v16M56 65.5 29 81v16' fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--wb-menu-top),var(--wb-menu-bottom));display:flex;flex-direction:column;padding-bottom:92px}.hud{position:sticky;top:0;z-index:10;display:flex;align-items:flex-start;gap:var(--space-2);min-height:34px;padding:4px var(--space-2) 6px;color:#fff;background:linear-gradient(180deg,#1a7ab0f5,#2696c4e6 70%,#2696c400)}.hud-compact{background:none;padding-top:6px;pointer-events:none}.hud-compact .currency-pill{pointer-events:auto}.hud-compact .currency-bar{justify-content:flex-start}.hud-avatar-box{position:relative;flex:none;width:60px;display:flex;flex-direction:column;align-items:center}.hud-avatar{width:54px;height:54px;display:grid;place-items:center;border:3px solid #ffe27a;border-radius:12px;background:linear-gradient(160deg,#fff3b8,#f0b63a);box-shadow:0 2px 4px #04102873;color:#7a4a00;font-size:26px;font-weight:900}.hud-level{margin-top:-9px;padding:0 6px;border-radius:999px;background:#041028c7;font-size:11px;font-weight:800;line-height:1.5}.hud-clock{margin-top:1px;font-size:10px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgb(0 0 0 / .7);white-space:nowrap}.hud-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.hud-row{display:flex;align-items:center;gap:var(--space-2);min-width:0}.hud-power{margin-left:auto;font-size:var(--text-sm);font-weight:800;font-style:italic;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.hud-power .wb-power{font-size:1.3em}.hud-name-row{padding:1px var(--space-2) 1px var(--space-3);background:linear-gradient(90deg,#2ac4c1e6,#2ac4c126);clip-path:polygon(0 0,100% 0,100% 100%,8px 100%)}.hud-player{font-size:var(--text-sm);font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px rgb(0 0 0 / .5)}.hud-xp{position:relative;flex:1;min-width:60px;display:block}.hud-xp-bar{display:block;height:12px;border-radius:999px;background:#04102899;overflow:hidden}.hud-xp-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,#7fd8ff,#2f9be8)}.hud-xp-text{position:absolute;top:0;right:0;bottom:0;left:0;font-size:10px;font-weight:700;line-height:12px;text-align:center;text-shadow:0 0 2px #000}.currency-bar{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.currency-pill{--gem: #f7c948;display:inline-flex;align-items:center;gap:4px;padding:2px 2px 2px 5px;border:1px solid rgb(255 255 255 / .2);border-radius:999px;background:#0410288c;color:#fff;font-size:11px;line-height:1.2}.currency-gem{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,var(--gem) 45%);box-shadow:inset 0 0 0 1px #00000040}.currency-gems{--gem: #4fc8ff}.currency-gems .currency-gem{border-radius:2px;transform:rotate(45deg) scale(.85)}.currency-candy{--gem: #ff8fb8}.currency-shard{--gem: #b58cff}.currency-shard .currency-gem{border-radius:2px 8px}.currency-stone{--gem: #b9c4cc}.currency-stone .currency-gem{border-radius:4px}.currency-ticketCommon{--gem: #7fd68a}.currency-ticketPremium{--gem: #f08bf0}.currency-ticketCommon .currency-gem,.currency-ticketPremium .currency-gem{width:14px;height:10px;border-radius:2px}.currency-amount{font-weight:800;font-variant-numeric:tabular-nums}.currency-name{color:#cfe3ef}.currency-add{display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid rgb(255 255 255 / .7);border-radius:50%;background:var(--wb-plus);color:#fff;font-size:14px;font-weight:900;line-height:1;text-shadow:0 1px 0 #0477a0;cursor:pointer}.currency-add:disabled{opacity:.5;cursor:default}.hud .currency-name{display:none}.hud .currency-bar{flex-wrap:nowrap}.hud .currency-pill{min-width:86px;justify-content:space-between;font-size:12px}.bag-currencies .currency-bar{gap:var(--space-2)}.bag-currencies .section-title{margin-top:0}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:10;width:100%;max-width:var(--max-width);transform:translate(-50%);display:grid;grid-template-columns:repeat(6,1fr);align-items:end;padding:0 2px max(4px,env(safe-area-inset-bottom));border:0;background:linear-gradient(180deg,#0a1e3c00,#0a1e3c8c 55%);pointer-events:none}.bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;min-height:0;padding:0;color:#fff;text-decoration:none;pointer-events:auto}.nav-icon{--nav: #4aa3e8;position:relative;width:54px;height:54px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--nav) 55%,#fff),var(--nav) 62%,color-mix(in srgb,var(--nav) 70%,#062040));box-shadow:0 3px 6px #04102880;transition:transform .12s ease-out}.bottom-nav a:nth-child(1) .nav-icon{--nav: #3f8fe0}.bottom-nav a:nth-child(2) .nav-icon{--nav: #2fae8f}.bottom-nav a:nth-child(3) .nav-icon{--nav: #a678e8}.bottom-nav a:nth-child(4) .nav-icon{--nav: #e8523f}.bottom-nav a:nth-child(5) .nav-icon{--nav: #f0a030}.bottom-nav a:nth-child(6) .nav-icon{--nav: #3aa0d8}.nav-icon svg{display:block;filter:drop-shadow(0 1px 0 rgb(4 16 40 / .5))}.nav-label{margin-top:-12px;position:relative;font-size:15px;font-weight:900;font-style:italic;line-height:1.2;white-space:nowrap;color:#fff;-webkit-text-stroke:3px #1b3f7a;paint-order:stroke fill}.bottom-nav a[aria-current=page] .nav-icon{transform:translateY(-6px) scale(1.12);box-shadow:0 0 0 3px #78dcff8c,0 4px 8px #04102880}.nav-dot{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:var(--wb-alert)}.nav-dot:after{content:"!";position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;font-size:10px;font-weight:900;line-height:12px;text-align:center}.wb-back{position:fixed;left:max(14px,calc(50% - var(--max-width) / 2 + 14px));bottom:max(16px,env(safe-area-inset-bottom));z-index:12;width:58px;height:58px;display:grid;place-items:center;padding:0;border:3px solid rgb(255 255 255 / .85);border-radius:50%;background:radial-gradient(circle at 35% 28%,#9af0f4,#3fc6dc 60%,#2a9fc4);box-shadow:0 0 0 3px #3fc6dc59,0 4px 8px #04102880;color:#fff;cursor:pointer}.wb-back svg{filter:drop-shadow(0 1px 0 rgb(10 80 110 / .7))}.town-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin:var(--space-3) 0}.town-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-m);background:var(--wb-panel);box-shadow:var(--shadow-card);color:var(--color-text);font-size:var(--text-sm);font-weight:700;text-align:center;text-decoration:none}a.town-tile:active{transform:translateY(1px)}.town-tile[aria-disabled=true]{background:var(--wb-card-locked)}.town-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:linear-gradient(160deg,#7fe3de,var(--wb-teal-deep));box-shadow:0 1px 3px #0a183c59;font-size:22px;line-height:1}.town-tile>.badge{position:absolute;top:-6px;right:-6px}.town-tile-wide{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-3);align-items:center;justify-items:start;padding:var(--space-3);text-align:left}.town-tile-wide>.town-icon{grid-row:1 / span 3}.town-tile-wide>.town-label{font-size:var(--text-md);font-style:italic;font-weight:800}.town-tile-wide>.town-desc{grid-column:2;font-weight:400}.page-title{margin:0;font-size:var(--text-xl);font-weight:900;font-style:italic;line-height:1.15;-webkit-text-stroke:var(--title-stroke, 0);paint-order:stroke fill;text-shadow:var(--title-shadow, none)}.text-link{display:inline-flex;align-items:center;padding:var(--link-pill-pad, 0);border-radius:999px;background:var(--link-pill-bg, transparent);color:var(--color-accent-text);font-size:var(--text-sm);font-weight:700;text-decoration:none}.main{flex:1;padding:var(--space-4)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:var(--space-4)}.card.is-locked{background:var(--wb-card-locked);--color-text: var(--wb-ink-muted);color:var(--color-text)}.card h1{margin:0 0 var(--space-2);font-size:var(--text-xl)}.card p{margin:var(--space-2) 0}.badge{display:inline-block;min-width:20px;padding:1px 7px;border-radius:999px;background:var(--wb-alert);border:1px solid #fff;color:#fff;font-size:var(--text-xs);font-weight:800;line-height:1.4;text-align:center;text-shadow:0 1px 0 #8f1114;letter-spacing:.04em;text-transform:uppercase}.badge:empty:before{content:"!"}.wb-new{display:inline-block;padding:1px 7px;border-radius:var(--radius-s);background:var(--wb-new);color:#fff;font-size:var(--text-xs);font-weight:800;font-style:italic;letter-spacing:.04em;text-shadow:0 1px 0 #6d1a7c}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.chip{padding:var(--space-2) var(--space-3);border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.gallery-link{color:var(--color-accent-text);font-weight:600;text-decoration:none}.gallery-link:hover{text-decoration:underline}.gallery-subtitle{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.gallery-faction{margin-bottom:var(--space-5)}.faction-heading{margin:0 0 var(--space-3);font-size:var(--text-lg);border-left:4px solid var(--color-border);padding-left:var(--space-2)}.faction-heading.faction-ember{border-color:var(--color-faction-ember)}.faction-heading.faction-tide{border-color:var(--color-faction-tide)}.faction-heading.faction-grove{border-color:var(--color-faction-grove)}.faction-heading.faction-volt{border-color:var(--color-faction-volt)}.faction-heading.faction-frost{border-color:var(--color-faction-frost)}.faction-heading.faction-shade{border-color:var(--color-faction-shade)}.wild-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 480px){.wild-grid{grid-template-columns:repeat(2,1fr)}}.wild-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.wild-portraits{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.wild-portrait-figure{margin:0;text-align:center}.wild-portrait-figure figcaption{font-size:var(--text-xs);color:var(--color-text-muted)}.wild-portrait{display:block}.wild-meta h3{margin:0 0 var(--space-1);font-size:var(--text-md)}.wild-description{margin:var(--space-1) 0;font-size:var(--text-xs);color:var(--color-text-muted)}.stat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1) var(--space-3);margin:var(--space-1) 0}.stat{display:flex;justify-content:space-between;font-size:var(--text-xs)}.stat dt{color:var(--color-text-muted)}.stat dd{margin:0;font-weight:700}.wild-power{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}.chip.tier-common{border-color:var(--tier-common);color:var(--tier-common)}.chip.tier-uncommon{border-color:var(--tier-uncommon);color:var(--tier-uncommon)}.chip.tier-rare{border-color:var(--tier-rare);color:var(--tier-rare)}.chip.tier-epic{border-color:var(--tier-epic);color:var(--tier-epic)}.chip.tier-legendary{border-color:var(--tier-legendary);color:var(--tier-legendary)}.chip.tier-supreme{border-color:var(--tier-supreme);color:var(--tier-supreme)}.chip.tier-mythic{border-color:var(--tier-mythic);color:var(--tier-mythic)}.chip.tier-origin{border-color:var(--tier-origin);color:var(--tier-origin)}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.text-link:hover{text-decoration:underline}.section-title{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-md)}.error-banner{margin:var(--space-2) var(--space-4) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);background:#fde8e8;color:#a11b1b;border:1px solid #f3b7b7;font-size:var(--text-sm)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-2) 0}.chip{cursor:pointer;font-family:inherit}.chip-active{border-color:var(--color-accent);color:var(--color-accent-text);font-weight:700;background:color-mix(in srgb,var(--color-accent) 18%,var(--wb-panel))}button.chip:disabled{opacity:.5;cursor:default}.roster{list-style:none;margin:var(--space-3) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.roster-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-card);text-decoration:none;color:var(--color-text)}.roster-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.roster-name{font-weight:700}.roster-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.roster-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:2px}.lock-dot{color:var(--tier-legendary);font-size:var(--text-xs)}.roster-power{display:flex;flex-direction:column;align-items:flex-end}.roster-power-value{font-weight:700;font-variant-numeric:tabular-nums}.roster-power-label{font-size:var(--text-xs);color:var(--color-text-muted)}.wild-detail-hero{display:flex;gap:var(--space-3);align-items:center}.wild-detail-info{flex:1;min-width:0}.wild-power-lg{margin:var(--space-1) 0}.wild-power-lg strong{font-size:var(--text-lg)}.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.btn{--btn-fill: var(--wb-teal);--btn-edge: var(--wb-teal-deep);--btn-ink: #0b5f66;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:var(--space-2) var(--space-4);border:0;background:none;color:#fff;font-family:inherit;font-size:var(--text-sm);font-weight:700;line-height:1.2;text-align:center;text-decoration:none;text-shadow:0 1px 0 var(--btn-ink),0 0 2px var(--btn-ink);cursor:pointer}.btn:before{content:"";position:absolute;top:0;right:4px;bottom:0;left:4px;z-index:-1;transform:skew(-12deg);border-radius:var(--radius-s);background:var(--btn-fill);box-shadow:inset 0 1px #fff9,inset 0 -3px 0 var(--btn-edge),0 2px 4px #0a183c4d}.btn:active:not(:disabled):before{box-shadow:inset 0 2px 0 var(--btn-edge),0 1px 2px #0a183c4d}.btn-primary{--btn-fill: var(--wb-orange);--btn-edge: var(--wb-orange-deep);--btn-ink: #8a4b00}.btn-secondary{--btn-fill: var(--wb-teal);--btn-edge: var(--wb-teal-deep);--btn-ink: #0b5f66}.btn-tertiary{--btn-fill: var(--wb-yellow);--btn-edge: #d9c23a;--btn-ink: transparent;color:#5a4300}.btn-info{--btn-fill: var(--wb-sky);--btn-edge: #3493d6;--btn-ink: #1c5e94}.btn-danger{--btn-fill: #e0484d;--btn-edge: #b72a30;--btn-ink: #7a1218}.btn:disabled,.btn[aria-disabled=true]{--btn-fill: var(--wb-disabled);--btn-edge: #8a8a8a;--btn-ink: #5c5c5c;cursor:default}.tabs{display:flex;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2)}.tab{padding:var(--space-2) var(--space-3);border:none;border-bottom:2px solid transparent;background:none;color:var(--color-text-muted);font-family:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.tab-active{color:var(--color-accent-text);border-bottom-color:var(--color-accent)}.cost-row{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-3) 0}.wallet{margin-top:var(--space-3)}.evolve-preview{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.stage-figure{margin:0;text-align:center;opacity:.6}.stage-current{opacity:1;font-weight:700}.stage-figure figcaption{font-size:var(--text-xs);color:var(--color-text-muted)}.squad-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-2)}.slot-wrap{display:flex}.squad-slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-m);background:var(--color-bg);color:var(--color-text-muted);font-family:inherit;font-size:var(--text-xs);cursor:pointer;min-height:84px}.slot-filled{border-style:solid}.slot-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 35%,transparent)}.slot-name{font-weight:700;color:var(--color-text);font-size:var(--text-xs)}.slot-sub{color:var(--color-text-muted)}.slot-empty{font-style:italic}.strategy-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.candidate-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.candidate{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg-elevated);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);cursor:pointer;text-align:left}.candidate:disabled{opacity:.4;cursor:default}.candidate-name{flex:1;font-weight:600}.candidate-power{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.select,.input,.textarea{font-family:inherit;font-size:var(--text-sm);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-bg);color:var(--color-text)}.textarea{width:100%;margin-top:var(--space-1);resize:vertical}.field-label{display:block;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.status-box{margin-top:var(--space-2);padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius-s);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-all;max-height:160px;overflow:auto}.home-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.battle-teams{display:flex;justify-content:space-between;font-size:var(--text-xs);margin:var(--space-2) 0}.battle-field{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-l);background:color-mix(in srgb,var(--color-bg) 65%,var(--color-bg-elevated))}.battle-half{display:flex;flex-direction:column;gap:var(--space-2)}.battle-half-defenders{opacity:.98}.battle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.battle-vs{text-align:center;font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;color:var(--color-text-muted)}.battle-unit{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1);min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg-elevated);transition:box-shadow .15s ease,transform .1s ease}.unit-dead{opacity:.35;filter:grayscale(1)}.unit-actor{box-shadow:0 0 0 2px var(--color-accent)}.unit-target{box-shadow:0 0 0 2px var(--tier-supreme)}.battle-portrait{position:relative}.shield-badge{position:absolute;top:-2px;right:-6px;padding:0 4px;border-radius:999px;background:var(--color-faction-frost);color:#16181d;font-size:10px;font-weight:700}.battle-unit-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.bar{width:100%;height:5px;border-radius:999px;background:var(--color-border);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:999px;transition:width .2s ease}.bar-hp .bar-fill{background:var(--color-faction-grove)}.bar-rage .bar-fill{background:var(--color-faction-volt)}.unit-buffs{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.buff-chip{padding:0 4px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-text-muted);font-size:9px}.popup{position:absolute;top:-6px;left:50%;transform:translate(-50%);pointer-events:none;font-weight:800;font-size:var(--text-sm);text-shadow:0 1px 2px rgb(0 0 0 / .4);animation:popup-float .6s ease-out}.popup-hit{color:#ff5a5a}.popup-crit{color:#ffd23f;font-size:var(--text-lg)}.popup-block{color:#9fc2ff}.popup-miss{color:var(--color-text-muted)}.popup-heal{color:#5fd08a}.popup-shield{color:#7fb5e8}@keyframes popup-float{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-24px)}}.battle-field{--anim-speed: 1}.battle-unit{--anim-dir: -1}.battle-unit[data-side=attackers]{--anim-dir: 1}.anim-idle{animation:anim-breathe 2.4s ease-in-out infinite;animation-delay:calc(var(--anim-phase, 0) * -2.4s);transform-origin:50% 100%}.anim-idle-off{animation:none}.anim-pose{--anim-ms: calc(.48s / var(--anim-speed));transform-origin:50% 85%;will-change:transform}.anim-windup{animation:anim-windup var(--anim-ms) ease-out both}.anim-cast{animation:anim-cast var(--anim-ms) ease-out both}.anim-attack{animation:anim-attack var(--anim-ms) cubic-bezier(.3,0,.2,1) both}.anim-skill{animation:anim-skill var(--anim-ms) cubic-bezier(.3,0,.2,1) both}.anim-hit{animation:anim-hit var(--anim-ms) ease-out both}.anim-hit.anim-heavy{animation-name:anim-hit-heavy}.anim-block{animation:anim-block var(--anim-ms) ease-out both}.anim-dodge{animation:anim-dodge var(--anim-ms) ease-in-out both}.anim-boost{animation:anim-boost var(--anim-ms) ease-out both}.anim-faint{transform:translateY(6px) rotate(calc(var(--anim-dir) * -80deg)) scale(.85);animation:anim-faint var(--anim-ms) ease-in both}.anim-down{transform:translateY(6px) rotate(calc(var(--anim-dir) * -80deg)) scale(.85)}@keyframes anim-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,.96) translateY(1px)}}@keyframes anim-windup{0%{transform:none}60%,to{transform:translate(calc(var(--anim-dir) * -4px)) scale(1.08,.9)}}@keyframes anim-cast{0%{transform:none;filter:none}40%{transform:scale(.9);filter:brightness(1.2)}to{transform:translateY(-3px) scale(1.18);filter:brightness(1.6) drop-shadow(0 0 6px var(--color-accent))}}@keyframes anim-attack{0%{transform:translate(calc(var(--anim-dir) * -4px)) scale(1.08,.9)}35%{transform:translate(calc(var(--anim-dir) * 16px)) scale(.95,1.1)}to{transform:none}}@keyframes anim-skill{0%{transform:translateY(-3px) scale(1.18);filter:brightness(1.6) drop-shadow(0 0 6px var(--color-accent))}35%{transform:translate(calc(var(--anim-dir) * 22px)) scale(1.25) rotate(calc(var(--anim-dir) * 8deg));filter:brightness(1.4) drop-shadow(0 0 8px var(--color-accent))}to{transform:none;filter:none}}@keyframes anim-hit{0%{transform:none;filter:none}20%{transform:translate(calc(var(--anim-dir) * -5px),-3px) rotate(-5deg);filter:brightness(2) saturate(.4)}45%{transform:translate(calc(var(--anim-dir) * -3px),3px) rotate(4deg);filter:none}70%{transform:translate(-1px)}to{transform:none}}@keyframes anim-hit-heavy{0%{transform:none;filter:none}15%{transform:translate(calc(var(--anim-dir) * -9px),-5px) rotate(-10deg) scale(.92);filter:brightness(2.4) saturate(.2)}35%{transform:translate(calc(var(--anim-dir) * -6px),5px) rotate(8deg);filter:brightness(1.4)}55%{transform:translate(calc(var(--anim-dir) * -2px),-3px) rotate(-4deg);filter:none}75%{transform:translate(2px)}to{transform:none}}@keyframes anim-block{0%{transform:none}25%{transform:translate(calc(var(--anim-dir) * -2px)) scale(1.1,.88);filter:brightness(1.3) hue-rotate(-20deg)}to{transform:none;filter:none}}@keyframes anim-dodge{0%{transform:none;opacity:1}40%{transform:translate(12px) skew(-10deg);opacity:.55}to{transform:none;opacity:1}}@keyframes anim-boost{0%{transform:none;filter:none}40%{transform:translateY(-4px) scale(1.08);filter:brightness(1.35) drop-shadow(0 0 5px var(--color-faction-grove))}to{transform:none;filter:none}}@keyframes anim-faint{0%{transform:none}25%{transform:translateY(-5px) rotate(calc(var(--anim-dir) * 10deg))}to{transform:translateY(6px) rotate(calc(var(--anim-dir) * -80deg)) scale(.85)}}.battle-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.battle-log{margin-top:var(--space-3)}.battle-log summary{cursor:pointer;font-weight:600}.battle-log ol{margin:var(--space-2) 0 0;padding-left:var(--space-5);max-height:240px;overflow:auto;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.battle-log li{padding:1px 0}.log-current{color:var(--color-accent-text);font-weight:700}.result-panel{margin-top:var(--space-3)}.result-banner{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.result-banner strong{font-size:var(--text-lg)}.result-win .result-banner strong{color:var(--tier-uncommon)}.result-lose .result-banner strong{color:var(--tier-supreme)}.result-table{width:100%;border-collapse:collapse;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.result-table th,.result-table td{padding:2px 4px;text-align:right}.result-table th:first-child,.result-table td:first-child{text-align:left}.result-table thead th{color:var(--color-text-muted);font-weight:600;border-bottom:1px solid var(--color-border)}.result-table tr[data-side=defenders] td:first-child:before{content:"◆ ";color:var(--tier-supreme)}.result-table tr[data-side=attackers] td:first-child:before{content:"● ";color:var(--color-accent-text)}.unit-dead-row{color:var(--color-text-muted)}.main.battle-screen{position:fixed;top:0;bottom:0;left:50%;z-index:30;width:100%;max-width:var(--max-width);transform:translate(-50%);display:flex;flex-direction:column;padding:0;overflow:hidden;color:#fff;background:linear-gradient(180deg,#0c1826,var(--wb-battle-bg) 30%,#15303a)}.battle-title,.battle-unit-name{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.battle-turn{position:absolute;top:var(--space-2);left:0;z-index:3;margin:0;padding:2px var(--space-5) 2px var(--space-3);background:linear-gradient(90deg,#58b8f8bf,#58b8f840);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);font-size:var(--text-sm);font-weight:800;font-style:italic;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.battle-turn strong{font-size:var(--text-lg);font-weight:900;letter-spacing:.02em}.battle-stage{flex:1;min-height:0;display:flex}.battle-field{--color-text: #fff;--color-text-muted: #d2e6e4;--color-border: rgb(255 255 255 / .28);flex:1;display:grid;grid-template-columns:1fr 1fr;flex-direction:row;align-items:center;gap:var(--space-2);padding:56px var(--space-1) var(--space-3);border:0;border-radius:0;color:#fff;background:radial-gradient(circle at 50% 55%,transparent 0 13%,rgb(255 255 255 / .12) 13% 19%,transparent 19% 27%,rgb(255 255 255 / .1) 27% 36%,transparent 36%),repeating-linear-gradient(0deg,rgb(255 255 255 / .06) 0 2px,transparent 2px 64px),repeating-linear-gradient(90deg,rgb(255 255 255 / .06) 0 2px,transparent 2px 64px),linear-gradient(180deg,#12303a 0,#2c7f7c 14%,var(--wb-battle-floor) 55%,#338a82)}.battle-half{flex-direction:row;gap:2px;justify-content:space-around;align-items:center;height:100%}.battle-row{display:flex;flex-direction:column;justify-content:space-around;gap:var(--space-3);height:100%;min-width:0;flex:1}.battle-row.is-back{padding-bottom:9%}.battle-row.is-front{padding-top:9%}.battle-unit{gap:2px;padding:0;border:0;background:none;color:#fff;align-items:center}.battle-portrait:before{content:"";position:absolute;left:50%;bottom:-2px;width:58px;height:14px;transform:translate(-50%);border-radius:50%;background:#061e2473}.battle-portrait>*{position:relative}.battle-unit[data-side=defenders] .battle-portrait svg,.battle-unit[data-side=defenders] .battle-portrait img{transform:scaleX(-1)}.unit-plate{display:flex;align-items:center;gap:2px;width:82%;max-width:92px}.unit-faction{flex:none;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#8aa0b0;box-shadow:0 1px 2px #00000080}.unit-faction.faction-water{background:#3b9be8}.unit-faction.faction-fire{background:#ee5a3a}.unit-faction.faction-grass{background:#4caf50}.unit-faction.faction-light{background:#f2c23a}.unit-faction.faction-dark{background:#7a5bc4}.unit-bars{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;transform:skew(-18deg)}.battle-unit .bar{height:6px;border-radius:1px;background:#08181ebf;box-shadow:0 0 0 1px #08181ebf}.battle-unit .bar-fill{border-radius:0}.battle-unit .bar-hp .bar-fill{background:linear-gradient(180deg,#5df0c0,#22c08f)}.battle-unit .bar-rage{height:3px}.battle-unit .bar-rage .bar-fill{background:#f0507a}.battle-unit .buff-chip{background:#00000080;color:#fff}.battle-unit.unit-dead{opacity:.35}.unit-actor{box-shadow:none;filter:drop-shadow(0 0 6px rgb(255 224 120 / .9))}.unit-target{box-shadow:none;filter:drop-shadow(0 0 6px rgb(255 90 90 / .9))}.popup{top:-10px;font-size:var(--text-lg);font-style:italic;text-shadow:0 1px 0 #000,0 0 3px #000;z-index:2}.battle-controls{position:relative;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:0;margin:0;padding-top:var(--space-3);background:linear-gradient(90deg,var(--wb-ally) 0 46%,var(--wb-enemy) 54% 100%) bottom / 100% 46px no-repeat,linear-gradient(180deg,#1d3a46,#16303a);box-shadow:inset 0 3px #5adce659}.battle-mid{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:4px}.battle-hexes{display:flex;justify-content:center;gap:var(--space-3)}.battle-plates-vs{font-size:26px;font-weight:900;font-style:italic;line-height:1;color:#fff;-webkit-text-stroke:1px var(--wb-outline);paint-order:stroke fill}.battle-plate{display:flex;flex-direction:column;min-width:0;padding:0 var(--space-2) 0;color:#fff}.battle-plate.is-enemy{align-items:flex-end}.battle-plate-portrait{width:64px;height:64px;display:grid;place-items:center;border:3px solid #b9a4ff;border-radius:10px;background:linear-gradient(160deg,#eaf4ff,#9ec4ea);box-shadow:0 2px 5px #00000073;overflow:hidden}.battle-plate.is-enemy .battle-plate-portrait{border-color:#fff;background:linear-gradient(160deg,#ffe9ee,#e99aa8)}.battle-plate-side{height:26px;margin-top:4px;font-size:var(--text-lg);font-weight:900;font-style:italic;letter-spacing:.04em;line-height:26px;text-shadow:0 2px 0 rgb(0 0 0 / .35)}.battle-plate-name{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.result-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);margin:0;padding:var(--space-5) var(--space-4);background:#040e14b8;overflow-y:auto;animation:wb-fade .2s ease-out}.result-panel .result-banner{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 var(--space-2)}.result-panel .result-banner strong{font-size:52px;font-weight:900;font-style:italic;line-height:1.05;color:#fff;-webkit-text-stroke:2px #8a4b00;paint-order:stroke fill;text-shadow:0 4px 0 #8a4b00,0 8px 12px rgb(0 0 0 / .4)}.result-meta{font-size:var(--text-xs);color:#cfe0ea}.result-box{min-height:40px;padding:var(--space-3);border-radius:var(--radius-s);background:#f0f8f8d1;color:var(--wb-ink)}.result-win .wb-section{margin:var(--space-2) 0 var(--space-3)}.result-win .wb-section-head>span{border-radius:var(--radius-s) var(--radius-s) 0 0;margin-left:0}.result-win .wb-section-head{margin-bottom:4px}.result-extra{--color-text: var(--wb-ink);--color-text-muted: var(--wb-ink-muted);--color-accent-text: var(--wb-link);--color-border: var(--wb-line);color:var(--wb-ink)}.result-extra:empty:before{content:"—";color:var(--wb-ink-muted)}.result-extra>.card{box-shadow:none;padding:0;background:none}.result-extra .result-banner{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:var(--space-2);margin-bottom:var(--space-1)}.result-panel .result-extra .result-banner strong{font-size:var(--text-md);font-style:normal;font-weight:800;color:var(--wb-ink);-webkit-text-stroke:0;text-shadow:none;transform:none}.result-lose .result-extra .result-banner{position:static}.result-extra .reward-line{display:flex;flex-wrap:wrap;gap:var(--space-1)}.result-extra p{margin:var(--space-1) 0}.result-lose .result-extra{margin-top:var(--space-3)}.result-lose .result-card{position:relative;margin-top:34px;padding:44px var(--space-4) var(--space-5);border-radius:var(--radius-m);border-top:6px solid #2ec4e6;background:var(--wb-panel);box-shadow:0 0 0 4px #8c96dc8c,0 10px 24px #00000080;color:var(--wb-ink)}.result-lose .result-banner{position:absolute;top:-46px;left:0;right:0}.result-lose .result-banner strong{font-size:64px;-webkit-text-stroke:0;text-shadow:3px 4px 0 #2f8fe6,5px 7px 0 #1b4f9a,0 10px 14px rgb(0 0 0 / .35);transform:rotate(-4deg)}.result-lose .result-meta{display:none}.result-improve-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.result-improve-head p{flex:1;margin:0;text-align:center;color:#4a5f8a}.result-playback{display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:none;color:var(--wb-teal-deep);font-family:inherit;font-size:var(--text-xs);font-weight:800;cursor:pointer}.result-playback>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--wb-teal);color:#fff;font-size:13px}.result-improve{padding:var(--space-3);border:1px solid #d5e2e2;border-radius:var(--radius-s);background:#ecf3f3}.result-improve-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.result-improve-links a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-size:var(--text-xs);font-weight:800;font-style:italic;text-decoration:none;text-shadow:0 1px 0 #1c3a66,0 0 3px #1c3a66}.result-improve-links a>span{width:64px;height:64px;display:grid;place-items:center;border:3px solid #9ec4ea;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6fb6ef,#2b6fb8);font-size:28px;font-style:normal;text-shadow:none}.result-improve-links a{margin-bottom:-2px}.result-improve-links a:after{content:none}.result-tip{margin:var(--space-3) 0 0;font-size:var(--text-sm);font-weight:600;color:#3f5f88}.result-tip:before{content:"◆ ";color:#2f8fd0}.result-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:0}.result-totals>div{text-align:center}.result-totals dt{font-size:var(--text-xs);font-weight:600;color:var(--wb-ink-muted)}.result-totals dd{margin:0;font-size:var(--text-lg)}.result-foot{display:flex;flex-wrap:wrap;justify-content:space-around;gap:var(--space-4);margin:0}.result-foot .btn{min-width:132px}.result-table{font-size:var(--text-sm);margin-top:var(--space-2)}.result-table th,.result-table td{padding:4px}.wb-modal .battle-log{margin:0;padding-left:var(--space-5);max-height:none;font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tier-common{--tier: var(--tier-common)}.tier-uncommon{--tier: var(--tier-uncommon)}.tier-rare{--tier: var(--tier-rare)}.tier-epic{--tier: var(--tier-epic)}.tier-legendary{--tier: var(--tier-legendary)}.tier-supreme{--tier: var(--tier-supreme)}.tier-mythic{--tier: var(--tier-mythic)}.tier-origin{--tier: var(--tier-origin)}.tabs{gap:var(--space-1)}.tab{padding:6px var(--space-3);border:0;border-radius:999px;background:var(--tab-bg, var(--wb-well));color:var(--color-text);font-weight:700}.tab-active{background:var(--wb-yellow);color:#4a3c00;box-shadow:inset 0 -2px #d9c23a}.main.formation-screen{display:flex;flex-direction:column;gap:var(--space-2);padding:0 0 96px;background:linear-gradient(180deg,#0c1830,#16264a 45%,#1a2c52);min-height:100%;flex:1}.formation-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.formation-field{position:relative;padding:40px var(--space-1) var(--space-2);background:radial-gradient(circle at 50% 58%,rgb(120 200 255 / .28) 0 18%,transparent 19% 30%,rgb(120 200 255 / .14) 31% 34%,transparent 35%),linear-gradient(180deg,#0a1428,#14305a 60%,#1b3c6a)}.formation-totals{display:flex;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2);font-size:var(--text-sm);font-weight:900;font-style:italic;color:#fff;text-shadow:0 1px 2px #000}.formation-totals .wb-power{font-size:1.35em;color:#fff;-webkit-text-stroke:1px #2a6fd0}.formation-totals .is-enemy{opacity:.7}.wb-board{display:grid;grid-template-columns:1fr 1fr 2fr;gap:2px;padding:var(--space-2) 0 0}.wb-board-col.is-front{order:2;padding-top:26px}.wb-board-col.is-back{order:1}.wb-board .section-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wb-board .squad-row{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin:0;justify-items:center}.wb-board .slot-wrap{width:100%}.wb-board .squad-slot{position:relative;width:100%;min-height:96px;justify-content:flex-end;align-items:center;gap:2px;padding:0;border:0;background:none;color:#fff}.wb-board .squad-slot:before{content:none}.wb-board .squad-slot.slot-selected{box-shadow:none;filter:drop-shadow(0 0 7px #7fd8ff)}.wb-board .squad-slot.slot-selected:after{content:"";position:absolute;left:50%;top:44px;width:64px;height:18px;transform:translate(-50%);border:2px solid #7fd8ff;border-radius:50%;z-index:-1}.slot-plate{display:flex;align-items:center;gap:2px;width:100%;padding:0 2px}.slot-plate-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch}.wb-board .slot-name{color:#fff;font-size:11px;font-weight:600;line-height:1.15;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.slot-bar{display:flex;align-items:center;gap:3px;height:8px}.slot-bar:after{content:"";flex:1;height:5px;background:linear-gradient(180deg,#5df0c0,#22c08f);transform:skew(-18deg);box-shadow:0 0 0 1px #08181ebf}.wb-board .slot-sub{font-size:9px;font-weight:800;font-style:italic;color:#fff;text-shadow:0 1px 1px #000}.wb-board .slot-empty{width:56px;height:56px;display:grid;place-items:center;margin-bottom:var(--space-3);border:2px dashed rgb(160 210 255 / .6);border-radius:50%;color:#c8e6ffe6;font-size:0}.wb-board .slot-empty:before{content:"+";font-size:26px;font-weight:300}.wb-board-enemy{order:3;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) 2px;align-content:start;justify-items:center;padding-top:14px}.wb-board-enemy>span{width:46px;height:46px;margin:22px 0 28px;border-radius:50%;background:radial-gradient(circle,rgb(140 190 255 / .2),transparent 70%)}.wb-board-enemy>span:nth-child(2n){transform:translateY(-26px)}.formation-modes,.formation-screen .strategy-row{padding:0 var(--space-2);margin:0;align-items:center}.formation-modes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.formation-modes .chip,.formation-screen .strategy-row .chip{flex:none;padding:3px var(--space-3);font-size:var(--text-xs)}.formation-screen .strategy-row{flex-wrap:nowrap;gap:var(--space-1)}.formation-screen .strategy-row .muted{font-size:var(--text-xs)}.formation-clear{margin-left:auto;display:flex;flex-direction:column;align-items:center;border:0;background:none;color:#fff;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}.formation-clear>span{width:30px;height:30px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 28%,#9af0f4,#3fc6dc 60%,#2a9fc4)}.formation-pick{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.candidate-list{grid-template-columns:repeat(6,1fr);gap:6px;padding:0 var(--space-2)}.candidate{position:relative;aspect-ratio:1;flex-direction:column;justify-content:center;gap:0;padding:0;border:2px solid color-mix(in srgb,var(--tier, var(--tier-common)) 80%,#fff);border-radius:8px;background:linear-gradient(160deg,color-mix(in srgb,var(--tier, var(--tier-common)) 55%,#fff),var(--tier, var(--tier-common)));overflow:hidden}.candidate svg,.candidate img{width:100%;height:auto;max-height:100%}.candidate .unit-faction{position:absolute;top:2px;left:2px;width:13px;height:13px;border-width:1px;z-index:1}.candidate-level{position:absolute;top:1px;right:3px;z-index:1;color:#fff;font-size:9px;font-weight:800;text-shadow:0 1px 1px #000,0 0 2px #000}.candidate-stars{position:absolute;left:0;right:0;bottom:0;z-index:1;color:#ffd84a;font-size:9px;line-height:1.1;letter-spacing:-1px;text-align:center;text-shadow:0 0 2px #5a3a00}.candidate-name,.candidate-power{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.candidate.is-placed{border-color:#fff;box-shadow:0 0 0 2px #7fd8ff,0 0 10px 3px #7fd8ffe6;overflow:visible}.candidate:disabled:not(.is-placed){opacity:.45}.formation-actions{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:11;width:100%;max-width:var(--max-width);transform:translate(-50%);display:flex;justify-content:center;gap:var(--space-4);padding-left:84px;padding-right:var(--space-3);pointer-events:none}.formation-actions .btn{min-width:124px;pointer-events:auto;font-size:var(--text-md)}.roster{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.roster-item{height:100%;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:0 0 var(--space-2);border:0;border-radius:var(--radius-m);overflow:hidden;text-align:center}.roster-portrait{display:grid;place-items:center;padding:var(--space-2) 0 var(--space-1);border-bottom:3px solid var(--tier, var(--tier-common));background:radial-gradient(90% 90% at 50% 100%,color-mix(in srgb,var(--tier, var(--tier-common)) 45%,#fff),#f3f7f8)}.roster-info{align-items:center;padding:0 var(--space-2)}.roster-chips{justify-content:center}.roster-chips .chip{padding:1px var(--space-2);font-size:var(--text-xs)}.roster-power{flex-direction:row;align-items:baseline;justify-content:center;gap:var(--space-1);margin:auto var(--space-2) 0;padding:1px var(--space-2);border-radius:999px;background:#1c2a40}.roster-power-value{order:2;font-style:italic;font-weight:800;color:var(--wb-power)}.roster-power-label{order:1;color:#d9e4f6}.wild-detail-hero{align-items:stretch;padding:var(--space-3)}.wild-detail-stage{flex:none;display:grid;place-items:center;width:136px;border:3px solid var(--tier, var(--tier-common));border-radius:var(--radius-m);background:radial-gradient(90% 80% at 50% 100%,color-mix(in srgb,var(--tier, var(--tier-common)) 50%,#fff),#f3f7f8)}.wild-detail-hero .chip-list{margin-top:var(--space-2);gap:var(--space-1)}.wild-detail-hero .chip{padding:2px var(--space-2);font-size:var(--text-xs)}.wild-power-lg{display:inline-flex;align-items:baseline;gap:var(--space-2);margin:var(--space-2) 0 var(--space-1);padding:1px var(--space-3);border-radius:999px;background:#1c2a40;color:#d9e4f6;font-size:var(--text-sm)}.wild-power-lg strong{font-size:var(--text-lg);font-style:italic;font-weight:800;color:var(--wb-power)}.candidate.is-placed:disabled{opacity:1}.wild-power-lg .muted,.wild-power-lg small,.wild-power-lg span{color:#b9c8de}.formation-gear{pointer-events:auto;width:44px;height:44px;margin-right:auto;border:2px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 28%,#b9d0ff,#5a86e0 65%);color:#fff;font-size:22px;cursor:pointer}.wb-modal .formation-modes{flex-wrap:wrap;overflow:visible;padding:0}.wb-modal .strategy-row{flex-wrap:wrap;padding:0;margin-top:var(--space-3)}.wb-modal .formation-clear,.wb-modal .chip{color:var(--wb-ink)}.eui-stage{overflow:visible}.eui-n{display:block;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none}.eui-btn{cursor:pointer}.eui-btn:disabled{cursor:default}.eui-n:focus-visible{outline:3px solid #ffe066;outline-offset:2px}.hud.eui-hud{display:block;padding:0;background:none;box-shadow:none}.bottom-nav.eui-nav{display:block;padding:0;background:none;box-shadow:none;border:0}.eui-nav-select{position:absolute;bottom:0;width:104px;height:6px;border-radius:3px;background:#ffd34d;box-shadow:0 0 8px #ffd34d}.eui-fill{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.eui-fill .eui-n[data-eui]{pointer-events:none}.eui-fill a.eui-n,.eui-fill button.eui-n,.eui-fill .eui-n.eui-live,.eui-fill .eui-live{pointer-events:auto}.battle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:auto;background:var(--color-bg)}.wb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:#060e229e;animation:wb-fade .15s ease-out}.wb-modal{width:100%;max-width:calc(var(--max-width) - 2 * var(--space-4));max-height:min(78vh,640px);display:flex;flex-direction:column;border-radius:16px;background:var(--wb-panel);box-shadow:0 10px 28px #040a1e80;overflow:hidden;animation:wb-pop .18s ease-out}.wb-modal:focus-visible{outline:none;box-shadow:0 10px 28px #040a1e80}.wb-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:linear-gradient(90deg,var(--wb-header-from),var(--wb-header-mid) 55%,var(--wb-header-to));box-shadow:inset 0 -2px #003c5040}.wb-modal-head h2{margin:0;font-size:var(--text-lg);font-weight:800;font-style:italic;color:#fff;text-shadow:0 1px 0 #04506a,0 0 3px #04506a}.wb-modal-close{flex:none;width:32px;height:32px;border:2px solid #fff;border-radius:50%;background:#00465a73;color:#fff;font-size:var(--text-sm);font-weight:800;line-height:1;cursor:pointer}.wb-modal-main{display:flex;min-height:0;flex:1}.wb-modal-body{flex:1;min-width:0;padding:var(--space-4);overflow-y:auto}.wb-modal-body>:first-child{margin-top:0}.wb-modal-body>:last-child{margin-bottom:0}.wb-modal-tabs{flex:none;display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 0;background:#f3efc4}.wb-modal-tabs button{min-height:44px;max-width:96px;padding:var(--space-2) var(--space-3);border:0;background:none;color:#6a5a10;font-family:inherit;font-size:var(--text-xs);font-weight:700;text-align:left;cursor:pointer}.wb-modal-tabs button.is-active{background:var(--wb-yellow);color:#4a3c00;box-shadow:inset 4px 0 0 var(--wb-orange)}.wb-modal-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);padding:0 var(--space-4) var(--space-4)}.wb-modal-foot .btn{min-width:120px}.wb-modal-hint{margin:0;color:#fff;font-size:var(--text-sm);text-shadow:0 1px 2px rgb(0 0 0 / .7);pointer-events:none}.wb-inset{padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--wb-inset);color:var(--wb-inset-text);font-weight:600;text-align:center}.wb-modal.is-tips{max-width:380px}.wb-modal.is-tips .wb-inset{min-height:96px;display:grid;place-items:center}@keyframes wb-fade{0%{opacity:0}}@keyframes wb-pop{0%{opacity:0;transform:scale(.94)}}.wb-toasts{position:fixed;left:50%;bottom:96px;z-index:50;transform:translate(-50%);width:min(92vw,calc(var(--max-width) - 2 * var(--space-4)));display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.wb-toast{margin:0;padding:4px var(--space-4);border-radius:999px;background:#081024d1;color:#fff;font-size:var(--text-sm);font-weight:600;animation:wb-toast-in .2s ease-out}.wb-toast-name{font-weight:800;color:#fff}.wb-toast-name.tier-uncommon{color:#8fe08f}.wb-toast-name.tier-rare{color:#8fc1ff}.wb-toast-name.tier-epic{color:#d7a6ff}.wb-toast-name.tier-legendary{color:#ffc46b}.wb-toast-name.tier-supreme{color:#ff9a9e}.wb-toast-name.tier-mythic{color:#f2dc7a}.wb-toast-name.tier-origin{color:#ffa29c}@keyframes wb-toast-in{0%{opacity:0;transform:translateY(8px)}}.wb-section{margin:var(--space-3) 0}.wb-section-head{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-sm)}.wb-section-head>span{padding:2px var(--space-3);border-radius:var(--radius-s) var(--radius-s) var(--radius-s) 0;background:var(--wb-sky);color:#fff;font-weight:800;font-style:italic;text-shadow:0 1px 0 #1c5e94}.wb-section-head:after{content:"";flex:1;border-top:2px dashed var(--wb-sky);opacity:.7}.wb-tile{--tile: var(--tier-common);display:inline-flex;flex-direction:column;align-items:center;gap:2px;width:60px;vertical-align:top}.wb-tile.tier-uncommon{--tile: var(--tier-uncommon)}.wb-tile.tier-rare{--tile: var(--tier-rare)}.wb-tile.tier-epic{--tile: var(--tier-epic)}.wb-tile.tier-legendary{--tile: var(--tier-legendary)}.wb-tile.tier-supreme{--tile: var(--tier-supreme)}.wb-tile.tier-mythic{--tile: var(--tier-mythic)}.wb-tile.tier-origin{--tile: var(--tier-origin)}.wb-tile-frame{position:relative;width:56px;height:56px;display:grid;place-items:center;border:3px solid var(--tile);border-radius:12px;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--tile) 28%,#fff));box-shadow:inset 0 0 0 1px #fff,0 1px 3px #0a183c40}.wb-tile-icon{font-size:24px;font-weight:800;line-height:1;color:color-mix(in srgb,var(--tile) 70%,#1c2a40)}.wb-tile-count{position:absolute;top:-7px;right:-7px;min-width:18px;padding:0 4px;border-radius:999px;background:#1c2a40;color:#fff;font-size:11px;font-weight:800;font-style:italic;line-height:1.5;text-align:center}.wb-tile-tag{position:absolute;top:-7px;left:-7px;padding:0 4px;border-radius:4px;background:var(--wb-new);color:#fff;font-size:10px;font-weight:800;line-height:1.5}.wb-tile-stars{position:absolute;bottom:-1px;left:0;right:0;text-align:center;font-size:9px;line-height:1;letter-spacing:-1px;color:#f6b400;text-shadow:0 0 2px #5a3a00}.wb-tile-name{max-width:100%;font-size:10px;font-weight:600;line-height:1.2;text-align:center;overflow-wrap:anywhere;color:var(--color-text)}.wb-row{border-radius:var(--radius-m);background:var(--wb-panel);box-shadow:var(--shadow-card);overflow:hidden}.wb-row+.wb-row{margin-top:var(--space-2)}.wb-row-title{margin:0;padding:3px var(--space-3);background:linear-gradient(90deg,#d5eeee,transparent 85%);font-size:var(--text-sm);font-weight:700}.wb-row-body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.wb-row-rewards{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-2);min-width:0;padding-top:6px}.wb-row-side{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px}.wb-row-progress{font-size:var(--text-xs);color:var(--color-text-muted)}.wb-row.is-claimed,.wb-row.is-notReached{background:var(--wb-card-locked)}.wb-stepper{display:inline-flex;align-items:center;gap:4px}.wb-stepper>button{width:36px;height:36px;border:0;border-radius:8px;background:var(--wb-teal);box-shadow:inset 0 -3px 0 var(--wb-teal-deep);color:#fff;font-size:22px;font-weight:800;line-height:1;cursor:pointer}.wb-stepper>button:disabled{background:var(--wb-disabled);box-shadow:inset 0 -3px #8a8a8a;cursor:default}.wb-stepper-value{min-width:84px;padding:6px var(--space-3);border-radius:8px;background:var(--wb-inset);color:var(--wb-inset-text);font-size:var(--text-sm);font-weight:600;text-align:center}.wb-countdown{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:999px;background:#081024c7;color:#fff;font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}.wb-countdown-label{font-weight:400;color:#d9e4f6}.wb-attempts{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600}.wb-attempts-add{width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:var(--wb-plus);color:#fff;font-size:16px;font-weight:800;line-height:1;cursor:pointer;padding:0}.app-shell{--num-deficit: #ff9a9e;--num-gain: #8fe08f;--num-cost: #ffd978}.wb-attempts .wb-num.is-deficit{color:var(--num-deficit, var(--wb-deficit))}.wb-stamp{display:inline-block;padding:0 var(--space-2);border:3px solid currentcolor;border-radius:6px;background:#ffffffd9;font-size:var(--text-sm);font-weight:900;font-style:italic;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-12deg)}.wb-stamp.is-defeated{color:var(--wb-deficit)}.wb-stamp.is-done{color:var(--wb-gain)}.wb-stamp.is-out{color:#6b6b6b}.wb-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:28px;padding:2px var(--space-3);border-radius:999px;background:var(--wb-panel);border:2px solid var(--wb-teal);color:var(--wb-ink);font-size:var(--text-sm);font-weight:700}.wb-pill.is-yellow{background:var(--wb-yellow);border-color:#d9c23a;color:#4a3c00}.wb-pill.is-sky{background:var(--wb-sky);border-color:#3493d6;color:#0c2f52}.wb-pill-cost{display:inline-flex;align-items:center;gap:2px}.wb-track{position:relative;height:52px;margin:var(--space-2) 22px var(--space-2) 6px}.wb-track-bar{position:absolute;left:0;right:0;top:12px;height:10px;border-radius:999px;background:var(--wb-inset);overflow:hidden}.wb-track-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--wb-orange),#ffd24a)}.wb-track-mark{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:34px;padding:0;border:0;background:none;font-family:inherit;font-size:11px;color:var(--wb-ink-muted)}.wb-track-mark>span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:2px solid #fff;background:#9aa8b8;color:#fff;font-size:16px;font-weight:800;box-shadow:0 1px 3px #0a183c4d}.wb-track-mark.is-claimed>span:first-child{background:var(--wb-gain)}.wb-track-mark.is-ready{cursor:pointer;color:var(--wb-ink);font-weight:800}.wb-track-mark.is-ready>span:first-child{background:var(--wb-orange);box-shadow:0 0 0 3px #ffa80059,0 1px 3px #0a183c4d}.chip.reward-chip{border-color:#b5dcc0;background:#eef9f0;color:var(--wb-gain);font-weight:700;font-style:italic;font-variant-numeric:tabular-nums}.wb-hex{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:0;border:0;background:none;color:#fff;font-family:inherit;text-decoration:none;cursor:pointer}.wb-hex-icon{width:52px;height:46px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(180deg,#49d3d0,var(--wb-teal-deep) 55%,#178a96);color:#fff;font-size:18px;font-weight:800;line-height:1;text-shadow:0 1px 0 #0b5f66}.wb-hex-label{font-size:var(--text-sm);font-weight:900;font-style:italic;letter-spacing:.03em;text-shadow:0 1px 2px rgb(0 0 0 / .8)}.wb-hex:disabled{cursor:default}.wb-hex:disabled .wb-hex-icon{background:var(--wb-disabled);text-shadow:none}.wb-hex:disabled .wb-hex-label{opacity:.6}.wb-hex:active:not(:disabled) .wb-hex-icon{filter:brightness(.9)}.progress{display:block;height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.progress>.progress-fill{display:block;height:100%;border-radius:999px;transition:width .2s ease}.box-bar>.progress-fill{background:var(--color-accent)}.pity-bar>.progress-fill{background:var(--tier-legendary)}.summon-free{font-size:var(--text-sm)}.summon-box,.summon-pity,.summon-rates{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg)}.summon-box-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);font-weight:600}.summon-box .progress,.summon-pity .progress{margin:var(--space-2) 0}.summon-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.summon-rates>summary{cursor:pointer;font-weight:600}.rate-list{list-style:none;margin:var(--space-2) 0 0;padding:0;font-size:var(--text-sm)}.rate-list li{display:flex;justify-content:space-between;padding:2px 0}.summon-wish-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.summon-wish-row .select{flex:1;min-width:160px}.draw-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.draw-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-2);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-m);background:var(--color-bg)}.draw-card.tier-common{border-left-color:var(--tier-common)}.draw-card.tier-uncommon{border-left-color:var(--tier-uncommon)}.draw-card.tier-rare{border-left-color:var(--tier-rare)}.draw-card.tier-epic{border-left-color:var(--tier-epic)}.draw-card.tier-legendary{border-left-color:var(--tier-legendary)}.draw-card.tier-supreme{border-left-color:var(--tier-supreme)}.draw-card.tier-mythic{border-left-color:var(--tier-mythic)}.draw-name{font-weight:700;font-size:var(--text-sm)}.chip-new{border-color:var(--color-accent);color:var(--color-accent-text);font-weight:700}.history-list{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}.history-row{display:flex;align-items:center;gap:var(--space-2);padding:2px 0;font-size:var(--text-sm)}.history-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.shop-refresh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-2) 0}.shop-refresh-cost{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.shop-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.shop-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg)}.shop-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.shop-item-name{font-weight:600;font-size:var(--text-sm)}.stat-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-2) 0}.stat-row .stat{flex:1 1 6rem;gap:var(--space-2)}.stage-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.chip-on{border-color:var(--color-accent);color:var(--color-accent-text);font-weight:700;background:color-mix(in srgb,var(--color-accent) 18%,var(--wb-panel))}.plain-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.milestone-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg)}.milestone-rewards{flex:1;min-width:0;text-align:center}.town-desc{display:block;font-size:var(--text-xs)}.ranked-bar{margin:var(--space-2) 0}.ranked-bar>.progress-fill{background:var(--color-accent)}.arena-result .section-title{margin-bottom:var(--space-1)}.tabs-scroll{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll .tab{white-space:nowrap;flex:0 0 auto}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1) var(--space-4);margin:var(--space-2) 0}.stat-grid .stat-row{display:flex;justify-content:space-between;gap:var(--space-2);margin:0;padding:2px 0}.gear-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.gear-row{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg)}.gear-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.gear-row p{margin:var(--space-1) 0}.held-main{font-weight:600}.held-lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.held-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.held-pending{padding:var(--space-2);border:1px dashed var(--color-border);border-radius:var(--radius-m)}.btn-small{padding:2px var(--space-3);font-size:.85em;min-height:28px}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1) var(--space-4);margin-top:var(--space-2)}.material-row{display:flex;justify-content:space-between;gap:var(--space-2);padding:2px 0;border-bottom:1px solid var(--color-border)}.chapter-picker{display:flex;align-items:end;gap:var(--space-2);margin:var(--space-3) 0}.chapter-select{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:var(--text-sm)}.chapter-select select{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg);color:var(--color-text);font:inherit}.gate-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-m);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.gate-card p{margin:var(--space-1) 0 0}.explore-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-3) 0}.explore-grid{display:flex;flex-direction:column;gap:var(--space-3)}.explore-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-bg-elevated);box-shadow:var(--shadow-card);color:var(--color-text);text-decoration:none}.explore-card.is-locked{border-style:dashed}.explore-card-head{display:flex;gap:var(--space-3);align-items:center}.explore-card-title{flex:1;min-width:0}.explore-card-title h2{margin:0;font-size:var(--text-lg)}.explore-card-title p{margin:0}.explore-sigil{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-m);background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-accent-text);font-weight:800;letter-spacing:.04em}.explore-sigil-lg{width:64px;height:64px;font-size:var(--text-lg)}.explore-desc{margin:0;font-size:var(--text-sm)}.explore-facts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.explore-facts .chip{padding:2px 8px}.explore-status.live{border-color:var(--color-accent);color:var(--color-accent-text)}.explore-gate-line{margin:0}.explore-detail-head{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-2)}.pet-home-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:var(--space-2) 0 var(--space-3)}.pet-home-summary>div{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg);min-width:0}.pet-home-summary strong{font-size:var(--text-sm);overflow-wrap:anywhere}.pet-home-xp{margin:var(--space-2) 0}.pet-home-xp-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1);margin-bottom:4px}.pet-home-xp-fill{background:var(--color-accent)}.pet-home-summon-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.pet-home-status{margin:var(--space-2) 0 0;color:var(--color-accent-text);font-size:var(--text-sm);font-weight:600}.pet-home-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);margin-top:var(--space-2)}.pet-home-tile,.pet-home-hole{aspect-ratio:1;min-width:0}.pet-home-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;overflow:hidden}.pet-home-tile.is-active{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg))}.pet-home-tile.is-locked{border-style:dashed;opacity:.8}.pet-home-tile.is-hidden{border-style:dotted;opacity:.45}.pet-home-tile.is-selected{outline:2px solid var(--color-accent);outline-offset:1px}.pet-home-tile:disabled{cursor:default}.pet-home-tile .wild-portrait{width:100%;height:auto;max-height:52px}.pet-home-tile-mark{font-size:var(--text-lg);font-weight:700;color:var(--color-text-muted);line-height:1}.pet-home-tile-level{font-size:10px;line-height:1.15;color:var(--color-text-muted);white-space:nowrap}.pet-home-board-note{margin:var(--space-2) 0 0}.pet-home-merge-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.pet-home-reward-line{flex:1;min-width:0;text-align:center}.pet-home-shops{display:flex;flex-direction:column;gap:var(--space-3)}.pet-home-album{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-2)}.pet-home-album-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg);font-size:var(--text-xs);min-width:0}.pet-home-album-entry.is-unseen{opacity:.55}.pet-home-album-entry span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-home-album-lock{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-s);background:var(--color-bg-elevated);color:var(--color-text-muted);font-weight:800}.pet-home-help{margin-top:var(--space-3)}.pet-home-help summary{cursor:pointer;font-weight:600;font-size:var(--text-sm)}.btn-sm{padding:4px 10px;font-size:var(--text-xs);min-height:32px}.sky-summary{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sky-summary>span{display:flex;flex-direction:column;gap:2px;min-width:120px}.sky-summary strong{font-size:var(--text-sm)}.sky-wing{padding-bottom:var(--space-2)}.sky-floor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:var(--space-2)}.sky-floor{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px;border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:10px}.sky-floor:hover{border-color:var(--color-accent)}.sky-floor.is-selected{outline:2px solid var(--color-accent);outline-offset:1px}.sky-floor.is-cleared{background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg))}.sky-floor.is-locked{opacity:.5;border-style:dashed}.sky-floor-number{font-size:var(--text-sm);font-weight:700}.sky-floor-stars{color:var(--color-text-muted);white-space:nowrap}.sky-detail,.sky-chests{display:flex;flex-direction:column;gap:var(--space-2)}.sky-chest{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.sky-chest .reward-line{flex:1;min-width:0}.sky-stages{display:flex;flex-direction:column;gap:var(--space-2)}.sky-stage{display:flex;flex-direction:column;gap:4px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-bg)}.sky-stage.is-locked{opacity:.6}.sky-stage-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.sky-stage-head strong{flex:1}.sky-stage-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs)}.sky-stage-meta .reward-line{display:inline-flex;gap:2px}.sky-conditions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font-size:var(--text-xs)}.sky-stars{letter-spacing:1px;color:var(--color-text-muted);white-space:nowrap}.sky-stars.is-earned{color:var(--color-accent-text)}.sky-sweep-result{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.main.home-map{position:relative;flex:1;min-height:560px;margin-bottom:-92px;padding:0;overflow:hidden;background:linear-gradient(180deg,#bfe6f7 0,#c9efc0 10%,#8fd475 24%,#79c765 60%,#9ad27a 78%,#e6d39a 92%)}.home-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.map-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.map-hill{position:absolute;border-radius:50%;background:radial-gradient(circle at 40% 30%,#a5e088,#6fbd5a 70%);box-shadow:0 6px #5aa64a}.map-hill-a{left:34%;top:30%;width:44%;height:22%}.map-hill-b{left:-8%;top:52%;width:40%;height:16%;opacity:.8}.map-path{position:absolute;left:10%;top:14%;width:70%;height:34%;border:14px solid #e8dcae;border-color:#e8dcae transparent transparent #e8dcae;border-radius:46% 54% 0 60%;opacity:.95}.map-path:after{content:"";position:absolute;right:-22%;top:34%;width:60%;height:90%;border:14px solid #e8dcae;border-color:transparent #e8dcae #e8dcae transparent;border-radius:0 50% 55%}.map-house{position:absolute;left:22%;top:5%;width:44px;height:30px;border-radius:4px;background:#f3efe2;box-shadow:0 3px #b9b39c}.map-house:before{content:"";position:absolute;left:-6px;top:-16px;border:28px solid transparent;border-top:0;border-bottom:18px solid #4f8fd8;width:0}.map-tree{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9fe07a,#4f9f43 70%);box-shadow:0 5px 0 -1px #3c7f36,0 12px 0 -11px #7a5a34}.map-chapter{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;max-width:62%;padding:2px var(--space-3);border-radius:999px;background:#08182899;color:#fff;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-pins{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.map-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px}.map-pin-dot{width:30px;height:22px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#e2574c;box-shadow:0 3px #b9b2a0;color:#fff;font-size:12px;font-weight:800}.map-pin.is-cleared .map-pin-dot{background:#8a97a8}.map-pin.is-current .map-pin-dot{width:40px;height:28px;background:#ffb020;box-shadow:0 0 0 4px #ffffff8c,0 3px #b9b2a0;font-size:14px}.map-pin-label{padding:0 var(--space-2);border-radius:999px;background:#08182899;color:#fff;font-size:var(--text-xs);white-space:nowrap}.map-rail{position:absolute;top:46px;z-index:2;display:flex;flex-direction:column;gap:6px}.map-rail-left{left:4px;top:150px}.map-rail-right{right:4px}.map-shortcut{position:relative;display:flex;flex-direction:column;align-items:center;width:72px;color:#fff;text-decoration:none}.map-shortcut-icon{width:48px;height:48px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--tone) 50%,#fff),var(--tone) 62%,color-mix(in srgb,var(--tone) 70%,#062040));box-shadow:0 3px 5px #041e1466;font-size:22px;line-height:1}.map-shortcut-label{margin-top:-8px;position:relative;font-size:13px;font-weight:900;font-style:italic;line-height:1.15;text-align:center;color:#fff;-webkit-text-stroke:3px #1b4f9a;paint-order:stroke fill}.map-shortcut>.badge{position:absolute;top:-4px;right:6px}.home-map .tutorial-card{position:absolute;left:96px;right:84px;bottom:150px;z-index:3;margin:0;padding:var(--space-3);font-size:var(--text-sm)}.home-map .tutorial-card+.map-chest+.map-actions{bottom:96px}.map-chest{position:absolute;left:10px;bottom:100px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;color:#fff;text-decoration:none}.map-chest-box{width:84px;height:56px;border:3px solid #8a5a1c;border-radius:12px 12px 8px 8px;background:linear-gradient(180deg,#ffd96a 0,#ffd96a 38%,#8a5a1c 38%,#8a5a1c 44%,#f0a830 44%);box-shadow:0 5px #3c280a59,inset 0 0 0 2px #ffffff59}.map-chest-label{align-self:center;margin-top:-6px;font-size:13px;font-weight:900;font-style:italic;-webkit-text-stroke:3px #1b4f9a;paint-order:stroke fill}.map-chest-bubble{margin:0 0 6px 34px;padding:4px var(--space-2);border:3px solid #4a55c8;border-radius:10px;background:#fff;color:#4a55c8;font-size:13px;font-weight:900;font-style:italic;line-height:1.1;text-align:center;width:82px;transform:skew(-8deg)}.map-actions{position:absolute;left:0;right:0;bottom:100px;z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-left:96px}.map-challenge{min-width:150px;font-size:var(--text-md);font-style:italic;font-weight:900}.map-round{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:11px;font-weight:900;font-style:italic;text-decoration:none;-webkit-text-stroke:3px #1b4f9a;paint-order:stroke fill}.map-round>span{width:40px;height:40px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 28%,#b9d0ff,#5a86e0 65%);font-size:18px;font-style:normal;-webkit-text-stroke:0;margin-bottom:-6px}.main>a.text-link:first-child,.main>.page-head:first-child>a.text-link:first-child{display:none}.explore-card{position:relative;overflow:hidden;border:0;border-radius:var(--radius-m);background:linear-gradient(100deg,#e4f6f6 0,var(--wb-panel) 38%);box-shadow:inset 6px 0 0 var(--wb-teal),var(--shadow-card)}.explore-card:after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(115deg,rgb(42 196 193 / .22) 0 40%,transparent 40%);pointer-events:none}.explore-card.is-locked{border-style:none;background:var(--wb-card-locked);box-shadow:inset 6px 0 0 var(--wb-disabled),var(--shadow-card)}.explore-card.is-locked:after{background:linear-gradient(115deg,rgb(150 150 150 / .2) 0 40%,transparent 40%)}.explore-card-title h2{font-style:italic;font-weight:900;color:#2f6fa8}.explore-card.is-locked .explore-card-title h2{color:var(--wb-ink-muted)}.explore-sigil{position:relative;z-index:1;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle at 35% 28%,#9af0f4,#3fc6dc 60%,#2a9fc4);box-shadow:0 2px 4px #0a183c4d;color:#fff;text-shadow:0 1px 0 #0b5f66}.explore-card.is-locked .explore-sigil{background:radial-gradient(circle at 35% 28%,#d8d8d8,#a8a8a8 65%);text-shadow:none}.explore-card>.text-link{align-self:flex-end;padding:2px var(--space-3);border-radius:999px;background:var(--wb-orange);color:#fff;font-weight:800;font-style:italic;text-shadow:0 1px 0 #8a4b00}.explore-card.is-locked>.text-link{background:var(--wb-disabled);text-shadow:none}.map-shortcut{border:0;background:none;padding:0;font-family:inherit;cursor:pointer}.map-more{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3) var(--space-1);justify-items:center}.map-more .map-shortcut-label{font-size:12px}.map-actions{gap:var(--space-2);padding-left:92px}.map-challenge{min-width:128px}.biome-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin:var(--space-3) 0}.biome-zone{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) 2px;border:3px solid #fff;border-radius:50%;aspect-ratio:1;justify-content:center;background:radial-gradient(circle at 35% 28%,#fff8,transparent 60%),var(--zone, #5a86e0);color:#fff;font-family:inherit;font-weight:800;text-shadow:0 1px 2px rgb(0 0 0 / .6);cursor:pointer}.biome-zone.faction-water{--zone: #3b9be8}.biome-zone.faction-fire{--zone: #ee5a3a}.biome-zone.faction-grass{--zone: #4caf50}.biome-zone.is-mythic{--zone: linear-gradient(135deg, #f2c23a, #7a5bc4);background:radial-gradient(circle at 35% 28%,#fff8,transparent 60%),linear-gradient(135deg,#f2c23a,#7a5bc4);cursor:default}.biome-zone.is-open{box-shadow:0 0 0 3px var(--wb-orange),0 0 12px #ffa800b3}.biome-zone-name{font-size:var(--text-xs);font-style:italic;text-align:center;line-height:1.1}.biome-progress{position:relative;height:18px;border-radius:999px;background:var(--wb-inset);overflow:hidden}.biome-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--wb-teal),#7fe0d8)}.biome-progress>em{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:var(--text-xs);line-height:18px;color:var(--wb-ink)}.biome-gate{margin:var(--space-2) 0 0;color:var(--wb-deficit);font-weight:700;font-size:var(--text-sm)}.biome-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:var(--space-3) 0 0}.biome-stats>div{padding:var(--space-2);border-radius:var(--radius-s);background:var(--wb-well)}.biome-stats dt{font-size:var(--text-xs);color:var(--wb-ink-muted)}.biome-stats dd{margin:0;font-size:var(--text-md);color:var(--wb-gain)}.biome-candidates{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0 0 var(--space-2);padding:0;list-style:none}.artifact-list{list-style:none;margin:0 0 var(--space-2);padding:0;display:grid;gap:var(--space-2)}.artifact-card{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.artifact-card.is-selected{outline:2px solid var(--color-accent);outline-offset:1px}.artifact-lines{list-style:none;margin:0 0 var(--space-2);padding:0;display:grid;gap:var(--space-1)}.quench-line{display:flex;align-items:center;gap:var(--space-2)}.quench-line>span:nth-child(2){flex:1}.report-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.report-win{color:var(--wb-gain)}.report-loss{color:var(--wb-deficit)}:root{--art: "/art/ui/gameui/common/"}.btn:before{top:0;right:0;bottom:0;left:0;transform:none;border-radius:0;box-shadow:none;background:var(--btn-art) center / 100% 100% no-repeat}.btn:active:not(:disabled):before{box-shadow:none;filter:brightness(.9);transform:translateY(1px)}.btn{--btn-art: url(/art/ui/gameui/common/common_022.png);--btn-ink: #208d8a;min-width:96px;padding-inline:22px}.btn-primary{--btn-art: url(/art/ui/gameui/common/common_0034.png);--btn-ink: #be790b}.btn-secondary{--btn-art: url(/art/ui/gameui/common/common_022.png);--btn-ink: #208d8a}.btn-tertiary{--btn-art: url(/art/ui/gameui/common/common_023.png);--btn-ink: #c38816;color:#fff}.btn-info{--btn-art: url(/art/ui/gameui/common/common_0040.png);--btn-ink: #2383bf}.btn-danger{--btn-art: url(/art/ui/gameui/common/common_121.png);--btn-ink: #970020}.btn:disabled,.btn[aria-disabled=true]{--btn-art: url(/art/ui/gameui/common/common_030.png);--btn-ink: #89909c}.btn{text-shadow:1.5px 0 var(--btn-ink),-1.5px 0 var(--btn-ink),0 1.5px var(--btn-ink),0 -1.5px var(--btn-ink),1px 1px var(--btn-ink),-1px -1px var(--btn-ink),1px -1px var(--btn-ink),-1px 1px var(--btn-ink)}.btn-small,.btn-sm{min-width:0;padding-inline:14px}.wb-back{width:66px;height:72px;border:0;border-radius:0;background:url(/art/ui/gameui/common/common_0039.png) center / contain no-repeat;box-shadow:none}.wb-back svg{display:none}.wb-modal{border-radius:0;border:33px solid transparent;border-image:url(/art/ui/gameui/common/common_027.png) 33 37 38 33 fill / 33px 37px 38px 33px stretch;background:none;box-shadow:none;padding:0;margin:-12px;overflow:visible}.wb-modal-head{margin:-32px -36px 12px -32px;min-height:44px;padding:0 64px 0 40px;border:0;border-image:url(/art/ui/gameui/common/common_028.png) 11 282 0 66 fill / 11px 282px 0 66px stretch;background:none;color:#fff;display:flex;justify-content:flex-start;align-items:center;position:relative}.wb-modal-head h2{margin:0;color:#fff;font-style:normal;font-size:20px;text-shadow:0 0 2px #1b7f8f,1px 1px #1b7f8f,-1px -1px #1b7f8f}.wb-modal-close{position:absolute;right:6px;top:-2px;width:50px;height:50px;border:0;border-radius:0;background:url(/art/ui/gameui/common/common_024.png) center / contain no-repeat;box-shadow:none;color:transparent;font-size:0}.card{border:18px solid transparent;border-image:url(/art/ui/gameui/common/common_027.png) 33 37 38 33 fill / 18px 20px 20px 18px stretch;border-radius:0;background:none;box-shadow:none;padding:6px 4px}.card.is-locked{border-image-source:url(/art/ui/gameui/common/common_027.png);filter:saturate(.4) brightness(.92)}.section-title{display:inline-block;padding:2px 30px 2px 12px;border:0;border-image:url(/art/ui/gameui/common/common_017.png) 1 26 1 1 fill / 1px 26px 1px 1px stretch;color:#fff;font-size:var(--text-sm)}.wb-tile-frame{border:0;border-radius:0;background:url(/art/ui/gameui/common/common_008.png) center / 100% 100% no-repeat;box-shadow:none}.wb-tile-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(/art/ui/gameui/common/common_010.png) center / 100% 100% no-repeat;filter:drop-shadow(0 0 0 var(--tier, #34d399))}.wb-track-bar,.progress{border-radius:0;border:0;border-image:url(/art/ui/gameui/9_hero/bg_hero_0036.png) 0 11 0 10 fill / 0 11px 0 10px stretch;background:none}.wb-track-fill,.progress-fill{border-radius:0;border-image:url(/art/ui/gameui/9_hero/bar_hero_0001.png) 8 7 8 7 fill / 0 7px 0 7px stretch;background:none}.app-shell{isolation:isolate}.page-art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;margin:0 auto;max-width:var(--max-width);background:var(--page-art) center top / cover no-repeat;pointer-events:none}.home-map .map-scene{background:var(--home-map, url(/art/ui/map/map_101.jpg)) center 30% / cover no-repeat}.home-map .map-hill,.home-map .map-path,.home-map .map-house,.home-map .map-tree{display:none}.page-title,.home-title{color:#fff;-webkit-text-stroke:0;text-shadow:2px 0 #1b3f7a,-2px 0 #1b3f7a,0 2px #1b3f7a,0 -2px #1b3f7a,2px 2px #1b3f7a,-2px -2px #1b3f7a,2px -2px #1b3f7a,-2px 2px #1b3f7a,0 3px 4px rgb(0 0 0 / .4)}.main>p,.main>.muted,.page>p,.page>.muted,.main>header p,.page-head p{color:#fff;text-shadow:0 1px 2px #0b234d,0 0 3px #0b234d}.section-title{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.eui-icon-label{position:absolute;left:-10px;right:-10px;bottom:2px;text-align:center;color:#fff;font-size:22px;font-weight:900;font-style:italic;-webkit-text-stroke:5px #1b4f9a;paint-order:stroke fill}.eui-idle-box .map-chest-box{position:absolute;left:22px;top:24px;width:120px;height:82px;border-width:4px}.eui-idle-box.is-ready .map-chest-box{animation:eui-bob 1.2s ease-in-out infinite}@keyframes eui-bob{50%{transform:translateY(-6px)}}.eui-challenge [data-eui=labelDisplay] span{font-size:25px!important;font-weight:900!important;font-style:italic;-webkit-text-stroke:5px #a3360c;paint-order:stroke fill}@media (prefers-reduced-motion: reduce){.eui-idle-box.is-ready .map-chest-box{animation:none}}.source-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;margin:0 auto;max-width:var(--max-width);pointer-events:none}.source-frame .eui-fill{z-index:auto}.source-frame-front{z-index:6}.app-shell[data-frame]>:is(.main,.page):not(.battle-screen){padding-top:max(var(--space-2),calc(var(--frame-top) - 52px));padding-bottom:calc(var(--frame-bottom) + var(--space-4))}.app-shell[data-frame-title]>:is(.main,.page)>.page-title,.app-shell[data-frame-title]>:is(.main,.page)>header>.page-title,.app-shell[data-frame-title]>:is(.main,.page)>.page-head>.page-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.entrance-list{display:flex;flex-direction:column;gap:6px;margin-inline:calc(-1 * var(--space-4))}.entrance-card{display:block;color:inherit;text-decoration:none}.entrance-card[aria-disabled=true]{filter:grayscale(.7) brightness(.9)}.entrance-text{position:absolute;top:-20px;right:-60px;bottom:0;left:-10px;display:flex;flex-direction:column;justify-content:center;gap:4px;color:#2b3f63}.entrance-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.entrance-desc{font-size:21px;line-height:1.25;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.entrance-status{position:absolute;left:76px;right:40px;top:168px;height:28px;display:flex;align-items:center;color:#fff;font-size:19px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgb(0 0 0 / .5)}.entrance-slot{min-width:0;grid-column:1 / -1;overflow:hidden}.app-shell[data-frame-box]>:is(.main,.page):not(.battle-screen){position:fixed;z-index:1;top:var(--box-top);left:var(--box-left);width:var(--box-width);height:var(--box-height);margin:0;padding:var(--space-2) var(--space-2) var(--space-4);overflow-y:auto;overscroll-behavior:contain}.app-shell[data-frame-box]>:is(.main,.page)>:is(p,.muted,header p,.page-head p){color:#4a5a78;text-shadow:none;-webkit-text-stroke:0}.app-shell:has(>.battle-screen) .source-frame{display:none}.tab{min-width:68px;min-height:52px;padding:6px 10px 14px;border:0;border-radius:0;background:url(/art/ui/gameui/9_hero/5.57/bg_hero_0063.png) center / 100% 100% no-repeat;box-shadow:none;color:#e1fbff;font-weight:900;font-style:italic;-webkit-text-stroke:3px #206d83;paint-order:stroke fill}.tab-active{background-image:url(/art/ui/gameui/9_hero/5.57/bg_hero_0062.png);color:#fff8d6;-webkit-text-stroke-color:#a3600c;box-shadow:none}.tab:focus-visible{outline:2px solid #fff;outline-offset:1px}button.chip{border:0;border-radius:0;padding:6px 12px;background:url(/art/ui/gameui/common/common_004.png) center / 100% 100% no-repeat;color:#e9f6ff;font-weight:700}button.chip:is(.chip-active,.chip-on,[aria-pressed=true]){background:url(/art/ui/gameui/common/common_005.png) center / 100% 100% no-repeat,url(/art/ui/gameui/common/common_004.png) center / 100% 100% no-repeat;color:#fff35c}:is(.gear-row,.milestone-row,.material-row,.plain-list>li,.quest-row,.chest-row,.mail-list>li,.history-row){border:0;border-radius:0;border-image:url(/art/ui/gameui/common/common_026.png) 10 11 11 11 fill / 10px 11px 11px 11px stretch;background:none;padding:8px 12px;color:#2b3f63}:is(.quest-list,.chest-list){list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}:is(.quest-row,.chest-row){display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}:is(.quest-row,.chest-row) .quest-info{display:flex;flex-direction:column;gap:2px;min-width:0}:is(.quest-row,.chest-row) .quest-name{font-weight:800}:is(.quest-row,.chest-row)>.btn{flex:0 0 auto}.campaign-map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0a1e3c26,#0a1e3c8c)}.stage-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.stage-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px var(--space-2);padding:8px 12px;border-image:url(/art/ui/gameui/common/common_026.png) 10 11 11 11 fill / 10px 11px 11px 11px stretch;color:#2b3f63}.stage-row .stage-info{display:flex;flex-direction:column;gap:2px;min-width:0}.stage-row .stage-name{font-weight:800}.stage-row .stage-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--space-2)}.stage-row[data-locked=true]{filter:grayscale(.8);opacity:.75}.stars{display:inline-flex;gap:1px;font-size:22px;line-height:1}.stars .star{color:#8c99ad}.stars .star-on{color:#ffd23a;-webkit-text-stroke:1px #a3600c}.battle-unit{position:relative}.battle-fx{position:absolute;left:50%;top:38%;width:120px;height:120px;transform:translate(-50%,-50%);pointer-events:none;z-index:4;mix-blend-mode:screen}@media (prefers-reduced-motion: reduce){.battle-fx{display:none}}.explore-screen>.page-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.explore-map{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-3);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.explore-map::-webkit-scrollbar{display:none}.explore-spot.is-locked{filter:grayscale(.85) brightness(.85)}