@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(./cinzel-latin-ext-600-normal-BY9Mq9iK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(./cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(./cinzel-latin-600-normal-CH_LB4su.woff)format("woff");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}: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;--touch-min:44px;--font-display:"Cinzel", Georgia, serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--letter-spacing-code:.05em;--text-caption:.875rem;--text-body:1rem;--text-section:1.25rem;--text-panel:1.5rem;--text-screen:2rem;--shadow-panel:0 4px 16px #1729362e;--shadow-dock:0 0 10px #1729364d;--shadow-sheet:0 8px 28px #17293652;--shadow-raised:0 1px 2px #17293659;--halo-scene:drop-shadow(0 0 2px #000000bf) drop-shadow(0 1px 1px #00000080);--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:46%;--panel-in-scale:.98;--dock-block-size:0px;--dock-inline-size:0px;--panel-side-size:400px;--panel-side-landscape:360px;--panel-window-size:880px;--panel-sheet-size:88%;--motion-panel:.2s;--ease-panel:cubic-bezier(.2, .8, .2, 1);--text-micro:.6875rem;--badge-size:18px;--opacity-disabled:.55;--border-strong:2px;--border-heavy:3px;--focus-ring-width:3px;--focus-ring-offset:2px;--line-height-body:1.4;--measure-banner:16rem;--color-bg:#faf5e9;--color-surface:#fffdf7;--color-surface-alt:#efe2c8;--color-text:#172936;--color-text-muted:#44596a;--color-cta:#a5502f;--color-cta-text:#fff;--color-hud-bg:#244e6a;--color-hud-text:#faf5e9;--color-hud-gain:#b4d08a;--color-danger:#a12f1f;--color-success:#4b5e2c;--color-focus:#1f7a7d;--color-border:#8c7b5e;--color-accent:#d6a84e;--color-sea:#2f7f97;--color-icon-plate:#efe2c8;--color-scrim:#0e1a2280;--focus-ring:var(--color-focus);--brand-google-fill:#fff;--brand-google-fill-hover:#ececec;--brand-google-stroke:#747775;--brand-google-text:#1f1f1f}:root[data-theme=dark]{--brand-google-fill:#131314;--brand-google-fill-hover:#292a2b;--brand-google-stroke:#8e918f;--brand-google-text:#e3e3e3}*,: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:600}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]){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-cta-text);--hk-on-gold:var(--color-text);--hk-on-off:var(--color-text);--hk-terracotta:var(--color-cta);--hk-halo:var(--color-hud-bg)}[data-theme=dark]{--hk-on-face:var(--color-hud-text);--hk-on-gold:var(--color-surface);--hk-on-off:var(--color-text-muted);--hk-terracotta:color-mix(in srgb, var(--color-cta) 55%, var(--color-hud-bg))}.btn{min-block-size:var(--hk-control);min-inline-size:var(--hk-control);padding:0 var(--space-2) 3px;--hk-face:var(--hk-terracotta);background:var(--hk-face) content-box;color:var(--hk-on-face);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:600 var(--text-caption) / 1.1 var(--font-display);letter-spacing:.02em;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-half);border:0 solid;border-image:url(../art/hud/button_primary.svg) 34 30 30 fill/8px 14px;border-radius:10px;text-decoration:none;transition:transform .1s,filter .1s;display:inline-flex;position:relative}.btn:after{content:"";inset:calc((var(--hk-control) - var(--touch-min)) / 2);position:absolute}: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.secondary{--hk-face:var(--color-hud-bg);border-image-source:url(../art/hud/button_secondary.svg)}.btn.gold{--hk-face:var(--color-accent);color:var(--hk-on-gold);text-shadow:none;border-image-source:url(../art/hud/button_gold.svg)}.btn.success{--hk-face:var(--color-accent);color:var(--hk-on-gold);text-shadow:none;border-image-source:url(../art/hud/button_success.svg)}.btn.danger{border-image-source:url(../art/hud/button_danger.svg)}[data-theme=dark] .btn{border-image-source:url(../art/hud/dark/button_primary.svg)}[data-theme=dark] .btn.secondary{border-image-source:url(../art/hud/dark/button_secondary.svg)}[data-theme=dark] .btn.gold{border-image-source:url(../art/hud/dark/button_gold.svg)}[data-theme=dark] .btn.success{border-image-source:url(../art/hud/dark/button_success.svg)}[data-theme=dark] .btn.danger{border-image-source:url(../art/hud/dark/button_danger.svg)}.btn:hover:not([disabled],[aria-disabled=true]){background-color:var(--hk-face);filter:brightness(1.08);transform:translateY(-1px)}.btn:active:not([disabled],[aria-disabled=true]){filter:brightness(.92);transform:translateY(1px)scale(.97)}.btn:is([disabled],[aria-disabled=true]):not([aria-busy=true]){--hk-face:var(--color-surface-alt);color:var(--hk-on-off);text-shadow:none;opacity:1;filter:none;cursor:not-allowed;border-image-source:url(../art/hud/button_disabled.svg);transform:none}[data-theme=dark] .btn:is([disabled],[aria-disabled=true]):not([aria-busy=true]){border-image-source:url(../art/hud/dark/button_disabled.svg)}.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)}:is(.btn,.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/panel.svg) 48/24px round;padding:12px}[data-theme=dark] .hk-panel{border-image-source:url(../art/hud/dark/panel.svg)}.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:var(--hk-terracotta) 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/panel_header.svg) 30 64 12 fill/6px 30px 4px}[data-theme=dark] :is(.hk-title,.panel-body :is(h1[id$=-title],#settings-title)){border-image-source:url(../art/hud/dark/panel_header.svg)}.hk-tab:not(.dock-item){border:0 solid;border-image:url(../art/hud/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/tab_active.svg);font-weight:900}[data-theme=dark] .hk-tab:not(.dock-item){border-image-source:url(../art/hud/dark/tab_idle.svg)}[data-theme=dark] .hk-tab:not(.dock-item):is([aria-current=page],[aria-selected=true]){border-image-source:url(../art/hud/dark/tab_active.svg)}.hk-pill{color:var(--color-hud-text);direction:ltr;border:0 solid;border-image:url(../art/hud/resource_pill.svg) 0 28 0 52 fill/0 18px 0 34px}[data-theme=dark] .hk-pill{border-image-source:url(../art/hud/dark/resource_pill.svg)}.hk-bar{border:0 solid;border-image:url(../art/hud/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/progress_fill_build.svg) 14 fill/7px;min-inline-size:14px;transition:inline-size .3s;display:block}[data-theme=dark] .hk-bar{border-image-source:url(../art/hud/dark/progress_track.svg)}[data-theme=dark] .hk-bar>i{border-image-source:url(../art/hud/dark/progress_fill_build.svg)}.toast{--focus-ring:var(--color-hud-text);color:var(--color-hud-text);border:0 solid;border-image:url(../art/hud/toast_info.svg) 20 20 20 64 fill/10px 10px 10px 32px}.toast-success{border-image-source:url(../art/hud/toast_success.svg)}.toast-error{border-image-source:url(../art/hud/toast_error.svg)}[data-theme=dark] .toast{border-image-source:url(../art/hud/dark/toast_info.svg)}[data-theme=dark] .toast-success{border-image-source:url(../art/hud/dark/toast_success.svg)}[data-theme=dark] .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:1px solid var(--hk-border);background:var(--color-surface-alt);color:var(--hk-text);font-size:var(--text-caption);border-radius:10px;display:flex}.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-text);color:var(--color-bg);border-color:var(--hk-accent)}.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) solid var(--color-border);border-image:}[data-theme=contrast] .btn{--hk-face:var(--color-cta);background:var(--color-cta);color:var(--color-cta-text);padding-block-end:0}[data-theme=contrast] :is(.btn,.hk-title,.panel-body :is(h1[id$=-title],#settings-title)){text-shadow:none}[data-theme=contrast] .btn.secondary{--hk-face:var(--color-hud-bg);background:var(--color-hud-bg);color:var(--color-hud-text)}[data-theme=contrast] .btn:is(.gold,.success){--hk-face:var(--color-surface);background:var(--color-surface);color:var(--color-text)}[data-theme=contrast] .btn.danger{--hk-face:var(--color-danger);background:var(--color-danger)}[data-theme=contrast] .btn:is([disabled],[aria-disabled=true]){background:var(--color-surface-alt);color:var(--color-text);border-style:dashed}[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)}@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}#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);inset-inline:var(--dock-inline-size) 0;outline:none;flex-direction:column;display:flex;position:absolute}.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:calc(-1 * var(--dock-inline-size)) 0}.app[data-route=replay] .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{inset-block-start:0;inset-inline:var(--dock-inline-size) 0;position:absolute}.hud-banners{inset-block-start:var(--hud-bar-size);inset-inline:var(--dock-inline-size) 0;z-index:var(--z-hud-banners);position:absolute}.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);translate:0 var(--panel-drag,0px);outline:none;flex-direction:column;display:flex;position:absolute}.panel-host[data-variant=sheet]{block-size:var(--panel-sheet-size);max-block-size:calc(100% - var(--hud-top-size) - var(--dock-block-size));animation:shell-sheet-in var(--motion-panel) var(--ease-panel);border-start-start-radius:var(--radius-panel);border-start-end-radius:var(--radius-panel);inset-block-end:var(--dock-block-size);inset-inline:0}.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% - var(--dock-inline-size) - 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:calc(var(--dock-inline-size) + 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-host[data-variant=sheet] .panel-head{touch-action:none;padding-block-start:var(--space-2)}.panel-grab{inline-size:var(--space-3);block-size:var(--space-half);border-radius:var(--space-half);background:var(--color-border);position:absolute;inset-block-start:var(--space-half);inset-inline-start:50%;translate:-50%}.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-sheet-in{0%{translate:0 100%}}@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}.ambrosia-pill,.resource{position:relative}.resource-exact{z-index:var(--z-popover);padding:var(--space-half) var(--space-1);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-panel);font-size:var(--text-caption);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;position:absolute;inset-block-start:calc(100% + var(--space-half));inset-inline-start:0}.resource:is(:focus-visible,.is-exact) .resource-exact{opacity:1}@media (hover:hover){.resource:hover .resource-exact{opacity:1}}.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}.building-panel.building-panel-empty{display:none}.building-list{z-index:var(--z-panel);align-items:center;gap:var(--space-1);max-inline-size:50%;display:flex;position:absolute;inset-block-end:calc(var(--space-1) + 56px);inset-inline-start:var(--space-1);overflow-x:auto}.app[data-layout=phone] .building-list{inset-block:var(--space-1) auto;max-inline-size:calc(100% - var(--space-2))}.app[data-layout=phone] .guide-panel.quest-tracker{inset-block-start:calc(var(--space-1) + 52px)}.building-list ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.building-list button{min-block-size:var(--touch-min);white-space:nowrap;box-shadow:var(--shadow-panel)}.building-list button:focus-visible,.building-list-build:focus-visible{outline:3px solid var(--color-text);outline-offset:2px;box-shadow:0 0 0 2px var(--color-surface), 0 0 0 7px var(--color-surface), var(--shadow-panel)}.building-list button[aria-pressed=true]{border-width:var(--border-strong);font-weight:600}.building-list-level{font-size:var(--text-micro)}.building-list-build{flex:none;display:flex}.build-sheet .panel-close{min-block-size:var(--touch-min);min-inline-size:var(--touch-min)}.build-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.build-type{gap:var(--space-1);border-block-end:1px solid var(--color-border);padding-block-end:var(--space-2);display:grid}.build-type h3,.build-type h4{font-size:var(--text-body)}.build-plots{gap:var(--space-1);border:0;margin:0;padding:0;display:grid}.build-plots legend{margin-block-end:var(--space-1);font-weight:600}.build-plot{cursor:pointer}.build-plot:hover{background:var(--color-surface-alt)}.build-plot:has(input:checked){border-color:var(--color-focus);box-shadow:inset 0 0 0 var(--border-strong) var(--color-focus);background:var(--color-surface-alt);font-weight:600}.build-sheet{scroll-padding-block-end:var(--build-footer-h,calc(2 * var(--touch-min) + var(--space-3)))}.build-sheet-footer{margin:0 calc(-1 * var(--space-2)) calc(-1 * var(--space-2));padding:var(--space-1) var(--space-2) max(var(--space-2), var(--safe-bottom));gap:var(--space-1);background:var(--color-surface);border-block-start:1px solid var(--color-border);display:grid;position:sticky;inset-block-end:calc(-1 * var(--space-2))}.build-choice{margin:0;font-weight:600}.build-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.build-actions .button-cta{flex:1}.building-panel{max-block-size:calc(100% - 2 * var(--space-2));overscroll-behavior:contain;gap:var(--space-2);inline-size:min(360px,42%);z-index:var(--z-panel);font-size:var(--text-caption);flex-direction:column;display:flex;position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);overflow-y:auto}.panel-header{align-items:center;gap:var(--space-1);display:flex}.panel-header>div{flex:1}.panel-header h2{font-size:var(--text-section)}.panel-thumb{object-fit:contain}.panel-section{gap:var(--space-1);display:grid}.panel-section h3{font-size:var(--text-caption);letter-spacing:.04em}.panel-section h4{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.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,.bonus{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}.bonus{color:var(--color-success);font-weight:600}@media (height<=500px) and (orientation:landscape){.building-panel{max-block-size:calc(100% - 2 * var(--space-1));inline-size:min(320px,46%);inset-block-start:var(--space-1)}}@media (width<=767px) and (orientation:portrait){.building-panel{border-end-end-radius:0;border-end-start-radius:0;max-block-size:55%;inline-size:auto;inset-block:auto 0;inset-inline:0}}.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) + var(--safe-bottom));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}@media (width<=767px) and (orientation:portrait){.toasts{inset-block-end:calc(80px + var(--safe-bottom))}.toasts.toasts-top{inset-block-start:calc(var(--toasts-top,0px) + var(--space-1));inset-block-end:auto}}.lazy-loading{margin:var(--space-2)}.lazy-failed{gap:var(--space-2);margin:var(--space-2);justify-items:start;display:grid}.guide-panel{font-size:var(--text-caption);overscroll-behavior:contain;gap:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.guide-panel-header{align-items:center;gap:var(--space-1);display:flex}.guide-panel-header h2{font-family:var(--font-display);font-size:var(--text-body);flex:auto;margin:0}.guide-progress{color:var(--color-text-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.guide-steps{gap:var(--space-half);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide-steps li{gap:var(--space-half) var(--space-1);grid-template-columns:24px minmax(0,1fr);align-items:start;display:grid}.guide-check{border:2px solid var(--color-border);block-size:20px;inline-size:20px;font-size:var(--text-caption);border-radius:50%;place-items:center;line-height:1;display:inline-grid}.guide-steps li.is-done .guide-check{border-color:var(--color-success);background:var(--color-success);color:var(--color-cta-text)}.guide-steps li.is-done .guide-step-title{color:var(--color-text-muted)}.guide-steps li.is-next .guide-check{border-color:var(--color-cta)}.guide-steps li.is-next .guide-step-title{font-weight:600}.guide-step-next{align-items:flex-start;gap:var(--space-half);font-size:var(--text-caption);flex-direction:column;grid-column:2;display:flex}.guide-next,.next-action{align-items:center;gap:var(--space-half) var(--space-1);flex-wrap:wrap;margin:0;display:flex}.guide-hide{align-self:flex-start}.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}.claim-receipt{gap:var(--space-1);padding-block:var(--space-1);border-block-start:1px solid var(--color-border);flex-direction:column;display:flex}.claim-receipt h3{margin:0}.receipt-lost{color:var(--color-danger);margin:0;font-weight:600}.receipt-xp{margin:0;padding-inline-start:var(--space-3)}.history-receipt summary{min-block-size:var(--touch-min);padding-block:var(--space-1);cursor:pointer;text-decoration:underline;display:inline-block}.leader-xp{gap:var(--space-half);flex-direction:column;display:flex}.leader-xp progress{block-size:10px;inline-size:100%;accent-color:var(--color-accent)}.god-next-star{align-items:flex-start;gap:var(--space-half);border-block-start:1px dashed var(--color-border);flex-direction:column;padding-block-start:var(--space-1);display:flex}.god-next-star h3{margin:0}.settings-guides{gap:var(--space-half);border:0;flex-direction:column;margin:0;padding:0;display:flex}.settings-guides legend{padding:0;font-weight:600}@media (height<=500px) and (orientation:landscape){.guide-steps li{font-size:var(--text-caption)}.guide-panel button{padding-block:0}}.app:not([data-layout=desktop]) .app-main:has(.building-panel:not(.building-panel-empty)) .guide-panel{display:none}.app-main:has(.build-sheet) .guide-panel{display:none}@media (width<=767px) and (orientation:portrait){.guide-highlight{margin-inline:var(--space-1)}}.claim-receipt .cost-list{max-inline-size:28rem}.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}.dev-toolbar{position:relative}.dev-toolbar summary{min-inline-size:var(--touch-min);min-block-size:var(--touch-min);border-radius:var(--radius-control);font-size:var(--text-caption);cursor:pointer;border:1px dashed;place-items:center;font-weight:700;list-style:none;display:grid}.dev-toolbar summary::-webkit-details-marker{display:none}.dev-panel{z-index:var(--z-dev);gap:var(--space-1);inline-size:min(300px,90vw);display:grid;position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-end:0}.app>.dev-toolbar{z-index:var(--z-dev);color:var(--color-hud-text);inset-block-end:calc(var(--dock-block-size) + var(--space-1));inset-inline:max(var(--space-1), var(--safe-left)) max(var(--space-1), var(--safe-right));inline-size:max-content;margin-inline:auto;position:absolute}.app>.dev-toolbar summary{background:var(--color-hud-bg)}.app>.dev-toolbar .dev-panel{inset-block:auto calc(100% + var(--space-1));max-block-size:calc(100dvh - var(--dock-block-size) - 64px);inset-inline:calc(50% - min(150px,45vw)) auto;overflow-y:auto}.dev-panel label{gap:var(--space-half);display:grid}.perf-overlay{z-index:var(--z-dev);gap:2px var(--space-1);padding:var(--space-1);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:var(--text-caption);font-variant-numeric:tabular-nums;pointer-events:none;grid-template-columns:auto auto;margin:0;display:grid;position:fixed;inset-block-end:calc(var(--space-1) + var(--safe-bottom));inset-inline-start:var(--space-1)}.perf-overlay dd{text-align:end;margin:0;font-weight:600}.styleboard{block-size:100dvh;padding:var(--space-3);background:var(--color-bg);color:var(--color-text);gap:var(--space-3);align-content:start;display:grid;overflow-y:auto}.styleboard .screen-header a{min-block-size:var(--touch-min);padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.styleboard .screen-header a:hover{background:var(--color-surface-alt)}.swatches{margin:var(--space-1) 0 0;gap:var(--space-2);flex-wrap:wrap;align-items:flex-end;padding:0;list-style:none;display:flex}.swatches li{justify-items:center;gap:var(--space-half);font-size:var(--text-caption);display:grid}.swatches-icons li{grid-template-columns:auto auto;align-items:end}.swatches-icons code{grid-column:1/-1}.combat-preview{aspect-ratio:16/9;inline-size:min(100%,1024px);border-radius:var(--radius-panel);margin-block-start:var(--space-1);position:relative;overflow:hidden}.combat-preview>img:first-child{object-fit:cover;block-size:100%;inline-size:100%}.combat-preview-unit{inline-size:12.5%;position:absolute}@media (width<=767px) and (orientation:portrait){.perf-overlay{inset-block-end:calc(80px + var(--safe-bottom))}}.ambrosia-pill{align-items:center;gap:var(--space-half);min-block-size:32px;min-inline-size:var(--touch-min);padding-inline:6px var(--space-2);font:600 var(--text-caption) var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;--focus-ring:var(--color-hud-text);text-decoration:none;display:inline-flex}.ambrosia-pill:after{content:"";inset:calc((32px - var(--touch-min)) / 2) 0;position:absolute}.ambrosia-pill:hover{filter:brightness(1.1)}.ambrosia-pill.is-negative{border:var(--border-strong) solid var(--color-danger);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-danger);border-image:}.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-pill .ambrosia-icon{color:var(--color-text);justify-content:center;align-items:center;margin-inline-end:var(--space-half)}:root:is([data-theme=dark],[data-theme=contrast]) .ambrosia-pill .ambrosia-icon{color:var(--color-hud-text)}:root .ambrosia-pill.is-negative .ambrosia-icon{color:inherit}.ambrosia-negative{font-size:var(--text-caption)}.is-negative{color:var(--color-danger)}.negative-balance-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}.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)}.asset-download{min-block-size:100dvh;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}.asset-download-panel{gap:var(--space-2);inline-size:min(100%,32rem);display:grid}.asset-download-panel>*{margin:0}.asset-download h1{font-family:var(--font-display);font-size:var(--text-section)}.asset-progress{block-size:var(--space-2)}:root[data-reduced-motion=true] .asset-progress>i{transition:none}@media (prefers-reduced-motion:reduce){.asset-progress>i{transition:none}}.asset-download-emblem{justify-self:center}.asset-download-size{justify-content:space-between;gap:var(--space-half) var(--space-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.asset-download-left{color:var(--color-text-muted)}.asset-download-error{padding:var(--space-1) var(--space-2);border:var(--border-strong) solid var(--color-danger);border-radius:var(--radius-control);color:var(--color-danger);background:var(--color-surface)}.asset-download-done{font-family:var(--font-display);color:var(--color-success);font-weight:600}.asset-download-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.asset-download-actions button{min-block-size:var(--touch-min);flex:auto}.assets-chip{z-index:var(--z-hud);inline-size:fit-content;max-inline-size:calc(100% - 2 * var(--space-2));min-block-size:var(--touch-min);padding-inline:var(--space-2);border-radius:calc(var(--touch-min) / 2);background:var(--color-surface);color:var(--color-text);border:var(--border-strong) solid var(--color-border);box-shadow:var(--shadow-panel);font-size:var(--text-caption);font-variant-numeric:tabular-nums;align-items:center;margin-inline:auto;font-weight:600;text-decoration:none;display:flex;position:absolute;inset-block-start:var(--space-2);inset-inline:0}@media (width<=767px) and (orientation:portrait){.assets-chip{inset-block-start:var(--space-1)}.city-screen:has(.assets-chip) .building-list{inset-block-start:calc(2 * var(--space-1) + var(--touch-min))}}.assets-chip:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.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%}.dock-badge{min-inline-size:var(--badge-size);block-size:var(--badge-size);padding-inline:var(--space-half);color:var(--color-hud-text);filter:drop-shadow(var(--shadow-raised));font:700 var(--text-micro) / var(--badge-size) var(--font-body);text-align:center;font-variant-numeric:tabular-nums;background:url(../art/hud/notif_dot.svg) 50%/contain no-repeat;position:absolute;inset-block-start:1px;inset-inline-start:calc(50% + 3px)}.dock-badge[data-wide]{background:0 0;border:0 solid;border-image:url(../art/hud/badge_count.svg) 13 fill/9px}:root[data-theme=dark] .dock-badge[data-wide]{border-image-source:url(../art/hud/dark/badge_count.svg)}.ambrosia-pill .dock-badge{inset-block-start:-6px;inset-inline:auto -6px}:root[data-theme=contrast] .dock-badge{border-radius:calc(var(--badge-size) / 2);background:var(--color-danger);box-shadow:0 0 0 var(--border-strong) var(--color-hud-text);filter:none;border-image:}.app .panel-host.hk-panel{box-shadow:var(--shadow-panel), var(--shadow-sheet)}.app .panel-host.hk-panel[data-variant=sheet]{border-block-end-width:0;border-image-width:24px 24px 0;border-radius:0}:root[data-theme=dark] .app .panel-host.hk-panel{border-image-source:url(../art/hud/dark/panel.svg)}.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}:root[data-theme=contrast] .app .panel-host.hk-panel[data-variant=sheet]{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.app .panel-host:not([data-variant=sheet]) .panel-head.hk-panel-head:not(:has(.panel-tabs)){z-index:1;background:0 0;border:0;padding:0;position:absolute;inset-block-start:-18px;inset-inline-end:-18px}.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)}.app .panel-host[data-variant=sheet] .panel-head.hk-panel-head{padding-block:14px 0}.app .panel-host[data-variant=sheet] .panel-head.hk-panel-head:not(:has(.panel-tabs)){background:0 0;min-block-size:22px;padding:0}.app .panel-host[data-variant=sheet] .panel-head:not(:has(.panel-tabs)) .panel-close{z-index:1;position:absolute;inset-block-start:-8px;inset-inline-end:0}: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)}.app .panel-grab{block-size:6px;inline-size:40px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface) 40%, transparent);border-radius:3px;inset-block-start:12px}:root[data-theme=contrast] .app .panel-grab{background:var(--color-text);box-shadow:none}.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/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/tab_active.svg)}:root[data-theme=dark] .app .panel-tab.hk-tab:before{border-image-source:url(../art/hud/dark/tab_idle.svg)}:root[data-theme=dark] .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(.dock-item.hk-tab,.panel-close.icon-button,.panel-tab.hk-tab):active{transform:none}}[data-reduced-motion=true] .app :is(.dock-item.hk-tab,.panel-close.icon-button,.panel-tab.hk-tab):active{transform:none}.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}.hud-top.hud-strip{align-items:center;gap:0 var(--space-half);padding:max(var(--space-half), var(--safe-top)) max(var(--space-1), var(--safe-left), var(--safe-right)) 12px;background:linear-gradient(var(--color-hud-bg) calc(100% - 12px), transparent);color:var(--color-hud-text);pointer-events:none;grid:44px/1fr 1fr 1fr 64px 1fr 1fr 1fr;display:grid}.hud-strip:after{content:"";background:url(../art/hud/strip_rule.svg) 0 100%/auto 8px repeat-x;block-size:8px;position:absolute;inset:auto 0 10px}.hud-strip>*,.hud-strip li,.hud-strip a{pointer-events:auto}.hud-strip :is(.resource-bar,ul,.resource-text){display:contents}.hud-avatar-group{justify-self:start;align-items:center;display:flex}.hud-avatar{border-radius:50%;block-size:56px;inline-size:56px;position:relative}.hud-avatar img{background:var(--color-icon-plate);border-radius:50%;block-size:46px;inline-size:46px}.hud-avatar:after{content:"";background:url(../art/hud/avatar_ring.svg) 50%/contain;position:absolute;inset:0}.hud-buffs{font-size:var(--text-micro);grid-auto-flow:column}.hud-strip .resource{min-block-size:var(--touch-min);border-radius:var(--radius-control);grid:auto auto/auto auto auto;place-content:center;gap:0 3px;display:grid}.resource-rate{color:var(--color-hud-gain);font:700 var(--text-micro) / 1 var(--font-body);text-align:center;grid-column:1/-1}.hud-strip .resource-icon{grid-row:2;block-size:20px;inline-size:20px}.resource-stock{font:600 var(--text-caption) / 1.1 var(--font-display);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;grid-row:2}.resource-full{font-size:var(--text-micro);text-transform:uppercase;grid-row:2}.hud-strip .resource:nth-child(3){grid-column:5}.hud-strip .resource-exact{box-shadow:none;color:var(--color-hud-text);background:0 0;border:8px solid;border-image:url(../art/hud/tooltip.svg) 16 fill/8px}:root[data-theme=dark] .hud-strip .resource-exact{border-image-source:url(../art/hud/dark/tooltip.svg)}.hud-strip .ambrosia-pill{padding-inline:var(--space-half);border-image:;justify-self:end}.hud-strip .ambrosia-pill .ambrosia-icon{color:var(--color-accent)}.ambrosia-plus{background:var(--color-cta);block-size:22px;inline-size:22px;color:var(--color-cta-text);border-radius:50%;place-items:center;display:grid}.city-medallion{background-image:url(../art/hud/city_medallion.svg);grid-area:1/4;place-self:start center;place-items:end center;block-size:64px;inline-size:56px;padding-block-end:4px}.city-medallion-level{min-inline-size:20px;color:var(--color-text);font:700 11px / 12px var(--font-display)}.hud-offers{z-index:var(--z-hud);gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid;position:absolute;inset-block-start:calc(var(--hud-top-size) + var(--space-2));inset-inline-end:max(var(--space-1), var(--safe-right))}.offer-tile{block-size:56px;inline-size:56px;color:var(--color-text);font:700 10px / 1.1 var(--font-display);border:0 solid;border-image:url(../art/hud/offer_tile.svg) 26 24 24 fill/13px 12px 12px;align-content:center;padding-block-start:8px}.guide-panel.quest-tracker{z-index:var(--z-hud);max-block-size:45%;inline-size:240px;padding:0 0 var(--space-1);border:1px solid var(--color-accent);background:color-mix(in srgb, var(--color-text) 94%, transparent);color:var(--color-hud-text);border-radius:10px;gap:0;font-size:12px;position:absolute;inset-block-start:var(--space-1);inset-inline-start:max(var(--space-1), var(--safe-left))}.quest-tracker>:not(.guide-panel-header){margin:var(--space-half) var(--space-1) 0}.quest-tracker .guide-panel-header{isolation:isolate;gap:6px;min-block-size:32px;padding-inline-start:10px;position:relative}.quest-tracker .guide-panel-header:before{content:"";z-index:-1;border:0 solid;border-image:url(../art/hud/tracker_head.svg) 12 28 12 12 fill/12px 28px 12px 12px;position:absolute;inset:0}.quest-tracker h2{color:var(--color-accent);font-size:var(--text-caption);font-variant:small-caps}.quest-tracker :is(.guide-progress,.guide-step-count){color:var(--color-hud-gain);font-variant-numeric:tabular-nums}.quest-tracker :is(.muted,li.is-done .guide-step-title){color:inherit}.quest-tracker .guide-steps li{grid-template-columns:20px auto minmax(0,1fr)}.quest-tracker .guide-step-next{grid-column:2/-1}.guide-fold .mask-icon{rotate:90deg}.is-folded .guide-fold .mask-icon{rotate:-90deg}.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{background-image:url(../art/hud/map_button.svg);border-radius:50%;block-size:64px;inline-size:64px}.map-button[aria-current=page]{background-image:url(../art/hud/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 12px var(--font-display);font-variant-numeric:tabular-nums;border-width:0 10px;border-image:url(../art/hud/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-label{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.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-text);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,.offer-tile){filter:var(--halo-scene)}:root[data-theme=dark] .city-medallion{background-image:url(../art/hud/dark/city_medallion.svg)}:root[data-theme=dark] .offer-tile{border-image-source:url(../art/hud/dark/offer_tile.svg)}:root[data-theme=dark] .quest-tracker .guide-panel-header:before{border-image-source:url(../art/hud/dark/tracker_head.svg)}:root[data-theme=dark] .map-button{background-image:url(../art/hud/dark/map_button.svg)}:root[data-theme=dark] .map-button[aria-current=page]{background-image:url(../art/hud/dark/map_button_active.svg)}:root[data-theme=dark] :is(.city-medallion-level,.offer-tile){color:var(--color-hud-text)}:root[data-theme=dark] :is(.dock .hk-tab[aria-current=page],.hud-collect){color:var(--color-surface)}:root[data-theme=dark] .guide-panel.quest-tracker{background:color-mix(in srgb, var(--color-hud-bg) 94%, transparent)}:root[dir=rtl] .quest-tracker .guide-panel-header:before{scale:-1 1}:root[data-theme=contrast] :is(.city-medallion,.map-button,.map-marches,.dock .hk-tab,.dock-expand,.hud-collect,.offer-tile),:root[data-theme=contrast] .quest-tracker .guide-panel-header:before{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] .city-medallion{place-items:center;padding:0}:root[data-theme=contrast] .city-medallion-level{color:var(--color-hud-text);font-size:var(--text-section)}:root[data-theme=contrast] .hud-strip:after{background:var(--color-hud-text);block-size:1px}:root[data-theme=contrast] .hud-avatar:after{border:var(--border-strong) solid;background:0 0;border-radius:50%}:root[data-theme=contrast] :is(.quest-tracker h2,.dock .hk-tab[aria-current=page]){color:var(--color-hud-text);text-decoration:underline}:root[data-theme=contrast] .guide-panel.quest-tracker{border-color:var(--color-hud-text);background:var(--color-hud-bg)}.app[data-layout=phone] .hud-top.hud-strip{grid:44px 36px/repeat(4,minmax(0,1fr))}.app[data-layout=phone] .hud-strip .resource{grid-area:2;min-block-size:36px}.app[data-layout=phone] .city-medallion{grid-area:1/2/2/4;block-size:56px;inline-size:48px}.app[data-layout=phone] .hud-strip .ambrosia-pill{grid-area:1/4}.app[data-layout=phone] .guide-panel.quest-tracker{max-block-size:30%;inline-size:200px}.settings-close{justify-self:start}.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)}.building-list .hk-chip{font-size:var(--text-caption)}.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)}