:root{--color-bg:#1b1f2a;--color-surface:#2a3040;--color-surface-hover:#343b4e;--color-border:#3c4356;--color-text:#e8ecf4;--color-text-muted:#8a93a8;--color-accent:#f2b84b;--color-on-accent:#1b1f2a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius:8px;--content-width:480px;--font-size:15px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;touch-action:pan-x pan-y}html,body{background:var(--color-bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;font:var(--font-size) / 1.4 system-ui, sans-serif;color:var(--color-text);margin:0;overflow:hidden}body{flex-direction:column;display:flex;position:fixed;inset:0}@media (display-mode:standalone){html{height:100vh}body{height:100vh;bottom:auto}}#ui{min-height:0;padding:calc(env(safe-area-inset-top) + var(--space-4)) calc(env(safe-area-inset-right) + var(--space-4)) var(--space-4) calc(env(safe-area-inset-left) + var(--space-4));flex:1;overflow-y:auto}#footer{justify-content:center;gap:var(--space-3);padding:var(--space-2) calc(env(safe-area-inset-right) + var(--space-4)) calc(env(safe-area-inset-bottom) + var(--space-2)) calc(env(safe-area-inset-left) + var(--space-4));color:var(--color-text-muted);font-size:12px;display:flex}#ui>*{max-width:var(--content-width);margin-inline:auto}input,textarea{-webkit-user-select:text;user-select:text;font-size:16px}#ui p{margin:0 0 var(--space-2)}.resource{justify-content:space-between;gap:var(--space-2);display:flex}.resource .rate{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.buildings{margin:var(--space-4) 0;padding:var(--space-3) 0 var(--space-1);border-block:1px solid var(--color-border)}.building+.building{margin-top:var(--space-4)}#ui .building-name{margin:0;font-weight:600}.hint{color:var(--color-text-muted);margin:0;font-size:13px}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#ui button,.dialog-body button{width:100%;margin:var(--space-2) 0;padding:10px var(--space-4);color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:background-color .1s,transform 50ms;display:block}#ui button:disabled,.dialog-body button:disabled{opacity:.5}#ui button:active:not(:disabled),.dialog-body button:active:not(:disabled){transform:scale(.98)}@media (hover:hover){#ui button:hover:not(:disabled),.dialog-body button:hover:not(:disabled){background:var(--color-surface-hover)}}button.link{color:var(--color-accent);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.dialog{width:min(var(--content-width), calc(100vw - 2 * var(--space-4)));max-height:80dvh;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);padding:0}.dialog[open]{flex-direction:column;display:flex}.dialog::backdrop{background:#0009}.dialog header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.dialog h2{margin:0;font-size:17px}.dialog-body{padding:0 var(--space-4) var(--space-4);overflow-y:auto}.changelog h3{margin:var(--space-4) 0 var(--space-2);color:var(--color-accent);font-size:14px}.changelog ul{margin:0;padding-left:20px}.changelog li{margin-bottom:var(--space-1)}.update-banner{left:calc(env(safe-area-inset-left) + var(--space-4));right:calc(env(safe-area-inset-right) + var(--space-4));bottom:calc(env(safe-area-inset-bottom) + 40px);max-width:var(--content-width);padding:var(--space-3) var(--space-4);color:var(--color-on-accent);background:var(--color-accent);border-radius:calc(var(--radius) + 2px);border:0;margin-inline:auto;font-weight:600;position:fixed;box-shadow:0 4px 16px #0006}.update-banner[hidden]{display:none}