.hud{--hud-unit:clamp(13px, 1.7vmin, 18px);--hud-gap:calc(var(--hud-unit) * .9);--hud-radius:6px;--hud-bg:#090e16e0;--hud-bg-raised:#121a26f5;--hud-line:#ffffff1f;--hud-shadow:0 6px 18px #00000073;--hud-fg:#eef2f6;--hud-fg-dim:#9aa9ba;--hud-fg-off:#6d7c8c;--hud-accent:#2f6fb5;--hud-accent-hover:#3f86d1;--hud-danger-bg:#962828f0;--hud-danger-hover:#b23434f5;--hud-warn:#e8b23c;--hud-food:#e2705a;--hud-stone:#9db4c6;--hud-gold:#e8b23c;--hud-science:#9b8ce0;--hud-capacity:#6fbf8e;--hud-tap:44px;--hud-edge-right:max(var(--hud-gap), env(safe-area-inset-right,0px));--hud-edge-bottom:max(var(--hud-gap), env(safe-area-inset-bottom,0px));--hud-edge-left:max(var(--hud-gap), env(safe-area-inset-left,0px));pointer-events:none;color:var(--hud-fg);font-size:var(--hud-unit);line-height:1.35;position:absolute;inset:0}.hud-bottom{right:var(--hud-edge-right);bottom:var(--hud-edge-bottom);left:var(--hud-edge-left);gap:var(--hud-gap);pointer-events:none;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute}.hud-corner{align-items:flex-end;gap:calc(var(--hud-gap) * .5);flex-direction:column;flex:none;display:flex}.hud-step{align-items:center;gap:calc(var(--hud-unit) * .55);min-height:var(--hud-tap);padding:0 calc(var(--hud-unit) * .95);border-radius:var(--hud-radius);background:var(--hud-accent);color:#fff;font:inherit;font-size:calc(var(--hud-unit) * 1.02);cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;display:flex}.hud-step:hover{background:var(--hud-accent-hover)}.hud-step:focus-visible{outline-offset:2px;outline:2px solid #fff}.hud-step-count{padding-right:calc(var(--hud-unit) * .55);color:#fffc;font-size:calc(var(--hud-unit) * .85);font-variant-numeric:tabular-nums;border-right:1px solid #ffffff4d}.hud-step-key{color:#ffffff8c;font-size:calc(var(--hud-unit) * .8)}@media (hover:none){.hud-step-key{display:none}}.hud-resources{gap:calc(var(--hud-unit) * .75);padding:calc(var(--hud-unit) * .25) calc(var(--hud-unit) * .6);border-radius:var(--hud-radius);background:var(--hud-bg);font-size:calc(var(--hud-unit) * .9);font-variant-numeric:tabular-nums;pointer-events:none;display:flex}.hud-resource{gap:calc(var(--hud-unit) * .25);align-items:baseline;display:flex}.hud-anchored{white-space:nowrap;pointer-events:none;position:absolute;translate:-50% -100%}.hud-tag{max-width:15em;padding:calc(var(--hud-unit) * .25) calc(var(--hud-unit) * .55);border-radius:var(--hud-radius);background:var(--hud-bg);font-size:calc(var(--hud-unit) * .88);flex-direction:column;align-items:stretch;display:flex}.hud-card{border:1px solid var(--hud-line);background:var(--hud-bg-raised);box-shadow:var(--hud-shadow)}.hud-tag-line{align-items:baseline;gap:calc(var(--hud-unit) * .5);display:flex}.hud-tag-action{margin-top:calc(var(--hud-unit) * .35);padding:calc(var(--hud-unit) * .2) calc(var(--hud-unit) * .6);border-radius:var(--hud-radius);background:var(--hud-accent);color:#fff;font:inherit;font-size:calc(var(--hud-unit) * .85);cursor:pointer;pointer-events:auto;touch-action:manipulation;border:none}.hud-tag-action:hover:not(:disabled){background:var(--hud-accent-hover)}.hud-tag-action:focus-visible{outline-offset:2px;outline:2px solid #fff}.hud-tag-action:disabled{color:var(--hud-fg-off);cursor:default;background:#ffffff12}.hud-tag-hint{margin-top:calc(var(--hud-unit) * .2);color:var(--hud-fg-dim);font-size:calc(var(--hud-unit) * .78);white-space:normal}.hud-tag-name{font-weight:600}.hud-tag-stat{color:var(--hud-fg-dim);font-variant-numeric:tabular-nums}.hud-message{padding:calc(var(--hud-unit) * .25) calc(var(--hud-unit) * .6);border-radius:var(--hud-radius);font-size:calc(var(--hud-unit) * .88);animation:1.8s ease-out forwards hud-float}.hud-message-bad{background:var(--hud-danger-bg)}.hud-message-good{border:1px solid var(--hud-accent-hover);background:var(--hud-bg-raised);box-shadow:var(--hud-shadow)}@keyframes hud-float{0%{opacity:0;translate:-50% calc(6px - 100%)}12%{opacity:1;translate:-50% -100%}75%{opacity:1;translate:-50% calc(-100% - 6px)}to{opacity:0;translate:-50% calc(-100% - 12px)}}@media (prefers-reduced-motion:reduce){.hud-message{animation:none}}[hidden]{display:none!important}.hud-card{gap:calc(var(--hud-unit) * .15);max-width:18em;padding:calc(var(--hud-unit) * .45) calc(var(--hud-unit) * .7)}.hud-card-row{color:var(--hud-fg);font-variant-numeric:tabular-nums}.hud-card-work{margin-top:calc(var(--hud-unit) * .25);padding-top:calc(var(--hud-unit) * .25);color:var(--hud-fg-dim);white-space:normal;border-top:1px solid #ffffff26}.hud-card-detail{margin-top:calc(var(--hud-unit) * .15);color:var(--hud-fg-dim);font-size:calc(var(--hud-unit) * .78);font-variant-numeric:tabular-nums}.hud-card-options{gap:calc(var(--hud-unit) * .45);margin-top:calc(var(--hud-unit) * .3);flex-direction:column;display:flex}.hud-card-option{gap:0 calc(var(--hud-unit) * .5);grid-template-columns:auto 1fr;align-items:start;display:grid}.hud-card-option>.hud-sprite{grid-row:1/span 3;align-self:center}.hud-card-option>.hud-card-detail{margin-top:0}.hud-card-option>.hud-tag-action{margin-top:calc(var(--hud-unit) * .25)}.hud-card-head{gap:calc(var(--hud-unit) * .5);align-items:center;display:flex}.hud-tag-action-danger:not(:disabled){background:var(--hud-danger-bg)}.hud-tag-action-danger:hover:not(:disabled){background:var(--hud-danger-hover)}.hud-city{gap:calc(var(--hud-unit) * .4);min-width:0;min-height:var(--hud-tap);padding:0 calc(var(--hud-unit) * .5);border-radius:var(--hud-radius);background:var(--hud-bg);font-size:calc(var(--hud-unit) * .88);pointer-events:none;flex:auto;align-items:stretch;display:flex}.hud-strip-section{gap:calc(var(--hud-unit) * .4);min-width:0;padding:0 calc(var(--hud-unit) * .45);white-space:nowrap;flex:0 auto;align-items:center;display:flex;position:relative}.hud-strip-section+.hud-strip-section{border-left:1px solid #ffffff26}.hud-strip-icon{opacity:.75}.hud-strip-stat{color:var(--hud-fg);font-variant-numeric:tabular-nums}.hud-strip-dim{color:var(--hud-fg-dim);text-overflow:ellipsis;overflow:hidden}.hud-chips{gap:calc(var(--hud-unit) * .25);scrollbar-width:none;align-items:center;min-width:0;display:flex;overflow-x:auto}.hud-chips::-webkit-scrollbar{display:none}.hud-chip{padding:calc(var(--hud-unit) * .2) calc(var(--hud-unit) * .4);border-radius:var(--hud-radius);color:var(--hud-fg);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff26;flex:none}.hud-chip:hover{background:#ffffff29}.hud-chip:focus-visible{outline-offset:2px;outline:2px solid #fff}.hud-chip-open{border-color:var(--hud-accent-hover);background:var(--hud-accent)}.hud-chip-warn{border-color:var(--hud-warn);box-shadow:inset 0 0 0 1px #e8b23c59}.hud-chip-open-list{margin-left:calc(var(--hud-unit) * .15);flex:none}.hud-strip-card{bottom:calc(100% + var(--hud-unit) * .4);z-index:1;white-space:nowrap;width:max-content;max-width:min(22em,80vw);position:absolute;left:0}.hud-tag-hint-warn{color:var(--hud-warn)}.hud-card-trade{margin-top:calc(var(--hud-unit) * .3);padding-top:calc(var(--hud-unit) * .3);border-top:1px solid #ffffff26}.hud-card-trades{gap:calc(var(--hud-unit) * .25);margin-top:calc(var(--hud-unit) * .2);grid-template-columns:1fr 1fr;display:grid}.hud-card-trades .hud-tag-action{font-variant-numeric:tabular-nums;margin-top:0}.hud-sprite{height:calc(var(--hud-unit) * 2.4);image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:block}.hud-strip-section>.hud-sprite{height:calc(var(--hud-unit) * 1.8)}.hud-bar{width:calc(var(--hud-unit) * 3.5);height:calc(var(--hud-unit) * .4);border-radius:calc(var(--hud-unit) * .2);background:#ffffff1f;display:block;overflow:hidden}.hud-bar-fill{border-radius:inherit;background:var(--hud-accent-hover);height:100%;transition:width .12s linear;display:block}@media (prefers-reduced-motion:reduce){.hud-bar-fill{transition:none}}.hud-resource-food{color:var(--hud-food)}.hud-resource-stone{color:var(--hud-stone)}.hud-resource-gold{color:var(--hud-gold)}.hud-resource-science{color:var(--hud-science)}.hud-resource-capacity{color:var(--hud-capacity)}.hud-toggle{gap:calc(var(--hud-unit) * .35);padding:calc(var(--hud-unit) * .3) calc(var(--hud-unit) * .55);border:1px solid var(--hud-line);border-radius:var(--hud-radius);background:var(--hud-bg);color:var(--hud-fg-dim);font:inherit;font-size:calc(var(--hud-unit) * .85);cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:none;align-items:center;display:flex}.hud-toggle:hover{color:var(--hud-fg)}.hud-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.hud-toggle-on{color:var(--hud-fg)}.hud-toggle-on .hud-toggle-mark{color:var(--hud-accent-hover)}@media (width<=30em){.hud-toggle span:not(.hud-toggle-mark){display:none}}