:root,[data-theme=dark]{color-scheme:dark;--wb-bg: #12141c;--wb-panel: #1a1e2a;--wb-line: #2a3042;--wb-border: #6b7389;--wb-text: #e8e6df;--wb-dim: #8a8fa3;--wb-accent: #e8b44a;--wb-on-accent: #12141c;--wb-danger: #e06a40;--wb-on-danger: #12141c;--wb-track: #2a3042;--wb-focus: #e8b44a;--wb-element-earth: #c9a15e;--wb-element-water: #7fc4cf;--wb-element-wind: #d3dde1;--wb-element-fire: #f0a04b;--wb-element-shadow: #8a76b8;--wb-element-light: #f3e6b8;--wb-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--wb-line-height: 1.35;--wb-font-xs: .75rem;--wb-font-sm: .875rem;--wb-font-md: 1rem;--wb-font-lg: 1.25rem;--wb-font-xl: 1.5rem;--wb-font-display: 2rem;--wb-radius-sm: 4px;--wb-radius-md: 6px;--wb-radius-lg: 8px;--wb-radius-pill: 999px;--wb-space-1: 4px;--wb-space-2: 8px;--wb-space-3: 12px;--wb-space-4: 16px;--wb-space-5: 24px;--wb-space-6: 32px;--wb-tap-target: 44px}[data-theme=light]{color-scheme:light;--wb-bg: #f4f4f6;--wb-panel: #ffffff;--wb-line: #d9dbe0;--wb-border: #7a7f8a;--wb-text: #23262e;--wb-dim: #5b606c;--wb-accent: #8f620b;--wb-on-accent: #ffffff;--wb-danger: #a8441f;--wb-on-danger: #ffffff;--wb-track: #d9dbe0;--wb-focus: #8f620b;--wb-element-earth: #5c4327;--wb-element-water: #26505e;--wb-element-wind: #69767e;--wb-element-fire: #7e2f18;--wb-element-shadow: #2a2140;--wb-element-light: #93805e}body{margin:0;background:var(--wb-bg);color:var(--wb-text);font-family:var(--wb-font-family);line-height:var(--wb-line-height)}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) *:before,:root:not([data-motion=full]) *:after{transition:none!important;animation:none!important}}.wb-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--wb-space-2);min-block-size:var(--wb-tap-target);min-inline-size:var(--wb-tap-target);padding:var(--wb-space-2) var(--wb-space-4);border:1.5px solid var(--wb-border);border-radius:var(--wb-radius-md);background:transparent;color:var(--wb-text);font:inherit;font-size:var(--wb-font-sm);cursor:pointer;transition:background-color .12s,border-color .12s}.wb-button--primary{background:var(--wb-accent);color:var(--wb-on-accent);border-color:var(--wb-accent)}.wb-button:disabled{opacity:.4;cursor:not-allowed}.wb-button__icon{display:inline-flex}.wb-button:focus-visible,.wb-chip--toggle:focus-visible{outline:2px solid var(--wb-focus);outline-offset:2px}.wb-chip{display:inline-flex;align-items:center;gap:var(--wb-space-1);padding:var(--wb-space-1) var(--wb-space-3);border:1px solid var(--wb-border);border-radius:var(--wb-radius-pill);background:transparent;color:var(--wb-text);font:inherit;font-size:var(--wb-font-xs)}.wb-chip--toggle{min-block-size:var(--wb-tap-target);min-inline-size:var(--wb-tap-target);justify-content:center;cursor:pointer}.wb-chip--toggle:disabled{opacity:.4;cursor:not-allowed}.wb-chip--on{background:var(--wb-accent);color:var(--wb-on-accent);border-color:var(--wb-accent)}.wb-progress{block-size:8px;background:var(--wb-track);border-radius:var(--wb-radius-sm);overflow:hidden;position:relative}.wb-progress__fill{background:var(--wb-accent);block-size:100%;transition:width .2s ease}.wb-progress--threshold{block-size:14px}.wb-progress__zone{position:absolute;inset-block:0;background:repeating-linear-gradient(45deg,var(--wb-danger) 0 4px,var(--wb-bg) 4px 8px)}.wb-card{display:flex;flex-direction:column;gap:var(--wb-space-3);padding:var(--wb-space-3);background:var(--wb-panel);border:1px solid var(--wb-line);border-radius:var(--wb-radius-md)}.wb-card--tile{border:1.5px solid var(--wb-border)}.wb-card__title{margin:0;font-size:var(--wb-font-md)}.wb-badge{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.25rem;block-size:1.25rem;padding-inline:var(--wb-space-1);border-radius:var(--wb-radius-pill);background:var(--wb-danger);color:var(--wb-on-danger);font-size:var(--wb-font-xs);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.wb-modal{border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);background:var(--wb-panel);color:var(--wb-text);padding:var(--wb-space-4);max-inline-size:min(520px,calc(100vw - 2 * var(--wb-space-4)))}.wb-modal::backdrop{background:color-mix(in srgb,var(--wb-bg) 70%,transparent)}.wb-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-3)}.wb-modal__title{margin:0;font-size:var(--wb-font-md)}.wb-modal__close{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--wb-tap-target);min-inline-size:var(--wb-tap-target);background:transparent;color:inherit;border:none;border-radius:var(--wb-radius-md);cursor:pointer}.wb-modal__close:focus-visible{outline:2px solid var(--wb-focus);outline-offset:2px}.wb-modal__body{margin-block-start:var(--wb-space-3)}.wb-tabs__list{display:flex;gap:var(--wb-space-1);border-bottom:1px solid var(--wb-line)}.wb-tabs__list [role=tab]{min-block-size:var(--wb-tap-target);min-inline-size:var(--wb-tap-target);padding-inline:var(--wb-space-3);background:transparent;color:var(--wb-dim);border:none;border-radius:var(--wb-radius-sm) var(--wb-radius-sm) 0 0;font:inherit;font-size:var(--wb-font-sm);cursor:pointer}.wb-tabs__list [role=tab][aria-selected=true]{color:var(--wb-text);font-weight:600;box-shadow:inset 0 -2px 0 var(--wb-accent)}.wb-tabs__list [role=tab]:focus-visible,.wb-tabs [role=tabpanel]:focus-visible{outline:2px solid var(--wb-focus);outline-offset:2px}.wb-element-tag{display:inline-flex;align-items:center;gap:var(--wb-space-1);font-size:var(--wb-font-sm);color:var(--wb-text)}.wb-element-tag--earth .wb-element-tag__icon{color:var(--wb-element-earth)}.wb-element-tag--water .wb-element-tag__icon{color:var(--wb-element-water)}.wb-element-tag--wind .wb-element-tag__icon{color:var(--wb-element-wind)}.wb-element-tag--fire .wb-element-tag__icon{color:var(--wb-element-fire)}.wb-element-tag--shadow .wb-element-tag__icon{color:var(--wb-element-shadow)}.wb-element-tag--light .wb-element-tag__icon{color:var(--wb-element-light)}.wb-visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wb-beast{display:inline-block;max-inline-size:100%;block-size:auto}.wb-beast--closeup{display:grid;inline-size:100%;aspect-ratio:1;place-items:center}.wb-beast--closeup>*{grid-area:1 / 1;inline-size:100%;block-size:100%;overflow:visible}.wb-beast__halo{filter:blur(48px);opacity:.22}.wb-beast__aura{filter:blur(9px);opacity:.5}.wb-beast--closeup>.wb-beast__ground{align-self:end;inline-size:70%;block-size:9%;border-radius:50%;background:radial-gradient(ellipse,#0000008c,#0000 70%);transform:translateY(35%)}.wb-beast--r0 .wb-beast__body{filter:none}.wb-beast--r1 .wb-beast__body{filter:drop-shadow(0 0 2px var(--wb-beast-aura))}.wb-beast--r2 .wb-beast__body{filter:drop-shadow(0 0 6px var(--wb-beast-aura))}.wb-beast--r3 .wb-beast__body{filter:drop-shadow(0 0 9px var(--wb-beast-aura)) drop-shadow(0 0 20px var(--wb-beast-aura))}.wb-beast--r4 .wb-beast__body{filter:drop-shadow(0 0 10px var(--wb-beast-aura)) drop-shadow(0 0 26px var(--wb-beast-aura))}.wb-beast--closeup .wb-beast__body{filter:none}@keyframes wb-beast-pulse{0%,to{filter:drop-shadow(0 0 8px var(--wb-beast-aura)) drop-shadow(0 0 18px var(--wb-beast-aura))}50%{filter:drop-shadow(0 0 14px var(--wb-beast-aura)) drop-shadow(0 0 34px var(--wb-beast-aura))}}@keyframes wb-beast-bob{0%,to{translate:0 0}50%{translate:0 -2.2%}}@keyframes wb-beast-breathe{0%,to{scale:1 1}50%{scale:1.012 .985}}@keyframes wb-beast-halo-pulse{0%,to{opacity:.22;scale:1}50%{opacity:.4;scale:1.03}}@keyframes wb-beast-aura-pulse{0%,to{opacity:.5;scale:1}50%{opacity:.9;scale:1.03}}@keyframes wb-beast-blink{0%,93%,to{opacity:1}94%,97%{opacity:0}}@keyframes wb-beast-drift{0%{translate:0 var(--wb-p-from);opacity:0}5%{opacity:.1}95%{opacity:.7}to{translate:0 var(--wb-p-to);opacity:0}}.wb-beast--animated.wb-beast--closeup .wb-beast__body{animation:wb-beast-bob 3.4s ease-in-out infinite,wb-beast-breathe 3.4s ease-in-out infinite;transform-origin:50% 88%;transform-box:view-box}.wb-beast--animated .wb-beast__aura{animation:wb-beast-aura-pulse 2.6s ease-in-out infinite}.wb-beast--animated .wb-beast__halo{animation:wb-beast-halo-pulse 3.9s ease-in-out infinite reverse}.wb-beast--animated .wb-beast__glint{animation:wb-beast-blink 5.5s steps(1) infinite}.wb-beast--animated.wb-beast--r4:not(.wb-beast--closeup) .wb-beast__body{animation:wb-beast-pulse 2.2s ease-in-out infinite}.wb-beast--animated .wb-beast__particle{animation:wb-beast-drift var(--wb-p-dur) linear var(--wb-p-delay) infinite}.wb-home{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wb-space-3);padding:var(--wb-space-3);min-block-size:100vh;box-sizing:border-box;background:var(--wb-bg);color:var(--wb-text)}.wb-home__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-space-3) var(--wb-space-4);padding:var(--wb-space-2) var(--wb-space-3);border:1.5px solid var(--wb-line);border-radius:var(--wb-radius-md);background:var(--wb-panel)}.wb-home__col{display:grid;gap:var(--wb-space-3);align-content:start;min-inline-size:0}.wb-home__bottom{min-inline-size:0}@media(min-width:1024px){.wb-home{grid-template-columns:1.35fr 1fr;grid-template-rows:minmax(48px,auto) minmax(0,1fr) 30px;block-size:100vh}.wb-home__top,.wb-home__bottom{grid-column:1 / -1}.wb-home__col{overflow-y:auto;min-block-size:0}.wb-home__col:has(>.wb-home-panels){grid-template-rows:minmax(0,1fr)}}.wb-home-resources{display:flex;gap:var(--wb-space-4)}.wb-home-resource{display:inline-flex;align-items:baseline;gap:var(--wb-space-1)}.wb-home-resource__label,.wb-home-resource__rate,.wb-home-generation__next,.wb-home-generation__reason,.wb-home-zone__pct,.wb-compass__numbers,.wb-compass__food,.wb-compass__alpha{color:var(--wb-dim);font-size:var(--wb-font-sm)}.wb-home-resource__value,.wb-home-generation__n{font-weight:700}.wb-home-generation{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-space-2) var(--wb-space-3);margin-inline-start:auto}.wb-home-generation__multiplier{color:var(--wb-accent);font-weight:700}.wb-home-alerts{display:flex;flex-wrap:wrap;gap:var(--wb-space-2)}.wb-compass{display:grid;gap:var(--wb-space-2)}.wb-compass p{margin:0}.wb-compass__power{display:grid;gap:var(--wb-space-1)}.wb-compass__actions{display:flex;flex-wrap:wrap;gap:var(--wb-space-2)}.wb-home-pack{display:grid;gap:var(--wb-space-2)}.wb-home-pack__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-space-3)}.wb-home-pack__header h2{margin:0;font-size:var(--wb-font-md)}.wb-home-pack__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wb-space-2)}.wb-home-slot{position:relative;min-inline-size:0}.wb-home-slot__body{display:flex;align-items:center;gap:var(--wb-space-2);inline-size:100%;box-sizing:border-box;min-block-size:64px;padding:var(--wb-space-2);border:1.5px solid var(--wb-border);border-radius:var(--wb-radius-md);background:var(--wb-panel);color:var(--wb-text);text-align:start;font:inherit;font-size:var(--wb-font-sm)}button.wb-home-slot__body{cursor:pointer}.wb-home-slot__body--empty{justify-content:center;border-style:dashed;color:var(--wb-dim)}.wb-home-slot__info{display:flex;flex-direction:column;min-inline-size:0}.wb-home-slot__menu{position:absolute;inset-block-start:100%;inset-inline:0;z-index:10;display:flex;flex-direction:column;padding:var(--wb-space-1);border:1.5px solid var(--wb-border);border-radius:var(--wb-radius-md);background:var(--wb-panel)}.wb-home-slot__item{min-block-size:var(--wb-tap-target);padding:var(--wb-space-2) var(--wb-space-3);border:none;border-radius:var(--wb-radius-sm);background:transparent;color:var(--wb-text);text-align:start;font:inherit;cursor:pointer}.wb-home-slot__menu--above{inset-block-start:auto;inset-block-end:100%}.wb-home-slot__item[aria-checked=true]{color:var(--wb-accent);font-weight:700}.wb-home-panels{min-inline-size:0;min-block-size:0;display:grid;grid-template-rows:minmax(0,1fr)}.wb-home-panels .wb-tabs{display:grid;grid-template-rows:auto minmax(0,1fr);min-block-size:0}.wb-home-panels .wb-tabs__list{overflow-x:auto;scrollbar-width:thin}.wb-home-panels .wb-tabs__list [role=tab]{flex:0 0 auto;white-space:nowrap;padding-inline:var(--wb-space-2)}.wb-home-panels .wb-tabs [role=tabpanel]{min-block-size:0;overflow-y:auto;padding-block-start:var(--wb-space-3)}.wb-home-zones{display:grid;gap:var(--wb-space-2);margin:0;padding:0;list-style:none}.wb-home-zone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:center;gap:var(--wb-space-2)}.wb-home-zone[aria-disabled=true]{color:var(--wb-dim)}.wb-home-zone__locked{grid-column:2 / -1}.wb-home-locked,.wb-home-placeholder{color:var(--wb-dim)}.wb-home-chronicle{box-sizing:border-box;padding:var(--wb-space-1) var(--wb-space-3);border:1.5px dashed var(--wb-line);border-radius:var(--wb-radius-sm);color:var(--wb-dim);font-size:var(--wb-font-sm);line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-sheet{inset:auto 0 0 0;margin:0;padding:0;inline-size:100%;max-inline-size:none;max-block-size:80vh;max-block-size:80dvh;overflow-y:auto;border:1px solid var(--wb-border);border-bottom:none;border-radius:var(--wb-radius-lg) var(--wb-radius-lg) 0 0;background:var(--wb-panel);color:var(--wb-text)}.wb-sheet[open]{animation:wb-sheet-in .16s ease-out}.wb-sheet::backdrop{background:color-mix(in srgb,var(--wb-bg) 70%,transparent)}@keyframes wb-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wb-sheet__content{padding:var(--wb-space-4)}.wb-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--wb-space-3)}.wb-sheet__title{margin:0;font-size:var(--wb-font-md)}.wb-sheet__close{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--wb-tap-target);min-inline-size:var(--wb-tap-target);background:transparent;color:inherit;border:none;border-radius:var(--wb-radius-md);cursor:pointer}.wb-sheet__options{list-style:none;margin:var(--wb-space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--wb-space-1)}.wb-sheet__option{display:flex;align-items:center;gap:var(--wb-space-3);inline-size:100%;min-block-size:var(--wb-tap-target);padding-inline:var(--wb-space-3);background:transparent;color:var(--wb-text);border:1px solid var(--wb-line);border-radius:var(--wb-radius-md);font:inherit;text-align:start;cursor:pointer}.wb-sheet__option[aria-checked=true]{border-color:var(--wb-focus);font-weight:700}.wb-sheet__check{margin-inline-start:auto;flex:none}.wb-sheet__option:focus-visible,.wb-sheet__close:focus-visible{outline:2px solid var(--wb-focus);outline-offset:2px}.wb-mtabs{display:grid;grid-template-columns:repeat(5,1fr);background:var(--wb-panel);border-block-start:1px solid var(--wb-line);padding-block-end:env(safe-area-inset-bottom)}.wb-mtabs__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-block-size:var(--wb-tap-target);min-inline-size:var(--wb-tap-target);padding:4px;border:0;background:transparent;color:var(--wb-dim);font:inherit;font-size:var(--wb-font-xs);cursor:pointer}.wb-mtabs__tab[aria-selected=true]{color:var(--wb-accent);font-weight:700}.wb-mtabs__tab:focus-visible{outline:2px solid var(--wb-focus);outline-offset:-2px}.wb-mtabs__icon{position:relative;display:inline-flex}.wb-mtabs__badge{position:absolute;inset-block-start:-4px;inset-inline-start:100%;margin-inline-start:-6px}.wb-more-list{display:flex;flex-direction:column;gap:var(--wb-space-2);margin:0;padding:0;list-style:none}.wb-more-entry,.wb-more-back{display:flex;align-items:center;gap:var(--wb-space-2);box-sizing:border-box;min-block-size:var(--wb-tap-target);padding:var(--wb-space-2) var(--wb-space-3);color:var(--wb-text);background:var(--wb-panel);border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);font:inherit;cursor:pointer}.wb-more-entry{inline-size:100%;text-align:start}.wb-more-entry__badge{margin-inline-start:auto}.wb-more-back{min-inline-size:var(--wb-tap-target)}.wb-more-detail__bar{display:flex;align-items:center;gap:var(--wb-space-3);margin-block-end:var(--wb-space-3)}.wb-more-detail__title{margin:0;font-size:var(--wb-font-lg)}.wb-more-entry:focus-visible,.wb-more-back:focus-visible{outline:2px solid var(--wb-focus);outline-offset:2px}.wb-mhome{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;block-size:100vh;block-size:100dvh;box-sizing:border-box;background:var(--wb-bg);color:var(--wb-text)}.wb-mhome>*{min-inline-size:0}.wb-mhome__top{display:flex;align-items:center;gap:var(--wb-space-2);padding:var(--wb-space-2) var(--wb-space-3);border-block-end:1.5px solid var(--wb-line);background:var(--wb-panel)}.wb-mhome__top>.wb-home-resources{flex:1 1 auto;min-inline-size:0}.wb-home-resources--compact{gap:var(--wb-space-2);flex-wrap:nowrap;font-size:var(--wb-font-sm)}.wb-home-resources--compact .wb-home-resource{flex:none;gap:2px;white-space:nowrap}.wb-home-resources--compact .wb-icon{inline-size:1rem;block-size:1rem}.wb-mhome__gen{display:flex;align-items:baseline;gap:2px;flex:none;font-size:var(--wb-font-sm);white-space:nowrap}.wb-mhome__gen-n{font-weight:600}.wb-mhome__settings{display:inline-flex;align-items:center;justify-content:center;flex:none;min-block-size:var(--wb-tap-target);min-inline-size:var(--wb-tap-target);border:0;background:transparent;color:inherit;cursor:pointer}.wb-mhome__content{display:grid;gap:var(--wb-space-3);align-content:start;overflow-y:auto;min-block-size:0;padding:var(--wb-space-3)}.wb-mhome__content>*{min-inline-size:0}.wb-mhome .wb-home-pack__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-mhome__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wb-space-2)}.wb-mhome__foot .wb-button,.wb-mhome button{min-block-size:var(--wb-tap-target)}