:root{--color-salt-crust:#c9c2ae;--color-wet-silt:#4a4438;--color-rust:#8a4b2a;--color-verdigris:#3e7a6b;--color-signal-yellow:#d8a22b;--color-sheet-blue:#1e262b;--color-warning-red:#b33a2b}html,body{background:var(--color-sheet-blue);height:100%;margin:0;overflow:hidden}body{touch-action:none;overscroll-behavior:none}canvas{display:block}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-condensed-latin-600-normal-0taFJMb7.woff2)format("woff2"),url(/assets/saira-condensed-latin-600-normal-CJ-Ib_yI.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--hud-hairline:.0625rem;--hud-edge-light:color-mix(in srgb, var(--color-sheet-blue), white 18%);--hud-edge-dark:color-mix(in srgb, var(--color-sheet-blue), black 45%);--hud-sheen:color-mix(in srgb, var(--color-sheet-blue), white 6%);--hud-label:color-mix(in srgb, var(--color-salt-crust), var(--color-sheet-blue) 40%);--hud-font-display:"Saira Condensed", system-ui, sans-serif;--hud-font-numbers:"IBM Plex Mono", ui-monospace, monospace}.hud{padding:.75rem;pointer-events:none;-webkit-user-select:none;user-select:none;padding-block-start:calc(.75rem + env(safe-area-inset-top));padding-inline-end:calc(.75rem + env(safe-area-inset-right));position:fixed;inset-block-start:0;inset-inline-end:0}.hud__panel{background-color:var(--color-sheet-blue);background-image:linear-gradient(to bottom, color-mix(in srgb, var(--hud-sheen) 64%, transparent), color-mix(in srgb, var(--color-sheet-blue) 78%, transparent)), url(/assets/hud_plate-BVDtTqek.webp);border-block-start:var(--hud-hairline) solid var(--hud-edge-light);border-block-end:var(--hud-hairline) solid var(--hud-edge-dark);background-repeat:repeat,repeat;background-size:auto,20rem;border-radius:.125rem;flex-direction:column;gap:.15rem;min-inline-size:8rem;padding:.4rem .85rem .5rem;display:flex}.hud__label{font-family:var(--hud-font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--hud-label);font-size:.7rem;font-weight:600}.hud__value{font-family:var(--hud-font-numbers);font-variant-numeric:tabular-nums;color:var(--color-salt-crust);font-size:1.35rem;font-weight:500;line-height:1.1}@media (max-width:40rem){.hud{justify-content:flex-end;align-items:flex-end;gap:.5rem;padding:.5rem;padding-block-end:calc(.5rem + env(safe-area-inset-bottom));display:flex;inset-block:auto 0;inset-inline:0}.hud__panel{flex-direction:row;justify-content:flex-end;align-items:baseline;gap:.6rem}}.hud__bar{pointer-events:none;flex-direction:column;gap:.35rem;margin-block-start:.5rem;display:flex}.token{pointer-events:auto;cursor:pointer;text-align:start;inline-size:100%;font-family:var(--hud-font-display);background-color:var(--color-sheet-blue);background-image:linear-gradient(to bottom, color-mix(in srgb, var(--hud-sheen) 64%, transparent), color-mix(in srgb, var(--color-sheet-blue) 78%, transparent)), url(/assets/hud_plate-BVDtTqek.webp);border:0;border-block-start:var(--hud-hairline) solid var(--hud-edge-light);border-block-end:var(--hud-hairline) solid var(--hud-edge-dark);background-size:auto,20rem;border-radius:.125rem;grid-template-rows:auto auto;grid-template-columns:2.4rem 1fr;align-items:center;column-gap:.5rem;padding:.3rem .5rem;display:grid}.token__icon{object-fit:contain;block-size:2.4rem;inline-size:2.4rem;image-rendering:pixelated;grid-row:1/3}.token__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-salt-crust);font-size:.7rem;font-weight:600}.token__cost{font-family:var(--hud-font-numbers);font-variant-numeric:tabular-nums;color:var(--hud-label);font-size:.75rem;font-weight:500}.token--picked{border-block-start-color:var(--hud-edge-dark);border-block-end-color:var(--hud-edge-light);outline:var(--hud-hairline) solid var(--color-signal-yellow);outline-offset:calc(var(--hud-hairline) * -1)}.token--picked .token__label{color:var(--color-signal-yellow)}.token--poor{opacity:.45}.token--poor .token__cost{color:var(--color-warning-red)}@media (max-width:40rem){.hud__bar{flex-direction:row;justify-content:flex-end;margin-block-start:0;margin-inline-end:.5rem}.token{grid-template-columns:2rem auto;inline-size:auto}.token__label{display:none}}.hud__power{font-family:var(--hud-font-numbers);font-variant-numeric:tabular-nums;color:var(--color-salt-crust);font-size:.8rem;font-weight:500}.hud__power--short{color:var(--color-warning-red)}.token{--token-fill:0%;position:relative;overflow:hidden}.token:after{content:"";block-size:var(--token-fill);background:color-mix(in srgb, var(--color-signal-yellow) 22%, transparent);pointer-events:none;position:absolute;inset-block-end:0;inset-inline:0}.token--working .token__cost{color:var(--color-signal-yellow)}.token--ready{box-shadow:0 .12rem .2rem color-mix(in srgb, var(--color-sheet-blue) 70%, transparent);transform:translateY(-.08rem)}.token--ready .token__label{color:var(--color-signal-yellow)}.hud__bar--units{margin-block-start:.35rem}.hud__bar--hidden{display:none}span.token__icon{image-rendering:pixelated;background-position:50%;background-repeat:no-repeat}.token[data-queued]:not([data-queued=""]):before{content:attr(data-queued);z-index:1;font-family:var(--hud-font-numbers);color:var(--color-signal-yellow);font-size:.7rem;position:absolute;inset-block-start:.15rem;inset-inline-end:.3rem}