:root{--safe-top:max(env(safe-area-inset-top,0px), var(--olympus-inset-top,0px));--safe-right:max(env(safe-area-inset-right,0px), var(--olympus-inset-right,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--olympus-inset-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px), var(--olympus-inset-left,0px));--space-half:4px;--space-1:8px;--space-2:16px;--space-3:24px;--radius-control:8px;--radius-panel:16px;--space-xs:4px;--space-s:8px;--space-m:12px;--space-l:16px;--space-xl:24px;--radius-s:6px;--radius-m:10px;--radius-pill:999px;--strip-h:52px;--avatar:62px;--medallion:74px;--map-btn:84px;--round-btn:52px;--btn-h:48px;--res-icon:30px;--dock-item:76px;--dock-icon:46px;--panel-w:42%;--window-desk-w:1180px;--window-desk-w-narrow:960px;--dur-fast:.12s;--dur-base:.18s;--ease:cubic-bezier(.2, .7, .2, 1);--frame-width:2px;--touch-min:44px;--gap-targets:8px;--font-display:"Cinzel", Georgia, serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--letter-spacing-code:.05em;--text-micro:.6875rem;--text-small:.75rem;--text-caption:.8125rem;--text-body:.875rem;--text-hud:.875rem;--text-section:1rem;--text-panel:1.25rem;--text-screen:1.625rem;--line-height-body:1.35;--line-height-tight:1.2;--panel-pad:16px;--icon-size:24px;--control-primary:var(--btn-h);--strip-row:var(--strip-h);--hud-avatar:var(--avatar);--medallion-size:var(--medallion);--map-button-size:var(--map-btn);--offer-tile-size:66px;--tracker-size:280px;--tracker-pill:32px;--tracker-head-slice:12 28 12 12;--tracker-head-width:12px 28px 12px 12px;--tracker-head-pad:10px;--tracker-chevron:12px;--tracker-chevron-turn:-90deg;--action-menu-size:230px;--upgrade-ready-mark:14px;--upgrade-ready-overhang-block:-4px;--upgrade-ready-overhang-inline:-6px;--upgrade-ready-badge:18px;--back-plate:var(--round-btn);--close-inset:-18px;--z-hud:10;--z-panel:20;--z-popover:30;--z-toast:40;--z-hud-top:45;--z-dev:50;--z-blocking:60;--hud-top-size:0px;--hud-bar-size:0px;--z-hud-banners:44;--panel-side-dim:.4;--panel-side-landscape-max:38%;--panel-in-scale:.98;--dock-block-size:0px;--panel-side-size:400px;--panel-side-landscape:300px;--panel-window-size:880px;--motion-panel:var(--dur-base);--ease-panel:var(--ease);--badge-size:18px;--opacity-disabled:.55;--border-strong:var(--frame-width);--border-heavy:3px;--focus-ring-width:3px;--focus-ring-offset:2px;--measure-banner:16rem;--shadow-panel:0 8px 24px #0009;--shadow-hud:0 2px 6px #0000008c;--shadow-text:0 1px 2px #000000d9;--halo-scene:drop-shadow(0 0 2px #000000bf) drop-shadow(0 1px 1px #00000080);--color-bg:#0e1a22;--color-surface:#1c1712;--color-surface-alt:#2a2219;--color-surface-deep:#120e0a;--color-text:#f3ebdb;--color-text-muted:#c9bb9f;--color-cta:#e2b65a;--color-cta-text:#2a1a06;--color-hud-bg:#120e0a;--color-hud-text:#f3ebdb;--color-hud-gain:#b4d08a;--color-danger:#f08a78;--color-success:#a9c27a;--color-place-ok:#3fd06b;--color-place-bad:#f0524a;--color-focus:#5cc8cb;--color-border:#8a6a3a;--color-accent:#d6a84e;--color-sea:#1d5566;--color-haze:#c9d7de;--color-icon-plate:#3d3122;--color-scrim:#0000009e;--color-gold-hi:#f3d58a;--color-gold-lo:#8a6326;--color-bronze:#b8862f;--color-hairline:#d6a84e47;--color-disabled-bg:#2b2620;--color-disabled-text:#a59a88;--color-badge:#c8402f;--color-badge-text:#fff;--color-locked:#8d8574;--color-vip:#b58cf0;--color-hud-strip-top:#0a0806db;--color-hud-strip-end:#0a080600;--color-scene-dim:#06050461;--color-zone-line:#f3d58ab3;--color-icon-shadow:#000000b3;--color-label-bg:#00000073;--color-label-fade:#000000d9;--color-gold-sheen:#f3d58a2e;--color-accent-glow:#d6a84e59;--color-accent-tint:#d6a84e29;--color-accent-wash:#d6a84e47;--color-vip-tint:#b58cf024;--color-gold-ray:#f3d58a24;--color-gold-glow:#f3d58a80;--color-reveal-scrim:#080604db;--brand-google-fill:#131314;--brand-google-fill-hover:#292a2b;--brand-google-stroke:#8e918f;--brand-google-text:#e3e3e3;--shadow-dock:var(--shadow-panel);--shadow-sheet:var(--shadow-panel);--shadow-raised:var(--shadow-panel);--focus-ring:var(--color-focus);--focus-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring)}:root[data-theme=contrast]{--shadow-text:none}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s}}html[data-reduced-motion=true]{--dur-fast:0s;--dur-base:0s}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@media (height<=500px) and (orientation:landscape){:root{--text-micro:.625rem;--text-small:.6875rem;--text-caption:.71875rem;--text-body:.8125rem;--text-hud:.75rem;--text-section:.875rem;--text-panel:1.0625rem;--text-screen:1.25rem;--space-half:3px;--space-1:6px;--space-2:12px;--space-3:18px;--panel-pad:12px;--icon-size:20px;--strip-h:40px;--avatar:46px;--medallion:54px;--map-btn:60px;--round-btn:40px;--btn-h:40px;--res-icon:22px;--dock-item:54px;--dock-icon:32px;--panel-w:46%;--offer-tile-size:54px;--tracker-size:200px;--action-menu-size:156px;--close-inset:-6px}}@media (height<=340px) and (orientation:landscape){:root{--strip-h:36px;--avatar:40px;--medallion:46px;--map-btn:52px;--round-btn:36px;--btn-h:38px;--dock-item:50px;--dock-icon:28px}}*,:before,:after{box-sizing:border-box}html,body{block-size:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--line-height-body);-webkit-text-size-adjust:100%;overflow:hidden}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700}p{margin:0}[hidden]{display:none!important}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}button,select,input{font:inherit;color:inherit}button{min-block-size:var(--touch-min);min-inline-size:var(--touch-min);padding-inline:var(--space-2);border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer}button:hover:not(:disabled,[aria-disabled=true],.hk-hud,.dock-item,.btn,.hud-avatar,.resource-chip,.city-medallion,.ambrosia-pill,.quest__pill){background:var(--color-surface-alt)}button:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}button:disabled,button[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}:root[data-theme=contrast] button[aria-disabled=true]:not(.button-cta){opacity:1;border-style:dashed}.button-cta{background:var(--color-cta);border-color:var(--color-cta);color:var(--color-cta-text);font-weight:600}:root[data-theme=contrast] .button-cta[aria-disabled=true]{background:var(--color-surface);border-color:var(--color-text);color:var(--color-text);opacity:1;border-style:dashed}.button-cta:hover:not(:disabled,[aria-disabled=true]){background:var(--color-cta);filter:brightness(1.08)}select{min-block-size:var(--touch-min);border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-surface);padding-inline:var(--space-1)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;min-block-size:var(--touch-min);background:var(--color-surface);color:var(--color-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);align-items:center;display:inline-flex;position:absolute;inset-block-start:-100px;inset-inline-start:var(--space-1)}.skip-link:focus{inset-block-start:var(--space-1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}:root{--hk-text:var(--color-text);--hk-muted:var(--color-text-muted);--hk-border:var(--color-border);--hk-focus:var(--color-focus);--hk-accent:var(--color-accent);--hk-control:36px;--hk-on-face:var(--color-hud-text);--hk-on-off:var(--color-text-muted);--hk-halo:var(--color-hud-bg)}[data-theme=contrast]{--hk-on-face:var(--color-cta-text);--hk-on-off:var(--color-text)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--btn-h);font:700 var(--text-section) / var(--line-height-tight) var(--font-display);text-align:center;cursor:pointer;border-style:solid;border-width:14px 18px;transition:filter var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-image-repeat:stretch;padding:6px 18px;text-decoration:none;display:inline-flex;position:relative}.btn>*{margin-block:-14px}:is(.btn,.btn--primary){color:var(--color-cta-text);background:var(--color-cta) content-box;border-image:url(../art/kit/frames/button_gold.svg) 22 24 fill/14px 18px;padding:0 4px}:is(.btn--secondary,.btn.secondary){color:var(--color-gold-hi);background-color:var(--color-hud-bg);border-image-source:url(../art/kit/frames/button_bronze.svg)}:is(.btn--danger,.btn.danger){color:var(--color-danger);border:2px solid var(--color-danger);border-radius:var(--radius-m);background:var(--color-surface-deep);min-block-size:var(--touch-min);border-image:;padding:0 16px}:is(.btn--danger,.btn.danger)>*{margin-block:0}.btn__cost{align-items:center;gap:var(--space-half);font:700 var(--text-caption) var(--font-body);font-variant-numeric:tabular-nums;display:inline-flex}.btn__cost img{block-size:18px;inline-size:18px}.btn .icon{block-size:16px;inline-size:16px}.btn:hover:not([disabled],[aria-disabled=true]){filter:brightness(1.08)}.btn:active:not([disabled],[aria-disabled=true]){filter:brightness(.92);transform:translateY(1px)}.btn:after{content:"";inline-size:max(100%, var(--touch-min));block-size:max(100%, var(--touch-min));position:absolute;inset:50% auto auto 50%;translate:-50% -50%}:is(button,a,label).hk-chip:after{content:"";inset:calc((var(--hk-control) - var(--touch-min)) / 2 - 1px);position:absolute}.hk-chip{isolation:isolate}label.hk-chip:after{z-index:-1}.btn:is([disabled],[aria-disabled=true]):not([aria-busy=true]){color:var(--color-disabled-text);border:2px dashed var(--color-disabled-text);border-radius:var(--radius-m);background:var(--color-disabled-bg);min-block-size:var(--touch-min);filter:none;cursor:not-allowed;border-image:;padding:4px 18px;transform:none}.btn:is([disabled],[aria-disabled=true]):not([aria-busy=true])>*{margin-block:0}.btn[aria-busy=true]{cursor:progress;filter:saturate(.7)}.btn[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--hk-accent), 0 0 0 2px var(--hk-text)}.btn:focus-visible{outline:var(--focus-ring-width) solid transparent;outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-shadow)}:is(.hk-tab,.hk-row,.hk-chip):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.hk-panel{background:var(--color-surface) padding-box;border:12px solid #0000;border-image:url(../art/hud/dark/panel.svg) 48/24px round;padding:12px}.hk-title,.panel-body :is(h1[id$=-title],#settings-title){margin-inline:calc(-1 * var(--space-1));padding:var(--space-1) var(--space-3);background:color-mix(in srgb, var(--color-cta) 40%, var(--color-hud-bg)) content-box;color:var(--color-hud-text);text-shadow:1px 0 0 var(--hk-halo), -1px 0 0 var(--hk-halo), 0 1px 0 var(--hk-halo), 0 -1px 0 var(--hk-halo);font-size:var(--text-body);letter-spacing:.04em;text-align:center;border:0 solid;border-image:url(../art/hud/dark/panel_header.svg) 30 64 12 fill/6px 30px 4px}.hk-tab:not(.dock-item){border:0 solid;border-image:url(../art/hud/dark/tab_idle.svg) 20 20 0 fill/14px 14px 0}.hk-tab:not(.dock-item):is([aria-current=page],[aria-selected=true]){border-image-source:url(../art/hud/dark/tab_active.svg);font-weight:700}.hk-pill{color:var(--color-hud-text);direction:ltr;border:0 solid;border-image:url(../art/hud/dark/resource_pill.svg) 0 28 0 52 fill/0 18px 0 34px}.hk-bar{border:0 solid;border-image:url(../art/hud/dark/progress_track.svg) 14 fill/7px;block-size:14px;display:block;overflow:hidden}.hk-bar>i{block-size:100%;inline-size:var(--progress,0%);border-image:url(../art/hud/dark/progress_fill_build.svg) 14 fill/7px;min-inline-size:14px;transition:inline-size .3s;display:block}.toast{--focus-ring:var(--color-hud-text);color:var(--color-hud-text);border:0 solid;border-image:url(../art/hud/dark/toast_info.svg) 20 20 20 64 fill/10px 10px 10px 32px}.toast-success{border-image-source:url(../art/hud/dark/toast_success.svg)}.toast-error{border-image-source:url(../art/hud/dark/toast_error.svg)}.hk-row{align-items:center;gap:var(--space-1);min-block-size:var(--touch-min);padding:var(--space-half) var(--space-1);border:0 solid var(--hk-border);border-block-end:1px solid color-mix(in srgb, var(--hk-border) 45%, transparent);color:var(--hk-text);font-size:var(--text-caption);background:0 0;border-radius:0;display:flex}.hk-row:is(:first-child,[aria-current=true],[aria-selected=true],.is-active){background:color-mix(in srgb, var(--color-hud-text) 6%, transparent)}.hk-row:last-child{border-block-end-color:#0000}.hk-chip{align-items:center;gap:var(--space-half);min-block-size:var(--hk-control);padding-inline:var(--space-1);border:1px solid var(--hk-border);background:var(--color-surface);color:var(--hk-text);font-size:var(--text-caption);border-radius:18px;display:inline-flex;position:relative}.hk-chip:is([aria-pressed=true],[aria-selected=true],:has(input:checked)){background:var(--hk-accent);color:var(--color-hud-bg);border-color:var(--hk-text)}.hk-chip:is([disabled],[aria-disabled=true]){color:var(--hk-muted);background:0 0;border-style:dashed}.hk-input{gap:var(--space-half);font-size:var(--text-caption);color:var(--hk-muted);display:grid}.hk-input :is(input,select){min-block-size:var(--hk-control);padding-inline:var(--space-1);border:1px solid var(--hk-border);background:var(--color-surface);color:var(--hk-text);box-shadow:inset 0 1px 2px var(--color-scrim);border-radius:8px}.hk-input select{appearance:none;background:linear-gradient(45deg, transparent 50%, currentColor 50%) right 14px center / 6px 6px no-repeat, linear-gradient(-45deg, transparent 50%, currentColor 50%) right 9px center / 6px 6px no-repeat, var(--color-surface);padding-inline-end:var(--space-3)}:root[dir=rtl] .hk-input select{background-position:9px,14px,0 0}.hk-input :is(input,select):focus-visible{outline:var(--focus-ring-width) solid var(--hk-focus);outline-offset:0}.hk-input input[aria-invalid=true]{border:var(--border-heavy) solid var(--color-danger)}.hk-option{align-items:center;gap:var(--space-1);min-block-size:var(--touch-min);font-size:var(--text-caption);display:flex}.hk-option input{appearance:none;border:var(--border-strong) solid var(--hk-border);background:var(--color-surface);border-radius:5px;flex:none;place-items:center;block-size:20px;inline-size:20px;margin:0;display:grid}.hk-option input[type=radio]{border-radius:50%}.hk-option input:checked{background:var(--color-success);border-color:var(--hk-text)}.hk-option input:checked:before{content:"";background:var(--color-cta-text);block-size:14px;inline-size:14px;-webkit-mask:url(../art/icons/ui/check.svg) 50%/contain no-repeat;mask:url(../art/icons/ui/check.svg) 50%/contain no-repeat}.hk-reason{gap:var(--space-half);margin:var(--space-half) 0 0;font-size:var(--text-caption);color:var(--hk-muted);align-items:center;display:flex}.hk-spin{border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;block-size:14px;inline-size:14px;animation:.9s linear infinite hk-spin}@keyframes hk-spin{to{transform:rotate(1turn)}}.hk-check,.hk-lock{background:currentColor;flex:none;block-size:14px;inline-size:14px;-webkit-mask:url(../art/icons/ui/check.svg) 50%/contain no-repeat;mask:url(../art/icons/ui/check.svg) 50%/contain no-repeat}.hk-lock{-webkit-mask-image:url(../art/icons/ui/lock.svg);mask-image:url(../art/icons/ui/lock.svg)}.hk-skeleton{block-size:1em;margin-block:var(--space-half);background:var(--color-surface-alt);border-radius:8px;display:block}.hk-empty{gap:var(--space-1);text-align:center;color:var(--hk-muted);font-size:var(--text-caption);justify-items:center;display:grid}[data-theme=contrast] :is(.btn,.hk-panel,.hk-title,.panel-body h1[id$=-title],#settings-title,.hk-tab,.hk-pill,.hk-bar,.hk-bar>i,.toast){border:var(--border-strong) var(--hk-rim-style,solid) var(--hk-rim,var(--color-border));border-image:}[data-theme=contrast] .btn{--hk-rim:var(--color-cta);background:var(--color-cta);color:var(--color-cta-text);min-block-size:var(--touch-min);border-radius:var(--radius-control);padding:4px 18px}[data-theme=contrast] .btn>*{margin-block:0}[data-theme=contrast] :is(.btn,.hk-title,.panel-body :is(h1[id$=-title],#settings-title)){text-shadow:none}[data-theme=contrast] :is(.btn--secondary,.btn.secondary){background:var(--color-hud-bg);color:var(--color-hud-text);--hk-rim:var(--color-accent)}[data-theme=contrast] :is(.btn--danger,.btn.danger){--hk-rim:var(--color-danger);background:var(--color-danger);color:var(--hk-on-face)}[data-theme=contrast] .btn:is([disabled],[aria-disabled=true]):not([aria-busy=true]){--hk-rim:var(--color-disabled-text);--hk-rim-style:dashed;background:var(--color-disabled-bg);color:var(--color-disabled-text)}[data-theme=contrast] .hk-panel{background:var(--color-surface);border-width:var(--border-heavy);border-radius:12px}[data-theme=contrast] :is(.hk-title,.panel-body h1[id$=-title],#settings-title,.hk-pill,.toast){background:var(--color-hud-bg)}[data-theme=contrast] .hk-tab:is([aria-current=page],[aria-selected=true]){text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px}[data-theme=contrast] .hk-bar>i{background:var(--color-text)}[data-theme=contrast] .hk-row{border-block-end-color:var(--color-border)}[data-theme=contrast] .hk-row:is(:first-child,[aria-current=true],[aria-selected=true],.is-active){background:var(--color-surface-alt)}@media (prefers-reduced-motion:reduce){.btn:is(:hover,:active){transform:none!important}.hk-spin{animation:none}}[data-reduced-motion=true] .btn:is(:hover,:active){transform:none!important}:root[data-reduced-motion=true] .hk-spin{animation:none}.round-btn{--plate:var(--round-btn);box-sizing:border-box;inline-size:var(--plate);block-size:var(--plate);color:var(--color-gold-hi);cursor:pointer;transition:filter var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:url(../art/kit/frames/round.svg) 50%/100% 100% no-repeat;border:0;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:inline-grid;position:relative}.round-btn--map{--plate:var(--map-btn)}.round-btn--mini{--plate:calc(var(--round-btn) - 8px)}.round-btn:after{content:"";inline-size:max(100%, var(--touch-min));block-size:max(100%, var(--touch-min));border-radius:50%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.round-btn img{object-fit:contain;block-size:74%;inline-size:74%}.round-btn .mask-icon{block-size:46%;inline-size:46%}.round-btn:hover:not([aria-disabled=true]){filter:brightness(1.12)}.round-btn:active:not([aria-disabled=true]){transform:scale(.95)}.round-btn:focus-visible{outline:var(--focus-ring-width) solid transparent;outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-shadow)}.round-btn[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--hk-accent)}.round-btn[aria-disabled=true]{filter:grayscale()brightness(.7);cursor:not-allowed}.tag{align-items:center;gap:var(--space-half);border-radius:var(--radius-s);color:var(--color-text-muted);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.04em;border:1px solid;padding:1px 6px;font-weight:700;line-height:1.3;display:inline-flex}.tag--full{color:var(--color-danger);background:var(--color-label-bg)}.tag--ok{color:var(--color-success)}.tag--gold{color:var(--color-accent)}.tag--new{color:var(--color-gold-hi);background:var(--color-label-bg)}.tag .icon{block-size:11px;inline-size:11px}.badge,.dot{background:var(--color-badge);color:var(--color-badge-text);box-shadow:0 0 0 2px var(--color-hud-bg);position:absolute;inset-block-start:-3px;inset-inline-end:-3px}.badge{min-inline-size:var(--badge-size);block-size:var(--badge-size);border-radius:var(--radius-pill);font:700 var(--text-micro) / var(--badge-size) var(--font-body);text-align:center;font-variant-numeric:tabular-nums;padding:0 5px}.dot{border-radius:50%;block-size:10px;inline-size:10px;inset-block-start:0;inset-inline-end:0}.popover{z-index:60;min-inline-size:160px;max-inline-size:calc(100vw - 2 * var(--space-1));padding:var(--space-1);border:1px solid var(--color-bronze);border-radius:var(--radius-m);background:var(--color-hud-bg);color:var(--color-hud-text);box-shadow:var(--shadow-panel);animation:popover-in var(--dur-fast) var(--ease);position:fixed}@keyframes popover-in{0%{opacity:0}}[data-theme=contrast] .popover{border:var(--frame-width) solid var(--color-border)}[data-theme=contrast] .round-btn{background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 var(--frame-width) var(--color-border)}[data-theme=contrast] .round-btn:focus-visible{box-shadow:var(--focus-shadow), inset 0 0 0 var(--frame-width) var(--color-border)}[data-theme=contrast] .badge,[data-theme=contrast] .dot{box-shadow:0 0 0 var(--frame-width) var(--color-hud-text)}.btn--compact{min-block-size:var(--touch-min);min-inline-size:var(--touch-min);border-width:8px 12px;font-size:var(--text-body);border-image-width:8px 12px;padding:0 2px}.btn--compact>*{margin-block:-8px}:is(.btn--danger,.btn.danger).btn--compact{border-width:2px;padding:0 12px}:is(.btn--danger,.btn.danger).btn--compact>*{margin-block:0}[data-theme=contrast] .btn--compact{min-block-size:var(--touch-min);min-inline-size:var(--touch-min);padding:2px 12px}.frame-panel{border-style:solid;border-width:22px;border-image:url(../art/kit/frames/panel.svg) 24 fill/22px}.frame-card{border-style:solid;border-width:10px;border-image:url(../art/kit/frames/card.svg) 14 fill/10px}.frame-card-gold{border-style:solid;border-width:10px;border-image:url(../art/kit/frames/card_gold.svg) 14 fill/10px}.frame-chip{border-style:solid;border-width:13px;border-image:url(../art/kit/frames/chip.svg) 13 fill/13px}.frame-tab{border-style:solid;border-width:10px 12px 0;border-image:url(../art/kit/frames/tab.svg) 10 12 0 fill/10px 12px 0}.frame-tab:is([aria-selected=true],[aria-current=page]){border-image-source:url(../art/kit/frames/tab_active.svg)}.frame-nameplate{border-style:solid;border-width:14px 18px;border-image:url(../art/kit/frames/nameplate.svg) 18 22 fill/14px 18px}.frame-round{background:url(../art/kit/frames/round.svg) 50%/100% 100% no-repeat;border-radius:50%}[data-theme=contrast] :is(.frame-panel,.frame-card,.frame-card-gold,.frame-chip,.frame-tab,.frame-nameplate){border:var(--frame-width) solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface);border-image:}[data-theme=contrast] .frame-tab{border-radius:var(--radius-m) var(--radius-m) 0 0;border-block-end:0}[data-theme=contrast] .frame-tab:is([aria-selected=true],[aria-current=page]){border-color:var(--color-cta)}[data-theme=contrast] .frame-chip{border-radius:var(--radius-pill)}[data-theme=contrast] .frame-card-gold{border-color:var(--color-cta)}[data-theme=contrast] .frame-round{background:var(--color-surface);box-shadow:inset 0 0 0 var(--frame-width) var(--color-border)}#app{block-size:100dvh}.hud-top{z-index:var(--z-hud-top)}.hud-top,.dock{--focus-ring:var(--color-hud-text)}.hud-top .panel-card{--focus-ring:var(--color-focus)}.app{--hk-sa-t:var(--safe-top);--hk-sa-r:var(--safe-right);--hk-sa-b:var(--safe-bottom);--hk-sa-l:var(--safe-left);background:var(--color-sea);position:fixed;inset:0;overflow:hidden}.app-main{inset-block:var(--hud-top-size) var(--dock-block-size);outline:none;flex-direction:column;display:flex;position:absolute;inset-inline:0}.app-main>.city-screen{background:0 0;flex:auto;min-block-size:0;position:static;overflow:visible}.app-main .city-canvas{inset-block:calc(-1 * var(--hud-top-size)) calc(-1 * var(--dock-block-size));inset-inline:0}.app[data-route=replay] .app-main,.app[data-route=world] .app-main{inset:0}.app-main>.replay-screen{min-block-size:0;flex:auto;padding-block-end:calc(var(--space-3) + var(--toasts-reserve,0px))}.hud-top{position:absolute;inset-block-start:0;inset-inline:0}.hud-banners{z-index:var(--z-hud-banners);position:absolute;inset-block-start:var(--hud-bar-size);inset-inline:0}.dock{z-index:var(--z-hud-top);color:var(--color-hud-text);position:absolute}.dock-item{min-block-size:var(--touch-min);min-inline-size:var(--touch-min);color:inherit;place-items:center;text-decoration:none;display:grid;position:relative}.panel-layer{z-index:var(--z-popover);pointer-events:none;position:absolute;inset:0}.panel-scrim{background:var(--color-scrim);pointer-events:auto;animation:shell-fade var(--motion-panel) var(--ease-panel);position:absolute;inset:0}.panel-layer[data-variant=side] .panel-scrim{opacity:var(--panel-side-dim);pointer-events:none}.panel-host{pointer-events:auto;color:var(--color-text);outline:none;flex-direction:column;display:flex;position:absolute}.panel-host[data-variant=side]{inset-block:calc(var(--hud-top-size) + var(--space-1)) calc(var(--dock-block-size) + var(--space-1));inline-size:min(var(--panel-side-size), calc(100% - 2 * var(--space-1)));border-radius:var(--radius-panel);animation:shell-panel-in var(--motion-panel) var(--ease-panel);inset-inline-end:max(var(--space-1), var(--hk-sa-r))}:root[dir=rtl] .panel-host[data-variant=side]{inset-inline-end:max(var(--space-1), var(--hk-sa-l))}.app[data-layout=landscape] .panel-host[data-variant=side]{inline-size:min(var(--panel-side-landscape), var(--panel-side-landscape-max))}.panel-host[data-variant=window]{inset-block:calc(var(--hud-top-size) + var(--space-2)) calc(var(--dock-block-size) + var(--space-1));inset-inline:var(--space-2) max(var(--space-2), var(--hk-sa-r));max-inline-size:var(--panel-window-size);border-radius:var(--radius-panel);animation:shell-panel-in var(--motion-panel) var(--ease-panel);margin-inline:auto}.panel-head{align-items:center;gap:var(--space-1);min-block-size:var(--touch-min);padding:var(--space-half) var(--space-1);border-block-end:1px solid var(--color-border);display:flex;position:relative}.panel-close{margin-inline-start:auto}.panel-tabs{gap:var(--space-half);display:flex}.panel-tab{min-block-size:var(--touch-min);padding-inline:var(--space-2);border-radius:var(--radius-control);color:inherit;font-family:var(--font-display);font-size:var(--text-caption);align-items:center;text-decoration:none;display:inline-flex}.panel-tab[aria-current=page]{-webkit-text-decoration:underline var(--border-strong);text-decoration:underline var(--border-strong);text-underline-offset:var(--space-half);font-weight:600}.panel-body{flex-direction:column;flex:auto;min-block-size:0;display:flex;overflow:hidden}.panel-body>*{overscroll-behavior:contain;min-block-size:0;flex:auto;padding-block-end:calc(var(--space-3) + var(--toasts-reserve,0px));overflow-y:auto}.settings-body{align-content:start;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-2);font-size:var(--text-caption);display:grid}@keyframes shell-fade{0%{opacity:0}}@keyframes shell-panel-in{0%{opacity:0;scale:var(--panel-in-scale)}}html{overscroll-behavior:none;overflow:hidden}body{overscroll-behavior:none}.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.app *{scrollbar-width:none}.app ::-webkit-scrollbar{display:none}.app :is(.building-panel,.guide-panel,.replay-screen,.dev-toolbar,.dev-toolbar *),.panel-body *{scrollbar-width:thin}.app :is(.building-panel,.guide-panel,.replay-screen,.dev-toolbar,.dev-toolbar *)::-webkit-scrollbar{inline-size:var(--space-half);block-size:var(--space-half);display:block}.panel-body ::-webkit-scrollbar{inline-size:var(--space-half);block-size:var(--space-half);display:block}.panel-layer[data-variant=full]{z-index:calc(var(--z-hud-top) + 1)}.panel-layer[data-variant=full] .panel-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root[data-theme=contrast] .panel-layer[data-variant=full] .panel-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}.panel-host[data-variant=full]{inset-block:max(var(--space-1), var(--hk-sa-t)) max(var(--space-1), var(--hk-sa-b));inset-inline:max(var(--space-1), var(--hk-sa-l)) max(var(--space-1), var(--hk-sa-r));border-radius:var(--radius-panel);animation:shell-fade var(--motion-panel) var(--ease-panel)}.app[data-panel=settings]~.toasts{z-index:calc(var(--z-hud-top) + 2)}.city-screen{background:var(--color-sea);block-size:100%;inline-size:100%;position:relative;overflow:hidden}.city-canvas{touch-action:none;position:absolute;inset:0}.city-canvas:focus-visible{outline:none}.city-canvas:focus-visible:after{content:"";z-index:1;border:3px solid var(--color-surface);outline:3px solid var(--color-text);outline-offset:-6px;pointer-events:none;position:absolute;inset:0}.city-canvas canvas{display:block}.city-loading{block-size:100%;color:var(--color-hud-text);font-family:var(--font-display);font-size:var(--text-section);place-items:center;display:grid}.panel-action{inline-size:100%}.cost-list,.production-list,.reasons{gap:var(--space-half);margin:0;padding:0;list-style:none;display:grid}.cost-list li,.production-list li{align-items:center;gap:var(--space-1);font-variant-numeric:tabular-nums;display:flex}.cost-list .amount{margin-inline-start:auto;font-weight:600}.shortfall,.reasons{color:var(--color-danger);font-weight:600}.reasons li{gap:var(--space-half);display:flex}.reasons li:before{content:"";background:currentColor;flex:none;block-size:1lh;inline-size:14px;-webkit-mask:url(../art/icons/ui/lock.svg) 50%/14px no-repeat;mask:url(../art/icons/ui/lock.svg) 50%/14px no-repeat}.facts{gap:var(--space-1);margin:0;display:flex}.facts dt{color:var(--color-text-muted)}.facts dd{margin:0;font-weight:600}.city-wall-demo{z-index:2;gap:var(--space-half);font-size:var(--text-micro);margin:0;display:grid;position:absolute;inset-block-start:calc(var(--space-6,48px) + var(--safe-top,0px));inset-inline-end:calc(var(--space-1) + var(--safe-right,0px))}.city-wall-demo label{gap:2px;display:grid}.mask-icon{inline-size:var(--icon-size,24px);block-size:var(--icon-size,24px);-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.art-icon{flex:none}.icon-button{color:inherit;background:0 0;border-color:#0000;place-items:center;padding:0;display:inline-grid}.hud-top .icon-button:hover:not(:disabled){background:color-mix(in srgb, var(--color-hud-text) 15%, transparent)}.panel-card{color:var(--color-text);box-shadow:var(--shadow-panel);padding:var(--space-2)}.panel-card:not(.hk-panel){background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.panel-card.hk-panel{padding:var(--space-2)}.muted{color:var(--color-text-muted)}.busy-reason{color:var(--color-text-muted);font-weight:600}progress{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-alt);inline-size:100%;color:var(--color-focus);overflow:hidden}progress::-webkit-progress-bar{background:var(--color-surface-alt)}progress::-webkit-progress-value{background:var(--color-focus)}progress::-moz-progress-bar{background:var(--color-focus)}.settings{position:relative}.settings-body label,.settings-field{gap:var(--space-half);display:grid}.settings-busy{color:var(--color-text-muted);font-size:var(--text-micro)}.settings-busy:empty{position:absolute}.settings-legal{margin:0}.settings-legal a{min-block-size:var(--touch-min);align-items:center;display:inline-flex}.settings-body .checkbox,.dev-toolbar .checkbox{align-items:center;gap:var(--space-1);min-block-size:var(--touch-min);display:flex}.checkbox input{block-size:20px;inline-size:20px}.connection-screen{z-index:var(--z-blocking);overscroll-behavior:contain;padding:max(var(--space-3), var(--safe-top)) max(var(--space-2), var(--safe-right)) max(var(--space-3), var(--safe-bottom)) max(var(--space-2), var(--safe-left));background:var(--color-bg);color:var(--color-text);background:radial-gradient(circle at 50% 30%, var(--color-sea), var(--color-hud-bg));place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}:root[data-theme=contrast] .connection-screen{background:var(--color-bg)}:is(.connection-screen,.blocking-screen) .auth-card.hk-panel{justify-items:center;gap:var(--space-1);text-align:center}:is(.connection-screen,.blocking-screen) .auth-card>.btn{min-inline-size:10rem}.device-requirements-title{font-size:var(--text-body);margin:0}.device-requirements{gap:var(--space-half);text-align:start;margin:0;padding-inline-start:var(--space-3);display:grid}.connection-hint,.connection-status{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.connection-status{color:var(--color-text)}.connection-status:empty{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.banner{padding:var(--space-1) var(--space-2);background:var(--color-surface-alt);color:var(--color-text);border-block-end:3px solid var(--color-accent);margin:0;font-weight:600}.toasts{z-index:var(--z-toast);gap:var(--space-1);inline-size:min(380px, calc(100vw - max(var(--space-2), var(--safe-left)) - max(var(--space-2), var(--safe-right))));pointer-events:none;display:grid;position:fixed;inset-block-end:calc(var(--space-2) + max(var(--safe-bottom), var(--toasts-lift,0px)));inset-inline-end:max(var(--space-2), var(--safe-right))}.toast-region{gap:var(--space-1);display:grid}.toast{align-items:center;gap:var(--space-1);min-block-size:var(--touch-min);padding:var(--space-half) var(--space-half) var(--space-half) 6px;font-size:var(--text-caption);filter:drop-shadow(var(--shadow-raised));pointer-events:auto;direction:ltr;display:flex}.toast p{flex:1}:root[dir=rtl] .toast p{direction:rtl}.toast-action{vertical-align:middle;margin-inline-start:var(--space-half)}.toast-glyph{text-align:center;inline-size:20px;font:700 var(--text-body) var(--font-display);flex:none}.lazy-loading{margin:var(--space-2)}.lazy-failed{gap:var(--space-2);margin:var(--space-2);justify-items:start;display:grid}.mobile-data-prompt{z-index:var(--z-toast);inline-size:min(440px, calc(100vw - 2 * max(var(--space-2), var(--safe-left), var(--safe-right))));margin-inline:auto;position:fixed;inset-block-start:calc(var(--hud-bar-size) + var(--space-1) + var(--safe-top));inset-inline:0}.mobile-data-prompt .toast{flex-wrap:wrap}.mobile-data-prompt .toast p{flex:220px}.mobile-data-prompt-actions{gap:var(--space-half);margin-inline-start:auto;display:flex}.email-link-form{gap:var(--space-half);display:grid}.email-link-form input{min-block-size:var(--touch-min);padding-inline:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.email-link-form input[aria-invalid=true]{border-color:var(--color-danger)}.email-link-form button{justify-self:start}.email-link-status{font-size:var(--text-caption);color:var(--color-success);margin:0}.email-link-status.is-error{color:var(--color-danger)}.email-link-status:empty{display:none}.account-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.save-invite{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface);color:var(--color-text);border-block-end:3px solid var(--color-accent);flex-wrap:wrap;display:flex}.save-invite-text{flex:16rem;min-inline-size:0}.save-invite h2{font-family:var(--font-display);font-size:var(--text-body);margin:0}.save-invite p{font-size:var(--text-caption);margin:0}.save-invite-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}@media (height<=500px) and (orientation:landscape){.save-invite{padding-block:var(--space-half);gap:var(--space-half) var(--space-2);flex-wrap:nowrap}.save-invite-text{flex:auto}.save-invite h2{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.save-invite-actions{flex-wrap:nowrap;flex:none}}.auth-screen{min-block-size:100%;padding:max(var(--space-3), var(--safe-top)) max(var(--space-2), var(--safe-right)) max(var(--space-3), var(--safe-bottom)) max(var(--space-2), var(--safe-left));background:var(--color-bg);color:var(--color-text);place-items:center;display:grid}.auth-card{gap:var(--space-2);inline-size:min(28rem,100%);display:grid}.auth-card p{margin:0}.auth-brand{font-family:var(--font-display);font-size:var(--text-section);color:var(--color-text-muted)}.auth-card h1{font-family:var(--font-display);font-size:var(--text-panel);outline:none;margin:0}.auth-warning{padding:var(--space-1) var(--space-2);border-inline-start:4px solid var(--color-danger);background:var(--color-surface-alt);font-weight:600}.auth-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.dev-magic-link{gap:var(--space-half);display:grid}.account-hint{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.account-confirm{gap:var(--space-1);padding:var(--space-1) var(--space-2);border-inline-start:4px solid var(--color-danger);background:var(--color-surface-alt);display:grid}.account-confirm p{margin:0}.account-methods button,.button-google{min-block-size:var(--touch-min);min-inline-size:var(--touch-min)}.button-google{align-items:center;gap:var(--space-1);text-align:start;border-color:var(--brand-google-stroke);background:var(--brand-google-fill);max-inline-size:100%;color:var(--brand-google-text);justify-self:start;font-weight:500;display:inline-flex}.button-google:hover:not(:disabled,[aria-disabled=true]){background:var(--brand-google-fill-hover)}.google-logo{flex:none;block-size:1.25em;inline-size:1.25em}.google-sign-in{gap:var(--space-half);display:grid}.google-button-host{min-block-size:var(--touch-min);max-inline-size:100%}.auth-or{text-align:center;color:var(--color-text-muted);margin:0}.profile-hint{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.profile-status{font-size:var(--text-caption);color:var(--color-success);margin:0}.profile-status.is-error{color:var(--color-danger)}.profile-status:empty,.feature-off:empty{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.button-danger:not(.btn){border-color:var(--color-danger);color:var(--color-danger)}.button-danger:not(.btn):disabled,.button-danger:not(.btn)[aria-disabled=true]{border-color:var(--color-border);color:var(--color-text-muted)}:root[data-theme=contrast] .button-danger:not(.btn):disabled,:root[data-theme=contrast] .button-danger:not(.btn)[aria-disabled=true]{color:var(--color-text);opacity:1;border-style:dashed}.feature-off{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.deletion-banner{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface);color:var(--color-text);border-block-end:var(--border-heavy) solid var(--color-danger);flex-wrap:wrap;display:flex}.deletion-banner p{flex:1 1 var(--measure-banner);min-inline-size:0;margin:0}.deletion-banner .deletion-banner-error{color:var(--color-danger);font-size:var(--text-caption);flex-basis:100%}.blocking-dev{justify-self:end;margin-block-start:var(--space-2)}.auth-card .auth-result{font-family:var(--font-body);font-size:var(--text-body);outline:none;margin:0;font-weight:400}.ambrosia-icon{flex:none;block-size:1.5em;inline-size:1.5em;display:inline-flex}.ambrosia-icon svg{block-size:100%;inline-size:100%}.ambrosia-negative{font-size:var(--text-caption)}.is-negative{color:var(--color-danger)}.negative-balance-banner{z-index:var(--z-hud);justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface);color:var(--color-text);border-block-end:var(--border-heavy) solid var(--color-danger);flex-wrap:wrap;display:flex;position:relative}.negative-balance-banner p{flex:1 1 var(--measure-banner);min-inline-size:0;margin:0}.speedup-action{justify-items:start;gap:var(--space-half);margin-block-start:var(--space-1);display:grid}.speedup-action .feature-off:empty{display:none}.speedup-button{min-block-size:var(--touch-min);min-inline-size:var(--touch-min)}.city-restoring{inset-block-start:50%;inset-inline:var(--space-2);z-index:var(--z-panel);text-align:center;pointer-events:none;inline-size:fit-content;max-inline-size:32ch;margin-block:0;margin-inline:auto;position:absolute;translate:0 -50%}.guide-target{outline-offset:3px;box-shadow:0 0 0 8px color-mix(in srgb, var(--color-cta) 25%, transparent);scroll-margin:var(--space-3);outline:4px solid var(--color-cta)!important}.guide-highlight{align-items:center;gap:var(--space-1);margin:var(--space-1) var(--space-2) 0;padding:var(--space-1) var(--space-2);border-inline-start:6px solid var(--color-cta);flex:none;display:flex}.guide-highlight p{flex:auto;margin:0}.dock-badge{inset-block-start:1px;inset-inline:calc(50% + 3px) auto}.app .panel-host.hk-panel{box-shadow:var(--shadow-panel), var(--shadow-sheet)}.app .panel-host.hk-panel:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:0}:root[data-theme=contrast] .app .panel-host.hk-panel{border-radius:var(--radius-panel);box-shadow:none}.app[data-layout=landscape] .panel-host.hk-panel{border-width:6px;padding:calc(var(--panel-pad) - 3px);border-image-width:12px}.app[data-layout=landscape] .panel-host[data-variant=side]{block-size:fit-content;max-block-size:calc(100% - var(--hud-top-size) - var(--dock-block-size) - 2 * var(--space-1));inset-block-end:auto}:root[data-theme=contrast] .app[data-layout=landscape] .panel-host.hk-panel{border-width:var(--border-strong)}.app .panel-host .panel-head.hk-panel-head:not(:has(.panel-tabs)){inset-block-start:var(--close-inset);inset-inline-end:var(--close-inset)}@media (height<=500px) and (orientation:landscape){[data-theme=contrast] .app .panel-host .panel-head.hk-panel-head:not(:has(.panel-tabs)){inset-block-start:calc(var(--close-inset) + var(--space-half));inset-inline-end:calc(var(--close-inset) + var(--space-half))}}.app .panel-host .panel-head.hk-panel-head:not(:has(.panel-tabs)){z-index:1;background:0 0;border:0;padding:0;position:absolute}.app .panel-head.hk-panel-head{background:url(../art/hud/divider_meander.svg) 0 100%/auto 10px repeat-x;border-block-end:0;padding-block-end:calc(var(--space-half) + 10px)}:root[data-theme=contrast] .app .panel-head.hk-panel-head{border-block-end:var(--border-strong) solid var(--color-border);background:0 0;padding-block-end:var(--space-half)}:root[data-theme=contrast] .app .panel-host .panel-head.hk-panel-head:not(:has(.panel-tabs)){border-block-end:0}.panel-close.icon-button{background:url(../art/hud/medallion_cancel.svg) 50%/34px no-repeat;transition:transform .1s}.panel-close.icon-button .mask-icon{visibility:hidden}.panel-close.icon-button:hover:not(:disabled){filter:brightness(1.06);background:url(../art/hud/medallion_cancel.svg) 50%/34px no-repeat}.panel-close.icon-button:active{transform:scale(.94)}.panel-close.icon-button:focus-visible{outline-offset:-2px;border-radius:50%}:root[data-theme=contrast] .panel-close.icon-button{background:var(--color-surface);border:var(--border-strong) solid var(--color-text);border-radius:50%}:root[data-theme=contrast] .panel-close.icon-button .mask-icon{visibility:visible}.app .panel-tabs{align-self:flex-end;margin-block-end:calc(-1 * (var(--space-half) + 4px))}.app .panel-tab.hk-tab{isolation:isolate;letter-spacing:.02em;background:0 0;border-image:;padding-block-start:8px;font-weight:700;position:relative}.app .panel-tab.hk-tab:before{content:"";z-index:-1;border:0 solid;border-image:url(../art/hud/dark/tab_idle.svg) 20 20 0 fill/14px 14px 0;position:absolute;inset:8px 0 0}.app .panel-tab.hk-tab[aria-current=page]:before{border-image-source:url(../art/hud/dark/tab_active.svg)}.app .panel-tab.hk-tab:hover:not([aria-current=page]){filter:brightness(1.06)}.app .panel-tab.hk-tab:active{transform:translateY(1px)}.app .panel-tab.hk-tab:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:-2px;border-radius:12px 12px 0 0}:root[data-theme=contrast] .app .panel-tab.hk-tab:before{border:var(--border-strong) solid var(--color-border);background:var(--color-surface);border-block-end:0;border-image:;border-radius:10px 10px 0 0}:root[data-theme=contrast] .app .panel-tab.hk-tab[aria-current=page]:before{border-width:var(--border-heavy)}@media (prefers-reduced-motion:reduce){.app :is(.panel-close.icon-button,.panel-tab.hk-tab):active{transform:none}}[data-reduced-motion=true] .app :is(.panel-close.icon-button,.panel-tab.hk-tab):active{transform:none}.app .panel-host[data-variant=full] .panel-head.hk-panel-head:not(:has(.panel-tabs)){inset-block-start:0;inset-inline-end:0}.hk-hud{min-inline-size:var(--touch-min);min-block-size:var(--touch-min);color:var(--color-hud-text);font:inherit;cursor:pointer;--focus-ring:var(--color-hud-text);background:50%/contain no-repeat;border:0;place-items:center;padding:0;text-decoration:none;display:inline-grid}.dock-expand[aria-expanded=true] .mask-icon{rotate:180deg}.dock{padding:0 max(var(--space-1), var(--safe-left), var(--safe-right)) max(var(--space-1), var(--safe-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;inset:auto 0 0}.dock>*{pointer-events:auto;position:relative}.map-button{inline-size:var(--map-button-size);block-size:var(--map-button-size);background-image:url(../art/hud/dark/map_button.svg);border-radius:50%}.map-button[aria-current=page]{background-image:url(../art/hud/dark/map_button_active.svg)}.map-marches{gap:var(--space-half);inline-size:max-content;padding-inline:var(--space-1);border:solid;background:var(--color-hud-bg) content-box;font:700 var(--text-small) var(--font-body);font-variant-numeric:tabular-nums;border-width:0 10px;border-image:url(../art/hud/dark/round_plate.svg) 0 22 fill/0 18px;grid-auto-flow:column;margin-inline:auto;position:absolute;inset:auto 0 calc(100% + 6px)}.dock-main,.dock-more{margin:0;padding:0;list-style:none;display:flex}.dock-more{position:absolute;inset-block-end:calc(100% + var(--space-half))}.dock-more[hidden]{display:none}.dock :is(.hk-tab,.dock-expand),.hud-collect{inline-size:var(--touch-min);block-size:var(--touch-min);background:url(../art/hud/control_idle.svg) 50%/40px no-repeat;border-radius:50%}.dock .hk-tab[aria-current=page],.hud-collect{color:var(--color-surface);background-image:url(../art/hud/control_active.svg)}.hud-collect{z-index:var(--z-hud);position:absolute;inset-block-end:calc(var(--dock-block-size) + var(--space-1));inset-inline-end:max(var(--space-1), var(--safe-left), var(--safe-right))}.hud-collect[aria-disabled=true]{opacity:var(--opacity-disabled)}:is(.map-button,.map-marches,.dock-item,.dock-expand,.hud-collect){filter:var(--halo-scene)}.hk-hud:hover:not([aria-disabled=true]),.dock-item:hover{filter:brightness(1.12)}:is(.map-button,.map-marches,.dock-item,.dock-expand,.hud-collect,.city-mark .hk-hud):hover:not([aria-disabled=true]){filter:brightness(1.12) var(--halo-scene)}:is(.hk-hud,.dock-item):active:not([aria-disabled=true]){scale:.94}@media (prefers-reduced-motion:reduce){:is(.hk-hud,.dock-item):active:not([aria-disabled=true]){scale:none}}:root[data-reduced-motion=true] :is(.hk-hud,.dock-item):active{scale:none}.dock [aria-current=page]:after{content:"";inset:calc(-1 * var(--space-half));border:var(--border-strong) solid var(--color-accent);pointer-events:none;border-radius:50%;position:absolute}:root[data-theme=contrast] :is(.map-button,.map-marches,.dock .hk-tab,.dock-expand,.hud-collect){border:var(--border-strong) solid var(--color-hud-text);background:var(--color-hud-bg);color:var(--color-hud-text);filter:none;border-image:;border-radius:12px}:root[data-theme=contrast] :is(.map-button,.dock .hk-tab,.dock-expand,.hud-collect){border-radius:50%}:root[data-theme=contrast] .dock [aria-current=page]:after{border:var(--border-heavy) solid var(--color-hud-text)}:root[data-theme=contrast] :is(.hk-hud,.dock-item):hover{outline:var(--border-strong) solid var(--color-hud-text);outline-offset:var(--border-strong)}.hud-top.hud-strip{box-sizing:border-box;block-size:calc(var(--strip-h) + var(--safe-top));padding-block-start:var(--safe-top);padding-inline:calc(var(--safe-left) + 6px) calc(var(--safe-right) + 6px);background:linear-gradient(var(--color-hud-strip-top), var(--color-hud-strip-end));color:var(--color-hud-text);font-size:var(--text-hud);pointer-events:none;--focus-ring:var(--color-hud-text);grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.hud-strip :is(button,a,[role=dialog]){pointer-events:auto}.hud-strip__side{align-items:center;gap:var(--space-xs);block-size:var(--strip-h);min-inline-size:0;display:flex}.hud-strip__resources{flex:1;justify-content:space-evenly;align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.hud-avatar{--avatar-box:max(var(--avatar), var(--touch-min));box-sizing:border-box;inline-size:var(--avatar-box);block-size:var(--avatar-box);padding:calc((var(--avatar-box) - var(--avatar)) / 2 + 3px);background:url(../art/kit/frames/round.svg) center / var(--avatar) var(--avatar) no-repeat;cursor:pointer;border:0;border-radius:50%;flex:none;align-self:flex-start;margin-block-start:calc(3px - (var(--avatar-box) - var(--avatar)) / 2);position:relative}.hud-avatar img{object-fit:cover;border-radius:50%;block-size:100%;inline-size:100%;display:block}.hud-avatar:focus-visible{outline-offset:1px}.resource-chip{grid-template-columns:var(--res-icon) auto;min-block-size:var(--touch-min);min-inline-size:var(--touch-min);padding:2px var(--space-xs);color:inherit;font:inherit;text-shadow:var(--shadow-text);text-align:start;cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto;align-items:center;column-gap:3px;display:grid;position:relative}.resource-chip__icon{inline-size:var(--res-icon);block-size:var(--res-icon);object-fit:contain;filter:drop-shadow(0 1px 1px var(--color-icon-shadow));grid-row:1/3}.resource-chip__rate{font-size:var(--text-micro);color:var(--color-hud-gain);font-weight:700;line-height:1.1}.resource-chip__amount{font-family:var(--font-display);font-weight:700;font-size:var(--text-hud);white-space:nowrap;align-items:center;gap:3px;line-height:1.1;display:flex}.resource-chip--full .resource-chip__amount{color:var(--color-gold-hi)}:is(.resource-chip,.city-medallion,.ambrosia-pill,.offer-tile,.quest__pill):hover{filter:brightness(1.12)}.num{font-variant-numeric:tabular-nums}.city-medallion{inline-size:var(--medallion);block-size:var(--medallion);color:inherit;filter:drop-shadow(0 2px 3px var(--color-icon-shadow));cursor:pointer;background:url(../art/kit/hud/palace_medallion.webp) 50%/contain no-repeat;border:0;justify-self:center;place-items:center;margin-block-start:2px;padding:0;display:grid;position:relative}.city-medallion:hover{filter:drop-shadow(0 2px 3px var(--color-icon-shadow)) brightness(1.1)}.city-medallion__level{color:var(--color-gold-hi);font-family:var(--font-display);font-size:var(--text-panel);text-shadow:var(--shadow-text);margin-block-start:8%;font-weight:700}.ambrosia-pill{align-items:center;gap:var(--space-xs);min-block-size:var(--touch-min);padding:0 var(--space-m) 0 var(--space-xs);color:var(--color-hud-text);font:inherit;text-shadow:var(--shadow-text);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;margin-inline-start:auto;display:inline-flex;position:relative}.ambrosia-pill__body{align-items:center;gap:var(--space-xs);box-sizing:border-box;block-size:28px;padding-inline:2px var(--space-m);border-style:solid;border-width:13px;border-image:url(../art/kit/frames/chip.svg) 13 fill/13px;display:inline-flex}.ambrosia-pill__body>*{margin-block:-13px}.ambrosia-pill__body img{inline-size:calc(var(--res-icon) + 4px);block-size:calc(var(--res-icon) + 4px);object-fit:contain;margin-inline-start:-14px}.ambrosia-pill__amount{font-family:var(--font-display);font-size:var(--text-hud);font-weight:700}.ambrosia-pill.is-negative .ambrosia-pill__amount{color:var(--color-danger)}.ambrosia-pill .dot{inset-block-start:6px;inset-inline-end:6px}.hud-offers{z-index:var(--z-hud);gap:var(--space-s);margin:0;padding:0;list-style:none;display:grid;position:absolute;inset-block-start:calc(var(--hud-top-size) + 10px);inset-inline-end:calc(var(--safe-right) + 8px)}.offer-tile{box-sizing:border-box;inline-size:calc(var(--round-btn) + 14px);padding:var(--space-xs) 2px 3px;color:var(--color-gold-hi);font-size:var(--text-micro);text-shadow:var(--shadow-text);justify-items:center;gap:1px;font-weight:700;text-decoration:none;display:grid;position:relative}.offer-tile>*{margin-inline:-8px}.offer-tile>img{inline-size:var(--round-btn);block-size:var(--round-btn);object-fit:contain;margin-block:-8px -2px}.offer-tile span{margin-block-end:-7px}.quest{z-index:var(--z-hud);--quest-top:14px;--quest-corner-gap:48px;inline-size:min(250px,36vw);color:var(--color-hud-text);position:absolute;inset-block-start:var(--quest-top);inset-inline-start:calc(var(--safe-left) + 6px)}@media (width>=1200px){.quest{inline-size:320px}}.quest__pill{align-items:center;gap:var(--space-s);min-block-size:var(--touch-min);color:inherit;font:inherit;text-shadow:var(--shadow-text);cursor:pointer;background:0 0;border:0;padding:0 6px;display:flex;position:relative}.quest__pill-body{box-sizing:border-box;min-block-size:32px;padding:0 var(--space-xs);border-style:solid;border-width:13px;border-image:url(../art/kit/frames/chip.svg) 13 fill/13px;flex:1;align-items:center;gap:6px;display:flex}.quest__pill-body>*{margin-block:-13px}.quest__pill .mask-icon{color:var(--color-accent)}.quest__title{color:var(--color-gold-hi);font-family:var(--font-display);font-size:var(--text-hud);text-align:start;white-space:nowrap;flex:1;font-weight:700}.quest__count{font-size:var(--text-hud);white-space:nowrap;font-weight:700}.quest__done{color:var(--color-success);font-size:var(--text-small);align-items:center;gap:3px;font-weight:700;display:inline-flex}.quest__pill .quest__done .mask-icon{color:inherit}.quest__panel{padding:2px var(--space-xs) 0;max-block-size:calc(100dvh - var(--hud-top-size) - var(--quest-top) - var(--touch-min) - var(--map-btn) - var(--quest-corner-gap));box-shadow:var(--shadow-panel);color:var(--color-text);margin-block-start:-6px;overflow-y:auto}.quest__panel.frame-panel{border-width:16px;border-image-width:16px}.quest__steps{font-size:var(--text-small);gap:2px;margin:-6px -4px 0;padding:0;list-style:none;display:grid}.quest__step{align-items:center;gap:6px;min-block-size:20px;display:flex}.quest__step .mask-icon,.quest__step--done{color:var(--color-text-muted)}.quest__step--done .mask-icon{color:var(--color-success)}.quest__step--current{gap:var(--space-xs);padding:6px var(--space-s);border-inline-start:3px solid var(--color-accent);border-radius:var(--radius-s);background:var(--color-surface-alt);margin-block:2px;display:grid}.quest__next{color:var(--color-accent);font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.quest__step--current .btn,.quest .guide-hide{justify-self:start}.quest .guide-hide{margin-block:2px}:root:not([data-theme=contrast]) .btn--slim:not([aria-disabled=true],[disabled]){isolation:isolate;min-block-size:var(--touch-min);font-size:var(--text-small);border:0;border-image:;padding:9px 16px}:root:not([data-theme=contrast]) .btn--slim:not([aria-disabled=true],[disabled])>*{margin-block:0}:root:not([data-theme=contrast]) .btn--slim:not([aria-disabled=true],[disabled]):before{content:"";z-index:-1;border-style:solid;border-width:8px 12px;border-image:url(../art/kit/frames/button_gold.svg) 22 24 fill/8px 12px;position:absolute;inset:5px 0}:root:not([data-theme=contrast]) .btn--secondary.btn--slim:not([aria-disabled=true],[disabled]):before{border-image-source:url(../art/kit/frames/button_bronze.svg)}.btn--slim{font-size:var(--text-small)}.hud-popover{gap:var(--space-xs);max-inline-size:280px;font-size:var(--text-small);display:grid}.hud-popover__title{align-items:center;gap:var(--space-xs);color:var(--color-gold-hi);font-family:var(--font-display);font-size:var(--text-body);margin:0;display:flex}.hud-popover__rows{gap:2px;margin:0;display:grid}.hud-popover__rows>div{justify-content:space-between;gap:var(--space-m);display:flex}.hud-popover__rows dd{margin:0;font-weight:700}.hud-popover .hud-gain{color:var(--color-hud-gain)}.hud-popover__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.hud-popover__empty,.hud-popover__note{color:var(--color-text-muted);margin:0}:root[data-theme=contrast] .hud-avatar{background:var(--color-surface);box-shadow:inset 0 0 0 3px var(--color-border)}:root[data-theme=contrast] .resource-chip{border-radius:var(--radius-s);background:var(--color-surface)}:root[data-theme=contrast] :is(.ambrosia-pill__body,.quest__pill-body){border:var(--frame-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);border-image:;padding-block:0}:root[data-theme=contrast] :is(.ambrosia-pill__body,.quest__pill-body)>*{margin-block:0}:root[data-theme=contrast] .ambrosia-pill__body img{margin-inline-start:0}:root[data-theme=contrast] .offer-tile{border:var(--frame-width) solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface);border-image:}:root[data-theme=contrast] .offer-tile>*{margin-inline:0}:root[data-theme=contrast] .offer-tile span{margin-block-end:0}:root[data-theme=contrast] .quest__panel{padding:var(--space-xs) 6px;border:3px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);border-image:}:root[data-theme=contrast] .quest__steps{margin:0}@media (height<=400px){.quest .guide-hide{display:none}}@media (height<=340px){.quest{z-index:calc(var(--z-hud) + 2)}.quest__panel{max-block-size:none}.quest__step--done,.quest__step--current~.quest__step{display:none}}.app-main:has(.build-sheet) .quest{display:none}:root{--art-shield-inset:7px;--art-pin-inset:8px}.city-marks,.city-actions-layer{inset-block:calc(-1 * var(--hud-top-size)) calc(-1 * var(--dock-block-size));pointer-events:none;direction:ltr;position:absolute;inset-inline:0;overflow:clip}.city-mark{min-inline-size:var(--touch-min);min-block-size:var(--touch-min);align-content:end;justify-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0;translate:-50% -100%}.city-mark[data-footprint]{align-content:start;translate:none}.city-mark[data-footprint]>.hk-hud{margin-block-start:calc(-1 * var(--touch-min))}.city-mark:is([data-off],[data-selected]){visibility:hidden}.city-mark .hk-hud{min-block-size:0;min-inline-size:0;filter:var(--halo-scene);pointer-events:auto;place-items:start center;position:relative}.city-mark .hk-hud:before{content:"";position:absolute;inset:-6px -8px}.mark-bubble{block-size:44px;inline-size:36px;color:var(--color-hud-text);background-image:url(../art/hud/dark/bubble_pin.svg);padding-block-start:var(--art-pin-inset);animation:1.4s ease-in-out infinite alternate mark-bob}.mark-bubble[data-bubble=collect]{background-image:url(../art/hud/dark/bubble_pin_ready.svg)}.mark-bubble[data-bubble=works]{animation:none}@media (prefers-reduced-motion:reduce){.mark-bubble{animation:none}}:root[data-reduced-motion=true] .mark-bubble{animation:none}@keyframes mark-bob{to{translate:0 calc(-1 * var(--space-half))}}:root[data-theme=contrast] .mark-bubble{border:var(--border-strong) solid var(--color-hud-text);border-radius:var(--radius-panel);background:var(--color-hud-bg);block-size:32px;color:var(--color-hud-text);filter:none;place-items:center;padding:0}:root[data-theme=contrast] .mark-bubble[data-bubble=collect]{border-style:double;border-width:calc(2 * var(--border-strong))}.building-actions{pointer-events:auto;position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x)}.building-actions>:is(.lazy-loading,.lazy-failed){inline-size:max-content;max-inline-size:280px;margin:0;position:absolute;inset-block-end:0;translate:-50%}.building-index{inline-size:min(280px, calc(100vw - 2 * var(--space-1)));max-block-size:min(420px, calc(100dvh - var(--hud-top-size) - var(--dock-block-size) - var(--touch-min) - var(--space-3)));padding:var(--space-1);position:absolute;inset-block-end:calc(100% + var(--touch-min) + var(--space-1));inset-inline-end:calc(var(--touch-min) + var(--space-1));overflow:auto}.auth-screen,.asset-download{background:radial-gradient(circle at 50% 30%, var(--color-sea), var(--color-hud-bg))}.auth-card{font-size:var(--text-caption)}.auth-card h1{font-size:var(--text-section)}:root[data-theme=contrast] :is(.auth-screen,.asset-download){background:var(--color-bg)}.app-starting{min-block-size:100dvh;color:var(--color-hud-text);font-family:var(--font-display);font-size:var(--text-section)}:root[data-theme=contrast] .app-starting{color:var(--color-text)}.guide-steps li.is-done .guide-check{font-size:0}.guide-steps li.is-done .guide-check:before{content:"";background:currentColor;block-size:12px;inline-size:12px;-webkit-mask:url(../art/icons/ui/check.svg) 50%/contain no-repeat;mask:url(../art/icons/ui/check.svg) 50%/contain no-repeat}.guide-panel{--hk-control:32px}.guide-panel .btn{padding-inline:var(--space-1);font-size:var(--text-micro)}.outskirts-count{min-inline-size:var(--touch-min);min-block-size:calc(var(--touch-min) / 2);padding-inline:var(--space-half);border:var(--border-strong) solid var(--color-hud-text);border-radius:var(--radius-panel);background:var(--color-hud-bg);color:var(--color-hud-text);font-size:var(--text-caption);font-variant-numeric:tabular-nums;place-items:center;line-height:1}:root[data-theme=contrast] .outskirts-count{filter:none}