@font-face{font-family:Titan One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/titan-one/titan-one-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Titan One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/titan-one/titan-one-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--colour-surface-base: #0f141c;--colour-surface-raised: rgb(15 20 28 / 88%);--colour-surface-overlay: rgb(255 255 255 / 10%);--colour-surface-sunken: rgb(255 255 255 / 5%);--colour-surface-input: rgb(8 12 16 / 60%);--colour-surface-control: rgb(255 255 255 / 8%);--colour-surface-control-hover: rgb(255 255 255 / 13%);--colour-surface-selected: rgb(255 255 255 / 12%);--colour-border: rgb(255 255 255 / 9%);--colour-border-subtle: rgb(255 255 255 / 6%);--colour-border-strong: rgb(255 255 255 / 16%);--colour-text: #edf1f5;--colour-text-strong: #ffffff;--colour-text-secondary: #c3ccd7;--colour-text-muted: #a7b2c0;--colour-text-disabled: #a0abb9;--colour-text-inverse: #0f141c;--colour-accent: #3dd6f5;--colour-accent-hover: #74e3f9;--colour-accent-pressed: #22bfdf;--colour-accent-text: #04212a;--colour-accent-soft: rgb(61 214 245 / 18%);--colour-accent-line: rgb(61 214 245 / 50%);--colour-warning: #f5b94a;--colour-warning-text: #2a1a00;--colour-warning-soft: rgb(245 185 74 / 10%);--colour-warning-line: rgb(245 185 74 / 45%);--colour-warning-bright: #ffe2a8;--colour-danger: #ff8a8a;--colour-danger-soft: rgb(255 138 138 / 8%);--colour-success: #9fe0b0;--colour-info: #9cb9ff;--colour-meter: #d6dee8;--colour-dome-top: #2b3644;--colour-dome-bottom: #121821;--colour-dome-build-top: #2a4a58;--colour-dome-build-bottom: #12202a;--colour-dome-collect-top: #1d3440;--colour-dome-collect-bottom: #0e1820;--colour-dome-rim: rgb(255 255 255 / 28%);--colour-dome-label: rgb(12 16 22 / 88%);--colour-dome-ring-track: rgb(255 255 255 / 14%);--colour-avatar-ground: #1b2633;--colour-art-shadow: rgb(0 0 0 / 50%);--colour-badge-ground: #0b1017;--colour-medal-bronze: #b87333;--colour-medal-silver: #a8b2bd;--colour-medal-gold: #e0b330;--colour-shade: rgb(0 0 0 / 25%);--colour-shade-strong: rgb(0 0 0 / 35%);--colour-tile-glow: rgb(255 255 255 / 9%);--colour-tile-ground: rgb(255 255 255 / 2.5%);--colour-border-dashed: rgb(255 255 255 / 22%);--colour-scrim: rgb(8 12 16 / 55%);--colour-terrain-water: #1d3d63;--colour-terrain-sand: #c9b070;--colour-terrain-grass: #4b7b3c;--colour-terrain-rock: #6e6b63;--colour-tribe: #ff8a6b;--colour-tribe-ground: #2b1d1b;--colour-tribe-text: #ffb8a3;--colour-pin-protected: #7d8898;--colour-online: #7ee0a0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-display: "Titan One", "Segoe UI", system-ui, sans-serif;--font-body: "Titan One", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Consolas", monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--leading-tight: 1.2;--leading-normal: 1.45;--display-weight: 400;--display-tracking: 0;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-float: 0 12px 40px rgb(0 0 0 / 35%);--shadow-panel: 0 16px 48px rgb(0 0 0 / 40%);--shadow-popup: 0 20px 60px rgb(0 0 0 / 45%);--shadow-dome-drop: 0 8px 22px rgb(0 0 0 / 45%);--shadow-dome-edge: inset 0 2px 0 rgb(255 255 255 / 12%);--shadow-bubble-drop: 0 10px 26px rgb(0 0 0 / 45%);--blur-panel: blur(16px);--focus-ring: 0 0 0 2px var(--colour-surface-base), 0 0 0 4px var(--colour-accent);--control-height: 44px;--control-height-compact: 36px;--hud-inset: 8px;--hud-bar-height: 56px;--hud-height: calc(var(--hud-bar-height) + var(--hud-inset));--z-canvas: 0;--z-overlay: 10;--z-hud: 20;--z-popup: 30;--z-guide: 40;--z-system: 50;--guide-bubble: #fbf3dc;--guide-bubble-line: #3a2f1c;--guide-bubble-text: #241c10;--guide-bubble-muted: #5e5240;--guide-ring: #b6f36a;--motion-fast: .12s;--motion-normal: .2s;--easing: cubic-bezier(.2, 0, .2, 1);color-scheme:dark}@media(width<=620px),(pointer:coarse){:root{--control-height-compact: 44px}}:root[data-theme=light]{--colour-surface-base: #f4f6f9;--colour-surface-raised: rgb(255 255 255 / 92%);--colour-surface-overlay: rgb(15 20 28 / 8%);--colour-surface-sunken: rgb(15 20 28 / 4%);--colour-surface-input: #ffffff;--colour-surface-control: rgb(15 20 28 / 6%);--colour-surface-control-hover: rgb(15 20 28 / 11%);--colour-surface-selected: rgb(15 20 28 / 10%);--colour-border: rgb(15 20 28 / 12%);--colour-border-subtle: rgb(15 20 28 / 8%);--colour-border-strong: rgb(15 20 28 / 22%);--colour-text: #151a22;--colour-text-strong: #000000;--colour-text-secondary: #3a4352;--colour-text-muted: #525c6c;--colour-text-disabled: #6a7382;--colour-text-inverse: #ffffff;--colour-warning: #9a5b00;--colour-danger: #c42b2b;--colour-success: #1f7a3a;--colour-info: #2a55c4;--colour-meter: #5b6778;--colour-tribe: #c2410c;--colour-tribe-text: #9a3412;--colour-pin-protected: #6a7382;--colour-online: #1f7a3a;--colour-scrim: rgb(20 24 32 / 45%);--shadow-float: 0 8px 24px rgb(20 24 32 / 16%);--shadow-panel: 0 8px 24px rgb(20 24 32 / 18%);--shadow-popup: 0 18px 44px rgb(20 24 32 / 26%);color-scheme:light}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-normal: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--colour-surface-base);color:var(--colour-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;font-synthesis:none}#game-root{position:fixed;inset:0}#game-root>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:var(--z-canvas);touch-action:none}.overlay{position:absolute;inset:0;z-index:var(--z-overlay);pointer-events:none}.overlay__layer{position:absolute;inset:0;pointer-events:none}.overlay__layer>*{pointer-events:auto}.overlay__layer--modal{z-index:var(--z-popup)}.overlay__layer--guide{z-index:var(--z-guide)}.u-display{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.u-muted{color:var(--colour-text-muted)}.u-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{min-height:var(--control-height-compact);font:inherit;font-weight:700;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:var(--colour-surface-control);color:var(--colour-text);cursor:pointer;transition:background var(--motion-fast) var(--easing),border-color var(--motion-fast) var(--easing),color var(--motion-fast) var(--easing),transform var(--motion-fast) var(--easing)}.btn:hover:not(:disabled){background:var(--colour-surface-control-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{border-color:transparent;background:var(--colour-surface-sunken);color:var(--colour-text-disabled);box-shadow:none;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-accent-text)}.btn--primary:hover:not(:disabled){background:var(--colour-accent-hover);border-color:var(--colour-accent-hover)}.btn--primary:active:not(:disabled){background:var(--colour-accent-pressed);border-color:var(--colour-accent-pressed)}.btn--ghost{background:transparent;border-color:transparent;color:var(--colour-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--colour-surface-control);color:var(--colour-text)}.btn--ghost:disabled{background:transparent}.btn--outline{background:transparent;border-color:var(--colour-border-strong);color:var(--colour-text)}.btn--outline:hover:not(:disabled){background:var(--colour-surface-control)}.btn--danger{background:var(--colour-danger);border-color:var(--colour-danger);color:var(--colour-text-inverse)}.btn--danger:hover:not(:disabled){background:var(--colour-danger);filter:brightness(1.08)}.btn--icon{min-width:var(--control-height-compact);padding:var(--space-1) var(--space-2);font-size:var(--text-lg);line-height:1}.btn--ghost.btn--icon{background:var(--colour-surface-sunken)}.btn--ghost.btn--icon:hover:not(:disabled){background:var(--colour-surface-control-hover)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--colour-text-secondary)}.field__input{min-height:var(--control-height-compact);font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-surface-input);color:var(--colour-text-strong)}.field__input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.form-error{margin:0;color:var(--colour-danger);font-size:var(--text-sm)}.form-error:empty{display:none}.field__hint{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted)}.field__hint--error{color:var(--colour-danger)}.field__hint--ok{color:var(--colour-success)}.field__hint--ok:before{content:"✓ " / ""}.field__input[aria-invalid=true]{border-color:var(--colour-danger)}.panel{display:flex;flex-direction:column;min-width:240px;max-width:min(92vw,560px);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-panel);overflow:hidden}.panel__titlebar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--colour-border-subtle)}.panel__title{flex:1;margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.panel__body{padding:var(--space-4);overflow:auto;max-height:min(70vh,640px)}.popup-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--colour-scrim);z-index:var(--z-popup)}.popup-backdrop>.panel{box-shadow:var(--shadow-popup)}.res-icon{display:inline-block;height:1.3em;background-repeat:no-repeat;vertical-align:-.3em}.res-amount{white-space:nowrap;font-variant-numeric:tabular-nums}.res-amount>.res-icon{margin-right:.3em}.res-list>.res-amount+.res-amount{margin-left:.8em}.qty-stepper{display:flex;align-items:stretch;gap:6px;min-width:0}.qty-stepper__step{min-width:var(--control-height-compact);padding:0 var(--space-2);font-size:var(--text-lg);line-height:1;user-select:none;-webkit-user-select:none;touch-action:manipulation}.qty-stepper__count{flex:1 1 5ch;min-width:0;width:5ch;padding:var(--space-1) var(--space-2);text-align:center;font-family:var(--font-display);font-size:var(--text-md);font-weight:600;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.qty-stepper__count::-webkit-outer-spin-button,.qty-stepper__count::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-stepper__fill{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.qty-stepper__jump{font-size:var(--text-sm);font-weight:700}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-pill);background:var(--colour-surface-control);color:var(--colour-text-secondary);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-tight);white-space:nowrap}.chip--accent{background:var(--colour-accent-soft);color:var(--colour-text-strong)}.chip--warning{background:var(--colour-warning);color:var(--colour-warning-text);font-weight:700}.tabs{display:flex;gap:2px;padding:3px;border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.tabs__tab{flex:none;min-height:var(--control-height-compact);padding:0 var(--space-4);border:0;border-radius:calc(var(--radius-md) - 3px);background:transparent;color:var(--colour-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--easing),color var(--motion-fast) var(--easing)}.tabs__tab:hover{background:var(--colour-surface-control);color:var(--colour-text)}.tabs__tab[aria-selected=true],.tabs__tab[aria-current=true],.tabs__tab[aria-pressed=true]{background:var(--colour-surface-selected);color:var(--colour-text-strong);font-weight:700;box-shadow:inset 0 -2px 0 var(--colour-accent)}.tabs__tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hud{position:absolute;inset:var(--hud-inset) var(--hud-inset) auto;z-index:var(--z-hud);display:flex;align-items:center;gap:var(--space-3);height:var(--hud-bar-height);padding:0 var(--space-2) 0 var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float)}.hud__brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);white-space:nowrap}.hud:not([data-fit=full]) .hud__brand{display:none}.hud__resources{display:flex;gap:var(--space-2);margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.hud__resource{display:flex;white-space:nowrap}.hud__resource-button{position:relative;display:inline-flex;align-items:center;min-height:var(--control-height);padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:inherit;font:inherit;cursor:pointer}.hud__resource-button:hover,.hud__resource-button[aria-expanded=true]{background:var(--colour-surface-control)}.hud__resource-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hud__resource-button .res-icon{height:20px}.hud__resource-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:var(--display-tracking)}.hud [hidden]{display:none}.hud__resource-cap{color:var(--colour-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:pre}.hud__cap-bar{position:absolute;left:var(--space-2);right:var(--space-2);bottom:3px;height:3px;border-radius:var(--radius-pill);background:var(--colour-surface-overlay);overflow:hidden}.hud__cap-fill{display:block;height:100%;border-radius:inherit;background:var(--colour-meter)}.hud__resource-button--full .hud__cap-fill{background:var(--colour-warning)}.hud__resource-button--full .hud__resource-value{color:var(--colour-warning)}.hud__rate{color:var(--colour-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;line-height:1}.hud__rate--full{opacity:.6}.hud__rate-full{color:var(--colour-warning);font-weight:600}.hud__workers{display:flex;flex:none;white-space:nowrap}.hud__workers-button{gap:var(--space-1)}.hud__workers-button[aria-disabled=true]{cursor:default}.hud__workers-icon{display:inline-block;height:22px;aspect-ratio:140 / 116;background:center / contain no-repeat}.hud__workers-name{color:var(--colour-text-muted);font-size:var(--text-sm)}.hud__exact-note{max-width:24ch;margin:var(--space-1) 0 0;color:var(--colour-warning);font-size:var(--text-sm);font-weight:400}.hud__exact-rate{color:var(--colour-text-muted)}.job-notice__building{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.job-notice__building:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hud__delta{position:fixed;z-index:var(--z-popup);padding:0 var(--space-1);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--colour-surface-base) 80%,transparent);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;line-height:var(--leading-tight);white-space:nowrap;pointer-events:none;animation:hud-delta 1.6s var(--easing) forwards}.hud__delta--down{color:var(--colour-danger);--hud-delta-drift: 8px}.hud__delta--up{color:var(--colour-success);--hud-delta-drift: -8px}@keyframes hud-delta{0%{opacity:0;transform:translateY(0)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(var(--hud-delta-drift, 0))}}@keyframes hud-delta-fade{0%,70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.hud__delta{animation-name:hud-delta-fade}}.hud__exact{font-weight:700;font-variant-numeric:tabular-nums}.hud__spacer{flex:1}.hud__scenes{display:flex;gap:2px;padding:3px;border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.hud__scene-button{border-radius:calc(var(--radius-md) - 3px);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600}.hud__scene-button[aria-current=true]{background:var(--colour-surface-selected);border-color:transparent;color:var(--colour-text-strong);box-shadow:inset 0 -2px 0 var(--colour-accent)}.account-menu{position:relative;display:flex}.account-menu__button{display:inline-flex;align-items:center;font-size:var(--text-sm);font-weight:600}.account-menu__list{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-popup);display:flex;flex-direction:column;gap:var(--space-1);min-width:12rem;padding:var(--space-1);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-popup)}.account-menu__list[hidden]{display:none}.account-menu__who{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--colour-border-subtle)}.account-menu__label{color:var(--colour-text-muted);font-size:var(--text-xs)}.account-menu__name{color:var(--colour-text-strong);font-weight:700;overflow-wrap:anywhere}.account-menu__item{min-height:44px;justify-content:flex-start;text-align:start;color:var(--colour-text)}.account-menu__face{width:24px;height:24px;margin-inline-end:var(--space-2);border-radius:50%;object-fit:cover;flex:none}.account-menu__who--avatar{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-3);align-items:center}.account-menu__who-face{grid-row:span 2;width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover}.account-menu__avatars{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--colour-border-subtle)}.account-menu__avatars-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.account-menu__note{color:var(--colour-text-muted);font-size:var(--text-xs)}.account-menu__note[hidden],.account-menu__status[hidden]{display:none}.account-menu__grid{display:grid;grid-template-columns:repeat(4,48px);gap:var(--space-2)}.account-menu__tile{width:48px;height:48px;padding:0;border:2px solid transparent;border-radius:var(--radius-md);background:none;cursor:pointer;overflow:hidden}.account-menu__tile img{display:block;width:100%;height:100%;object-fit:cover}.account-menu__tile:hover:not(:disabled){border-color:var(--colour-border)}.account-menu__tile:focus-visible{outline:2px solid var(--colour-accent);outline-offset:2px}.account-menu__tile.is-current{border-color:var(--colour-accent);box-shadow:0 0 0 2px var(--colour-accent)}.account-menu__tile:disabled{cursor:progress;opacity:.7}.account-menu__status{margin:0;color:var(--colour-danger);font-size:var(--text-xs)}@media(width<=620px){:root{--hud-inset: 0px;--hud-bar-height: 92px}.hud{flex-wrap:wrap;align-content:center;row-gap:var(--space-1);column-gap:var(--space-2);padding:var(--space-1) var(--space-2);border-width:0 0 1px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.hud__brand{display:none}.hud__resources{order:1;flex:1 0 100%;justify-content:space-between;gap:0}.hud__resource-button{padding:var(--space-1)}.hud__resource-value{font-size:var(--text-sm)}.hud__cap-bar{left:var(--space-1);right:var(--space-1)}.hud__resource-button .res-icon,.hud__workers-icon{height:18px}}@media(width<=390px){.hud__resource-button{padding-inline:2px}.hud__resource-value{font-size:var(--text-xs)}.hud__resource-button .res-icon{height:16px}}.scene-centre{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-4)}.login-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:100%}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.login-brand__title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin:0;color:var(--colour-text-strong);font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:var(--leading-tight)}.login-brand__tag{letter-spacing:.06em}@media(max-width:480px){.login-brand__title{font-size:var(--text-lg)}}.login-brand__note{margin:0;color:var(--colour-text-muted);font-size:var(--text-sm)}.login-form{display:flex;flex-direction:column;gap:var(--space-3);min-width:min(84vw,320px);max-width:360px}.login-form__switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);margin:0;padding-top:var(--space-3);border-top:1px solid var(--colour-border);color:var(--colour-text-secondary);font-size:var(--text-sm)}.login-form__switch-button{flex:1 1 auto}.panel--login .panel__body{max-height:min(calc(88vh - 72px),760px)}.login-form__dev-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--colour-text-muted);cursor:pointer}.login-form__dev-option[hidden]{display:none}.login-form__terms{margin:0;color:var(--colour-text-muted);font-size:var(--text-sm);text-align:center}.login-form__terms a{color:var(--colour-accent)}.login-form__terms a:hover{color:var(--colour-accent-hover)}.bot-check{display:flex;flex-direction:column;align-items:center}.bot-check__status{margin:0;color:var(--colour-danger);font-size:var(--text-sm)}.bot-check__status:empty{display:none}.idle-warning{position:absolute;inset:0;z-index:var(--z-system);display:grid;place-items:center;padding:var(--space-4);background:var(--colour-scrim);pointer-events:none}.idle-warning__panel{max-width:26rem;box-shadow:var(--shadow-popup)}.idle-warning__panel button{pointer-events:auto}.idle-warning__time{font-variant-numeric:tabular-nums}.idle-warning__actions,.away-screen__actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.away-screen{max-width:26rem}.stay-protected{position:absolute;top:calc(var(--hud-height) + var(--space-3));inset-inline:var(--space-3);z-index:var(--z-system);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);width:fit-content;max-width:28rem;margin-inline:auto;padding:var(--space-3) var(--space-4);border:1px solid var(--colour-warning-line);border-radius:var(--radius-lg);background:var(--colour-surface-raised);box-shadow:var(--shadow-popup);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.stay-protected__text{display:flex;flex:1 1 12rem;flex-direction:column;gap:var(--space-1);min-width:0}.stay-protected__title{color:var(--colour-warning-text)}.stay-protected__line{margin:0;color:var(--colour-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.stay-protected--over{border-color:var(--colour-danger)}.stay-protected--over .stay-protected__title{color:var(--colour-danger)}.stay-protected__button{flex:none}@media(width<=480px){.stay-protected__button{flex:1 1 100%}}.presence-check{position:absolute;top:calc(var(--hud-height) + var(--space-3));left:50%;z-index:var(--z-system);display:flex;flex-direction:column;gap:var(--space-3);width:min(92vw,34rem);max-height:calc(100% - var(--hud-height) - var(--space-5));overflow-y:auto;padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--colour-danger);border-radius:var(--radius-lg);background:var(--colour-surface-raised);box-shadow:var(--shadow-popup);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);transform:translate(-50%)}.presence-check__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);color:var(--colour-danger)}.presence-check__question{display:flex;align-items:center;gap:var(--space-3)}.presence-check__target{display:flex;flex:none;flex-direction:column;align-items:center;gap:var(--space-1);width:72px;margin:0}.presence-check__reference{width:56px;height:56px;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 42%,var(--colour-accent-soft),var(--colour-surface-sunken) 72%);object-fit:contain;pointer-events:none}.presence-check__name{max-width:100%;font-size:var(--text-sm);font-weight:700;line-height:var(--leading-tight);text-align:center;overflow-wrap:anywhere}.presence-check__words{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.presence-check__prompt{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.presence-check__why,.presence-check__line{margin:0;color:var(--colour-text-secondary);font-size:var(--text-sm)}.presence-check__line{font-variant-numeric:tabular-nums}.presence-check__line:empty{display:none}.presence-check__picture{display:block;width:100%;aspect-ratio:480 / 300;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-terrain-grass);object-fit:contain;pointer-events:none;user-select:none}.presence-check__numbers{display:grid;grid-template-columns:repeat(9,1fr);gap:var(--space-1)}.presence-check__number{padding-inline:0;font-size:var(--text-lg);font-variant-numeric:tabular-nums}@media(width<=480px){.presence-check__numbers{grid-template-columns:repeat(5,1fr)}}.presence-check__number:disabled{cursor:wait}.presence-check--wait .presence-check__question,.presence-check--wait .presence-check__picture,.presence-check--wait .presence-check__numbers{display:none}.yard-attack-lock{position:absolute;inset:0;display:grid;place-items:start center;padding:calc(var(--hud-height) + var(--space-5)) var(--space-4) var(--space-4);background:var(--colour-scrim)}.yard-attack-lock__banner{max-width:min(92vw,30rem);padding:var(--space-4) var(--space-5);border:2px solid var(--colour-danger);border-radius:var(--radius-lg);background:var(--colour-surface-raised);box-shadow:var(--shadow-popup)}.yard-attack-lock__banner p{margin:var(--space-2) 0 0}.yard-attack-lock__title{margin:0;color:var(--colour-danger);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.yard-attack-lock__countdown{color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.yard-attack-lock__actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.boot-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--colour-text-muted)}.cell-readout{position:absolute;left:var(--space-4);bottom:var(--space-4);padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;pointer-events:none}.map-hint{position:absolute;right:var(--space-4);bottom:var(--space-4);max-width:280px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border:1px solid var(--colour-border);color:var(--colour-text-muted);font-size:var(--text-sm);pointer-events:none}.perf-overlay{position:fixed;top:calc(var(--space-3, 12px) + 56px);right:var(--space-3, 12px);z-index:50;margin:0;padding:8px 10px;font:12px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;color:#e8ecf5;background:#0a0c12d9;border:1px solid rgba(255,255,255,.12);border-radius:8px;pointer-events:none;white-space:pre}.login-form__forgot{align-self:center;font-size:var(--text-sm)}.account-settings{display:flex;flex-direction:column;gap:var(--space-4);min-width:min(84vw,340px)}.account-settings__section{display:flex;flex-direction:column;gap:var(--space-2)}.account-settings__toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:600;color:var(--colour-text-strong)}.map-dock{position:absolute;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.map-dock>*{pointer-events:auto}.map-dock--left{left:var(--space-4);top:calc(var(--hud-height) + var(--space-4));width:248px}.map-dock--right{right:var(--space-4);top:calc(var(--hud-height) + var(--space-4));width:300px;max-height:calc(100vh - var(--hud-height) - var(--space-6))}.map-dock--bottom-right{right:var(--space-4);bottom:var(--space-4);align-items:flex-end}.map-dock--top-centre{left:50%;transform:translate(-50%);--notice-top-inset: var(--hud-height);top:calc(var(--notice-top-inset) + var(--space-3));width:min(92vw,460px);align-items:stretch}@media(width<=620px){.map-dock--right{inset:auto 0 0;width:auto;max-height:min(62vh,calc(100vh - var(--hud-height) - var(--space-4)));gap:0}.map-dock--right>.panel{min-width:0;min-height:0;max-width:none;border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.map-dock--right .panel__body{flex:1 1 auto;min-height:0;max-height:none}.overlay__layer:has(>.map-dock--right>*)>:is(.map-dock--left,.map-dock--bottom-right,.yard-viewtools){display:none}.overlay__layer:has(>.monsters-screen:not([hidden]))>.map-dock--right{display:none}}.notice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border-strong);border-left-width:4px;border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float);font-size:var(--text-sm)}.notice--error{border-left-color:var(--colour-danger)}.notice--warning{border-left-color:var(--colour-warning)}.notice--info{border-left-color:var(--colour-info)}.notice__text{flex:1}.map-panel .panel__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.map-panel .panel__titlebar{padding:var(--space-2) var(--space-3)}.map-panel .panel__title{font-size:var(--text-md)}.map-row{display:flex;gap:var(--space-2);align-items:center}.map-row--wrap{flex-wrap:wrap}.map-row[hidden]{display:none}.map-row>.btn{flex:1;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.map-coord-input{width:100%;min-width:0;font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;min-height:var(--control-height-compact);padding:var(--space-1) var(--space-2);border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-surface-input);color:var(--colour-text-strong)}.map-coord-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cell-facts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);margin:0;font-size:var(--text-sm)}.cell-facts dt{color:var(--colour-text-muted);white-space:nowrap}.cell-facts dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cell-facts dd.is-danger{color:var(--colour-danger)}.cell-facts dd.is-good{color:var(--colour-success)}.cell-facts dd.is-info{color:var(--colour-info)}.cell-kind{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px var(--space-2);border-radius:var(--radius-pill);background:var(--colour-surface-control);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--colour-text-secondary)}.cell-swatch{width:10px;height:10px;border-radius:var(--radius-sm);background:var(--colour-text-muted)}.bookmark-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none;max-height:168px;overflow-y:auto}.bookmark{display:flex;align-items:center;gap:var(--space-1)}.bookmark__jump{flex:1;text-align:left;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark__coords{color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.zoom-controls{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float)}.zoom-controls__slider{width:140px;accent-color:var(--colour-accent)}.zoom-controls__value{min-width:46px;text-align:right;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--colour-text-muted)}.minimap{display:block;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-base);box-shadow:var(--shadow-float);cursor:crosshair}.minimap:focus-visible{outline:none;box-shadow:var(--focus-ring)}.map-status{display:flex;gap:var(--space-3);padding:var(--space-1) var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--colour-text-muted)}.mr2-float{border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float);color:var(--colour-text)}.map-icon{flex:none}.mr2-toolrow{display:flex;align-items:center;gap:var(--space-2)}.mr2-tool{display:flex;align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-4);border:1px solid var(--colour-border);border-radius:16px;background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float);color:var(--colour-text);font:inherit;font-size:var(--text-md);font-weight:700;cursor:pointer}.mr2-tool:hover{background:var(--colour-surface-base)}.mr2-tool:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mr2-tool[aria-pressed=true]{border:2px solid var(--colour-accent);padding:0 calc(var(--space-4) - 1px);color:var(--colour-accent)}.mr2-kit-filter{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--colour-border);border-radius:12px;background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float)}.mr2-kit-filter__option{min-height:36px;padding:0 var(--space-3);border:none;border-radius:9px;background:transparent;color:var(--colour-text);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.mr2-kit-filter__option:hover{background:var(--colour-surface-base)}.mr2-kit-filter__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mr2-kit-filter__option[aria-pressed=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.mr2-range-legend{width:360px;max-width:calc(100vw - 2 * var(--space-4));box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:18px}.mr2-range-legend[hidden]{display:none}.mr2-range-legend__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mr2-range-legend__title{margin:0;font-family:var(--font-display);font-size:17px;font-weight:var(--display-weight);letter-spacing:var(--display-tracking)}.mr2-range-legend__key,.mr2-range-legend__reaches{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.mr2-range-legend__reaches{gap:6px;padding-top:10px;border-top:1px solid var(--colour-border-subtle)}.mr2-range-legend__row,.mr2-range-legend__source{display:flex;align-items:center;gap:10px}.mr2-range-legend__sources{display:flex;flex-direction:column;gap:6px}.mr2-range-legend__icon{color:var(--colour-accent)}.mr2-range-legend__where{flex:1}.mr2-range-legend__cells{font-weight:800;font-variant-numeric:tabular-nums}.mr2-range-legend__quiet{color:var(--colour-text-secondary)}.mr2-range-legend__note{margin:0;font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--colour-text-muted)}.mr2-range-swatch{flex:none;width:26px;height:18px;box-sizing:border-box;border-radius:4px}.mr2-range-swatch--inside{background:var(--colour-accent-soft);border:2.5px solid var(--colour-accent)}.mr2-range-swatch--outside{background:var(--colour-scrim);border:1px solid var(--colour-border-strong)}.mr2-switch{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0;border:0;background:transparent;color:var(--colour-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.mr2-switch:focus-visible{outline:none}.mr2-switch:focus-visible .mr2-switch__track{box-shadow:var(--focus-ring)}.mr2-switch__track{position:relative;width:44px;height:26px;border-radius:13px;background:var(--colour-surface-control-hover);transition:background var(--motion-fast) var(--easing)}.mr2-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--colour-text-secondary);transition:transform var(--motion-fast) var(--easing)}.mr2-switch[aria-checked=true] .mr2-switch__track{background:var(--colour-accent)}.mr2-switch[aria-checked=true] .mr2-switch__track:after{transform:translate(18px);background:var(--colour-accent-text)}@media(width<=620px){.mr2-range-legend{display:none}.mr2-tool{min-height:var(--control-height);padding:0 var(--space-3);font-size:var(--text-sm)}}.map-dock--right.mr2-cell-dock{width:372px}.mr2-cell{display:flex;flex-direction:column;gap:14px;padding:18px;box-sizing:border-box;max-width:none;min-width:0;overflow-y:auto;box-shadow:var(--shadow-panel)}.mr2-cell [hidden][hidden],.mr2-cell__grip{display:none}.mr2-cell__head{display:flex;align-items:center;gap:14px}.mr2-cell__picture{--ring: var(--colour-border-strong);flex:none;width:68px;height:68px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid var(--ring);border-radius:18px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--ring) 28%,var(--colour-surface-base)),var(--colour-surface-base));overflow:hidden}.mr2-cell__picture img{width:58px;height:58px;object-fit:contain}.mr2-cell__picture--mine{--ring: var(--colour-accent)}.mr2-cell__picture--faded img{opacity:.45;filter:grayscale(.7)}.mr2-cell__picture--water{background:var(--colour-terrain-water)}.mr2-cell__picture--fog,.mr2-cell__picture--loading{background:var(--colour-surface-sunken)}.mr2-cell__titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.mr2-cell__nameline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);min-width:0}.mr2-cell__title{margin:0;min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-size:21px;font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.mr2-cell__level{flex:none;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--colour-surface-overlay);color:var(--colour-text-secondary);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.mr2-cell__subtitle{font-size:var(--text-sm);color:var(--colour-text-muted)}.mr2-cell__close{flex:none;width:var(--control-height);height:var(--control-height);display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius-md);background:var(--colour-surface-control);color:var(--colour-text-secondary);cursor:pointer}.mr2-cell__close:hover{background:var(--colour-surface-control-hover);color:var(--colour-text)}.mr2-cell__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mr2-cell__chips{display:flex;flex-wrap:wrap;gap:6px}.mr2-cell__chips:not(:has(>:not([hidden]))){display:none}.mr2-chip{--tone: var(--colour-accent);display:flex;align-items:center;gap:7px;min-height:32px;padding:var(--space-1) 11px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--tone) 50%,transparent);border-radius:10px;background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--colour-text);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.mr2-chip .map-icon{color:var(--tone)}.mr2-chip--warning{--tone: var(--colour-warning)}.mr2-chip--danger{--tone: var(--colour-tribe)}.mr2-chip--info{--tone: var(--colour-info)}.mr2-cell__flinger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 14px;border:1px solid var(--colour-border-subtle);border-radius:14px;background:var(--colour-surface-sunken)}.mr2-cell__flinger-icon{color:var(--colour-accent)}.mr2-cell__flinger-text{flex:1;display:flex;flex-direction:column;gap:2px}.mr2-cell__flinger-title{font-size:14px;font-weight:700}.mr2-cell__flinger-detail{font-size:var(--text-xs);color:var(--colour-text-muted)}.mr2-cell__actions{display:flex;flex-direction:column;gap:var(--space-2)}.mr2-cell .mr2-cell__primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;font-size:16px;font-weight:800}.mr2-cell .takeover-action__button{min-height:48px;border-radius:14px;font-size:14px}.mr2-cell .takeover-action__button:disabled{min-height:40px}.mr2-cell__row{display:flex;gap:var(--space-2)}.mr2-cell__secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;border-radius:14px;font-size:14px}.mr2-cell__bookmark{flex:none;width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:14px}.mr2-cell__note{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted)}.mr2-cell .takeover-action{margin:-6px 0 0}.mr2-cell__more-toggle{display:flex;align-items:center;gap:6px;min-height:36px;list-style:none;color:var(--colour-text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer}.mr2-cell__more-toggle::-webkit-details-marker{display:none}.mr2-cell__more-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.mr2-cell__more[open] .mr2-cell__more-icon{transform:rotate(90deg)}.mr2-cell__facts{padding:var(--space-1) 0 0 20px}.mr2-cell__achievements{padding:var(--space-2) 0 0 20px}.mr2-cell__achievements[hidden]{display:none}@media(width<=620px){.map-dock--right.mr2-cell-dock{width:auto}.mr2-cell{gap:var(--space-3);padding:var(--space-2) var(--space-4) 18px;border-radius:22px 22px 0 0}.mr2-cell__grip{display:block;align-self:center;width:40px;height:5px;border-radius:3px;background:var(--colour-border-strong)}.mr2-cell__picture{width:56px;height:56px;border-radius:15px}.mr2-cell__picture img{width:46px;height:46px}.mr2-cell__title{font-size:19px}.mr2-cell__close{width:40px;height:40px}}.mr2-find-dock{left:var(--space-4);bottom:20px;width:auto}.mr2-find{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.mr2-find__hint{font-size:var(--text-sm);font-weight:600;color:var(--colour-text-muted)}.mr2-find__phone-label,.mr2-find__sheet[hidden]{display:none}.mr2-find__sheet>.panel{width:300px;max-width:calc(100vw - 2 * var(--space-4))}.mr2-find__sheet .panel__body{max-height:calc(100vh - var(--hud-height) - 120px)}.mr2-find__world{display:flex;justify-content:center}.mr2-toolrow .zoom-controls{gap:var(--space-1);padding:var(--space-1);border-radius:16px}.mr2-toolrow .zoom-controls__slider,.mr2-toolrow .zoom-controls__value,.mr2-toolrow .zoom-controls>.btn:last-child{display:none}.mr2-toolrow .zoom-controls .btn{width:var(--control-height);height:var(--control-height);background:transparent}.mr2-hover{position:absolute;left:0;top:0;z-index:var(--z-overlay);display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-radius:14px;background:var(--colour-surface-base);pointer-events:none;white-space:nowrap}.mr2-hover[hidden]{display:none}.mr2-hover__picture{--ring: var(--colour-border-strong);flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid var(--ring);border-radius:11px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--ring) 22%,var(--colour-surface-base)),var(--colour-surface-base));overflow:hidden}.mr2-hover__picture[hidden]{display:none}.mr2-hover__picture img{width:34px;height:34px;object-fit:contain}.mr2-hover__text{display:flex;flex-direction:column;gap:2px}.mr2-hover__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--display-weight)}.mr2-hover__detail{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--colour-text-muted)}.mr2-hover__icon{display:none}.mr2-hover__detail--warn{font-size:var(--text-sm);font-weight:700;color:var(--colour-warning)}.mr2-hover__detail--warn .mr2-hover__icon{display:block}@media(width<=620px){.mr2-find-dock{top:calc(var(--hud-height) + var(--space-2));bottom:auto;left:12px;right:12px}.mr2-find{flex-direction:column-reverse;align-items:stretch}.mr2-find__button{width:100%;color:var(--colour-text-secondary)}.mr2-find__button .mr2-tool__label,.mr2-find__hint{display:none}.mr2-find__phone-label{display:inline}.mr2-find__sheet>.panel{width:auto;max-width:none}.mr2-find__sheet .panel__body{max-height:calc(100vh - var(--hud-height) - 160px)}.mr2-tools-dock{top:calc(var(--hud-height) + var(--space-2) + var(--control-height) + var(--space-3));bottom:auto;right:12px}.mr2-toolrow .zoom-controls{display:none}.overlay__layer:has(>.map-dock--right>*)>.mr2-tools-dock.map-dock--bottom-right{display:flex}.overlay__layer:has(.mr2-find--open)>.mr2-tools-dock.map-dock--bottom-right{display:none}}.mr1-tone--neighbour{--pin: var(--colour-meter);--pin-ground: color-mix(in srgb, var(--colour-meter) 14%, var(--colour-surface-base));--pin-text: var(--colour-text)}.mr1-tone--attacked{--pin: var(--colour-warning);--pin-ground: color-mix(in srgb, var(--colour-warning) 18%, var(--colour-surface-base));--pin-text: color-mix(in srgb, var(--colour-warning) 45%, var(--colour-text-strong))}.mr1-tone--protected{--pin: var(--colour-pin-protected);--pin-ground: color-mix(in srgb, var(--colour-pin-protected) 14%, var(--colour-surface-base));--pin-text: var(--colour-text-secondary)}.mr1-tone--tribe{--pin: var(--colour-tribe);--pin-ground: var(--colour-tribe-ground);--pin-text: var(--colour-tribe-text)}.mr1-tone--wrecked{--pin: var(--colour-pin-protected);--pin-ground: var(--colour-tribe-ground);--pin-text: var(--colour-text-secondary)}.mr1{position:absolute;inset:calc(var(--hud-height) + var(--space-3)) var(--space-5) var(--space-4);max-width:1360px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-5) var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-popup);color:var(--colour-text)}.mr1__header{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-3)}.mr1__title{margin:0;font-size:var(--text-xl)}.mr1__hint{font-size:var(--text-sm);color:var(--colour-text-muted)}.mr1__spacer{flex:1}.mr1__close{order:10;display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-height);min-height:var(--control-height);color:var(--colour-text-secondary)}.mr1__shield{display:none}.mr1__toggle{display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.mr1__toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--colour-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.mr1__toggle-button:hover{background:var(--colour-surface-control)}.mr1__toggle-button[aria-pressed=true]{background:var(--colour-surface-selected);color:var(--colour-text-strong);font-weight:700}.mr1__toggle-button:focus-visible,.mr1-pin__button:focus-visible,.mr1-tile:focus-visible,.mr1-row:focus-visible,.mr1-map__viewport:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mr1__body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.mr1__status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;color:var(--colour-text-muted);pointer-events:none}.mr1-icon{flex:none}.mr1-dot{flex:none;width:7px;height:7px;border-radius:50%}.mr1-dot--online{background:var(--colour-online)}.mr1-countdown{color:var(--colour-text);font-variant-numeric:tabular-nums}.mr1-countdown--plain{font-weight:inherit;color:inherit}.mr1-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid var(--pin);border-radius:50%;background:var(--pin-ground);color:var(--pin-text);font-family:var(--font-display);font-weight:700;line-height:1}.mr1-avatar--sm{width:44px;height:44px;font-size:var(--text-sm)}.mr1-avatar--md{width:48px;height:48px;font-size:var(--text-md)}.mr1-avatar--lg{width:72px;height:72px;font-size:var(--text-xl)}.mr1-avatar--tribe{border-radius:var(--radius-md)}.mr1-avatar--tribe.mr1-avatar--sm{width:40px;height:40px;border-width:2.5px}.mr1-avatar--tribe.mr1-avatar--md{width:58px;height:58px;border-radius:16px}.mr1-avatar--tribe.mr1-avatar--lg{border-radius:18px}.mr1-avatar__art{width:100%;height:100%;object-fit:cover}.mr1-tone--wrecked.mr1-avatar,.mr1-tone--wrecked .mr1-avatar{border-style:dashed}.mr1-tone--wrecked .mr1-avatar__art,.mr1-avatar.mr1-tone--wrecked .mr1-avatar__art{filter:grayscale(1);opacity:.55}.mr1-map{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-terrain-grass)}.mr1-map[hidden]{display:none}.mr1-map__viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;user-select:none}.mr1-map__viewport--dragging{cursor:grabbing}.mr1-map__world{position:absolute;top:0;left:0;width:1760px;height:1760px;will-change:transform}.mr1-map__art{display:block;width:1760px;max-width:none;height:1760px;pointer-events:none}.mr1-map__pins{position:absolute;inset:0}.mr1-pin{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%,-50%)}.mr1-pin__button{position:relative;display:inline-flex;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.mr1-pin--tribe .mr1-pin__button{border-radius:16px}.mr1-pin__button .mr1-avatar{box-shadow:var(--shadow-float)}.mr1-pin--selected{z-index:1}.mr1-pin--selected .mr1-avatar{box-shadow:0 0 0 4px var(--colour-surface-base),0 0 0 7px var(--colour-accent)}.mr1-pin__badge{position:absolute;right:-8px;bottom:-6px;display:flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 var(--space-1);border:1px solid var(--colour-border-strong);border-radius:10px;background:var(--colour-surface-base);color:var(--colour-text);font-family:var(--font-display);font-size:11px;font-weight:700}.mr1-pin__tag{display:flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--colour-surface-raised);color:var(--colour-text);font-size:var(--text-xs);font-weight:700;white-space:nowrap;pointer-events:none}.mr1-pin--tribe .mr1-pin__tag{padding-right:var(--space-1)}.mr1-tone--wrecked .mr1-pin__tag,.mr1-tone--protected .mr1-pin__tag{color:var(--colour-text-secondary)}.mr1-pin__level{padding:1px 6px;border-radius:var(--radius-pill);background:var(--colour-surface-selected);font-size:11px}.mr1-pin__you{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:3px solid var(--colour-accent);border-radius:50%;background:var(--colour-surface-base);color:var(--colour-accent);box-shadow:0 0 0 6px var(--colour-accent-soft)}.mr1-pin__tag--you{padding:3px 10px;background:var(--colour-accent);color:var(--colour-accent-text);font-weight:800;letter-spacing:.04em}.mr1-map__home{position:absolute;top:var(--space-4);left:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);border-color:var(--colour-border-strong);background:var(--colour-surface-raised);font-size:var(--text-sm);font-weight:600}.mr1-mini{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:6px;width:176px;padding:var(--space-2);border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-surface-raised)}.mr1-mini__map{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--colour-terrain-grass);background-size:cover;cursor:pointer;touch-action:none}.mr1-mini__dots{position:absolute;inset:0;pointer-events:none}.mr1-mini__dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--pin);box-shadow:0 0 0 1px var(--colour-surface-base);transform:translate(-50%,-50%)}.mr1-mini__dot--tribe{width:7px;height:7px;border-radius:2px}.mr1-mini__dot--you{width:8px;height:8px;background:var(--colour-accent)}.mr1-mini__frame{position:absolute;border:2px solid var(--colour-accent);border-radius:4px;background:var(--colour-accent-soft);pointer-events:none}.mr1-mini__caption{font-size:var(--text-xs);color:var(--colour-text-muted);text-align:center}.mr1-legend{position:absolute;left:var(--space-4);bottom:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:calc(100% - 2 * var(--space-4));padding:var(--space-2) 14px;border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-surface-raised);color:var(--colour-text-secondary);font-size:var(--text-xs);font-weight:600;pointer-events:none}.mr1-legend__item{display:inline-flex;align-items:center;gap:6px}.mr1-legend__swatch{width:12px;height:12px;border:2.5px solid var(--pin);border-radius:50%}.mr1-legend__swatch--you{--pin: var(--colour-accent)}.mr1-legend__swatch--tribe{border-radius:3px}.mr1-legend__swatch--online{width:7px;height:7px;border:0;background:var(--colour-online)}.mr1-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-base);box-shadow:var(--shadow-panel);color:var(--colour-text);cursor:auto;user-select:text}.mr1-card--float{position:absolute;z-index:2;width:320px;padding:var(--space-4);border-color:var(--colour-border-strong);box-shadow:var(--shadow-popup)}.mr1-card__grip{align-self:center;width:36px;height:4px;border-radius:4px;background:var(--colour-border-strong)}.mr1-card__head{display:flex;align-items:flex-start;gap:14px}.mr1-card--float .mr1-card__head .mr1-avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.mr1-card__titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.mr1-card__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.mr1-card__title{margin:0;font-size:var(--text-xl);overflow-wrap:anywhere}.mr1-card--float .mr1-card__title,.mr1-card--sheet .mr1-card__title{font-size:var(--text-lg)}.mr1-card__sub{display:flex;align-items:center;gap:5px;margin:0;font-size:var(--text-sm);color:var(--colour-text-secondary)}.mr1-card__sub--tribe{color:var(--colour-tribe-text);font-weight:600}.mr1-card__close{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-height);min-height:var(--control-height);color:var(--colour-text-secondary)}.mr1-card__blurb{margin:0;font-size:var(--text-md);line-height:1.5;color:var(--colour-text-secondary);text-wrap:pretty}.mr1-card--float .mr1-card__blurb{font-size:var(--text-sm)}.mr1-card__facts{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--colour-text-secondary)}.mr1-card__fact{display:flex;align-items:center;gap:var(--space-2)}.mr1-card__fact .mr1-icon{color:var(--colour-text-muted)}.mr1-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mr1-stat{display:flex;flex-direction:column;gap:2px;padding:10px var(--space-3);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.mr1-stat__value{font-size:20px}.mr1-stat__label{font-size:var(--text-sm);color:var(--colour-text-secondary)}.mr1-stat--warn{border-color:color-mix(in srgb,var(--colour-warning) 35%,transparent);background:color-mix(in srgb,var(--colour-warning) 10%,transparent)}.mr1-stat--warn .mr1-stat__value,.mr1-stat--warn .mr1-stat__label{color:var(--colour-warning)}.mr1-warning,.mr1-protection{display:flex;align-items:flex-start;gap:10px;padding:var(--space-3) 14px;border:1px solid color-mix(in srgb,var(--colour-warning) 45%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--colour-warning) 12%,transparent);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--colour-text-secondary)}.mr1-warning strong,.mr1-protection strong{color:var(--colour-text-strong)}.mr1-warning__icon,.mr1-protection__icon{margin-top:1px;color:var(--colour-warning)}.mr1-send{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.mr1-send__label{font-size:var(--text-sm);color:var(--colour-text-muted)}.mr1-send__chip{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-sm);font-weight:700}.mr1-send__icon{width:24px;height:24px;object-fit:contain;border-radius:var(--radius-sm)}.mr1-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mr1-card__social{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px}.mr1-card__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;border-radius:14px;font-size:var(--text-md)}.mr1-card--float .mr1-card__button{min-height:var(--control-height);font-size:var(--text-sm)}.mr1-card__why{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mr1-reason{flex:1 1 200px;display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--colour-text-secondary)}.mr1-reason strong{color:var(--colour-text)}.mr1-reason__icon{margin-top:1px;color:var(--colour-meter)}.mr1-reason .mr1-dot{margin:6px 4px 0}.mr1-card__way{min-height:var(--control-height);font-size:var(--text-sm)}.mr1-listpane{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:var(--space-5)}.mr1-listpane[hidden]{display:none}.mr1-list{min-height:0;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding-right:var(--space-1)}.mr1-list__section{display:flex;flex-direction:column;gap:var(--space-2)}.mr1-list__heading{margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--colour-text-muted)}.mr1-list__tribes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.mr1-tile,.mr1-row{display:flex;align-items:center;width:100%;min-height:60px;border:1px solid var(--colour-border);border-radius:14px;background:var(--colour-surface-sunken);color:var(--colour-text);font:inherit;text-align:left;cursor:pointer}.mr1-tile{gap:10px;padding:0 10px}.mr1-row{gap:var(--space-3);padding:var(--space-2) 10px;border-color:transparent}.mr1-tile:hover,.mr1-row:hover{background:var(--colour-surface-control)}.mr1-tile[aria-pressed=true],.mr1-row[aria-pressed=true]{border-color:var(--colour-accent);background:var(--colour-accent-soft)}.mr1-tile--wrecked{border-color:var(--colour-border-subtle);background:transparent;color:var(--colour-text-secondary)}.mr1-tile__words,.mr1-row__words{display:flex;flex-direction:column;gap:2px;min-width:0}.mr1-row__words{flex:1}.mr1-tile__name{font-size:var(--text-sm);font-weight:700}.mr1-tile__sub{font-size:var(--text-xs);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.mr1-list__head{display:flex;align-items:center;justify-content:space-between;min-height:var(--control-height)}.mr1-list__sort{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--colour-text-secondary)}.mr1-list__sort-select{min-height:var(--control-height-compact);padding:0 var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-control);color:var(--colour-text);font:inherit;font-weight:600}.mr1-list__rows{display:flex;flex-direction:column;gap:6px}.mr1-row__top{display:flex;align-items:center;gap:6px;min-width:0}.mr1-row__name{overflow:hidden;font-size:var(--text-md);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mr1-chip--small{padding:1px 6px;font-size:11px}.mr1-row__line{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--colour-text-secondary)}.mr1-row__line--warn{color:var(--colour-warning);font-weight:600}.mr1-row__chevron{color:var(--colour-text-muted)}.mr1-list__empty{margin:0;padding:var(--space-4);border:1px dashed var(--colour-border-strong);border-radius:var(--radius-md);color:var(--colour-text-muted)}.mr1-list__pager{position:sticky;bottom:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-block:var(--space-1);border-radius:var(--radius-md);background:var(--colour-surface-base)}.mr1-list__pager[hidden]{display:none}.mr1-list__page{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-height);min-height:var(--control-height)}.mr1-list__page-label{font-size:var(--text-sm);color:var(--colour-text-secondary);font-variant-numeric:tabular-nums}.mr1-side{min-height:0;overflow-y:auto}.mr1-side__empty{margin:0;padding:var(--space-5);border:1px dashed var(--colour-border-strong);border-radius:var(--radius-lg);color:var(--colour-text-muted);text-align:center}.mr1__footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) 18px;padding:10px 14px;border:1px solid var(--colour-border-subtle);border-radius:14px;background:var(--colour-surface-sunken)}.mr1__footer-label{font-size:var(--text-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--colour-text-muted)}.mr1__footer-note{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--colour-text-secondary)}.mr1__footer .mr1-send{padding:0;border:0;background:none}.mr1__footer .mr1-send__chip{gap:6px;padding:var(--space-1) 10px var(--space-1) var(--space-1);border-radius:var(--radius-pill);background:var(--colour-surface-control)}.mr1__footer .mr1-send__icon{width:28px;height:28px}.mr1__footer .mr1-protection{align-items:center;padding:6px var(--space-3)}.mr1-sheet[hidden]{display:none}@media(width<=620px){.overlay__layer:has(>.mr1)>.hud{display:none}.mr1{inset:0;max-width:none;gap:10px;padding:var(--space-2) var(--space-4) 0;border:0;border-radius:0;background:var(--colour-surface-base);box-shadow:none}.mr1__header{flex-wrap:wrap;gap:var(--space-2);padding-top:0}.mr1__close{order:0}.mr1__title{font-size:20px}.mr1__hint{display:none}.mr1__shield{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--colour-warning) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--colour-warning) 12%,transparent);color:var(--colour-text);font-size:var(--text-xs);font-weight:700}.mr1__shield[hidden]{display:none}.mr1__shield .mr1-icon{color:var(--colour-warning)}.mr1__toggle{order:20;flex:1 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mr1__footer{display:none}.mr1-listpane{grid-template-columns:minmax(0,1fr)}.mr1-side{display:none}.mr1-list{padding-bottom:var(--space-4)}.mr1--sheet-open .mr1-list,.mr1--sheet-open .mr1-map{margin-bottom:min(46vh,320px)}.mr1-list__tribes{grid-template-columns:repeat(2,minmax(0,1fr))}.mr1-map{margin-bottom:var(--space-4)}.mr1-mini{width:104px;padding:6px}.mr1-mini__caption,.mr1-legend{display:none}.mr1-sheet{position:absolute;left:0;right:0;bottom:0;z-index:var(--z-hud);max-height:72vh;overflow-y:auto}.mr1-card--sheet{gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-5);border-width:1px 0 0;border-radius:22px 22px 0 0;box-shadow:var(--shadow-popup)}.mr1-card--sheet .mr1-card__blurb{font-size:var(--text-sm)}.mr1-notices{--notice-top-inset: var(--space-7)}}.map-gate__actions,.map-prompt__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.map-prompt__text{max-width:36ch;margin:0;color:var(--colour-text-secondary)}.planner-bar{position:absolute;left:0;right:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border-block:1px solid var(--colour-border);box-shadow:var(--shadow-panel);pointer-events:auto;z-index:var(--z-hud);flex-wrap:wrap}.planner-bar--top{top:0;padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px))}.overlay__layer:has(>.planner-bar)>.hud{display:none}.planner-bar--bottom{bottom:0}.planner-bar__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--display-weight);letter-spacing:var(--display-tracking)}.planner-bar__slot,.planner-bar__summary{font-size:var(--text-sm)}.planner-bar__slot--read-only{padding:0 var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);color:var(--colour-text);text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs)}.planner-bar__group{display:flex;gap:var(--space-1);padding-inline:var(--space-2);border-inline-start:1px solid var(--colour-border)}.planner-bar__spacer{flex:1 1 auto}.planner-bar button[aria-pressed=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.planner-menu{position:relative;display:flex}.planner-menu__list{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:calc(var(--z-hud) + 1);display:flex;flex-direction:column;min-width:100%;padding:var(--space-1);gap:var(--space-1);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border:1px solid var(--colour-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-panel)}.planner-menu__list[hidden]{display:none}.planner-menu__item{justify-content:flex-start;text-align:start;white-space:nowrap}.planner-menu__item--check:before{content:"✓" / "";display:inline-block;width:1em;margin-inline-end:var(--space-1);opacity:0}.planner-menu__item--on:before{opacity:1}.planner-menu__item--nested{padding-inline-start:var(--space-3)}.planner-menu__item--dim{opacity:.55}.planner-bar__checklist--bad{color:var(--colour-danger);border-color:var(--colour-danger)}.planner-cost{display:flex;align-items:stretch;gap:var(--space-1);flex-wrap:wrap}.planner-cost__cell{display:flex;flex-direction:column;gap:1px;min-width:72px;padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--colour-border);background:var(--colour-surface-overlay)}.planner-cost__label{font-size:var(--text-xs);color:var(--colour-text-muted);text-transform:uppercase;letter-spacing:.04em}.planner-cost__label .res-icon{display:block;height:16px}.planner-cost__value{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.planner-cost__cell--short{border-color:var(--colour-danger)}.planner-cost__cell--short .planner-cost__value{color:var(--colour-danger)}.planner-cost__cell--shiny .planner-cost__value{color:var(--colour-warning)}.planner-cost__cell--workers,.planner-cost__cell--unplaced{min-width:64px}.planner-cost__cell--unplaced[hidden]{display:none}.planner-cost__cell--coverage .planner-cost__value{white-space:nowrap}.planner-cost__row--short{color:var(--colour-danger)}.planner-bar__badge{display:inline-block;margin-inline-start:var(--space-1);padding-inline:var(--space-1);min-width:18px;border-radius:var(--radius-pill);background:var(--colour-accent);color:var(--colour-accent-text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}.planner-bar__rearm[disabled] .planner-bar__badge{background:var(--colour-border);color:var(--colour-text-muted)}.planner-walls__levels{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-block:var(--space-2)}.planner-walls__levels-label{font-size:var(--text-sm);color:var(--colour-text-muted)}.planner-walls__level[aria-pressed=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.planner-walls__preview,.planner-rearm__heading{margin:0 0 var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.planner-walls__note{margin-block:var(--space-2) 0;font-size:var(--text-xs)}.planner-walls__actions,.planner-rearm__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.planner-rearm__blocked{list-style:none;margin:var(--space-2) 0 0;padding:0;font-size:var(--text-sm)}.planner-rearm__blocked li{display:flex;align-items:baseline;gap:var(--space-2);padding-block:var(--space-1);color:var(--colour-danger)}.planner-rearm__blocked li+li{border-top:1px solid var(--colour-border)}.planner-rearm__show{font-size:var(--text-sm);padding-inline:var(--space-2)}.planner-search__input{width:100%}.planner-search__chips{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-block:var(--space-2)}.planner-search__chip{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-size:var(--text-sm);padding-inline:var(--space-2)}.planner-search__chip[aria-pressed=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.planner-search__count{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--colour-text-muted)}.planner-search__chip[aria-pressed=true] .planner-search__count{color:var(--colour-accent-text)}.planner-search__rows{list-style:none;margin:0;padding:0;max-height:44vh;overflow-y:auto}.planner-search__row+.planner-search__row{border-top:1px solid var(--colour-border)}.planner-search__pick{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);width:100%;text-align:start;font-size:var(--text-sm);padding-block:var(--space-1)}.planner-search__empty{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-block:var(--space-2) 0;font-size:var(--text-sm)}.planner-search__clear{font-size:var(--text-sm);padding-inline:var(--space-2)}.planner-dock{position:absolute;left:var(--space-4);top:calc(var(--planner-top, calc(var(--hud-height) + 56px)) + var(--space-2));bottom:calc(var(--planner-bottom, 56px) + var(--space-2));width:min(420px,38vw);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;pointer-events:none}.planner-dock>*{pointer-events:auto;flex:0 0 auto}.planner-dock--right{left:auto;right:var(--space-4);align-items:stretch}.planner-inspector__heading,.planner-inspector__plan-line{margin:0 0 var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.planner-inspector__status{margin-bottom:var(--space-2)}.planner-inspector__ladder{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-block:var(--space-3)}.planner-inspector__ladder .planner-inspector__note{flex-basis:100%;margin-top:0}.planner-inspector__ladder-label{font-size:var(--text-sm);color:var(--colour-text-muted)}.planner-inspector__level{font-size:var(--text-sm);padding-inline:var(--space-2);font-variant-numeric:tabular-nums}.planner-inspector__level[aria-pressed=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.planner-inspector__plan{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--colour-border)}.planner-inspector__note{margin:var(--space-2) 0 0;font-size:var(--text-xs);line-height:var(--leading-normal)}.planner-inspector__dead{margin-top:var(--space-3)}.planner-inspector__dead-title{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:700}.planner-inspector__dead-list{display:grid;gap:var(--space-1);margin:0;padding-left:var(--space-5)}.planner-inspector__dead-zone>*{vertical-align:middle}.planner-inspector__show{margin-left:var(--space-2);padding-block:0}.planner-inspector__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.planner-inspector__details{margin-top:var(--space-3);border-top:1px solid var(--colour-border);padding-top:var(--space-2)}.planner-inspector__summary{cursor:pointer;font-size:var(--text-xs);color:var(--colour-text-muted);list-style:none}.planner-inspector__summary::-webkit-details-marker{display:none}.planner-inspector__summary:before{content:"▸ "}.planner-inspector__details[open] .planner-inspector__summary:before{content:"▾ "}.planner-inspector__summary:hover,.planner-inspector__summary:focus-visible{color:var(--colour-text)}.planner-inspector__details>:not(summary){margin-top:var(--space-2)}.planner-apply__heading{margin:0 0 var(--space-2);font-size:var(--text-sm)}.planner-apply__check{display:flex;align-items:center;gap:var(--space-2);margin-block:var(--space-2);font-size:var(--text-sm)}.planner-apply__list-title{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-sm)}.planner-apply__list-title--start{color:var(--colour-success)}.planner-apply__list-title--wait{color:var(--colour-warning)}.planner-apply__list-title--skip{color:var(--colour-danger)}.planner-apply__list{list-style:none;margin:0;padding:0;font-size:var(--text-sm);max-height:24vh;overflow-y:auto}.planner-apply__list li{padding-block:1px}.planner-apply__totals{margin-top:var(--space-3)}.planner-apply__save-note{margin:var(--space-2) 0 0;font-size:var(--text-xs)}.planner-apply__save-as{margin-top:var(--space-1);font-size:var(--text-sm);padding-inline:var(--space-2)}.planner-apply__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.planner-misfits__heading{margin:0 0 var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.planner-misfits__rows{list-style:none;margin:0 0 var(--space-2);padding:0;font-size:var(--text-sm);max-height:40vh;overflow-y:auto}.planner-misfits__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-1)}.planner-misfits__row+.planner-misfits__row{border-top:1px solid var(--colour-border)}.planner-misfits__show{font-size:var(--text-sm);padding-inline:var(--space-2)}.planner-banner{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--colour-border-strong);background:var(--colour-surface-overlay);font-size:var(--text-sm);line-height:var(--leading-normal);box-shadow:var(--shadow-panel)}.planner-banner--warning{border-inline-start:4px solid var(--colour-warning)}.planner-banner--error{border-inline-start:4px solid var(--colour-danger)}.planner-banner--info{border-inline-start:4px solid var(--colour-info)}.planner-banner>span{flex:1 1 auto}.planner-checklist__rows,.planner-checklist__faults,.planner-layouts__list{list-style:none;margin:0;padding:0}.planner-checklist__row+.planner-checklist__row{margin-top:var(--space-3)}.planner-checklist__heading{margin:0;font-size:var(--text-sm)}.planner-checklist__row--ok .planner-checklist__heading{color:var(--colour-success)}.planner-checklist__row--bad .planner-checklist__heading{color:var(--colour-danger)}.planner-checklist__row--warn .planner-checklist__heading{color:var(--colour-warning)}.planner-checklist__faults{margin-top:var(--space-1);padding-inline-start:var(--space-4)}.planner-checklist__show{font-size:var(--text-sm);text-align:start;padding-block:var(--space-1)}.planner-layouts__row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent}.planner-layouts__row+.planner-layouts__row{border-top:1px solid var(--colour-border)}.planner-layouts__row--current{border-color:var(--colour-accent);background:var(--colour-surface-overlay)}.planner-layouts__head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.planner-layouts__name{flex:1 1 140px;min-width:0}.planner-layouts__meta{font-size:var(--text-xs)}.planner-layouts__controls{display:flex;gap:var(--space-1);flex-wrap:wrap}.planner-layouts__controls .btn{font-size:var(--text-sm);padding-inline:var(--space-2)}.planner-layouts__confirm{color:var(--colour-danger);border-color:var(--colour-danger)}.yard-viewtools{position:absolute;right:var(--space-3);bottom:var(--space-3);display:flex;align-items:flex-end;gap:var(--space-2);pointer-events:auto;z-index:var(--z-hud)}.yard-zoom{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float)}.yard-zoom__slider{width:132px;accent-color:var(--colour-accent);cursor:ew-resize}.yard-zoom__slider:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-pill)}.yard-zoom__step{font-size:var(--text-md);min-width:26px;padding:0 var(--space-1)}.yard-zoom__readout{min-width:46px;margin-inline-end:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right;color:var(--colour-text-muted)}.yard-zoom__fit{font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}.yard-minimap{display:block;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-base);box-shadow:var(--shadow-float);cursor:crosshair;touch-action:none}.yard-minimap:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(width<=900px){.planner-dock{width:min(92vw,420px)}.planner-bar{font-size:var(--text-sm)}.yard-viewtools{flex-direction:column-reverse;align-items:flex-end}.yard-zoom__slider{width:96px}.planner-dock--right{top:auto;left:var(--space-2);right:var(--space-2);width:auto;max-height:min(50vh,calc(100vh - var(--planner-top, 0px) - var(--planner-bottom, 0px) - 2 * var(--space-2)));justify-content:flex-end}.planner-dock--right>.panel{max-width:none}.overlay__layer:has(>.planner-dock--right>*)>.yard-viewtools{display:none}}.planner-bar__actions{display:flex;flex:none;align-items:center;gap:var(--space-3);margin-inline-start:auto}@media(width>620px){.planner-bar--bottom>.planner-bar__summary{flex:1 1 0;min-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(width<=620px){.planner-bar{gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2)}.planner-bar--top{padding-top:calc(var(--space-1) + env(safe-area-inset-top,0px))}.planner-bar--top,.planner-bar--bottom .planner-cost,.planner-bar__actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.planner-bar--top>*,.planner-bar--bottom .planner-cost>*,.planner-bar__actions>*{flex:none}.planner-bar--top>.planner-bar__spacer,.planner-bar--bottom>.planner-bar__spacer{display:none}.planner-bar--bottom .planner-cost,.planner-bar__actions{display:flex;flex:1 0 100%;gap:var(--space-1)}.planner-cost__cell{min-width:64px}.planner-bar__summary{flex:1 1 auto}.planner-bar__actions>.btn--primary{position:sticky;right:0;margin-left:auto}.planner-menu__list{position:fixed;top:calc(var(--menu-top, 0px) + var(--space-1));left:clamp(var(--space-2),var(--menu-left, 0px),calc(100vw - 14rem));min-width:0;max-width:calc(100vw - 2 * var(--space-2))}.overlay__layer:has(>.planner-bar)>.yard-viewtools .yard-minimap{display:none}}.planner-bar__put-back,.planner-bar__store-chip{border-color:var(--colour-accent);border-radius:var(--radius-pill);color:var(--colour-text);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.planner-bar__inventory[disabled] .planner-bar__badge{background:var(--colour-border);color:var(--colour-text-muted)}.planner-inventory__summary:empty{display:none}.planner-inventory__summary,.planner-inventory__empty{margin-block:0 var(--space-2);font-size:var(--text-sm)}.planner-inventory__empty[hidden],.planner-inventory__input[hidden],.planner-inventory .planner-search__chips[hidden]{display:none}.planner-inventory__rows{max-height:52vh}.planner-inventory__section+.planner-inventory__section{border-top:1px solid var(--colour-border)}.planner-inventory__header{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:start;font-size:var(--text-sm);font-weight:600;padding-block:var(--space-1);position:sticky;top:0;z-index:1;background:var(--colour-surface-raised)}.planner-inventory__caret{font-size:var(--text-xs);color:var(--colour-text-muted);inline-size:1ch}.planner-inventory__label{flex:1}.planner-inventory__stack{list-style:none;margin:0;padding:0}.planner-inventory__stack[hidden]{display:none}.planner-inventory__row{border-inline-start:2px solid var(--colour-accent);padding-inline-start:var(--space-2)}.planner-inventory__row+.planner-inventory__row{border-top:1px solid var(--colour-border)}.planner-inventory__pick{align-items:center;gap:var(--space-2)}.planner-inventory__pick[aria-pressed=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.planner-inventory__pick[aria-pressed=true] .planner-search__count,.planner-inventory__pick[aria-pressed=true] .planner-inventory__level{color:var(--colour-accent-text)}.planner-inventory__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-inventory__icon{inline-size:28px;block-size:28px;flex:none;object-fit:contain;object-position:center}.planner-inventory__swatch{border-radius:var(--radius-sm);background:var(--colour-border)}.planner-inventory__swatch[data-kind=wall]{background:var(--colour-text-muted)}.planner-inventory__swatch[data-kind=tower],.planner-inventory__swatch[data-kind=trap]{background:var(--colour-warning)}.planner-inventory__level{flex:none;border-radius:var(--radius-pill);background:var(--colour-border);color:var(--colour-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:0 var(--space-1)}.planner-checklist__fault{padding-block:var(--space-1);font-size:var(--text-sm);color:var(--colour-text-muted)}@media(pointer:coarse){.planner-bar .btn{min-height:44px;min-width:44px}.planner-menu__item{min-width:0;justify-content:flex-start}.planner-bar__group{gap:var(--space-2)}}.planner-tip{display:inline-flex}.planner-tip .btn:disabled{pointer-events:none}.popover{position:fixed;top:0;left:0;z-index:var(--z-popup);max-width:232px;padding:var(--space-2);border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-popup);font-size:var(--text-sm);line-height:var(--leading-normal);pointer-events:none}.popover--demo{width:216px}.popover__demo{display:block;border-radius:var(--radius-sm);background:var(--colour-surface-base);overflow:hidden}.popover__text{margin:var(--space-2) 0 0}.planner-demo{display:block;width:100%;height:auto}.planner-demo__grid line{stroke:var(--colour-border);stroke-width:.5}.planner-demo__block{fill:var(--colour-border-strong)}.planner-demo__block--lead{fill:var(--colour-accent)}.planner-demo__ghost{fill:none;stroke:var(--colour-text-muted);stroke-width:1;stroke-dasharray:3 3}.planner-demo__ring{fill:none;stroke:var(--colour-info);stroke-width:2}.planner-demo__axis{stroke:var(--colour-info);stroke-width:1;stroke-dasharray:4 3}.planner-demo__marquee{fill:color-mix(in srgb,var(--colour-info) 22%,transparent);stroke:var(--colour-info);stroke-width:1;stroke-dasharray:4 3}.planner-demo__cursor{fill:var(--colour-text);stroke:var(--colour-surface-base);stroke-width:1}.planner-demo__ping{fill:none;stroke:var(--colour-accent);stroke-width:2}.planner-demo__lens{fill:none;stroke:var(--colour-text);stroke-width:2;stroke-linecap:round}.planner-demo__tray{fill:none;stroke:var(--colour-text-muted);stroke-width:1.5;stroke-dasharray:none}.planner-demo__anim{animation-duration:2.4s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1)}.planner-demo__move{animation-name:planner-demo-move}.planner-demo__grow{animation-name:planner-demo-grow;transform-box:fill-box;transform-origin:top left}.planner-demo__appear{animation-name:planner-demo-appear}.planner-demo__vanish{animation-name:planner-demo-vanish}.planner-demo__ping{animation-name:planner-demo-ping;transform-box:fill-box;transform-origin:center}.planner-demo__ping--late{animation-delay:1.15s}.planner-demo__flip-x{animation-name:planner-demo-flip-x;transform-box:view-box}.planner-demo__flip-y{animation-name:planner-demo-flip-y;transform-box:view-box}@keyframes planner-demo-move{0%,12%{transform:translate(0)}56%,88%{transform:translate(var(--dx, 0px),var(--dy, 0px))}to{transform:translate(0)}}@keyframes planner-demo-grow{0%,10%{opacity:0;transform:scale(.02)}22%{opacity:1}56%,86%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.02)}}@keyframes planner-demo-vanish{0%,28%{opacity:1}52%,88%{opacity:0}to{opacity:1}}@keyframes planner-demo-appear{0%,34%{opacity:0}46%,88%{opacity:1}to{opacity:0}}@keyframes planner-demo-ping{0%,22%{opacity:0;transform:scale(.3)}32%{opacity:.9;transform:scale(.7)}48%,to{opacity:0;transform:scale(1.6)}}@keyframes planner-demo-flip-x{0%,16%{transform:scaleX(1)}58%,88%{transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes planner-demo-flip-y{0%,16%{transform:scaleY(1)}58%,88%{transform:scaleY(-1)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.planner-demo__anim{animation:none}.planner-demo__move{transform:translate(var(--dx, 0px),var(--dy, 0px))}.planner-demo__grow{opacity:1;transform:none}.planner-demo__appear{opacity:1}.planner-demo__vanish,.planner-demo__ping{opacity:0}.planner-demo__flip-x{transform:scaleX(-1)}.planner-demo__flip-y{transform:scaleY(-1)}}.planner-help-dock{position:absolute;inset:var(--planner-top, calc(var(--hud-height) + 56px)) 0 var(--planner-bottom, 64px);display:grid;place-items:center;padding:var(--space-3);z-index:var(--z-popup);pointer-events:none}.planner-help-dock>*{pointer-events:auto}.planner-help{width:min(94vw,460px);max-height:100%}.planner-help__intro{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted)}.planner-help__tabs{display:flex;gap:var(--space-1)}.planner-help__tab[aria-selected=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.planner-help__rows{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.planner-help__row{display:flex;align-items:center;gap:var(--space-3)}.planner-help__row+.planner-help__row{padding-top:var(--space-2);border-top:1px solid var(--colour-border)}.planner-help__row--plain{padding-inline-start:calc(92px + var(--space-3))}.planner-help__demo{flex:none;width:92px;border-radius:var(--radius-sm);background:var(--colour-surface-sunken);overflow:hidden}.planner-help__text{margin:0;font-size:var(--text-sm)}.planner-help__footer{position:sticky;bottom:calc(var(--space-4) * -1);display:flex;justify-content:flex-end;margin-bottom:calc(var(--space-4) * -1);padding-block:var(--space-2) var(--space-4);background:var(--colour-surface-raised)}.planner-help [hidden]{display:none}@media(width<=620px){.planner-help__demo{width:80px}}.planner--comparing .planner-bar{pointer-events:none;opacity:.45}.planner--comparing .planner-bar [data-compare=on]{pointer-events:auto}.compare-label{position:absolute;z-index:var(--z-hud);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--colour-surface-overlay);color:var(--colour-text-strong);font-size:var(--text-sm);font-weight:700;pointer-events:none;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-compare{position:absolute;left:50%;bottom:calc(var(--planner-bottom, 56px) + var(--space-3));transform:translate(-50%);width:min(400px,calc(100vw - 2 * var(--space-4)));max-height:55vh;overflow-y:auto;z-index:var(--z-hud)}.planner-compare__table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.planner-compare__table th,.planner-compare__table td{padding:var(--space-1) var(--space-2);text-align:right;border-bottom:1px solid var(--colour-border-subtle)}.planner-compare__table th[scope=row]{text-align:left;font-weight:400;color:var(--colour-text-secondary)}.planner-compare__figure--better{color:var(--colour-success);font-weight:700}.planner-compare__mark{font-size:var(--text-xs)}.planner-compare__diff{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-sm)}.planner-compare__legend{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--text-xs)}.planner-compare__key{display:inline-block;width:12px;height:12px;border-radius:3px;margin-inline-start:var(--space-2)}.planner-compare__key:first-child{margin-inline-start:0}.planner-compare__key--moved{background:#8fd0ff73;border:2px solid #8fd0ff}.planner-compare__key--only{background:#c07bff73;border:3px solid #c07bff}.planner-compare__figures>summary{cursor:pointer;font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.planner-compare__actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-3)}.planner-bar__heading{display:contents}.planner-bar--top[data-layout=portrait]>.planner-bar__group:not(.planner-bar__group--history),.planner-bar--top[data-layout=portrait]>.planner-bar__spacer{display:none}.planner-bar--top[data-layout=portrait]>.planner-bar__heading{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;line-height:1.2}.planner-bar--top[data-layout=portrait]>.planner-bar__heading>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-bar[data-layout] .planner-bar__group--history{border-inline-start:0;padding-inline:0}.planner-bar[data-layout] .planner-bar__exit,.planner-bar[data-layout] .planner-bar__group--history>.btn,.planner-bar[data-layout]>.btn[aria-label=Undo],.planner-bar[data-layout]>.btn[aria-label=Redo]{font-size:var(--text-lg);line-height:1;padding-inline:var(--space-2)}.planner-bar--top[data-layout=landscape]{display:none}.planner-bar--bottom[data-layout]>.planner-cost{display:none}.planner-bar--bottom[data-layout].planner-bar--costs-open>.planner-cost{display:flex;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.planner-bar--bottom[data-layout]>.planner-bar__summary{flex:1 1 12rem;min-width:0}.planner-bar__cost-line{display:inline-flex;flex:0 1 auto;min-width:0;align-items:center;gap:var(--space-2);padding-inline:var(--space-2);overflow:hidden;font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--colour-text)}.planner-bar__cost-part{display:inline-flex;align-items:center;gap:2px}.planner-bar__cost-part .res-icon{height:14px}.planner-bar__cost-part--short{color:var(--colour-danger)}.planner-bar__cost-caret{color:var(--colour-text-muted)}.planner-bar--bottom[data-layout=portrait] .planner-bar__actions>.btn--primary{margin-inline-start:auto}.planner-bar--bottom[data-layout=landscape]{flex-wrap:nowrap;gap:var(--space-2);padding:var(--space-1) var(--space-3) calc(var(--space-1) + env(safe-area-inset-bottom,0px))}.planner-bar--bottom[data-layout=landscape]>.planner-bar__summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-bar--bottom[data-layout=landscape]>.planner-bar__spacer{display:none}.planner-bar--bottom[data-layout=landscape]>.planner-bar__actions{flex:none;flex-wrap:nowrap;gap:var(--space-1);margin:0}.planner-bar--bottom[data-layout=landscape].planner-bar--costs-open{flex-wrap:wrap}.planner-bar--bottom[data-layout=landscape].planner-bar--costs-open>.planner-cost{order:-1}.planner-phone>.yard-viewtools .yard-minimap,.planner-phone>.yard-viewtools .yard-zoom__step,.planner-phone>.yard-viewtools .yard-zoom__slider,.planner-phone>.yard-viewtools .yard-zoom__readout{display:none}.planner-phone>.yard-viewtools .yard-zoom{padding:var(--space-1)}.planner-phone>.yard-viewtools .yard-zoom__fit{min-width:44px;min-height:44px}.planner-phone:has(>.planner-dock>*)>.yard-viewtools,.planner-phone:has(>.planner-more:not([hidden]))>.yard-viewtools{display:none}.planner-phone--portrait>.planner-dock{top:auto;left:var(--space-2);right:var(--space-2);width:auto;max-height:min(55vh,calc(100vh - var(--planner-top, 0px) - var(--planner-bottom, 0px) - 2 * var(--space-2)));justify-content:flex-end}.planner-phone--landscape>.planner-dock,.planner-phone--landscape>.planner-more{left:auto;right:var(--space-2);width:min(380px,46vw);top:calc(var(--planner-top, 0px) + var(--space-2));bottom:calc(var(--planner-bottom, 56px) + var(--space-2));max-height:none;justify-content:flex-start}.planner-phone>.planner-dock>.panel{flex:0 1 auto;min-height:0;min-width:0;max-width:none}.planner-phone>.planner-dock>.panel>.panel__body{max-height:none;min-height:0}.planner-phone>.planner-dock:not(.planner-dock--right)>:not(:last-child){display:none}.planner-sheet--more>.planner-dock,.planner-sheet--inspector>.planner-dock:not(.planner-dock--right),.planner-sheet--dock>.planner-dock--right{display:none}.planner-more{position:absolute;z-index:var(--z-hud);left:var(--space-2);right:var(--space-2);bottom:calc(var(--planner-bottom, 56px) + var(--space-2));max-height:min(60vh,calc(100vh - var(--planner-top, 0px) - var(--planner-bottom, 0px) - 2 * var(--space-2)));min-width:0;max-width:none;pointer-events:auto}.planner-more[hidden],.planner-more__section[hidden]{display:none}.planner-more>.panel__body{display:flex;flex-direction:column;gap:var(--space-3);max-height:none;min-height:0}.planner-more__heading{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--colour-text-muted)}.planner-more__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}.planner-more__list>.planner-menu--inline{grid-column:1 / -1}.planner-more__list .btn{min-height:44px;width:100%;justify-content:flex-start;text-align:start;font-size:var(--text-sm);line-height:1.2;background:var(--colour-surface-control)}.planner-menu--inline{display:block}.planner-menu--inline>:not(.planner-menu__list){display:none}.planner-menu--inline>.planner-menu__list{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);min-width:0;max-width:none;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.planner-phone .planner-menu:not(.planner-menu--inline)>.planner-menu__list{position:fixed;top:calc(var(--menu-top, 0px) + var(--space-1));left:clamp(var(--space-2),var(--menu-left, 0px),calc(100vw - 14rem));min-width:0;max-width:calc(100vw - 2 * var(--space-2))}.planner-phone .planner-menu:not(.planner-menu--inline)>.planner-menu__list--up{top:auto;bottom:calc(var(--menu-bottom, 0px) + var(--space-1))}.planner-inspector__tools{display:flex;flex-wrap:wrap;gap:var(--space-1)}.planner-inspector__arrange{display:contents}.planner-inspector__tools[hidden],.planner-inspector__arrange[hidden],.planner-inspector__select-all[hidden]{display:none}.planner-inspector__arrange>.planner-bar__group{flex-wrap:wrap;gap:var(--space-1);padding:0;border:0}.planner-inspector__arrange .planner-menu{flex-direction:column}.planner-inspector__arrange .planner-menu:has(>.planner-menu__list:not([hidden])){flex-basis:100%}.planner-phone .planner-inspector__arrange .planner-menu>.planner-menu__list{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-1);max-width:none}.planner-phone .planner-inspector__arrange .planner-menu>.planner-menu__list[hidden]{display:none}.planner-inspector__tools .btn{min-height:44px;background:var(--colour-surface-control)}.planner-inventory__strip{display:none;align-items:center;gap:var(--space-2)}.planner-phone .planner-inventory--armed>.panel__titlebar,.planner-phone .planner-inventory--armed>.panel__body>:not(.planner-inventory__strip){display:none}.planner-phone .planner-inventory--armed .planner-inventory__strip{display:flex}.planner-inventory__strip-words{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.planner-inventory__strip-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-inventory__strip-hint{font-size:var(--text-sm)}.planner-inventory__done{flex:none;min-height:44px;background:var(--colour-surface-control)}.building-panel{overflow-y:auto}.building-panel__arrow{color:var(--colour-text-muted)}.building-panel__next{color:var(--colour-success);font-weight:700}.building-panel__next--down{color:var(--colour-text);font-weight:400}.building-panel__icons{display:inline-flex;gap:var(--space-1);vertical-align:middle}.building-panel__label{margin:0 0 var(--space-1);font-size:var(--text-sm);color:var(--colour-text-muted)}.building-panel__list{margin:0;padding-left:var(--space-4);font-size:var(--text-sm);columns:2;column-gap:var(--space-4)}.building-panel__list li{break-inside:avoid}.building-panel__actions{display:flex;flex-direction:column;gap:var(--space-2)}.building-panel__block{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.building-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.building-panel__heading{margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.building-panel__time{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--colour-text-muted);white-space:nowrap}.building-panel__cost{margin:0;font-size:var(--text-sm);line-height:var(--leading-tight)}.building-panel__gate{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--colour-warning)}.building-panel__note{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted)}.building-panel__planner{align-self:stretch}.shiny-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap}.shiny-button .res-icon{height:16px}.shiny-button--armed,.shiny-button--armed:hover:not(:disabled){background:var(--colour-accent);border-color:var(--colour-accent-hover);color:var(--colour-accent-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--colour-accent) 30%,transparent);animation:shiny-armed 3s linear forwards}@keyframes shiny-armed{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--colour-accent) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.shiny-button--armed{animation:none}}.building-job .building-panel__buttons{display:grid;grid-template-columns:1fr 1fr}.building-job .building-panel__buttons>:first-child{grid-column:1 / -1}.building-job__countdown{color:var(--colour-info);font-weight:700}.building-job__bar{height:6px;border-radius:var(--radius-pill);background:var(--colour-surface-overlay);overflow:hidden}.building-job__fill{height:100%;border-radius:inherit;background:var(--colour-info);transition:width var(--motion-normal) var(--easing)}.building-job__bar--paused .building-job__fill{background:var(--colour-text-muted)}.building-cancel__open{width:100%;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);color:var(--colour-danger)}.building-cancel--confirming{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--colour-danger);border-radius:var(--radius-sm)}.building-cancel--confirming .btn{white-space:nowrap}.building-cancel__question,.building-cancel__lost{margin:0;font-size:var(--text-sm)}.building-cancel__lost{color:var(--colour-warning)}.building-panel__status{margin:0;font-size:var(--text-sm)}.building-panel__status--good{color:var(--colour-success)}.building-panel__status--bad{color:var(--colour-danger)}.building-panel__details{border-top:1px solid var(--colour-border);padding-top:var(--space-2)}.building-panel__summary{cursor:pointer;font-size:var(--text-xs);color:var(--colour-text-muted);list-style:none}.building-panel__summary::-webkit-details-marker{display:none}.building-panel__summary:before{content:"▸ "}.building-panel__details[open] .building-panel__summary:before{content:"▾ "}.building-panel__summary:hover,.building-panel__summary:focus-visible{color:var(--colour-text)}.building-panel__details>.cell-facts{margin-top:var(--space-2)}.mushroom-reward .panel__body{display:grid;justify-items:center;gap:var(--space-3);max-width:360px;text-align:center}.mushroom-reward__art{max-width:100%;height:auto}.mushroom-reward__text{margin:0}.map-dock--right:has(>.building-panel--housing){width:min(468px,calc(100vw - 2 * var(--space-4)))}.building-panel--housing{max-height:calc(100vh - var(--hud-height) - var(--space-6))}.building-panel--housing .panel__titlebar{gap:10px;padding:20px 20px 0;border-bottom:0}.building-panel--housing .panel__title{flex:none;font-size:var(--text-xl)}.building-panel--housing .panel__titlebar>.btn--icon{width:44px;height:44px;margin-left:auto;border-radius:var(--radius-md)}.building-panel--housing .panel__body{max-height:none;gap:var(--space-4);padding:var(--space-2) 20px 20px}.building-panel__chip{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--colour-surface-overlay);color:var(--colour-text-secondary);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.building-panel--housing .cell-kind,.building-panel--housing .building-panel__info,.building-panel--housing .building-panel__unlocks,.building-panel__chip[hidden],.building-panel__blurb[hidden],.building-panel__housing[hidden],.building-panel__sheet[hidden],.building-panel__foot[hidden]{display:none}.building-panel__blurb{margin:calc(-1 * var(--space-2)) 0 0;color:var(--colour-text-muted);font-size:14px;line-height:1.45;text-wrap:pretty}.building-panel__foot{display:flex;align-items:center;gap:var(--space-2)}.building-panel__open-monsters{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;border:1px solid var(--colour-border-strong);border-radius:14px;background:transparent;font-size:var(--text-md)}.building-panel__more{position:relative;display:flex}.building-panel__more-button{display:flex;align-items:center;justify-content:center;width:48px;min-height:48px;padding:0;border:1px solid var(--colour-border-strong);border-radius:14px;background:transparent;color:var(--colour-text-secondary)}.building-panel__more-menu{position:absolute;right:0;bottom:calc(100% + var(--space-2));z-index:var(--z-popup);display:flex;flex-direction:column;gap:var(--space-1);min-width:14rem;padding:var(--space-1);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-popup)}.building-panel__more-menu[hidden]{display:none}.building-panel__menu-item{min-height:44px;justify-content:flex-start;text-align:start;color:var(--colour-text)}.building-panel__sheet{display:flex;flex-direction:column;gap:var(--space-2)}.building-panel__back{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-1);padding-inline:var(--space-2)}.building-panel__sheet-title{margin:0;font-size:var(--text-md);font-weight:800}.overlay__layer:has(>.map-dock--right>.building-panel--housing)>.monsters-screen--beside-panel{right:calc(468px + 2 * var(--space-4));width:min(760px,calc(100vw - 468px - 4 * var(--space-4)))}@media(width<=1080px){.overlay__layer:has(>.map-dock--right>.building-panel--housing)>.monsters-screen--beside-panel{right:var(--space-4);width:min(760px,calc(100vw - 2 * var(--space-4)))}}@media(width<=620px){.map-dock--right:has(>.building-panel--housing){width:auto;max-height:calc(100vh - 212px)}.building-panel--housing{max-height:none}.building-panel--housing:before{content:"";align-self:center;width:40px;height:5px;margin-top:var(--space-2);border-radius:3px;background:var(--colour-dome-ring-track)}.building-panel--housing .panel__titlebar{padding:var(--space-2) var(--space-4) 0}.building-panel--housing .panel__title{font-size:20px}.building-panel--housing .panel__body{gap:14px;padding:var(--space-2) var(--space-4) var(--space-4)}.building-panel--housing .building-panel__blurb{display:none}}.attack-strip{position:absolute;left:var(--hud-inset);right:var(--hud-inset);top:calc(var(--hud-height) + var(--hud-inset));display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float);pointer-events:auto;z-index:var(--z-hud);flex-wrap:wrap}.attack-strip__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);white-space:nowrap}.attack-strip__clock{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;font-variant-numeric:tabular-nums;padding:0 var(--space-2);border:1px solid var(--colour-border-strong);border-radius:var(--radius-sm);min-width:4.5ch;text-align:center}.attack-strip__clock--warning{color:var(--colour-warning);border-color:var(--colour-warning)}.attack-strip__clock--grace{font-size:var(--text-sm)}.attack-strip__readout{font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.attack-strip__loot{color:var(--colour-text-muted)}.attack-strip__spacer{flex:1 1 auto}.attack-strip__slot{display:contents}.attack-strip__speed{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.attack-strip__speed-button{border-radius:calc(var(--radius-md) - 3px);padding:var(--space-1) var(--space-3);background:transparent;color:var(--colour-text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.attack-strip__speed-button[aria-pressed=true]{background:var(--colour-surface-selected);border-color:transparent;color:var(--colour-text-strong)}.attack-strip__retreat{border:1.5px solid var(--colour-danger);background:var(--colour-danger-soft);color:var(--colour-danger)}.attack-strip__retreat:not(:disabled):hover{background:color-mix(in srgb,var(--colour-danger) 18%,transparent)}.attack-dock{position:absolute;right:var(--space-4);top:calc(var(--hud-height) + var(--hud-inset) + var(--space-7) + var(--space-4));width:300px;max-height:calc(100vh - var(--hud-height) - var(--hud-inset) - var(--space-7) - var(--space-6));display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.attack-dock>*{pointer-events:auto}.attack-dock__handle{display:none}.attack-dock__body{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto;min-height:0}.attack-dock__body:empty{display:none}.attack-dock__end{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-panel);font-size:var(--text-md)}.attack-dock__end[hidden]{display:none}.attack-status{max-width:min(60vw,520px)}.attack-menu{position:relative;display:none}.attack-menu__button{min-width:40px;padding:var(--space-1) var(--space-2);font-size:var(--text-lg);line-height:1}.attack-menu__list{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:var(--z-popup);display:flex;flex-direction:column;gap:var(--space-1);min-width:10rem;padding:var(--space-1);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-popup)}.attack-menu__list[hidden]{display:none}.attack-menu__item{min-height:44px;justify-content:flex-start;text-align:start;color:var(--colour-text)}.attack-confirm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto}@media(width<=620px){.hud--attack{display:none}.attack-strip{top:0;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-width:0 0 1px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.attack-strip__title,.attack-strip__loot,.attack-status{display:none}.attack-menu{display:flex}.attack-strip__retreat,.attack-menu__button{min-height:40px}.attack-strip__retreat{padding-inline:var(--space-3)}.attack-strip__speed-button{padding-inline:var(--space-2)}.attack-dock--sheet{inset:auto 0 0;width:auto;max-height:55vh;gap:0;background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border-top:1px solid var(--colour-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-panel);z-index:var(--z-hud)}.attack-dock--sheet .attack-dock__handle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:0;background:transparent;color:var(--colour-text);font:inherit;font-weight:700}.attack-dock--sheet .attack-dock__handle:before{content:"▲";font-size:var(--text-xs);color:var(--colour-text-muted)}.attack-dock--sheet.attack-dock--open .attack-dock__handle:before{content:"▼"}.attack-dock--sheet .attack-dock__body,.attack-dock--sheet .attack-dock__end{display:none;padding:0 var(--space-3) var(--space-3);border:0;box-shadow:none}.attack-dock--sheet.attack-dock--open .attack-dock__body{display:flex}.attack-dock--sheet.attack-dock--open .attack-dock__end:not([hidden]){display:flex}.attack-dock--sheet .panel{box-shadow:none}.overlay__layer:has(>.attack-dock--sheet.attack-dock--open)>.attack-viewtools .yard-minimap{display:none}}@media(pointer:coarse){.attack-strip__retreat,.attack-strip__speed-button{min-height:44px}}.attack-army{max-width:none}.attack-army .panel__body{gap:var(--space-2)}.attack-army__meter{position:relative;flex:none;height:22px;border:1px solid var(--colour-border);border-radius:var(--radius-pill);background:var(--colour-surface-sunken);overflow:hidden}.attack-army__meter-fill{position:absolute;inset:0 auto 0 0;width:0;background:color-mix(in srgb,var(--colour-accent) 40%,transparent);transition:width var(--motion-fast) var(--easing)}.attack-army__meter--full .attack-army__meter-fill{background:color-mix(in srgb,var(--colour-success) 45%,transparent)}.attack-army__meter-text{position:relative;display:block;line-height:20px;text-align:center;font-family:var(--font-display);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600;color:var(--colour-text-strong);text-shadow:0 0 3px var(--colour-surface-base)}.attack-army__actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.attack-army__actions .btn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.attack-army__fill-all{flex:1 1 auto}.attack-army__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.attack-army__row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon controls" "icon note";column-gap:var(--space-2);row-gap:var(--space-1);align-items:center;padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.attack-army__row--clamped,.attack-army__row--exhausted,.attack-army__champion--unavailable{color:var(--colour-text-muted)}.attack-army__row--exhausted .attack-army__icon,.attack-army__champion--unavailable .attack-army__icon{opacity:.4}.attack-army__icon{grid-area:icon;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--colour-surface-raised);overflow:hidden;flex:none}.attack-army__icon img{width:100%;height:100%;object-fit:contain}.attack-army__icon--missing{font-family:var(--font-display);font-size:var(--text-lg);color:var(--colour-text-muted)}.attack-army__label{grid-area:label;display:flex;align-items:baseline;gap:var(--space-2);min-width:0;font-size:var(--text-sm)}.attack-army__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attack-army__level{font-size:var(--text-xs);padding:0 var(--space-1);border:1px solid var(--colour-border);border-radius:var(--radius-sm);color:var(--colour-text-muted)}.attack-army__housed{margin-left:auto;font-size:var(--text-xs);white-space:nowrap}.attack-army__controls{grid-area:controls}.attack-army__count{flex-basis:4ch;width:4ch}.attack-army__row--clamped .attack-army__count{color:var(--colour-text-muted);border-style:dashed}.attack-army__note{grid-area:note;font-size:var(--text-xs);color:var(--colour-warning)}.attack-army__note:empty{display:none}.attack-army__champions{margin:0;padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1)}.attack-army__champions[hidden]{display:none}.attack-army__legend{padding:0 var(--space-1);font-size:var(--text-sm);font-weight:700;color:var(--colour-text-muted)}.attack-army__champion{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"pick icon label" "pick icon note" "pick icon mode";align-items:center;column-gap:var(--space-2);row-gap:0;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer}.attack-army__champion:hover{background:var(--colour-surface-overlay)}.attack-army__champion--picked{background:var(--colour-accent-soft)}.attack-army__champion--unavailable{cursor:not-allowed}.attack-army__champion .attack-army__note{color:var(--colour-text-muted)}.attack-army__champion:has(.attack-army__champion-retreat:not([hidden])){grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"pick icon label label" "pick icon note retreat" "pick icon mode mode"}.attack-army__champion-retreat{grid-area:retreat;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.attack-army__champion-retreat[hidden],.attack-army__load-last[hidden]{display:none}.attack-army__mode{grid-area:mode;display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-sm);color:var(--colour-text-secondary);cursor:default}.attack-army__mode-select{min-height:var(--control-height-compact);padding:0 var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-control);color:var(--colour-text);font:inherit;font-weight:600;cursor:pointer}.attack-army__mode-select:disabled{color:var(--colour-text-muted);cursor:not-allowed}.attack-army__champion--fighting .attack-army__note{color:var(--colour-text)}.attack-army__champion-pick{grid-area:pick;accent-color:var(--colour-accent);width:18px;height:18px;margin:0;flex:none}.attack-army__hint{margin:0;font-size:var(--text-xs)}@media(width<=620px){.attack-army__row{grid-template-areas:"icon label" "icon controls" "icon note"}.attack-army__actions .btn{flex:1 1 auto;min-height:44px}}@media(pointer:coarse){.attack-army__step,.attack-army__fill,.attack-army__count,.attack-army__champion{min-height:44px}}.attack-end__backdrop{pointer-events:auto}.attack-end{width:min(92vw,440px)}@media(width<=620px){.attack-end__backdrop{padding:0;place-items:stretch}.attack-end{width:100%;max-width:none;min-width:0;height:100%;border:0;border-radius:0}.attack-end .panel__body{display:flex;flex-direction:column;flex:1 1 auto;max-height:none}.attack-end__actions{margin-top:auto}.attack-end__actions .btn{flex:1 1 auto;min-height:44px}}.attack-end__outcome{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:700}.attack-end--win .attack-end__outcome{color:var(--colour-success, var(--colour-text))}.attack-end--lose .attack-end__outcome{color:var(--colour-warning, var(--colour-text))}.attack-end__reason{margin:0 0 var(--space-3)}.attack-end__reason:empty{display:none}.attack-end__stats{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);margin:0 0 var(--space-3)}.attack-end__stats dt{color:var(--colour-text-muted)}.attack-end__stats dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.attack-end__loot{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none}.attack-end__loot-item{padding:var(--space-1) var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums}.attack-end__loot-item--none{color:var(--colour-text-muted)}.attack-end__storage{margin:calc(-1 * var(--space-1)) 0 var(--space-3)}.attack-end__status{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--colour-border)}.attack-end__status--saving,.attack-end__status--unsent,.attack-end__status--pending{color:var(--colour-text-muted)}.attack-end__status--saved{border-color:var(--colour-success, var(--colour-border))}.attack-end__status--failed{border-color:var(--colour-danger, var(--colour-border));color:var(--colour-danger, var(--colour-text))}.attack-end__protection{margin:0 0 var(--space-2)}.attack-end__leave-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2)}.attack-end__leave-confirm[hidden]{display:none}.attack-end__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.attack-end__actions [hidden]{display:none}@media(pointer:coarse){.attack-end__actions .btn,.attack-end__leave-confirm .btn{min-height:44px}}.attack-tools{display:flex;gap:var(--space-2)}.attack-tools__button{flex:1 1 0;min-height:var(--control-height-compact);border-color:var(--colour-border);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float)}.attack-tools__button:hover:not(:disabled){background:color-mix(in srgb,var(--colour-surface-raised),var(--colour-text) 12%)}.attack-tools__button:disabled{background:var(--colour-surface-raised)}.attack-tools__button[aria-expanded=true]{background:color-mix(in srgb,var(--colour-surface-raised),var(--colour-text) 12%);border-color:var(--colour-border-strong)}.attack-tools__button--armed{border-color:var(--colour-accent);color:var(--colour-accent)}.attack-picker .panel__body{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.attack-picker__lead,.attack-picker__note{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted)}.attack-picker__note:empty{display:none}.attack-picker__group{display:flex;flex-direction:column;gap:var(--space-2)}.attack-picker__group[hidden]{display:none}.attack-picker__legend{margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--colour-text-muted)}.attack-picker__tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken);color:var(--colour-text);font:inherit;text-align:left;cursor:pointer}.attack-picker__tile:hover:not(:disabled){border-color:var(--colour-border-strong)}.attack-picker__tile:disabled{opacity:.55;cursor:not-allowed}.attack-picker__tile[hidden]{display:none}.attack-picker__tile--armed,.attack-picker__tile[aria-pressed=true]{border-color:var(--colour-accent);box-shadow:inset 0 0 0 1px var(--colour-accent)}.attack-picker__name{font-weight:700}.attack-picker__effect{font-size:var(--text-sm);color:var(--colour-text-muted)}.attack-picker__cost{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.attack-picker__tile-note{font-size:var(--text-xs);color:var(--colour-warning)}.attack-picker__tile-note:empty{display:none}.attack-picker__badge{display:inline-block;padding:0 var(--space-1);border:1px solid var(--colour-border-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--colour-text-muted);vertical-align:middle}@media(width<=620px){.attack-tools__button{min-height:44px}}.attack-dock--picker .attack-army{display:none}.attack-catapult .panel__body{gap:var(--space-2)}.attack-catapult__row{display:flex;flex-direction:column;gap:var(--space-1);padding:6px var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md)}.attack-catapult__row--armed{border-color:var(--colour-accent);box-shadow:inset 0 0 0 1px var(--colour-accent)}.attack-catapult__row--locked{opacity:.6}.attack-catapult__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.attack-catapult__resource{display:inline-flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--text-sm);font-weight:700}.attack-catapult__resource .res-icon{height:18px}.attack-catapult__have{font-variant-numeric:tabular-nums}.attack-catapult__tiers{display:flex;gap:2px;padding:3px;border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.attack-catapult__tier{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:var(--control-height-compact);padding:2px var(--space-1);border-radius:calc(var(--radius-md) - 3px);line-height:1.15}.attack-catapult__tier[aria-pressed=true]{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-accent-text)}.attack-catapult__tier[aria-pressed=true]:hover:not(:disabled){background:var(--colour-accent-hover);color:var(--colour-accent-text)}.attack-catapult__tier[aria-pressed=true]:disabled{background:transparent;color:var(--colour-accent)}.attack-catapult__tier-name{font-size:var(--text-sm);font-weight:700}.attack-catapult__tier-cost{font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;opacity:.85}.attack-catapult__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.attack-catapult__detail{font-size:var(--text-xs);color:var(--colour-text-muted)}.attack-catapult__arm{flex:0 0 auto;min-width:72px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.attack-catapult__arm--armed{background:var(--colour-surface-raised);border-color:var(--colour-accent);color:var(--colour-accent)}.attack-catapult__detail--blocked{color:var(--colour-warning)}@media(width<=620px){.attack-catapult__tier,.attack-catapult__arm{min-height:44px}.attack-catapult__row{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-2)}.attack-catapult__head{grid-column:1 / -1}.attack-catapult__tiers{grid-column:1;grid-row:2}.attack-catapult__foot{display:contents}.attack-catapult__arm{grid-column:2;grid-row:2}.attack-catapult__detail{grid-column:1 / -1;grid-row:3}}.attack-siege .attack-picker__tile{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px var(--space-2)}.attack-siege .attack-picker__name{grid-column:1;grid-row:1}.attack-siege .attack-picker__cost{grid-column:2;grid-row:1}.attack-siege .attack-picker__effect,.attack-siege .attack-picker__tile-note{grid-column:1 / -1;font-size:var(--text-xs)}.monster-picture{border-radius:var(--radius-sm)}.monsters-screen{position:absolute;top:calc(var(--hud-height) + var(--space-3));right:var(--space-4);bottom:var(--space-4);z-index:var(--z-hud);width:min(760px,calc(100vw - 2 * var(--space-4)));max-width:none;min-width:0}.monsters-screen--beside-panel{right:calc(300px + 2 * var(--space-4));width:min(760px,calc(100vw - 300px - 4 * var(--space-4)))}.monsters-screen[hidden]{display:none}.monsters-screen .panel__titlebar{flex-wrap:wrap;row-gap:var(--space-2);padding:var(--space-2) var(--space-3)}.monsters-screen .panel__title{flex:none;font-size:var(--text-xl)}.monsters-screen__close{margin-left:auto}.monsters-screen .panel__body{flex:1;min-height:0;max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden}.monsters-tabs{overflow-x:auto;scrollbar-width:none}.monsters-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--colour-border-subtle);background:var(--colour-surface-sunken);font-size:var(--text-sm)}.monsters-header__housing{display:flex;align-items:center;gap:var(--space-2);flex:1 1 220px}.monsters-header__label{color:var(--colour-text-muted)}.monsters-header__value,.monsters-header__resource{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.monsters-header__meter{flex:1;min-width:60px;max-width:180px}.monsters-bar{display:block;height:6px;border-radius:var(--radius-pill);background:var(--colour-surface-overlay);overflow:hidden}.monsters-bar__fill{display:block;height:100%;border-radius:inherit;background:var(--colour-info);transition:width var(--motion-normal) var(--easing)}.monsters-header__meter .monsters-bar__fill{background:var(--colour-meter)}.monsters-bar--full .monsters-bar__fill{background:var(--colour-warning)}.monsters-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.monsters-status{margin:0;padding:var(--space-2) var(--space-4) 0;font-size:var(--text-sm)}.monsters-status--good{color:var(--colour-success)}.monsters-status--bad{color:var(--colour-danger)}.monsters-gate{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--colour-warning)}.monsters-empty,.monsters-placeholder{display:flex;flex-direction:column;gap:var(--space-2);max-width:46ch;margin:var(--space-6) auto;padding:0 var(--space-4);text-align:center}.monsters-empty__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);letter-spacing:var(--display-tracking)}.monsters-empty__text,.monsters-empty__gate,.monsters-placeholder__text{margin:0;color:var(--colour-text-muted);text-wrap:pretty}.monsters-empty__gate--short{color:var(--colour-warning);font-weight:700}.locker{flex:1;min-height:0;display:flex;flex-direction:column}.locker__running-slot{padding:var(--space-3) var(--space-4) 0}.locker-running{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.locker-running__head{display:flex;align-items:center;gap:var(--space-2)}.locker-running__picture{width:32px;height:32px;object-fit:contain}.locker-running__title{flex:1;margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:600}.locker-running__countdown{color:var(--colour-info);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.locker-running__overdrive{margin:0;font-size:var(--text-sm);color:var(--colour-success)}.locker-running__buttons>.btn{flex:0 1 auto}.locker-cancel__open{align-self:flex-start;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--colour-danger)}.locker-cancel--confirming{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--colour-danger);border-radius:var(--radius-sm)}.locker-cancel__question,.locker-cancel__lost{margin:0;font-size:var(--text-sm)}.locker-cancel__lost{color:var(--colour-warning)}.locker__split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.25fr);gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}.locker__list{margin:0;padding:0;list-style:none;overflow-y:auto;min-height:0;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.locker__list>li+li{border-top:1px solid var(--colour-border)}.locker-row{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:var(--space-2);align-items:center;width:100%;padding:var(--space-2) var(--space-3);border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.locker-row:hover{background:var(--colour-surface-overlay)}.locker-row[aria-pressed=true]{background:var(--colour-accent-soft);box-shadow:inset 0 0 0 1px var(--colour-accent)}.locker-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--colour-accent)}.locker-row__picture{grid-row:1 / span 2;width:36px;height:36px;object-fit:contain}.locker-row__name{font-weight:700}.locker-row__state{font-size:var(--text-sm);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.locker-row--unlocked .locker-row__state{color:var(--colour-success)}.locker-row--unlocked .locker-row__state:before{content:"✓ "}.locker-row--unlocking .locker-row__state{color:var(--colour-info);font-weight:700}.locker-row--locked .locker-row__picture{filter:grayscale(1);opacity:.55}.locker-row--locked .locker-row__name{color:var(--colour-text-muted)}.locker__detail{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow-y:auto}.locker-detail__head{display:flex;gap:var(--space-3);align-items:flex-start}.locker-detail__portrait{flex:none;width:96px;height:96px;object-fit:cover;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.locker-detail__heading{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.locker-detail__name{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.locker-detail__facts,.locker-detail__stats{margin:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.locker-detail__stats{color:var(--colour-text-muted)}.locker-detail__action{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.locker-detail__action>.btn{align-self:flex-start}.locker-detail__buttons>.btn{flex:0 1 auto}.locker-detail__note{margin:0;font-size:var(--text-sm)}.locker-detail__blurb{margin:0;max-width:65ch;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--colour-text-muted)}.locker-detail__blurb strong{color:var(--colour-text)}@media(width<=1080px){.monsters-screen--beside-panel{right:var(--space-4);width:min(760px,calc(100vw - 2 * var(--space-4)))}}@media(width<=760px){.locker__split{grid-template-columns:1fr;grid-template-rows:minmax(140px,1fr) auto}.locker__detail{overflow:visible}}@media(width<=620px){.monsters-screen,.monsters-screen--beside-panel{inset:auto 0 0;width:auto;height:min(82vh,calc(100vh - var(--hud-height)));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.monsters-screen .monsters-tabs{order:1;flex:1 0 100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.monsters-screen .tabs__tab{padding-inline:var(--space-1)}.monsters-header{padding:var(--space-2) var(--space-3);gap:var(--space-1) var(--space-3)}.locker__running-slot{padding:var(--space-2) var(--space-3) 0}.locker__split{padding:var(--space-2) var(--space-3) var(--space-3);overflow-y:auto;grid-template-rows:minmax(160px,38vh) auto}.locker-detail__portrait{width:72px;height:72px}}@media(width>620px){.monsters-screen[data-tab=hatch]{width:min(1160px,calc(100vw - 2 * var(--space-4)))}.monsters-screen--beside-panel[data-tab=hatch]{width:min(1160px,calc(100vw - 300px - 4 * var(--space-4)))}}@media(620px<width<=1080px){.monsters-screen--beside-panel[data-tab=hatch]{width:min(1160px,calc(100vw - 2 * var(--space-4)))}}.hatch{container:hatch / inline-size;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-3);overflow-y:auto;scrollbar-width:thin}.hatch>.monsters-status{padding:0}@media(width<=620px){.hatch{padding:var(--space-2) var(--space-3) 0}}.hatch__none{margin:0;color:var(--colour-text-muted)}.hatch-lines{display:flex;flex-direction:column;gap:var(--space-3)}.hatch-line{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.hatch-line--hcc{gap:var(--space-1)}.hatch-lines--several{gap:var(--space-2)}.hatch-lines--several .hatch-line{padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--colour-border-subtle);transition:opacity var(--motion-fast) var(--easing)}.hatch-line--target{background:var(--colour-accent-soft)}.hatch-lines--several .hatch-line--target{box-shadow:inset 0 0 0 2px var(--colour-accent)}.hatch-line--dim{opacity:.55;cursor:pointer}.hatch-line--dim:hover,.hatch-line--dim:focus-within{opacity:.8}.hatch-line--dim button{cursor:pointer}.hatch-line__number{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--colour-warning);color:var(--colour-warning-text);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.hatch-line--target .hatch-line__number{background:var(--colour-accent);color:var(--colour-accent-text)}.hatch-line__here{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--colour-accent);color:var(--colour-accent-text);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hatch-line__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3)}.hatch-line__title{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:var(--display-tracking)}.hatch-line__pick{min-height:var(--control-height-compact);padding:0 var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-pill);background:var(--colour-surface-control);color:var(--colour-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.hatch-line__pick:hover{background:var(--colour-surface-control-hover);color:var(--colour-text)}.hatch-line__pick[aria-pressed=true]{border-color:var(--colour-accent-line);background:var(--colour-accent-soft);color:var(--colour-text-strong)}.hatch-line__pick:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hatch-line__waiting{font-size:var(--text-sm);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.hatch-line__after{color:var(--colour-accent)}.hatch-line__slots,.hatch-line__now{display:flex;align-items:stretch;gap:var(--space-2);min-width:0;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.hatch-line__arrow{flex:none;align-self:center;color:var(--colour-text-muted);font-size:var(--text-xl);line-height:1}.hatch-now{position:relative;flex:none;display:flex;flex-direction:column;gap:var(--space-2);width:208px;min-height:120px;padding:var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-sunken);color:var(--colour-text);font:inherit;text-align:left}button.hatch-now{border-color:var(--colour-accent-line);background:var(--colour-accent-soft);cursor:pointer;transition:border-color var(--motion-fast) var(--easing)}button.hatch-now:hover:not(:disabled){border-color:var(--colour-accent)}button.hatch-now:focus-visible{outline:none;box-shadow:var(--focus-ring)}button.hatch-now:disabled{cursor:progress}.hatch-now__label{font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--colour-text-secondary)}.hatch-now__body{display:flex;align-items:center;gap:var(--space-3);min-width:0}.hatch-now__picture{flex:none;width:56px;height:56px;object-fit:contain}.hatch-now__words{display:flex;flex-direction:column;gap:2px;min-width:0}.hatch-now__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.hatch-now__state{font-size:var(--text-sm);color:var(--colour-text-secondary);font-variant-numeric:tabular-nums}.hatch-now--stalled .hatch-now__state,.hatch-now--upgrading .hatch-now__state,.hatch-now--building .hatch-now__state{color:var(--colour-warning);font-weight:700}.hatch-now--damaged .hatch-now__state{color:var(--colour-danger);font-weight:700}.hatch-now--idle .hatch-now__state{margin-block:auto;color:var(--colour-text-muted)}.hatch-now__cancel{position:absolute;top:var(--space-2);right:var(--space-3);color:var(--colour-text-secondary);font-size:var(--text-lg);line-height:1}.hatch-now__bar{display:block;height:6px;margin-top:auto;border-radius:var(--radius-pill);background:var(--colour-surface-overlay);overflow:hidden}.hatch-now__fill{display:block;height:100%;border-radius:inherit;background:var(--colour-accent);transition:width var(--motion-normal) var(--easing)}.hatch-now--confirm,.hatch-now--confirm.hatch-now--compact{justify-content:center;gap:var(--space-1);width:auto;min-width:208px;padding:var(--space-2) var(--space-3);border-color:var(--colour-danger);background:var(--colour-danger-soft)}.hatch-now__question{font-weight:700;white-space:nowrap}.hatch-now__refund{font-size:var(--text-sm);color:var(--colour-text-secondary)}.hatch-now__buttons{display:flex;gap:var(--space-2)}.hatch-now__buttons>.btn{flex:1;padding-inline:var(--space-2);font-size:var(--text-sm)}.hatch-now--preview{align-items:center;justify-content:center;border:1.5px dashed var(--colour-accent);background:transparent}.hatch-now--preview .hatch-now__picture{opacity:.8}.hatch-now--compact{width:160px;min-height:88px;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.hatch-now--compact .hatch-now__picture{width:44px;height:44px}.hatch-now--compact .hatch-now__name{font-size:var(--text-md)}.hatch-now--more{justify-content:center;border-style:dashed;background:transparent;color:var(--colour-text-muted);font-size:var(--text-sm);text-align:center}.hatch-slot{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:124px;min-height:120px;padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-sunken);color:var(--colour-text);font:inherit;text-align:center}button.hatch-slot{cursor:pointer;transition:background var(--motion-fast) var(--easing)}button.hatch-slot:hover:not(:disabled){background:var(--colour-surface-control-hover)}button.hatch-slot:focus-visible{outline:none;box-shadow:var(--focus-ring)}button.hatch-slot:disabled{cursor:progress}.hatch-slot__count{position:absolute;top:var(--space-2);left:var(--space-2);min-width:28px;padding:1px 7px;border-radius:var(--radius-pill);background:var(--colour-text);color:var(--colour-text-inverse);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.hatch-slot__minus{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--colour-surface-control);color:var(--colour-text-secondary);font-weight:700;line-height:1}.hatch-slot__picture{width:52px;height:52px;margin-top:var(--space-3);object-fit:contain}.hatch-lines--several .hatch-now,.hatch-lines--several .hatch-slot{min-height:100px}.hatch-lines--several .hatch-now{gap:var(--space-1);padding-block:var(--space-2)}.hatch-lines--several .hatch-now__picture,.hatch-lines--several .hatch-slot__picture{width:44px;height:44px}.hatch-lines--several .hatch-slot--locked{gap:var(--space-1)}.hatch-line--hcc .hatch-slot{min-height:100px}.hatch-line--hcc .hatch-slot__picture{width:44px;height:44px}.hatch-slot__name{font-size:var(--text-sm);font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hatch-slot__note{font-size:var(--text-xs);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.hatch-slot--preview,.hatch-slot--topup{border:1.5px dashed var(--colour-accent)}.hatch-slot--preview{background:transparent}.hatch-slot--preview .hatch-slot__count,.hatch-slot__adding{background:var(--colour-accent);color:var(--colour-accent-text)}.hatch-slot--preview .hatch-slot__picture{opacity:.8}.hatch-slot--preview .hatch-slot__note{color:var(--colour-text-secondary);font-weight:700}.hatch-slot__adding{padding:1px 7px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700}.hatch-slot--topup .hatch-slot__note{display:none}.hatch-slot--empty{border-style:dashed;border-color:var(--colour-border-subtle);background:transparent}.hatch-slot--locked{gap:var(--space-2);border-color:var(--colour-border-subtle);background:transparent;color:var(--colour-text-muted)}.hatch-slot__why{font-size:var(--text-xs);line-height:var(--leading-tight)}.hatch-slot__upgrade{padding-inline:var(--space-3);font-size:var(--text-sm)}.hatch-slot__lock,.hatch-pick__lock{position:relative;flex:none;width:14px;height:10px;margin-top:7px;border-radius:2px;background:currentcolor}.hatch-slot__lock:before,.hatch-pick__lock:before{content:"";position:absolute;left:2px;bottom:9px;width:10px;height:8px;border:2px solid currentcolor;border-bottom:0;border-radius:5px 5px 0 0}.hatch-line__totals{flex:1 0 168px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-left:var(--space-3);border-left:1px solid var(--colour-border-subtle)}.hatch-line__done-label{font-size:var(--text-sm);color:var(--colour-text-muted)}.hatch-line__done{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-variant-numeric:tabular-nums}.hatch-line__overdrive{font-size:var(--text-xs);font-weight:700;color:var(--colour-success)}.hatch-line__boost-link{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--control-height);padding:0;border:0;background:transparent;color:var(--colour-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.hatch-line__boost-link:after{content:"›";font-size:var(--text-lg);line-height:1;transition:transform var(--motion-fast) var(--easing)}.hatch-line__boost-link[aria-expanded=true]:after{transform:rotate(90deg)}.hatch-line__boost-link:hover{color:var(--colour-text)}.hatch-line__boost-link:hover .hatch-line__boost-words{text-decoration:underline;text-underline-offset:2px}.hatch-line__boost-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.hatch-line__boost-link .res-icon{height:16px}.hatch-boosts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.hatch-boosts__finish,.hatch-boosts__overdrive{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.hatch-boosts__label{font-size:var(--text-sm);color:var(--colour-text-muted)}.hatch-boosts__running{margin:0;font-size:var(--text-sm);color:var(--colour-success)}.hatch-message{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.hatch-message__icon.res-icon{flex:none;height:24px}.hatch-message__words{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.hatch-message__title{font-size:var(--text-md);font-weight:700;text-wrap:pretty}.hatch-message__title--warning{color:var(--colour-warning)}.hatch-message__detail{font-size:var(--text-sm);color:var(--colour-text-secondary);text-wrap:pretty}.hatch-housing{flex:none;width:260px;display:flex;flex-direction:column;gap:6px}.hatch-housing__top{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}.hatch-housing__label{color:var(--colour-text-secondary)}.hatch-housing__value{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.hatch-housing--over .hatch-housing__value{color:var(--colour-warning)}.hatch-housing__bar{display:flex;gap:2px;height:8px;border-radius:var(--radius-pill);background:var(--colour-surface-overlay);overflow:hidden}.hatch-housing__part{flex:none;height:100%}.hatch-housing__part--housed{background:var(--colour-meter)}.hatch-housing__part--pending{background:var(--colour-info)}.hatch-housing__part--adding{background:var(--colour-accent)}.hatch-housing--over .hatch-housing__part--adding{background:var(--colour-warning)}.hatch-housing__key{display:flex;flex-wrap:wrap;gap:2px var(--space-3);font-size:var(--text-xs);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.hatch-housing__item{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.hatch-housing__item:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--colour-meter)}.hatch-housing__item--pending:before{background:var(--colour-info)}.hatch-housing__item--adding{color:var(--colour-text);font-weight:700}.hatch-housing__item--adding:before{background:var(--colour-accent)}.hatch-housing--over .hatch-housing__item--adding:before{background:var(--colour-warning)}.hatch-housing__over{font-size:var(--text-xs);color:var(--colour-warning);text-wrap:pretty}.hatch__split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.hatch-pick{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.hatch-pick__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.hatch-pick__title{margin:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:600}.hatch-pick__hint{font-size:var(--text-sm);color:var(--colour-text-muted)}.hatch__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.hatch-monster{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:6px 2px var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken);color:var(--colour-text);font:inherit;cursor:pointer;transition:background var(--motion-fast) var(--easing),border-color var(--motion-fast) var(--easing)}.hatch-monster:hover{background:var(--colour-surface-control-hover)}.hatch-monster:active{transform:translateY(1px)}.hatch-monster[aria-pressed=true]{padding:5px 1px 7px;border:2px solid var(--colour-accent);background:var(--colour-accent-soft);color:var(--colour-text-strong)}.hatch-monster:focus-visible{outline:none;box-shadow:var(--focus-ring)}.hatch-monster__picture{width:52px;height:52px;object-fit:contain}.hatch-monster__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);font-weight:700;line-height:var(--leading-tight)}.hatch-monster__note{font-size:var(--text-xs);font-weight:600;color:var(--colour-text-secondary);font-variant-numeric:tabular-nums}.hatch-monster--locked,.hatch-monster--unlocking{border-color:var(--colour-border-subtle);background:transparent;color:var(--colour-text-secondary)}.hatch-monster--locked .hatch-monster__picture,.hatch-monster--unlocking .hatch-monster__picture{filter:grayscale(1) brightness(.65)}.hatch-monster--locked .hatch-monster__note,.hatch-monster--unlocking .hatch-monster__note{color:var(--colour-text-muted)}.hatch-pick__locked{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken);color:var(--colour-text-secondary)}.hatch-pick__lock{margin-top:5px}.hatch-pick__locked-text{flex:1;margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);text-wrap:pretty}.hatch-pick__go{flex:none;font-size:var(--text-sm)}.hatch-info{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-sunken)}.hatch-info__head{display:flex;align-items:center;gap:var(--space-3)}.hatch-info__portrait{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-md);background:radial-gradient(circle at 50% 42%,var(--colour-accent-soft),transparent 72%)}.hatch-info__picture{width:66px;height:66px;border-radius:var(--radius-md);object-fit:cover}.hatch-info__heading{display:flex;flex-direction:column;gap:2px;min-width:0}.hatch-info__level{font-size:var(--text-xs);font-weight:600;color:var(--colour-text-muted)}.hatch-info__name{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.hatch-info__blurb{display:-webkit-box;margin:0;overflow:hidden;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--colour-text-secondary);-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.hatch-info__blurb strong{color:var(--colour-text)}.hatch-info__each,.hatch-info__details{display:none}.hatch-info__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.hatch-info__stat{display:flex;flex-direction:column;gap:1px;padding:5px 10px;border-radius:var(--radius-sm);background:var(--colour-surface-sunken)}.hatch-info__stat dt{font-size:var(--text-xs);color:var(--colour-text-muted)}.hatch-info__stat dd{margin:0;font-size:var(--text-md);font-weight:700;font-variant-numeric:tabular-nums}.hatch-add{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--colour-border-subtle)}.hatch-add__to{margin:0;font-size:var(--text-sm);color:var(--colour-text-secondary)}.hatch-add__to strong{color:var(--colour-text-strong)}.hatch-add__sum{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-1);margin:0;font-size:var(--text-sm);color:var(--colour-text-secondary);font-variant-numeric:tabular-nums}.hatch-add__controls .qty-stepper__step,.hatch-add__count,.hatch-add__fill{min-height:var(--control-height)}.hatch-add__count{font-size:var(--text-lg)}.hatch-add__fill{white-space:nowrap}.hatch-add__fill[aria-pressed=true]:not(:disabled){border-color:var(--colour-accent-line);background:var(--colour-accent-soft);color:var(--colour-text-strong)}.hatch-add__add{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px var(--space-3);min-height:48px}.hatch-add__words{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);text-wrap:balance}.hatch-add__note,.hatch-add__warning{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);font-variant-numeric:tabular-nums}.hatch-add__note{color:var(--colour-text-secondary)}.hatch-add__warning{color:var(--colour-warning);font-weight:700}.hatch-add__unlock{margin-top:var(--space-1);font-size:var(--text-sm)}@container hatch (width >= 880px){.hatch__split{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto 1fr;gap:var(--space-3) var(--space-5)}.hatch-info{grid-column:2;grid-row:1 / span 2}}@container hatch (width >= 1040px){.hatch__grid{grid-template-columns:repeat(9,minmax(0,1fr))}}@container hatch (width < 560px){.hatch-line__slots,.hatch-line__now{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible}.hatch-line__arrow,.hatch-now__label,.hatch-now__name,.hatch-now__cancel,.hatch-slot__note,.hatch-slot__minus,.hatch-slot__why{display:none}.hatch-line--hcc .hatch-now__label{display:block;max-width:100%;overflow:hidden;font-size:var(--text-xs);letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.hatch-line .hatch-slot--empty{min-height:48px}.hatch-now,.hatch-now--compact,.hatch-slot{width:auto;min-height:86px;padding:var(--space-1);border-radius:var(--radius-md);align-items:center;justify-content:center;text-align:center}.hatch-now__body{flex-direction:column;gap:2px}.hatch-now__picture,.hatch-now--compact .hatch-now__picture,.hatch-slot__picture{width:38px;height:38px}.hatch-slot__picture{margin-top:var(--space-3)}.hatch-now__state{font-size:var(--text-xs);font-weight:700}.hatch-now__bar{position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:0}.hatch-now--confirm{grid-column:span 3}.hatch-now--more{font-size:var(--text-xs)}.hatch-slot__count{top:5px;left:5px;min-width:0;padding:0 6px;font-size:var(--text-xs)}.hatch-slot__name{font-size:var(--text-xs)}.hatch-slot__upgrade{min-height:36px;padding-inline:var(--space-1);font-size:var(--text-xs)}.hatch-line__totals{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);padding:0;border:0}.hatch-line__done{font-size:var(--text-md)}.hatch-line__boost-link{margin-left:auto}.hatch-message{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3)}.hatch-message__icon.res-icon{display:none}.hatch-housing{width:auto}.hatch__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.hatch-monster__picture{width:44px;height:44px}.hatch-pick__locked{flex-wrap:wrap}.hatch__split{display:contents}.hatch-info{position:sticky;bottom:0;z-index:1;gap:var(--space-2);margin:0 calc(-1 * var(--space-3));padding:var(--space-3) var(--space-4) var(--space-4);border-width:1px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--colour-surface-base);box-shadow:var(--shadow-float)}.hatch-info__head{padding-right:76px}.hatch-info__portrait{width:48px;height:48px}.hatch-info__picture{width:44px;height:44px}.hatch-info__name{font-size:var(--text-md)}.hatch-info__blurb,.hatch-info__stats{display:none}.hatch-info__each{display:block;margin-top:calc(-1 * var(--space-2));padding-left:calc(48px + var(--space-3));font-size:var(--text-xs);color:var(--colour-text-muted)}.hatch-info__details{display:inline-flex;position:absolute;top:var(--space-3);right:var(--space-2);font-size:var(--text-sm)}.hatch-info--details .hatch-info__blurb{display:block}.hatch-info--details .hatch-info__stats{display:grid}.hatch-add{gap:var(--space-1);margin-top:0;padding-top:0;border-top:0}.hatch-add__to,.hatch-add__sum{font-size:var(--text-xs)}.hatch-add__controls{gap:var(--space-1)}.hatch-add__jump{padding-inline:var(--space-1)}.hatch-add__count{flex:none;width:44px;padding-inline:0}.hatch-add__fill{padding-inline:var(--space-2)}.hatch-add__add{min-height:var(--control-height);padding:var(--space-1) var(--space-2)}.hatch-add__words{font-size:var(--text-md)}}.hatch [hidden]{display:none}.yard-bank-float{position:fixed;z-index:var(--z-popup);padding:0 var(--space-1);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--colour-surface-base) 80%,transparent);color:var(--colour-success);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;transform:translate(-50%,-100%);animation:yard-bank-float 1.4s var(--easing) forwards}.yard-bank-float .res-icon{height:18px}@keyframes yard-bank-float{0%{opacity:0;transform:translate(-50%,-100%)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-100% - 36px))}}@keyframes yard-bank-fade{0%,70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.yard-bank-float{animation-name:yard-bank-fade}}.building-repair .building-panel__heading{color:var(--colour-danger)}.building-repair[aria-label=Repairing] .building-panel__heading{color:var(--colour-success)}.building-repair__time{font-weight:700}.building-repair__fill{background:var(--colour-success)}.building-repair__health{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.damage-banner{font-weight:600}.building-recycle{display:flex;flex-direction:column;gap:var(--space-1)}.building-recycle__open{width:100%;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);color:var(--colour-danger)}.building-recycle__open:disabled{color:var(--colour-text-muted)}.building-recycle--confirming{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--colour-danger);border-radius:var(--radius-sm)}.building-recycle--confirming .btn{white-space:nowrap}.building-recycle__question,.building-recycle__warning{margin:0;font-size:var(--text-sm)}.building-recycle__warning{color:var(--colour-warning)}.takeover-action{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin:var(--space-2) 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--colour-text-secondary)}.takeover-action[hidden],.takeover-action [hidden],.takeover-action__button[hidden]{display:none}.takeover-action__button{white-space:nowrap}.takeover-action--refused{color:var(--colour-text-muted)}.takeover-action__countdown,.takeover-dialog__countdown,.end-takeover__countdown{color:var(--colour-warning);font-variant-numeric:tabular-nums;font-weight:700}.takeover-dialog{width:min(92vw,420px)}.takeover-dialog .panel__body{display:grid;gap:var(--space-3)}.takeover-dialog [hidden]{display:none}.takeover-dialog__lead{margin:0;font-weight:700}.takeover-dialog__cost{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none;font-variant-numeric:tabular-nums}.takeover-dialog__cost li{padding:var(--space-1) var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.takeover-dialog__ground,.takeover-dialog__adjacent,.takeover-dialog__countdown{margin:0}.takeover-dialog__choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.takeover-dialog__option{display:grid;align-content:start;gap:var(--space-1)}.takeover-dialog__note{margin:0;font-size:var(--text-sm)}.takeover-dialog__short{color:var(--colour-danger)}.takeover-dialog__confirm-text{margin:0 0 var(--space-2)}.takeover-dialog__actions,.end-takeover__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.takeover-dialog__status{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);color:var(--colour-text-muted)}.takeover-dialog__status--failed{border-color:var(--colour-danger);color:var(--colour-danger)}@media(width<=420px){.takeover-dialog__choice{grid-template-columns:1fr}}.takeover-first-open .panel__body{display:grid;justify-items:center;gap:var(--space-3);max-width:360px;text-align:center}.takeover-first-open__art{max-width:100%;height:auto}.takeover-first-open__text{margin:0}.end-takeover{display:grid;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--colour-accent-line, var(--colour-border));border-radius:var(--radius-md);background:var(--colour-accent-soft, var(--colour-surface-sunken))}.end-takeover p{margin:0}.end-takeover__lead{font-weight:700}.end-takeover__price{font-variant-numeric:tabular-nums}.end-takeover [hidden]{display:none}@media(pointer:coarse){.takeover-dialog .btn,.end-takeover .btn,.takeover-action__button{min-height:44px}}.mr2-cell__row--wrap{flex-wrap:wrap}.mr2-cell__move{flex:1 1 140px;font-size:var(--text-sm)}.relocate-dialog__warning{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--colour-danger);border-radius:var(--radius-md);background:var(--colour-danger-soft);color:var(--colour-danger);font-size:var(--text-sm);line-height:var(--leading-normal)}.relocate-dialog__lost{display:grid;gap:var(--space-2)}.relocate-dialog__lost-title{margin:0;font-size:var(--text-sm);font-weight:700}.relocate-dialog__lost-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-1) var(--space-2);margin:0;padding:0;list-style:none;max-height:168px;overflow-y:auto}.relocate-dialog__lost-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.relocate-dialog__lost-item img{flex:none;width:28px;height:28px;object-fit:contain;border-radius:var(--radius-sm)}.relocate-dialog__lost-name{flex:1;min-width:0}.relocate-dialog__lost-count{font-weight:700}.transfer-dialog{width:min(92vw,460px)}.transfer-dialog .panel__body{display:grid;gap:var(--space-3)}.transfer-dialog [hidden]{display:none}.transfer-dialog__lead{margin:0;color:var(--colour-text-secondary)}.transfer-dialog__ends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.transfer-dialog__room{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--colour-surface-sunken);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.transfer-dialog__room--full{color:var(--colour-warning)}.transfer-dialog__list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none;max-height:min(46vh,360px);overflow-y:auto}.transfer-dialog__list:empty{display:none}.transfer-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.transfer-row__picture{flex:none;width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm)}.transfer-row__label{flex:1 1 110px;display:flex;flex-direction:column;min-width:0}.transfer-row__name{font-weight:700}.transfer-row__have{font-size:var(--text-xs);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}@media(width<=620px){.transfer-dialog__ends{grid-template-columns:1fr}}.yard-dock__right>.yard-dock__button--mail{right:240px;bottom:30px}.mail-badge,.yard-dock__badge.mail-badge{background:var(--colour-accent);color:var(--colour-accent-text)}.mail-badge--tool{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;box-sizing:border-box;padding:0 6px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums}.mail-badge[hidden]{display:none}.mail-screen{position:absolute;top:calc(var(--hud-height) + var(--space-3));right:var(--space-4);bottom:var(--space-4);z-index:var(--z-hud);width:min(760px,calc(100vw - 2 * var(--space-4)));max-width:none;min-width:0}.mail-screen[hidden]{display:none}.mail-screen .panel__titlebar{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.mail-screen .panel__title{font-size:var(--text-xl)}.mail-screen__close{margin-left:auto}.mail-screen .panel__body{flex:1;min-height:0;max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden}.mail-status{margin:0;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--colour-border-subtle);font-size:var(--text-sm)}.mail-status--bad{color:var(--colour-danger)}.mail-status--info{color:var(--colour-success)}.mail-panes{flex:1;min-height:0;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.mail-list{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--colour-border-subtle)}.mail-list--loading .mail-list__rows{opacity:.6}.mail-list__head{padding:var(--space-3);border-bottom:1px solid var(--colour-border-subtle)}.mail-list__new{width:100%}.mail-list__rows{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.mail-list__empty{padding:var(--space-4);color:var(--colour-text-muted);font-size:var(--text-sm)}.mail-row{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border:0;border-bottom:1px solid var(--colour-border-subtle);background:none;color:var(--colour-text);font:inherit;text-align:left;cursor:pointer;position:relative}.mail-row:hover{background:var(--colour-surface-control-hover)}.mail-row:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.mail-row[aria-current=true]{background:var(--colour-surface-selected)}.mail-row--unread:before{content:"";position:absolute;left:var(--space-2);top:calc(var(--space-3) + 6px);width:8px;height:8px;border-radius:50%;background:var(--colour-accent)}.mail-row__head{display:flex;align-items:baseline;gap:var(--space-2)}.mail-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.mail-row--unread .mail-row__name,.mail-row--unread .mail-row__subject{font-weight:800;color:var(--colour-text-strong)}.mail-row--notice .mail-row__name{color:var(--colour-info)}.mail-row__time{flex:none;color:var(--colour-text-muted);font-size:var(--text-xs)}.mail-row__subject,.mail-row__preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.mail-row__preview{color:var(--colour-text-secondary)}.mail-pane{display:flex;flex-direction:column;min-height:0;min-width:0}.mail-pane__empty{margin:auto;padding:var(--space-5);max-width:360px;color:var(--colour-text-muted);text-align:center}.mail-pane__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--colour-border-subtle)}.mail-pane__back{display:none}.mail-pane__titles{flex:1;min-width:0}.mail-pane__name{margin:0;font-size:var(--text-lg)}.mail-pane__subject{margin:0;color:var(--colour-text-secondary);font-size:var(--text-sm)}.mail-pane__note{margin:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--colour-border-subtle);color:var(--colour-text-muted);font-size:var(--text-sm)}.mail-block{display:flex;align-items:center;gap:var(--space-2)}.mail-block__confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);max-width:320px}.mail-block__confirm[hidden]{display:none}.mail-block:has(>.mail-block__confirm:not([hidden])){flex-basis:100%}.mail-block:has(>.mail-block__confirm:not([hidden])) .mail-block__confirm{justify-content:flex-start;max-width:none}.mail-block__question{font-size:var(--text-sm)}.mail-messages{flex:1;min-height:0;margin:0;padding:var(--space-4);list-style:none;display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.mail-message{max-width:78%;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--colour-surface-sunken);display:flex;flex-direction:column;gap:var(--space-1)}.mail-message--mine{align-self:flex-end;background:var(--colour-accent-soft)}.mail-message--theirs{align-self:flex-start}.mail-message--notice{align-self:stretch;max-width:none;border:1px solid var(--colour-border);background:var(--colour-surface-raised)}.mail-message__label{font-size:var(--text-sm)}.mail-message__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.mail-message__time{align-self:flex-end;color:var(--colour-text-muted);font-size:var(--text-xs)}.mail-message__map{align-self:flex-start}.mail-message--request{min-width:min(100%,320px)}.mail-request{--request-tone: var(--colour-info);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--request-tone) 45%,transparent);border-left-width:4px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--request-tone) 10%,var(--colour-surface-raised))}.mail-request--good{--request-tone: var(--colour-success)}.mail-request--bad{--request-tone: var(--colour-danger)}.mail-request--muted{--request-tone: var(--colour-text-muted)}.mail-request__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.mail-request__title{font-size:var(--text-sm)}.mail-request__state{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--request-tone);color:var(--colour-text-inverse);font-size:var(--text-xs);font-weight:700}.mail-request__detail{margin:0;font-size:var(--text-sm)}.mail-request__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mail-request__action{flex:1 1 110px}.mail-request__refusal{margin:0;color:var(--colour-danger);font-size:var(--text-sm)}.mail-request__refusal[hidden]{display:none}.mail-row__truce{align-self:flex-start;margin-top:2px;padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;color:var(--colour-info);background:color-mix(in srgb,var(--colour-info) 14%,transparent)}.mail-row__truce--good{color:var(--colour-success);background:color-mix(in srgb,var(--colour-success) 14%,transparent)}.mail-row__truce--bad{color:var(--colour-danger);background:color-mix(in srgb,var(--colour-danger) 14%,transparent)}.mail-row__truce--muted{color:var(--colour-text-muted);background:var(--colour-surface-sunken)}.mail-truce__about{margin:0;color:var(--colour-text-secondary);font-size:var(--text-sm)}.mail-truce__cancel{align-self:flex-start}.mail-compose{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);overflow-y:auto}.mail-compose__fixed{margin:0;font-weight:600}.mail-compose__field{display:flex;flex-direction:column;gap:var(--space-1)}.mail-compose__caption{font-size:var(--text-sm);color:var(--colour-text-secondary)}.mail-compose__to,.mail-invite__outpost,.mail-compose__subject,.mail-writer__text{box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-input);color:var(--colour-text);font:inherit}.mail-writer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--colour-border-subtle)}.mail-compose .mail-writer{padding:0;border-top:0}.mail-writer__text{resize:vertical;min-height:72px}.mail-writer__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mail-writer__counter{color:var(--colour-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.mail-writer__refusal{margin:0;color:var(--colour-danger);font-size:var(--text-sm)}.mail-writer__refusal[hidden]{display:none}@media(width<=620px){.mail-screen{inset:auto 0 0;width:auto;height:min(82vh,calc(100vh - var(--hud-height)));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.yard-dock__right>.yard-dock__button--mail{right:192px;bottom:18px}.overlay__layer:has(>.mail-screen:not([hidden]))>.yard-dock{display:none}.mail-panes{grid-template-columns:minmax(0,1fr)}.mail-list{border-right:0}.mail-panes--open .mail-list,.mail-panes:not(.mail-panes--open) .mail-pane{display:none}.mail-pane__back{display:inline-flex}.mail-message{max-width:90%}}.mail-invite__warning{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--colour-danger);border-radius:var(--radius-md);background:var(--colour-danger-soft);color:var(--colour-danger);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer}.mail-invite__confirm{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--colour-danger)}.guide-spotlight{position:absolute;inset:0;pointer-events:none!important}.guide-spotlight__pane{position:fixed;background:#04080c8c;pointer-events:auto;touch-action:none}.guide-spotlight__ring{position:fixed;border:3px solid var(--guide-ring);border-radius:var(--radius-md);box-shadow:0 0 0 3px #00000059,0 0 22px var(--guide-ring);pointer-events:none;animation:guide-ring-pulse 1.4s var(--easing) infinite}@keyframes guide-ring-pulse{50%{box-shadow:0 0 0 3px #00000059,0 0 4px var(--guide-ring)}}.guide-arrow{position:fixed;width:100px;height:47px;transform-origin:50% 50%;pointer-events:none!important;filter:drop-shadow(0 4px 6px rgb(0 0 0 / 45%))}.guide-arrow__hand{display:block;width:100px;height:47px;animation:guide-hand-bounce .9s ease-in-out infinite}@keyframes guide-hand-bounce{50%{transform:translate(10px)}}.guide-bob{--guide-bob-size: 120px;position:fixed;left:112px;bottom:134px;display:flex;align-items:flex-end;gap:var(--space-2);max-width:min(480px,calc(100vw - 136px));pointer-events:none!important}.guide-bob[hidden],.guide-bob__controls[hidden]{display:none}.guide-bob--alt{bottom:auto;top:max(96px,var(--guide-bob-clear-top, 0px))}.guide-bob__portrait{flex:none;width:var(--guide-bob-size);height:var(--guide-bob-size);object-fit:contain;filter:drop-shadow(0 6px 10px rgb(0 0 0 / 40%))}.guide-bob--tip{--guide-bob-size: 48px}.guide-bob--tip .guide-bob__portrait{align-self:center}.guide-bob__speech{position:relative;margin-bottom:calc(var(--guide-bob-size) * .45);padding:var(--space-3) var(--space-4);border:2px solid var(--guide-bubble-line);border-radius:var(--radius-md);background:var(--guide-bubble);color:var(--guide-bubble-text);box-shadow:var(--shadow-bubble-drop);font-family:var(--font-body);font-size:var(--text-md);line-height:1.4;pointer-events:auto}.guide-bob--tip .guide-bob__speech{margin-bottom:0}.guide-bob__speech:before,.guide-bob__speech:after{content:"";position:absolute;bottom:14px;border-style:solid}.guide-bob__speech:before{left:-14px;border-width:9px 14px 9px 0;border-color:transparent var(--guide-bubble-line) transparent transparent}.guide-bob__speech:after{left:-10px;border-width:7px 11px 7px 0;border-color:transparent var(--guide-bubble) transparent transparent}.guide-bob__text{margin:0;font-weight:600;overflow-wrap:anywhere}.guide-bob__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.guide-bob__action{min-height:36px;padding:var(--space-1) var(--space-4)}.guide-bob__action:not(.btn--primary){background:#0f141c14;color:var(--guide-bubble-text)}.guide-bob__skip{margin-right:auto;padding:var(--space-1) 0;border:0;background:none;color:var(--guide-bubble-muted);font:inherit;font-size:var(--text-sm);text-decoration:underline;cursor:pointer}.guide-bob__skip:focus-visible,.guide-bob__action:focus-visible{outline:2px solid var(--guide-bubble-line);outline-offset:2px}.guide-bob__dots{display:inline-flex;gap:5px}.guide-bob__dot{width:7px;height:7px;border-radius:50%;background:#0f141c38}.guide-bob__dot--on{background:var(--guide-bubble-text)}@media(width<=620px){.guide-bob{--guide-bob-size: 80px;left:var(--space-2);right:var(--space-2);bottom:132px;max-width:none}.guide-bob--alt{bottom:auto;top:max(72px,var(--guide-bob-clear-top, 0px))}.guide-bob__speech{flex:1;font-size:var(--text-sm)}}@media(prefers-reduced-motion:reduce){.guide-arrow__hand,.guide-spotlight__ring{animation:none}}.mr1-pin--practice .mr1-avatar,.mr1-tile--practice .mr1-avatar{box-shadow:0 0 0 3px var(--guide-ring),0 0 18px var(--guide-ring);animation:guide-camp-glow 1.6s var(--easing) infinite}.mr1-tile--practice{border-color:var(--guide-ring)}.mr1-pin--practice{z-index:2}@keyframes guide-camp-glow{50%{box-shadow:0 0 0 3px var(--guide-ring),0 0 4px var(--guide-ring)}}.guide-raid__banner{display:inline-block;margin-bottom:2px;color:#a32b1b;font-size:1.05em;letter-spacing:.01em;text-transform:uppercase}.account-menu__help{min-height:44px;justify-content:flex-start;text-align:start;color:var(--colour-text)}@media(prefers-reduced-motion:reduce){.mr1-pin--practice .mr1-avatar,.mr1-tile--practice .mr1-avatar{animation:none}}.ach-screen{position:absolute;top:calc(var(--hud-height) + var(--space-3));right:var(--space-4);bottom:var(--space-4);z-index:var(--z-hud);width:min(460px,calc(100vw - 2 * var(--space-4)));max-width:none;min-width:0}.ach-screen[hidden]{display:none}.ach-screen .panel__titlebar{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.ach-screen .panel__title{font-size:var(--text-xl)}.ach-screen__close{margin-left:auto}.ach-screen .panel__body{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.ach-summary{margin:0;font-weight:700;color:var(--colour-text-strong)}.ach-summary:empty{display:none}.ach-status{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--colour-text-muted)}.ach-status[hidden]{display:none}.ach-groups{display:flex;flex-direction:column;gap:var(--space-4)}.ach-group__title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--colour-text-muted)}.ach-group__rows{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ach-group__empty{font-size:var(--text-sm);color:var(--colour-text-muted)}.ach-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.ach-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.ach-row__name{font-weight:700;color:var(--colour-text-strong)}.ach-row__description{margin:0;font-size:var(--text-sm);color:var(--colour-text-secondary)}.ach-row__progress{display:flex;align-items:center;gap:var(--space-2)}.ach-bar{flex:1;height:8px;border-radius:var(--radius-pill);background:var(--colour-surface-overlay);overflow:hidden}.ach-bar__fill{display:block;height:100%;border-radius:inherit;background:var(--colour-meter)}.ach-row__figures{flex:none;font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums;color:var(--colour-text-muted)}.ach-row__reward,.ach-row__date{flex:none;align-self:center;font-size:var(--text-sm);font-weight:700;white-space:nowrap}.ach-row__reward{color:var(--colour-text-strong)}.ach-row__date{color:var(--colour-text-muted)}.ach-parts{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-1)}.ach-part{padding:0 var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--colour-text-muted)}.ach-part--done{border-color:var(--colour-success);color:var(--colour-success)}.ach-footer{margin:auto 0 0;padding-top:var(--space-2);border-top:1px solid var(--colour-border-subtle);font-size:var(--text-sm);color:var(--colour-text-muted)}.ach-badge{--medal: var(--colour-text-muted);position:relative;flex:none;width:44px;height:44px;border-radius:50%;border:3px solid color-mix(in srgb,var(--medal) 70%,black);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--medal) 45%,white),var(--medal) 70%);box-shadow:0 1px 2px var(--colour-art-shadow)}.ach-badge--bronze{--medal: var(--colour-medal-bronze)}.ach-badge--silver{--medal: var(--colour-medal-silver)}.ach-badge--gold{--medal: var(--colour-medal-gold)}.ach-badge--plain{--medal: var(--colour-accent)}.ach-badge--locked{filter:grayscale(1);opacity:.55}.ach-badge__cup{position:absolute;left:50%;top:9px;width:16px;height:12px;transform:translate(-50%);border-radius:2px 2px 8px 8px;background:color-mix(in srgb,var(--medal) 40%,black)}.ach-badge__cup:after{content:"";position:absolute;left:50%;top:12px;width:12px;height:8px;transform:translate(-50%);background:linear-gradient(color-mix(in srgb,var(--medal) 40%,black),color-mix(in srgb,var(--medal) 40%,black)) center top / 4px 5px no-repeat,linear-gradient(color-mix(in srgb,var(--medal) 40%,black),color-mix(in srgb,var(--medal) 40%,black)) center bottom / 12px 3px no-repeat}@media(width<=620px){.ach-screen{top:var(--hud-height);left:0;right:0;bottom:0;width:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.overlay__layer:has(>.ach-screen:not([hidden]))>.yard-dock{display:none}.ach-row{flex-wrap:wrap}}.ach-line{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:40px;padding:var(--space-1) var(--space-2);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-control);color:var(--colour-text-strong);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.ach-line[hidden]{display:none}.ach-line:hover{background:var(--colour-surface-control-hover)}.ach-line:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ach-line__label{font-weight:600}.ach-line__badges{display:flex;gap:2px;margin-left:auto}.ach-line__badges .ach-badge{zoom:.5}.ach-line__count{font-variant-numeric:tabular-nums;color:var(--colour-text-muted)}.ach-line__badges:empty+.ach-line__count{margin-left:auto}.ach-line__more{flex:none;color:var(--colour-text-muted)}.hud--corner>.hud-status{position:absolute;top:calc(100% + var(--space-2));left:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);max-width:min(100%,560px);pointer-events:none}.hud-status[hidden],.hud-status [hidden]{display:none}.hud-status__badge,.hud-status__xp,.hud-status__boost{pointer-events:auto;padding:3px var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-pill);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float);color:var(--colour-text);font-size:12px;line-height:1.3;white-space:nowrap}.hud-status__badge{border-color:var(--colour-pin-protected)}.hud-status__xp{display:inline-flex;align-items:center;gap:var(--space-2)}.hud-status__track{width:64px;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--colour-surface-sunken)}.hud-status__fill{display:block;height:100%;background:var(--colour-accent)}.hud-status__boosts{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none}.level-up__text{margin:0 0 var(--space-3)}.auto-attack__army{margin:0 0 var(--space-1);font-weight:700}.auto-attack__includes,.auto-attack__siege{margin:0 0 var(--space-2)}.auto-attack__refusal{margin:var(--space-2) 0 var(--space-1);color:var(--colour-warning);font-weight:700}.auto-attack__missing{margin:0 0 var(--space-3);padding-left:var(--space-4);color:var(--colour-text-secondary)}.auto-attack__conquered{color:var(--colour-success, var(--colour-text))}.auto-attack__added{color:var(--colour-accent)}.auto-attack__stalled{margin:0 0 var(--space-3);color:var(--colour-warning)}.auto-attack-action{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--colour-text-muted)}.auto-attack-action--refused{color:var(--colour-warning)}.auto-attack-action__missing{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.housing{flex:1;min-height:0;display:flex;flex-direction:column}.housing__scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4)}.housing-section{display:flex;flex-direction:column;gap:var(--space-2)}.housing-section__title{margin:0;font-size:var(--text-md);font-weight:800}.housing-view{display:flex;flex-direction:column;gap:var(--space-4)}.housing-space{display:flex;flex-direction:column;gap:10px}.housing-space__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.housing-space__figures{display:flex;align-items:baseline;gap:var(--space-2)}.housing-space__used{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.housing-space__total{color:var(--colour-text-secondary);font-size:var(--text-md);font-variant-numeric:tabular-nums}.housing-space__free{padding:3px 9px;border-radius:var(--radius-pill);background:var(--colour-surface-selected);color:var(--colour-text);font-size:var(--text-sm);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.housing-space__free--tight{background:var(--colour-warning);color:var(--colour-warning-text)}.housing-space__bar{display:flex;gap:3px}.housing-space__block{position:relative;flex:1 1 0;min-width:14px;height:14px;padding:0;border:0;border-radius:5px;background:var(--colour-surface-overlay);overflow:hidden;cursor:pointer}.housing-space__block:hover{background:var(--colour-surface-control-hover)}.housing-space__block:focus-visible{outline:2px solid var(--colour-accent);outline-offset:2px}.housing-space__fill{display:block;height:100%;background:var(--colour-meter)}.housing-space--tight .housing-space__fill{background:var(--colour-warning)}.housing-space__block--zero{flex:0 0 14px;background:repeating-linear-gradient(-45deg,var(--colour-surface-overlay) 0 3px,transparent 3px 6px)}.housing-space__block--this{overflow:visible;outline:2px solid var(--colour-accent);outline-offset:1px}.housing-space__block--this .housing-space__fill{border-radius:5px}.housing-space__legend{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--colour-text-muted);font-size:var(--text-xs)}.housing-space__key{display:flex;align-items:center;gap:6px;white-space:nowrap}.housing-space__swatch{width:10px;height:10px;border-radius:3px;outline:2px solid var(--colour-accent)}.housing-space__expansion{margin:0;color:var(--colour-accent);font-size:var(--text-sm)}.housing-waiting{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--colour-warning-line);border-radius:14px;background:var(--colour-warning-soft)}.housing-waiting[hidden]{display:none}.housing-waiting__top{display:flex;align-items:center;gap:var(--space-3)}.housing-waiting__faces{display:flex;flex:none}.housing-waiting__face{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-md);background:var(--colour-shade)}.housing-waiting__face+.housing-waiting__face{margin-left:-10px;background:var(--colour-shade-strong)}.housing-waiting__picture{width:40px;height:40px;object-fit:contain}.housing-waiting__text{display:flex;flex-direction:column;gap:3px}.housing-waiting__title{display:flex;align-items:center;gap:6px;color:var(--colour-warning-bright);font-size:var(--text-md);font-weight:700}.housing-waiting__icon{flex:none;color:var(--colour-warning)}.housing-waiting__line{color:var(--colour-text-secondary);font-size:var(--text-sm);line-height:1.4;text-wrap:pretty}.housing-waiting__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.housing-waiting__buttons--one{grid-template-columns:1fr}.housing-waiting__juice{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:1px solid var(--colour-border-strong);background:var(--colour-shade)}.housing-waiting__expand.shiny-button{justify-content:center;min-height:44px;border:0;background:var(--colour-warning);color:var(--colour-warning-text);font-weight:800;white-space:nowrap}.housing-waiting__expand .shiny-button__price{padding-left:var(--space-2);border-left:1px solid color-mix(in srgb,var(--colour-warning-text) 30%,transparent)}.housing-living{display:flex;flex-direction:column;gap:10px}.housing-living__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.housing-living__title{margin:0;color:var(--colour-text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.housing-living__count{color:var(--colour-text-secondary);font-size:var(--text-sm)}.housing-living__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.housing-living__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;padding:10px 6px;border:1px solid var(--colour-surface-control);border-radius:14px;background:radial-gradient(circle at 50% 30%,var(--colour-tile-glow),var(--colour-tile-ground));color:var(--colour-text);font:inherit;cursor:pointer}.housing-living__tile:hover{border-color:var(--colour-border-strong)}.housing-living__tile:focus-visible,.housing-living__hatch:focus-visible{outline:none;box-shadow:var(--focus-ring)}.housing-living__picture{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 4px var(--colour-art-shadow))}.housing-living__badge{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;min-width:30px;height:22px;box-sizing:border-box;padding:0 6px;border:1px solid var(--colour-border-strong);border-radius:11px;background:var(--colour-badge-ground);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.housing-living__name{max-width:100%;overflow:hidden;font-size:var(--text-sm);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.housing-living__space{color:var(--colour-text-muted);font-size:var(--text-xs);white-space:nowrap}.housing-living__hatch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:118px;border:1.5px dashed var(--colour-border-dashed);border-radius:14px;background:transparent;color:var(--colour-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.housing-living__hatch:hover{border-color:var(--colour-accent-line);color:var(--colour-text)}@media(width<=620px){.housing-view{gap:14px}.housing-space__used{font-size:24px}.housing-space__block{height:12px}.housing-waiting{gap:var(--space-2);padding:var(--space-3)}.housing-waiting__face{width:40px;height:40px}.housing-waiting__picture{width:34px;height:34px}.housing-waiting__title{font-size:14px}.housing-waiting__line{font-size:var(--text-xs)}.housing-living__tile{gap:2px;padding:var(--space-2) var(--space-1)}.housing-living__picture{width:46px;height:46px}.housing-living__badge{min-width:26px;height:20px;font-size:var(--text-xs)}.housing-living__name{font-size:var(--text-xs)}.housing-living__space{font-size:11px}.housing-living__hatch{min-height:96px}}.housing-expansion{align-items:flex-start}.housing-expansion__text{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted)}.housing-expansion__text--on{color:var(--colour-success)}.housing-expansion__clock{font-variant-numeric:tabular-nums}.housing-expansion__buy{min-height:34px}.housing-juice{display:flex;flex-direction:column;gap:var(--space-2)}.housing-juice__note{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted)}.housing-juice__note--bad{color:var(--colour-warning)}.housing-juice__list{margin:0;padding:0;list-style:none;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.housing-juice__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3)}.housing-juice__row+.housing-juice__row{border-top:1px solid var(--colour-border)}.housing-juice__name{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1 1 140px}.housing-juice__picture{width:28px;height:28px;flex:none;object-fit:contain}.housing-juice__words{display:flex;flex-direction:column;min-width:0;font-size:var(--text-sm)}.housing-juice__have{font-size:var(--text-xs);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.housing-juice__controls{flex:0 1 220px}.housing-juice__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.housing-juice__go{margin-left:auto;min-height:36px}.housing-juice__confirm{display:flex;flex-direction:column;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--colour-danger);border-radius:var(--radius-sm);background:var(--colour-surface-sunken)}.housing-juice__question,.housing-juice__lost{margin:0;font-size:var(--text-sm)}.housing-juice__lost{color:var(--colour-warning)}@media(width<=620px){.housing__stalled{margin:var(--space-2) var(--space-3) 0}.housing__scroll{padding:var(--space-2) var(--space-3) var(--space-3);gap:var(--space-3)}.housing-table th,.housing-table td{padding:var(--space-2)}.housing-juice__controls{flex:1 1 100%}.housing-juice__step,.housing-juice__fill,.housing-juice__count,.housing-juice__go{min-height:44px}.housing-table__show{min-width:56px;min-height:44px;font-size:var(--text-sm)}}.train{flex:1;min-height:0;display:flex;flex-direction:column}.train__slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0}.train__slots:empty{display:none}.train-slot{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.train-slot--training{border-color:color-mix(in srgb,var(--colour-info) 45%,var(--colour-border))}.train-slot__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}.train-slot__title{margin:0;font-size:var(--text-md);font-weight:800;white-space:nowrap}.train-slot__level{font-size:var(--text-sm);font-weight:400;color:var(--colour-text-muted)}.train-slot__state{margin-left:auto;font-size:var(--text-sm);color:var(--colour-text-muted)}.train-slot--idle .train-slot__state{color:var(--colour-success);font-weight:700}.train-slot--damaged .train-slot__state{color:var(--colour-danger);font-weight:700}.train-slot__what{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0;font-weight:700}.train-slot__picture{width:24px;height:24px;object-fit:contain}.train-slot__countdown{margin-left:auto;color:var(--colour-info);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.train-slot__buttons>.btn{flex:0 1 auto;min-height:34px}.train-slot__cancel{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--colour-danger)}.train-row__level{font-size:var(--text-sm);font-weight:400;color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.train-row--training .locker-row__state{color:var(--colour-info);font-weight:700}.train-row--max .locker-row__state{color:var(--colour-success)}.train-row--max .locker-row__state:before{content:"✓ "}.train__empty{padding:var(--space-3);font-size:var(--text-sm);color:var(--colour-text-muted)}@media(width<=620px){.train__slots{padding:var(--space-2) var(--space-3) 0;grid-template-columns:1fr}}.lab-row__effect,.lab-row__gate{grid-column:2;font-size:var(--text-sm)}.lab-row__effect{color:var(--colour-text)}.lab-row__gate{font-weight:700;color:var(--colour-warning)}.lab-row.train-row--locked .lab-row__effect{color:var(--colour-text-muted)}.lab__slot{grid-template-columns:minmax(0,1fr)}.shop-screen{position:absolute;top:calc(var(--hud-height) + var(--space-3));right:var(--space-4);bottom:var(--space-4);z-index:var(--z-hud);width:min(720px,calc(100vw - 2 * var(--space-4)));max-width:none;min-width:0}.shop-screen--beside-panel{right:calc(300px + 2 * var(--space-4));width:min(720px,calc(100vw - 300px - 4 * var(--space-4)))}.shop-screen[hidden]{display:none}.shop-screen .panel__titlebar{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.shop-screen .panel__title{font-size:var(--text-xl)}.shop-screen__balance{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.shop-screen .panel__body{flex:1;min-height:0;max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden}.shop-status{margin:0;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--colour-border-subtle);font-size:var(--text-sm)}.shop-status--good{color:var(--colour-success)}.shop-status--bad{color:var(--colour-danger)}.shop-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2) var(--space-4) var(--space-4)}.shop-section__title{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--colour-text-muted)}.shop-section__note{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--colour-text-secondary)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.shop-grid>li{display:flex;min-width:0}.shop-card{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0;padding:var(--space-3);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-raised)}.shop-card__name{margin:0;font-size:var(--text-md);font-weight:700;color:var(--colour-text-strong)}.shop-card__blurb{flex:1;margin:0;font-size:var(--text-sm);color:var(--colour-text-secondary)}.shop-card__meta{margin:0;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--colour-text-muted)}.shop-card[data-state=running] .shop-card__meta{font-weight:700;color:var(--colour-success)}.shop-card[data-state=soldOut],.shop-card--later{background:var(--colour-surface-sunken)}.shop-card--later{border-style:dashed}.shop-card__buy{margin-top:var(--space-2);align-self:stretch}.shop-card__buy[hidden],.shop-card__gate[hidden]{display:none}.shop-card__gate{margin:0;font-size:var(--text-xs);font-weight:700;color:var(--colour-warning)}@media(width<=1080px){.shop-screen--beside-panel{right:var(--space-4);width:min(720px,calc(100vw - 2 * var(--space-4)))}}@media(width<=620px){.shop-screen,.shop-screen--beside-panel{inset:auto 0 0;width:auto;height:min(82vh,calc(100vh - var(--hud-height)));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.shop-list{padding-inline:var(--space-3);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}}.yard-dock__right>.yard-dock__button--bell{right:330px;bottom:30px}.yard-dock__badge.notif-badge{background:var(--colour-accent);color:var(--colour-accent-text)}.notif-screen{position:absolute;top:calc(var(--hud-height) + var(--space-3));right:var(--space-4);z-index:var(--z-hud);width:min(420px,calc(100vw - 2 * var(--space-4)));max-height:calc(100% - var(--hud-height) - var(--space-3) - var(--space-4));max-width:none;min-width:0;display:flex;flex-direction:column}.notif-screen[hidden]{display:none}.notif-screen .panel__titlebar{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.notif-screen .panel__title{margin-right:auto;font-size:var(--text-xl)}.notif-screen .panel__body{flex:1;min-height:0;max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden}.notif-status{margin:0;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--colour-border-subtle);color:var(--colour-danger);font-size:var(--text-sm)}.notif-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-list__empty{padding:var(--space-4);color:var(--colour-text-muted);font-size:var(--text-sm)}.notif-row{position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--colour-border-subtle);color:var(--colour-text-secondary);font-size:var(--text-sm);cursor:pointer}.notif-row:hover{background:var(--colour-surface-control-hover)}.notif-row:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.notif-row--unread:before{content:"";position:absolute;left:var(--space-2);top:calc(var(--space-3) + 6px);width:8px;height:8px;border-radius:50%;background:var(--colour-accent)}.notif-row--unread{color:var(--colour-text-strong);font-weight:600}.notif-row__meta{color:var(--colour-text-muted);font-size:var(--text-xs);font-weight:400}@media(width<=620px){.notif-screen{inset:auto 0 0;width:auto;max-height:min(82vh,calc(100vh - var(--hud-height)));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.yard-dock__right>.yard-dock__button--bell{right:192px;bottom:136px}.overlay__layer:has(>.notif-screen:not([hidden]))>.yard-dock{display:none}}.chat-box{--chat-top: calc(var(--hud-height) + var(--space-2) + 32px + var(--space-3));position:absolute;top:var(--chat-top);left:calc(var(--hud-inset) + var(--space-2));width:min(360px,calc(100% - 2 * var(--space-4)));display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-normal);--chat-text: var(--colour-text-strong);--chat-name: var(--colour-accent);--chat-own: var(--colour-warning-bright);color:var(--chat-text);pointer-events:none}.chat-box:not(.chat-box--open){--chat-text: #ffffff;--chat-name: #7fe4f8;--chat-own: #ffe2a8}.chat-box[hidden]{display:none}.chat-box__tab{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);min-height:28px;padding:2px var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-pill);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);color:var(--colour-text-strong);font:inherit;font-weight:700;cursor:pointer;pointer-events:auto}.chat-box__tab:hover{background:var(--colour-surface-control-hover)}.chat-box__tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chat-box__close-icon{display:none}.chat-box--open .chat-box__close-icon{display:inline}.chat-box__dot{width:8px;height:8px;border-radius:50%;background:var(--colour-warning);flex:none}.chat-box[data-status=online] .chat-box__dot{background:var(--colour-online)}.chat-box__lines{margin:0;padding:0;list-style:none;overflow:hidden}.chat-line{padding:1px var(--space-2);overflow-wrap:anywhere}.chat-box:not(.chat-box--open) .chat-line{text-shadow:0 1px 2px rgb(0 0 0 / .85),0 0 1px rgb(0 0 0 / .9)}.chat-line__name{margin-right:.4em;padding:0;border:0;background:none;color:var(--chat-name);font:inherit;font-weight:700;text-shadow:inherit}.chat-line__name:after{content:":"}button.chat-line__name{cursor:pointer}.chat-line--own{border-left:3px solid var(--chat-own)}.chat-line--own .chat-line__name{color:var(--chat-own)}.chat-line--notice{color:var(--colour-text-secondary);font-style:italic}.chat-box:not(.chat-box--open) .chat-box__lines{border-radius:var(--radius-md);background:linear-gradient(to right,#0a0e146b,#0a0e141f)}.chat-box:not(.chat-box--open) .chat-line:not(:nth-last-child(-n+4)){display:none}.chat-box:not(.chat-box--open) .chat-box__lines:empty,.chat-box:not(.chat-box--open) .chat-box__status,.chat-box:not(.chat-box--open) .chat-box__player,.chat-box:not(.chat-box--open) .chat-box__form{display:none}.chat-box--open{padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-panel);pointer-events:auto}.chat-box--open .chat-box__lines{height:260px;overflow-y:auto;overscroll-behavior:contain}.chat-box--open .chat-line{padding-block:2px}.chat-box--open .chat-line:hover{background:var(--colour-shade)}.chat-box__status{padding:0 var(--space-2);color:var(--colour-text-muted);font-size:var(--text-xs)}.chat-box__status[hidden]{display:none}.chat-box__link{margin-left:var(--space-2);padding:0;border:0;background:none;color:var(--chat-name);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.chat-box__link[hidden]{display:none}.chat-box__player{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.chat-box__player[hidden]{display:none}.chat-box__player-name{flex:1 1 100%;min-width:0;color:var(--chat-name)}.chat-box__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);flex:1}.chat-box__note{flex:1 1 100%;color:var(--colour-text)}.chat-box__action{min-height:32px;padding:var(--space-1) var(--space-3)}.chat-box__player-close{position:absolute;display:inline-flex;top:var(--space-2);right:var(--space-2);padding:4px;border:0;border-radius:var(--radius-sm);background:none;color:var(--colour-text-secondary);cursor:pointer}.chat-box__form{display:flex;gap:var(--space-2)}.chat-box__form[hidden]{display:none}.chat-box__input{flex:1;min-width:0;min-height:var(--control-height-compact);padding:0 var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-input);color:var(--colour-text-strong);font:inherit}.chat-box__input:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(width<=620px){.chat-box{left:var(--space-3);width:calc(100% - 2 * var(--space-3))}.chat-box:not(.chat-box--open){flex-direction:row;align-items:center}.chat-box:not(.chat-box--open) .chat-box__tab-label{font-size:0}.chat-box:not(.chat-box--open) .chat-box__tab-label:after{content:"Chat";font-size:var(--text-sm)}.chat-box:not(.chat-box--open) .chat-box__lines{flex:1;min-width:0}.chat-box:not(.chat-box--open) .chat-line:not(:last-child){display:none}.chat-box:not(.chat-box--open) .chat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-box--open .chat-box__lines{height:auto;min-height:120px;max-height:calc(100dvh - var(--chat-top) - 270px - 140px)}.chat-box--open .chat-line,.chat-box__action{min-height:32px}}.baiter-window{width:min(92vw,1240px);max-width:none;height:min(90vh,800px);min-width:0}.baiter-window .panel__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none;padding:var(--space-3) var(--space-4)}.baiter,.baiter__view{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:var(--space-3)}.baiter__view[hidden]{display:none}.baiter__tabs{display:flex;gap:var(--space-1)}.baiter__tab[aria-selected=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.baiter__note{margin:0;font-size:var(--text-xs);color:var(--colour-text-muted)}.baiter__gate{margin:0;font-size:var(--text-sm);color:var(--colour-warning)}.baiter__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.baiter__size{display:flex;flex-direction:column;flex:1 1 260px;gap:var(--space-1);min-width:0}.baiter__shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.baiter__shortcut{min-height:var(--control-height-compact);font-size:var(--text-sm)}.baiter__select{min-height:var(--control-height-compact);padding:0 var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-control);color:var(--colour-text);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.baiter__select:disabled{color:var(--colour-text-muted);cursor:default}.baiter__select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.baiter__figures{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.baiter__figures strong{color:var(--colour-text)}.baiter__bar{height:10px}.baiter__bar .monsters-bar__fill{background:var(--colour-meter)}.baiter__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));align-content:start;gap:var(--space-2);flex:1 1 auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.baiter__row{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-base)}.baiter__row--locked{background:var(--colour-surface-sunken)}.baiter__row--locked .baiter__picture{opacity:.6}.baiter__name{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm)}.baiter__picture{width:36px;height:36px;flex:none;object-fit:contain}.baiter__label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.baiter__monster{max-width:100%;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.baiter__tag{padding:0 var(--space-1);border:1px solid var(--colour-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--colour-text-muted);white-space:nowrap}.baiter__each{min-width:0;font-size:var(--text-xs);line-height:1.2;color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.baiter__row-level{display:flex;align-items:center;gap:var(--space-2);min-width:0}.baiter__row-level .baiter__level{flex:none}.baiter__controls .qty-stepper__step{min-width:30px;padding:0 var(--space-1)}.baiter__controls .qty-stepper__fill{padding:var(--space-1) var(--space-2)}.baiter__foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--colour-border-subtle)}.baiter__champions{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.baiter-champion{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-base)}.baiter-champion__pick{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-height-compact);font-size:var(--text-sm);font-weight:700}.baiter-champion__krallen{width:18px;height:18px;margin:0;accent-color:var(--colour-accent)}.baiter-champion__details{display:flex;gap:var(--space-2)}.baiter-champion__details[hidden]{display:none}.baiter-champion__field{display:flex;flex-direction:column;gap:2px;min-width:0}.baiter-champion__caption{font-size:var(--text-xs);color:var(--colour-text-muted)}.baiter__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-left:auto}.baiter__actions .baiter__gate{flex:1 1 100%;text-align:right}.baiter__run{min-height:40px;padding-inline:var(--space-5);font-size:var(--text-md)}.baiter__recent{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none;overflow-y:auto}.baiter__recent-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-base)}.baiter__recent-line{flex:1 1 260px;min-width:0;font-size:var(--text-sm)}.test-report__backdrop{pointer-events:auto}.test-report__backdrop--peek{background:transparent;pointer-events:none}.test-report__backdrop--peek>.test-report{display:none}.test-report__peek{position:absolute;left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-pill);background:var(--colour-surface-raised);box-shadow:var(--shadow-popup);pointer-events:auto;transform:translate(-50%)}.test-report__peek[hidden]{display:none}.test-report__peek-text{margin:0;font-size:var(--text-sm);font-weight:700}.test-report__tabs{display:flex;gap:var(--space-1);margin:0 0 var(--space-3)}.test-report__tab[aria-selected=true]{background:var(--colour-accent);color:var(--colour-accent-text)}.test-report__view{flex:1 1 auto;min-height:0;overflow-y:auto}.test-report__view[hidden]{display:none}.test-report__result{margin:0 0 var(--space-3);font-size:var(--text-xl, var(--text-lg));font-weight:700}.test-report__facts{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-4);margin:0 0 var(--space-3);font-size:var(--text-md)}.test-report__facts dt{color:var(--colour-text-muted)}.test-report__facts dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.test-report__hint{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-left:3px solid var(--colour-accent);background:var(--colour-surface-sunken);font-size:var(--text-sm)}.test-report__note,.test-report__empty{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--colour-text-muted)}.test-report__scroll{overflow-x:auto;margin:0 0 var(--space-3)}.test-report__table{width:100%;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.test-report__caption{padding:0 0 var(--space-1);text-align:left;font-size:var(--text-sm);font-weight:700}.test-report__table th,.test-report__table td{padding:var(--space-1) var(--space-2);text-align:right;white-space:nowrap}.test-report__table thead th{color:var(--colour-text-muted);font-weight:400;border-bottom:1px solid var(--colour-border)}.test-report__table th:first-child,.test-report__table--text-last th:last-child,.test-report__table--text-last td:last-child{text-align:left}.test-report__row+.test-report__row{border-top:1px solid var(--colour-border-subtle)}.test-report__row--tap{cursor:pointer}.test-report__row--tap:hover{background:var(--colour-surface-control-hover)}.test-report__row--muted{color:var(--colour-text-muted)}.test-report__show{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:700;text-align:left;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.test-report__show:focus-visible{outline:none;box-shadow:var(--focus-ring)}.test-report__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--colour-border-subtle)}@media(width>620px)and (height<=860px){.baiter-window{height:min(100vh - 2 * var(--space-4),800px)}.baiter__row{gap:var(--space-1)}.baiter__picture{width:28px;height:28px}}@media(width<=620px){.baiter-window__backdrop,.test-report__backdrop{padding:0;place-items:stretch}.baiter-window{width:100%;height:100%;border-radius:0}.baiter-window .panel__body{padding:var(--space-2) var(--space-3)}.baiter,.baiter__view--army{flex:none}.baiter-window .panel__body:has(.baiter){overflow-y:auto}.baiter__list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));flex:none;overflow:visible}.baiter__shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.baiter__champions,.baiter-champion,.baiter__actions{width:100%}.baiter__actions .btn{flex:1 1 0}.baiter__step,.baiter__fill,.baiter__count,.baiter__run,.baiter__shortcut,.baiter__tab,.baiter__select,.test-report__tab,.test-report__actions .btn,.test-report__peek .btn{min-height:44px}}.baiter-dock__row{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.baiter-dock__row+.baiter-dock__row{border-top:1px solid var(--colour-border)}.build-menu{position:absolute;top:calc(var(--hud-height) + var(--space-3));left:50%;z-index:var(--z-hud);display:flex;flex-direction:column;width:min(1200px,calc(100vw - 2 * var(--space-4)));max-width:none;min-width:0;max-height:calc(100% - var(--hud-height) - var(--space-3) - var(--space-4));transform:translate(-50%)}.build-menu[hidden]{display:none}.build-menu .panel__titlebar{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-2) var(--space-5)}.build-menu .panel__title{flex:none;font-size:var(--text-xl)}.build-menu__meta{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin:0;color:var(--colour-text-secondary);font-size:var(--text-sm)}.build-menu__meta-icon{flex:none}.build-menu__close{margin-left:auto}.build-menu .panel__body{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) var(--space-5) var(--space-5);overflow:hidden}.build-menu__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.build-menu__tabs .tabs__tab{min-height:var(--control-height);padding:0 var(--space-2);font-size:var(--text-md);text-align:center}.build-menu__main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:var(--space-5);overflow-y:auto}.build-menu__browse{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.build-menu__pager{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"previous grid next" ". pages .";align-items:center;gap:var(--space-3)}.build-menu__turn{display:flex;align-items:center;justify-content:center;width:var(--control-height);height:calc(2 * var(--control-height));padding:0;border-radius:var(--radius-md)}.build-menu__turn:disabled{opacity:.35}.build-menu__turn--previous{grid-area:previous}.build-menu__turn--next{grid-area:next}.build-menu__grid{grid-area:grid;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.build-menu__cell{display:flex;min-width:0}.build-menu__empty{grid-column:1 / -1;padding:var(--space-7) var(--space-4);color:var(--colour-text-muted);text-align:center}.build-menu__pages{grid-area:pages;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0;color:var(--colour-text-muted);font-size:var(--text-sm)}.build-menu__dots{display:flex;gap:var(--space-2)}.build-menu__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--colour-border-strong)}.build-menu__dot--current{width:20px;background:var(--colour-accent)}.build-menu__page{margin-left:var(--space-1)}.build-menu__legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken);color:var(--colour-text-muted);font-size:var(--text-sm)}.build-menu__key{display:inline-flex;align-items:center;gap:var(--space-2)}.build-menu__hall{display:inline-flex;align-items:center;gap:var(--space-1);margin-left:auto;color:var(--colour-accent)}.build-menu__hall:hover:not(:disabled){color:var(--colour-accent-hover)}.build-tile{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken);color:var(--colour-text);font:inherit;text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--easing),border-color var(--motion-fast) var(--easing)}.build-tile:hover{border-color:var(--colour-border-strong);background:var(--colour-surface-overlay)}.build-tile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.build-tile[aria-pressed=true]{border-color:var(--colour-accent);box-shadow:inset 0 0 0 1px var(--colour-accent);background:var(--colour-accent-soft)}.build-tile__picture,.build-info__picture{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 5;border-radius:calc(var(--radius-md) - 2px);background:var(--colour-surface-overlay)}.build-tile__picture img,.build-info__picture img{display:block;width:100%;height:100%;object-fit:cover}.build-tile__picture--shade img,.build-info__picture--shade img{filter:grayscale(1) brightness(.62) contrast(40) invert(.3) brightness(1.43)}.build-tile--limit .build-tile__picture img,.build-tile--maxed .build-tile__picture img{opacity:.5}.build-tile--locked,.build-tile--limit,.build-tile--maxed{border-color:var(--colour-border-subtle);color:var(--colour-text-secondary)}.build-tile__name{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;line-height:var(--leading-tight);overflow-wrap:anywhere}.build-tile__count{color:var(--colour-text-muted);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.build-tile--ready .build-tile__count{color:var(--colour-text-secondary)}.build-tile__count--needs{color:var(--colour-warning)}.build-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--colour-surface-base);color:var(--colour-text);box-shadow:0 0 0 1px var(--colour-border-strong)}.build-badge--maxed{background:var(--colour-success);color:var(--colour-text-inverse);box-shadow:none}.build-info{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-sunken)}.build-info__empty{margin:auto 0;color:var(--colour-text-muted);text-align:center}.build-info__back{display:none;align-self:flex-start;align-items:center;gap:var(--space-1);padding-left:var(--space-1)}.build-info__picture{align-self:center;width:min(120px,40%)}.build-info__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.build-info__name{margin:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-tight)}.build-info__count{flex:none;color:var(--colour-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.build-info__blurb{margin:0;color:var(--colour-text-secondary);font-size:var(--text-md);line-height:var(--leading-normal);text-wrap:pretty}.build-info__needs{display:flex;flex-direction:column;gap:var(--space-1)}.build-info__label{margin:0;color:var(--colour-text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.build-info__need-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.build-need{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md)}.build-need__mark{flex:none}.build-need--met .build-need__mark{color:var(--colour-success)}.build-need--unmet{color:var(--colour-warning)}.build-info__facts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.build-info__fact{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--colour-surface-control);font-size:var(--text-md);font-weight:700;font-variant-numeric:tabular-nums}.build-info__fact--short{color:var(--colour-danger);box-shadow:inset 0 0 0 1px currentColor}.build-info__fact--ok{color:var(--colour-success);box-shadow:inset 0 0 0 1px currentColor}.build-info__fact-icon{flex:none;color:var(--colour-text-secondary)}.build-info__gate{margin:0;color:var(--colour-warning);font-size:var(--text-sm);font-weight:600}.build-info__actions{display:flex;flex-direction:column;gap:var(--space-1);margin-top:auto;padding-top:var(--space-2)}.build-info__build{min-height:56px;font-family:var(--font-display);font-size:var(--text-lg)}.build-info__instant{align-self:center;font-size:var(--text-sm)}.build-placing{position:absolute;left:50%;bottom:calc(var(--space-4) + var(--space-7) + var(--space-2));transform:translate(-50%);z-index:var(--z-hud);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);width:max-content;max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--colour-border-strong);border-radius:var(--radius-lg);background:var(--colour-surface-raised);box-shadow:var(--shadow-panel);backdrop-filter:var(--blur-panel);pointer-events:auto}.build-placing--blocked{border-color:var(--colour-danger)}.build-placing__what{display:flex;align-items:center;gap:var(--space-3);min-width:0}.build-placing__picture{flex:none;width:36px;height:45px;border-radius:var(--radius-sm);object-fit:cover}.build-placing__words{display:flex;flex-direction:column;gap:2px;min-width:0}.build-placing__price{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.build-placing__time{color:var(--colour-text-muted)}.build-placing__hint,.build-placing__message{margin:0;font-size:var(--text-sm)}.build-placing__hint{color:var(--colour-text-muted)}.build-placing--blocked .build-placing__hint{color:var(--colour-danger)}.build-placing__message:empty{display:none}.build-placing__message[data-tone=bad]{color:var(--colour-danger)}.build-placing__message[data-tone=good]{color:var(--colour-success)}.build-placing__buttons{display:flex;gap:var(--space-2)}.build-placing__buttons[hidden]{display:none}@media(width>620px)and (pointer:fine){.build-placing__here{display:none}}@media(pointer:coarse){.build-placing__cancel,.build-tile{min-height:44px}}@media(width<=1100px){.build-menu__main{grid-template-columns:minmax(0,1fr) minmax(240px,280px);gap:var(--space-4)}.build-menu__legend .build-menu__key{display:none}}@media(width<=620px){.build-menu{inset:auto 0 0;width:auto;height:min(78vh,calc(100vh - var(--hud-height)));max-height:none;transform:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.build-menu .panel__titlebar{flex-wrap:wrap;row-gap:0;padding:var(--space-2) var(--space-2) 0 var(--space-4)}.build-menu__meta{order:3;flex-basis:100%;padding-bottom:var(--space-1)}.build-menu .panel__body{gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3)}.build-menu__tabs .tabs__tab{padding:0 var(--space-1);font-size:var(--text-sm)}.build-menu__main{display:block;overflow-y:auto}.build-menu--picked .build-menu__browse,.build-menu:not(.build-menu--picked) .build-info{display:none}.build-menu__pager{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"grid grid grid" "previous pages next"}.build-menu__turn{height:var(--control-height)}.build-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.build-tile{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"picture name" "picture count";align-content:center;column-gap:var(--space-2);row-gap:2px}.build-tile__picture{grid-area:picture;width:48px}.build-tile__name{grid-area:name;align-self:end;font-size:var(--text-sm)}.build-tile__count{grid-area:count;align-self:start;font-size:var(--text-xs)}.build-badge{top:2px;right:2px;width:18px;height:18px}.build-menu__legend{padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3)}.build-menu__legend .build-menu__key{display:none}.build-info{padding:0;border:0;background:transparent}.build-info__back{display:inline-flex}.build-info__picture{width:96px}.build-placing{left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:var(--space-3);width:auto;max-width:none;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-width:1px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:none}.build-placing__name{font-size:var(--text-lg)}.build-placing__hint{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--colour-surface-sunken);color:var(--colour-success);font-size:var(--text-md);font-weight:700}.build-placing--blocked .build-placing__hint{background:var(--colour-danger-soft)}.build-placing__buttons .btn{flex:1;min-height:52px;font-size:var(--text-md)}.build-placing__buttons .build-placing__here{flex:2}}.bunker{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.bunker__room{display:flex;flex-direction:column;gap:var(--space-1)}.bunker__figures{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.bunker__figures strong{color:var(--colour-text)}.bunker__bar{height:8px}.bunker__bar .monsters-bar__fill{background:var(--colour-meter)}.bunker__status{margin:0;font-size:var(--text-sm)}.bunker__status--good{color:var(--colour-success)}.bunker__status--bad{color:var(--colour-danger)}.bunker__part{display:flex;flex-direction:column;gap:var(--space-2)}.bunker__part--out{padding-top:var(--space-3);border-top:1px solid var(--colour-border)}.bunker__heading{margin:0;font-size:var(--text-md);font-weight:800}.bunker__note{margin:0;font-size:var(--text-xs);color:var(--colour-text-muted)}.bunker__gate{margin:0;font-size:var(--text-sm);color:var(--colour-warning)}.bunker-switch{display:flex;border:1px solid var(--colour-border);border-radius:var(--radius-sm);overflow:hidden}.bunker-switch__option{flex:1;padding:var(--space-2);border:0;background:transparent;color:var(--colour-text-muted);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.bunker-switch__option+.bunker-switch__option{border-left:1px solid var(--colour-border)}.bunker-switch__option--on{background:var(--colour-accent);color:var(--colour-accent-text)}.bunker-switch__option:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--colour-accent-hover)}.bunker__list{margin:0;padding:0;list-style:none;max-height:22rem;overflow-y:auto;border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-base)}.bunker__row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.bunker__row+.bunker__row{border-top:1px solid var(--colour-border)}.bunker__row--locked{opacity:.6}.bunker__name{display:flex;align-items:center;gap:var(--space-2);min-width:0}.bunker__picture{width:28px;height:28px;flex:none;object-fit:contain}.bunker__words{display:flex;flex-direction:column;min-width:0;font-size:var(--text-sm)}.bunker__sub{font-size:var(--text-xs);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.bunker__out-controls{display:flex;flex-wrap:wrap;gap:var(--space-1)}.bunker__out-controls .bunker__controls{flex:1 1 180px}.bunker__take{flex:0 0 auto}.bunker__footer{display:flex;justify-content:flex-end}.bunker__move,.bunker__buy{min-height:36px}.bunker__confirm{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--colour-danger);border-radius:var(--radius-sm)}.bunker__question{margin:0;font-size:var(--text-sm)}@media(width<=620px){.bunker__step,.bunker__fill,.bunker__count,.bunker__take,.bunker__move,.bunker__buy,.bunker-switch__option{min-height:44px}}.champion{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.champion__body{display:flex;flex-direction:column;gap:var(--space-3)}.champion__status{margin:0;font-size:var(--text-sm)}.champion__status--good{color:var(--colour-success)}.champion__status--bad{color:var(--colour-danger)}.champion__heading{margin:0;font-size:var(--text-md);font-weight:800}.champion__note{margin:0;font-size:var(--text-xs);color:var(--colour-text-muted)}.champion__gate{margin:0;font-size:var(--text-sm);color:var(--colour-warning)}.champion__part{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--colour-border)}.champion__tendencies{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin:0;padding:0;list-style:none}.champion__tendency{padding:var(--space-1) var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-base);font-size:var(--text-sm);font-weight:700}.champion__tendency--learning{font-weight:400;color:var(--colour-text-muted)}.champion__line{margin:0;font-size:var(--text-sm);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.champion__line strong{color:var(--colour-text)}.champion__bar{height:8px}.champion__bar .monsters-bar__fill{background:var(--colour-meter)}.champion__bar--health .monsters-bar__fill{background:var(--colour-success)}.champion__header{display:flex;align-items:center;gap:var(--space-3)}.champion__picture{width:88px;height:88px;flex:none;object-fit:contain;border-radius:var(--radius-md);background:var(--colour-surface-base)}.champion__who{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.champion__name-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.champion__name{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);line-height:var(--leading-tight);overflow-wrap:anywhere}.champion__rename{min-height:32px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.champion__level,.champion__stat{margin:0;font-size:var(--text-xs);color:var(--colour-text-muted)}.champion__rename-form{display:flex;flex-direction:column;gap:var(--space-2)}.champion__name-input{min-height:var(--control-height-compact);padding:var(--space-1) var(--space-2);border:1px solid var(--colour-border-strong);border-radius:var(--radius-sm);background:var(--colour-surface-input);color:var(--colour-text);font:inherit}.champion__name-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.champion__hunger{margin:0;padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--colour-surface-base);font-variant-numeric:tabular-nums}.champion__hunger--hungry,.champion__hunger--starving{background:var(--colour-danger-soft);color:var(--colour-danger)}.champion__hunger--hungry strong,.champion__hunger--starving strong{color:var(--colour-danger)}.champion__recipe{margin:0;padding:0;list-style:none;border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-base)}.champion__recipe-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)}.champion__recipe-row+.champion__recipe-row{border-top:1px solid var(--colour-border)}.champion__recipe-picture{width:28px;height:28px;flex:none;object-fit:contain}.champion__recipe-words{display:flex;flex-direction:column;min-width:0;font-size:var(--text-sm)}.champion__recipe-have{font-size:var(--text-xs);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.champion__recipe-row--short .champion__recipe-have{color:var(--colour-warning)}.champion__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.champion__buttons>*{flex:1 1 8rem}.champion__heal{align-self:flex-start}.champion__heal[hidden]{display:none}.champion__juice{align-self:flex-start}.champion__confirm{display:flex;flex-direction:column;gap:var(--space-2)}.champion__question{margin:0;font-size:var(--text-sm)}.champion__cards{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.champion-card{display:grid;grid-template-columns:64px 1fr;align-items:start;gap:var(--space-2) var(--space-3);padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-base)}.champion-card__picture{width:64px;height:64px;object-fit:contain}.champion-card__words{display:flex;flex-direction:column;gap:2px;min-width:0}.champion-card__name{font-size:var(--text-md)}.champion-card__role{font-size:var(--text-xs);font-weight:700;color:var(--colour-text-secondary)}.champion-card__blurb{margin:0;font-size:var(--text-xs);color:var(--colour-text-muted)}.champion-card__raise,.champion-card .champion__gate{grid-column:1 / -1}.chamber__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.chamber__row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-sm);background:var(--colour-surface-base)}.chamber__name{display:flex;align-items:center;gap:var(--space-2);min-width:0}.chamber__picture{width:56px;height:56px;flex:none;object-fit:contain}.chamber__words{display:flex;flex-direction:column;min-width:0;font-size:var(--text-sm)}.chamber__sub{font-size:var(--text-xs);color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.chamber__active{padding-top:0;border-top:0}.champion__stats{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:var(--space-1) 0;padding:0;list-style:none}:root:has(.hud--corner){--hud-inset: var(--space-4);--hud-bar-height: 70px}.hud--corner{inset:var(--hud-inset) var(--hud-inset) auto;align-items:flex-start;justify-content:space-between;gap:var(--space-3);height:auto;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;pointer-events:none}.hud--corner>*{pointer-events:auto}.hud--corner .hud__bar{display:flex;align-items:center;gap:2px;min-width:0;padding:var(--space-2);border:1px solid var(--colour-border);border-radius:18px;background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float)}.hud--corner .hud__resources{gap:2px;min-width:0}.hud--corner .hud__resource-button{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:var(--space-2);row-gap:3px;min-height:36px;padding:var(--space-1) 10px}.hud--corner .hud__resource-button .res-amount{display:contents}.hud--corner .hud__resource-button .res-icon{grid-row:1 / 4;height:26px;margin:0;vertical-align:middle}.hud--corner .hud__resource-value{font-size:var(--text-md);line-height:1.1}.hud--corner .hud__cap-bar{position:static;grid-column:2;width:84px;height:3px;background:var(--colour-surface-overlay)}.hud--corner .hud__rate{grid-column:2}.hud--corner .hud__resource--shiny .res-icon{height:24px}.hud--corner .hud__workers-button{gap:var(--space-2);min-height:36px;padding:var(--space-1) 10px}.hud--corner .hud__workers-icon{height:26px}.hud--corner .hud__workers-button .hud__resource-value{font-size:var(--text-md)}.account-menu__button--pill{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border:1px solid var(--colour-border);border-radius:var(--radius-pill);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float);color:var(--colour-text);font:inherit;cursor:pointer}.account-menu__button--pill:hover{background:color-mix(in srgb,var(--colour-surface-raised),var(--colour-text) 8%)}.account-menu__button--pill:focus-visible{outline:none;box-shadow:var(--focus-ring)}.account-menu__pill-text{display:flex;flex-direction:column;align-items:flex-end;min-width:0;line-height:1.15}.account-menu__pill-level{color:var(--colour-text-secondary);font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.account-menu__pill-level[hidden]{display:none}.account-menu__pill-name{max-width:16ch;overflow:hidden;font-family:var(--font-display);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.account-menu__ring{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border:2px solid var(--colour-accent);border-radius:50%;background:var(--colour-avatar-ground);overflow:hidden;font-family:var(--font-display);font-weight:700}.account-menu__ring-face{width:36px;height:36px;object-fit:contain}.yard-dock{position:absolute;inset:0;pointer-events:none}.yard-dock__left{position:absolute;left:24px;bottom:26px;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.yard-dock__right{position:absolute;right:0;bottom:0;width:0;height:0}.yard-dock__right>*{position:absolute}.yard-dock__right>.yard-dock__button--build,.yard-dock__right>.yard-dock__button--attack{right:28px;bottom:26px}.yard-dock__right>.yard-dock__button--monsters{right:150px;bottom:30px}.yard-dock__right>.yard-dock__button--layout{right:40px;bottom:170px}.yard-dock__right>.yard-collect{right:150px;bottom:214px}.yard-dock__right>.yard-dock__button--kits{right:150px;bottom:170px}.yard-dock__right:not(:has(.yard-dock__button--big))>.yard-dock__button--layout{right:40px;bottom:26px}.yard-dock__button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--colour-text);font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.yard-dock__button[hidden],.yard-collect[hidden]{display:none}.yard-dock__disc{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;box-sizing:border-box;border:3px solid var(--colour-dome-rim);border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--colour-dome-top),var(--colour-dome-bottom));box-shadow:var(--shadow-dome-drop),var(--shadow-dome-edge);transition:transform var(--motion-fast) var(--easing),border-color var(--motion-fast) var(--easing)}.yard-dock__button:hover:not(:disabled) .yard-dock__disc{transform:translateY(-2px);border-color:var(--colour-border-strong)}.yard-dock__button:active:not(:disabled) .yard-dock__disc{transform:scale(.95)}.yard-dock__button:focus-visible{outline:none}.yard-dock__button:focus-visible .yard-dock__disc{box-shadow:var(--focus-ring),var(--shadow-dome-drop)}.yard-dock__button:disabled{cursor:default}.yard-dock__button:disabled .yard-dock__disc{opacity:.55}.yard-dock__label{padding:2px 9px;border-radius:var(--radius-pill);background:var(--colour-dome-label);font-size:var(--text-sm);font-weight:700;line-height:1.35;white-space:nowrap}.yard-dock__picture{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 3px var(--colour-art-shadow))}.yard-dock__button--big .yard-dock__disc{width:92px;height:92px;border-color:var(--colour-accent);background:radial-gradient(circle at 50% 35%,var(--colour-dome-build-top),var(--colour-dome-build-bottom));color:var(--colour-accent)}.yard-dock__button--big:hover:not(:disabled) .yard-dock__disc{border-color:var(--colour-accent-hover)}.yard-dock__button--on .yard-dock__disc{background:var(--colour-accent-soft);box-shadow:0 0 0 6px var(--colour-accent-soft),var(--shadow-dome-drop)}.yard-dock__button[aria-pressed=true] .yard-dock__disc{border-color:var(--colour-accent)}.yard-dock__badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;box-sizing:border-box;padding:0 6px;border:2px solid var(--colour-dome-bottom);border-radius:12px;background:var(--colour-surface-base);color:var(--colour-text);font-size:var(--text-xs);font-weight:800;font-variant-numeric:tabular-nums}.yard-dock__badge[hidden]{display:none}.yard-dock__badge--warning{background:var(--colour-warning);color:var(--colour-warning-text)}.yard-dock__badge--finished{background:var(--colour-accent);color:var(--colour-accent-text)}.yard-collect{--collect-fill: 0%;--collect-colour: var(--colour-accent);display:flex;pointer-events:auto}.yard-collect[data-state=full]{--collect-colour: var(--colour-warning)}.yard-collect__button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--colour-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.yard-collect__ring{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--collect-colour) 0 var(--collect-fill),var(--colour-dome-ring-track) var(--collect-fill) 100%);box-shadow:0 0 0 6px color-mix(in srgb,var(--collect-colour) 18%,transparent),var(--shadow-bubble-drop);transition:width var(--motion-normal) var(--easing),height var(--motion-normal) var(--easing)}.yard-collect__core{position:absolute;inset:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--colour-dome-collect-top),var(--colour-dome-collect-bottom))}.yard-collect__icons{display:flex;align-items:center}.yard-collect__icons[hidden]{display:none}.yard-collect__glyph{display:block;color:var(--colour-text)}.yard-collect__amount{font-family:var(--font-display);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.yard-collect__label{padding:2px 10px;border-radius:var(--radius-pill);background:var(--collect-colour);color:var(--colour-accent-text);font-size:var(--text-sm);font-weight:800;line-height:1.35;white-space:nowrap}.yard-collect[data-state=full] .yard-collect__label{color:var(--colour-warning-text)}.yard-collect__button:hover:not(:disabled) .yard-collect__ring{transform:translateY(-2px)}.yard-collect__button:active:not(:disabled) .yard-collect__ring{transform:scale(.94)}.yard-collect__button:focus-visible{outline:none}.yard-collect__button:focus-visible .yard-collect__ring{box-shadow:var(--focus-ring),var(--shadow-bubble-drop)}.yard-collect__button:disabled{cursor:default}.yard-collect[data-state=empty] .yard-collect__ring{width:56px;height:56px;margin-block:20px;box-shadow:var(--shadow-dome-drop)}.yard-collect[data-state=empty] .yard-collect__core{inset:5px}.yard-collect[data-state=empty] .yard-collect__label{background:var(--colour-dome-label);color:var(--colour-text-muted)}.yard-collect--wobble .yard-collect__ring{animation:yard-collect-wobble .6s var(--easing)}@keyframes yard-collect-wobble{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.06)}50%{transform:rotate(6deg) scale(1.04)}75%{transform:rotate(-3deg) scale(1.02)}}@media(prefers-reduced-motion:reduce){.yard-collect--wobble .yard-collect__ring{animation:none}.yard-collect__ring,.yard-dock__disc{transition:none}}.yard-viewtools--rail{top:50%;right:var(--space-4);bottom:auto;flex-direction:column;align-items:stretch;gap:6px;padding:6px;border:1px solid var(--colour-border);border-radius:16px;background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float);transform:translateY(-50%)}.yard-viewtools--rail .yard-zoom{flex-direction:column-reverse;gap:6px;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.yard-viewtools--rail .yard-zoom__slider,.yard-viewtools--rail .yard-zoom__readout,.yard-viewtools--rail .yard-zoom__fit{display:none}.yard-viewtools--rail .yard-zoom__step,.yard-viewtools__overview{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:var(--radius-md);font-size:22px;font-weight:400}.yard-viewtools__overview{border:0;background:transparent;color:var(--colour-text);cursor:pointer}.yard-viewtools__overview:hover{background:var(--colour-surface-control)}.yard-viewtools__overview:focus-visible{outline:none;box-shadow:var(--focus-ring)}.yard-viewtools__overview[aria-pressed=true]{background:var(--colour-surface-selected);color:var(--colour-accent)}.yard-viewtools--rail .yard-minimap{position:absolute;top:50%;right:calc(100% + var(--space-2));transform:translateY(-50%)}.yard-viewtools--rail:not(.yard-viewtools--overview) .yard-minimap{display:none}.yard-viewtools:not(.yard-viewtools--rail) .yard-viewtools__overview{display:none}.overlay__layer:has(>.map-dock--right>*)>.yard-viewtools--rail{display:none}.overlay__layer:has(>.planner-bar)>.yard-dock{display:none}.overlay__layer:has(>.yard-dock)>.cell-readout{left:calc(24px + 68px + var(--space-4));bottom:26px}.overlay__layer:has(>.planner-bar)>.cell-readout{left:var(--space-4)}@media(width<=620px){:root:has(.hud--corner){--hud-inset: var(--space-2);--hud-bar-height: 110px}.hud--corner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:40px auto;align-items:center;gap:6px var(--space-1);left:var(--space-3);right:var(--space-3)}.hud--corner:before{content:"";grid-area:2 / 1 / 3 / 5;align-self:stretch;border:1px solid var(--colour-border);border-radius:14px;background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-float)}.hud--corner .hud__bar,.hud--corner .hud__resources{display:contents}.hud--corner .account-menu{grid-area:1 / 1 / 2 / 3;justify-self:start;min-width:0}.hud--corner .hud__workers{grid-area:1 / 3;justify-self:end}.hud--corner .hud__resource--shiny{grid-area:1 / 4;justify-self:end}.hud--corner .hud__resource:not(.hud__resource--shiny){position:relative;grid-row:2;justify-content:center;padding-block:6px}.hud--corner .hud__resource--r1{grid-column:1}.hud--corner .hud__resource--r2{grid-column:2}.hud--corner .hud__resource--r3{grid-column:3}.hud--corner .hud__resource--r4{grid-column:4}.hud--corner .hud__workers-button,.hud--corner .hud__resource--shiny .hud__resource-button{height:36px;min-height:36px;padding:0 10px;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.hud--corner .hud__workers-button{gap:6px}.hud--corner .hud__workers-icon{height:22px}.hud--corner .hud__resource-value,.hud--corner .hud__workers-button .hud__resource-value{font-size:14px}.hud--corner .hud__resource:not(.hud__resource--shiny) .hud__resource-button{grid-template-columns:auto auto;justify-content:center;column-gap:var(--space-1);min-height:0;padding:0 2px}.hud--corner .hud__resource:not(.hud__resource--shiny) .res-icon{grid-row:1;height:20px}.hud--corner .hud__resource:not(.hud__resource--shiny) .hud__resource-value{font-size:var(--text-sm)}.hud--corner .hud__resource:not(.hud__resource--shiny) .hud__cap-bar{grid-column:1 / 3;justify-self:center;width:64px}.hud--corner .hud__resource:not(.hud__resource--shiny) .hud__rate{grid-column:1 / 3;justify-self:center;font-size:11px}.hud--corner .hud__resource--shiny .hud__resource-button{column-gap:6px}.hud--corner .hud__resource--shiny .res-icon{height:20px}.account-menu--pill .account-menu__button--pill{flex-direction:row-reverse;gap:var(--space-2);max-width:100%;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.account-menu--pill .account-menu__pill-text{align-items:flex-start}.account-menu--pill .account-menu__ring{width:40px;height:40px}.account-menu--pill .account-menu__ring-face{width:32px;height:32px}.account-menu--pill .account-menu__list{right:auto;left:0}.yard-dock__left{left:var(--space-4);bottom:18px}.yard-dock__disc{width:60px;height:60px}.yard-dock__disc>svg{width:25px;height:25px}.yard-dock__picture{width:40px;height:40px}.yard-dock__button--big .yard-dock__disc{width:80px;height:80px}.yard-dock__button--big .yard-dock__disc>svg{width:34px;height:34px}.yard-dock__right>.yard-dock__button--build,.yard-dock__right>.yard-dock__button--attack{right:var(--space-4);bottom:var(--space-4)}.yard-dock__right>.yard-dock__button--monsters{right:116px;bottom:18px}.yard-dock__right>.yard-dock__button--layout{right:26px;bottom:136px}.yard-dock__right:not(:has(.yard-dock__button--big))>.yard-dock__button--layout{right:26px;bottom:18px}.yard-dock__right>.yard-dock__button--kits{right:116px;bottom:136px}.yard-dock__right>.yard-collect{right:112px;bottom:150px;transform:scale(.84);transform-origin:bottom right}.yard-viewtools--rail{display:none}.overlay__layer:has(>.yard-dock)>.cell-readout{display:none}.overlay__layer:has(>.map-dock--right>*)>.yard-dock,.overlay__layer:has(>.monsters-screen:not([hidden]))>.yard-dock,.overlay__layer:has(>.build-menu:not([hidden]))>.yard-dock,.overlay__layer:has(>.build-placing)>.yard-dock{display:none}}.yard-switcher{position:relative;display:flex;flex:none;pointer-events:auto}.yard-switcher[hidden]{display:none}.yard-switcher__title{max-width:11rem;overflow:hidden;text-overflow:ellipsis}.yard-switcher__list{position:absolute;bottom:calc(100% + var(--space-2));left:0;z-index:var(--z-popup);display:flex;flex-direction:column;gap:var(--space-1);min-width:13rem;max-height:60vh;overflow-y:auto;padding:var(--space-1);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-raised);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);box-shadow:var(--shadow-popup)}.yard-switcher__list[hidden]{display:none}.yard-switcher__heading{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--colour-border-subtle);color:var(--colour-text-muted);font-size:var(--text-xs)}.yard-switcher__item{min-height:44px;justify-content:flex-start;text-align:start;color:var(--colour-text)}.yard-switcher__item[aria-current=true]{color:var(--colour-accent);font-weight:700;cursor:default}.kit-picker{width:min(96vw,980px);max-width:min(96vw,980px);max-height:min(92vh,860px)}.kit-picker .panel__body{display:grid;gap:var(--space-3);overflow-y:auto}.kit-picker [hidden]{display:none}.kit-picker__help{margin:0;color:var(--colour-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.kit-picker__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.kit-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-surface-sunken)}.kit-card--chosen{border-color:var(--colour-accent);box-shadow:0 0 0 1px var(--colour-accent-line)}.kit-card__picture{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md);background:var(--colour-surface-control)}.kit-card__name{margin:0;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--display-tracking)}.kit-card__count{margin:0;color:var(--colour-text-muted);font-size:var(--text-sm)}.kit-card__contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--space-2);max-height:11rem;margin:0;padding:0;overflow-y:auto;list-style:none;color:var(--colour-text-secondary);font-size:var(--text-xs);line-height:var(--leading-tight)}.kit-card__price{margin-top:auto;font-variant-numeric:tabular-nums;font-weight:700}.kit-card__price .res-list{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.kit-card__price .res-list>.res-amount+.res-amount{margin-left:0}.kit-card__buttons{display:grid;gap:var(--space-2)}.kit-card__buttons .btn{justify-content:center;gap:var(--space-1)}.kit-picker__confirm{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--colour-accent-line);border-radius:var(--radius-lg);background:var(--colour-surface-raised)}.kit-picker__confirm-title{margin:0;font-size:var(--text-md)}.kit-picker__line{margin:0;line-height:var(--leading-normal)}.kit-picker__warning{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--colour-warning-soft);color:var(--colour-warning-text);font-weight:700}.kit-picker__blocked{color:var(--colour-danger);font-weight:700}.kit-picker__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.kit-picker__status{min-height:1.2em;margin:0;color:var(--colour-text-secondary);font-size:var(--text-sm)}.kit-picker__status--error{color:var(--colour-danger);font-weight:700}@media(width<=720px){.kit-picker__cards{grid-template-columns:minmax(0,1fr)}.kit-card__picture{aspect-ratio:16 / 9}}.trojan-letter{width:min(92vw,28rem)}.trojan-letter__body{white-space:pre-line}.trojan-letter__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.ach-pop{position:absolute;left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:var(--z-hud);width:min(360px,calc(100% - 2 * var(--space-4)));display:flex;flex-direction:column;align-items:stretch}.ach-pop:empty{pointer-events:none}.ach-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--colour-warning-line);border-radius:var(--radius-lg);background:var(--colour-surface-overlay);box-shadow:var(--shadow-popup);color:var(--colour-text);animation:ach-card-in var(--motion-normal) var(--easing) both}.ach-card__badge{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--colour-warning-line);background:radial-gradient(circle at 35% 30%,var(--colour-warning-bright),var(--colour-warning));color:var(--colour-text-inverse);font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.ach-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ach-card__body>p{margin:0}.ach-card__kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--colour-warning-text)}.ach-card__name{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-tight);color:var(--colour-text-strong)}.ach-card__names{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--colour-text-secondary);overflow-wrap:anywhere}.ach-card__shiny{align-self:flex-start;font-size:var(--text-sm);font-weight:700;color:var(--colour-text-strong)}.ach-card__actions{flex:none;display:flex;align-items:center;gap:var(--space-1)}@media(max-width:600px){.ach-pop{bottom:calc(132px + env(safe-area-inset-bottom,0px))}}@keyframes ach-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ach-card{animation:none}}.goals-panel{position:absolute;top:calc(var(--hud-height) + var(--space-3));left:var(--space-4);z-index:var(--z-hud);width:min(380px,calc(100vw - 2 * var(--space-4)));max-height:calc(100vh - var(--hud-height) - 250px);min-width:0}.goals-panel .panel__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-4)}.goals-section__title{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--colour-text-muted);text-transform:uppercase;letter-spacing:.04em}.goals-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.goals-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--colour-border-subtle);border-radius:var(--radius-md);background:var(--colour-surface-sunken)}.goals-row--ready{border-color:var(--colour-accent-line);background:var(--colour-accent-soft)}.goals-row__name{margin:0;font-size:var(--text-md);font-weight:700;color:var(--colour-text-strong)}.goals-row__description{margin:0;font-size:var(--text-sm);color:var(--colour-text-secondary);line-height:var(--leading-normal)}.goals-row__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1)}.goals-row__progress{flex:none;font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--colour-text-muted)}.goals-row__note{margin:0;font-size:var(--text-sm);color:var(--colour-warning-text)}.goals-row__note--refused{color:var(--colour-danger)}.goals-reward{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--text-sm)}.goals-monsters{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.goals-monsters__image{width:22px;height:22px;object-fit:contain}.goals-claim{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-1) var(--space-3);margin-top:var(--space-2);min-height:var(--control-height)}.goals-claim__label{font-weight:700}.goals-claim__amounts{display:inline-flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.goals-claim__amount--capped .res-amount__value{text-decoration:underline dotted;text-underline-offset:3px}.goals-claim__full{font-size:var(--text-sm);font-weight:400}.goals-claim--busy{cursor:progress}.goals-claimed__summary{cursor:pointer;font-size:var(--text-sm);font-weight:700;color:var(--colour-text-muted)}.goals-claimed__list{margin:var(--space-2) 0 0;padding-left:var(--space-4);font-size:var(--text-sm);color:var(--colour-text-secondary);columns:2;column-gap:var(--space-4)}.goals-claimed__item{break-inside:avoid}.goals-status{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin:0;color:var(--colour-text-muted)}.goals-status__text{margin:0}.yard-dock__right>.yard-dock__button--goals{right:420px;bottom:30px}.yard-dock__badge.goals-badge{background:var(--colour-accent);color:var(--colour-accent-text)}.goals-dock-art{color:inherit}@media(width<=620px){.yard-dock__right>.yard-dock__button--goals{right:268px;bottom:18px}.goals-panel{inset:auto 0 0;width:auto;max-width:none;max-height:min(82vh,calc(100vh - var(--hud-height)));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0}.goals-panel .panel__body{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.goals-claim{min-height:44px}}.raid-alert,.raid-result,.raid-frequency{width:min(92vw,30rem)}.raid-alert{border:2px solid var(--colour-danger)}.raid-alert .panel__body,.raid-result .panel__body,.raid-frequency .panel__body{display:grid;gap:var(--space-3)}.raid-alert__head,.raid-result__head{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--space-3);align-items:center}.raid-alert__splash,.raid-result__splash{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 2px 0 var(--colour-art-shadow))}.raid-alert__words,.raid-result__words{display:grid;gap:var(--space-1)}.raid-alert__words p,.raid-result__words p{margin:0}.raid-alert__tribe{color:var(--colour-danger);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.raid-alert__lead,.raid-result__lead{font-weight:700;line-height:var(--leading-normal)}.raid-alert__eta{color:var(--colour-warning);font-weight:800;font-variant-numeric:tabular-nums}.raid-alert__monsters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.raid-alert__monster{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken);text-align:center}.raid-alert__portrait{width:3.5rem;height:3.5rem;border-radius:var(--radius-sm);object-fit:cover}.raid-alert__name{font-size:var(--text-sm);font-weight:700;line-height:var(--leading-tight)}.raid-alert__count{color:var(--colour-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.raid-alert__actions,.raid-result__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.raid-bar{position:absolute;top:calc(var(--hud-height) + var(--space-3));left:50%;z-index:var(--z-hud);display:flex;align-items:center;gap:var(--space-3);max-width:min(92vw,30rem);padding:var(--space-2) var(--space-3);border:2px solid var(--colour-warning-line);border-radius:var(--radius-lg);background:var(--colour-surface-raised);box-shadow:var(--shadow-float);transform:translate(-50%);pointer-events:auto}.raid-bar__words p{margin:0}.raid-bar__title{color:var(--colour-warning);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}.raid-bar__line{color:var(--colour-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.raid-bar__ready{white-space:nowrap}.raid-bar__ready[hidden]{display:none}.raid-result--good{border:2px solid var(--colour-success)}.raid-result--poor{border:2px solid var(--colour-danger)}.raid-result__advice,.raid-result__health,.raid-result__note{margin:0;color:var(--colour-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.raid-result__reward{margin:0;color:var(--colour-success);font-weight:800}.raid-result__stolen{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);background:var(--colour-surface-sunken);font-variant-numeric:tabular-nums}.raid-result__label{font-weight:700}.raid-result__status{margin:0;padding:var(--space-2) var(--space-3);border:1px solid var(--colour-border);border-radius:var(--radius-md);color:var(--colour-danger);font-size:var(--text-sm)}.raid-result__status[hidden]{display:none}.raid-frequency__taunt{color:var(--colour-text-strong);font-style:italic;font-weight:700}.raid-frequency__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.raid-frequency__choice{display:grid;gap:var(--space-1);height:auto;padding:var(--space-2);text-align:center;white-space:normal}.raid-frequency__label{font-weight:800}.raid-frequency__hint{color:var(--colour-text-secondary);font-size:var(--text-xs);font-weight:400}.attack-strip--raid{top:var(--hud-inset)}.attack-strip--raid [hidden],.attack-dock[hidden]{display:none}.raid-panic{padding:var(--space-1) var(--space-3);border:1.5px solid var(--colour-danger);border-radius:var(--radius-pill);background:var(--colour-danger-soft);color:var(--colour-danger);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);white-space:nowrap}@media(max-width:480px){.raid-alert__head,.raid-result__head{grid-template-columns:5rem minmax(0,1fr)}.raid-frequency__choices{grid-template-columns:minmax(0,1fr)}}.guide-help{font-family:var(--font-body);font-weight:700}.guide-help[hidden]{display:none}.btn--icon.guide-help{font-size:var(--text-md)}.panel__titlebar>.guide-help{margin-left:auto}.panel__titlebar>.guide-help~button[aria-label^=Close]{margin-left:0}.guide-help--float{position:fixed;top:calc(var(--hud-height) + var(--space-2));left:calc(var(--hud-inset) + var(--space-2));width:32px;height:32px;padding:0;border:2px solid var(--guide-bubble-line);border-radius:50%;background:var(--guide-bubble);color:var(--guide-bubble-text);box-shadow:var(--shadow-bubble-drop);font-size:var(--text-md);line-height:1;cursor:pointer;pointer-events:auto}.overlay:has(.panel__titlebar>.guide-help:not([hidden]):not([hidden] *)) .guide-help--float{display:none}.guide-help--float:hover{filter:brightness(1.06)}.guide-help--float:focus-visible{outline:2px solid var(--guide-ring);outline-offset:2px}@media(pointer:coarse){.guide-help--float{width:40px;height:40px}}@media(width<=620px){.attack-strip>.guide-help{display:none}}