feat: client side game strings

feat: game strings api
feat: card styles
2026-11-01 15:00:36 +01:00 · 2026-01-13 13:30:09 -06:00 · 2026-01-13 13:18:55 -06:00 · 2026-01-13 12:46:34 -06:00 · 2026-01-12 14:13:21 -06:00 · 2026-01-12 14:00:13 -06:00
120 changed files with 4226 additions and 2039 deletions
@@ -0,0 +1,66 @@
+name: Website UE
+
+on:
+  push:
+  workflow_dispatch:
+
+  schedule:
+    - cron: "0 4 * * *"
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: ${{ github.ref == 'refs/heads/main' }}
+
+env:
+  WOTB_SERVER: ${{ secrets.WOTB_SERVER }}
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+        with:
+          submodules: recursive
+          token: ${{ secrets.GH_TOKEN }}
+
+      - uses: oven-sh/setup-bun@v2
+
+      - uses: actions/setup-node@v6
+        with:
+          node-version: latest
+
+      - uses: arduino/setup-protoc@v3
+        with:
+          repo-token: ${{ secrets.GH_TOKEN }}
+
+      - uses: actions/configure-pages@v5
+
+      - run: bun run setup
+
+      - name: Build website
+        run: bun run build:website
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v4
+        with:
+          path: dist/website
+
+  deploy-github-pages:
+    if: ${{ github.ref == 'refs/heads/ue' && github.repository == 'blitzkit/host-beta' }}
+    name: Deploy to GitHub Pages
+    runs-on: ubuntu-latest
+    needs: build
+    environment:
+      name: Production
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
@@ -22,7 +22,7 @@ depots
 public/sitemap*
 /firebase.json
 target
-# packages/core/src/protos/*.ts
+packages/website-ue/src/protos/*.ts
 /.vercel
 .astro
 .vercel
@@ -17,8 +17,6 @@
    "astrojs",
    "astrolib",
    "atgm",
-    "Autoloader",
-    "Autoreloader",
    "AYUV",
    "battleresults",
    "bbox",
@@ -61,6 +59,7 @@
    "Ddpf",
    "Ddsd",
    "deadrail",
+    "DEBUFF",
    "debugflags",
    "deburr",
    "decalmask",
@@ -177,6 +176,7 @@
    "ratingleaderboard",
    "raycaster",
    "Redirector",
+    "REGEN",
    "Relogin",
    "researchable",
    "Resvg",
@@ -191,10 +191,12 @@
    "searchtanks",
    "SHAREDEXP",
    "SKLLD",
+    "sluggify",
    "smoothstep",
    "Smri",
    "Specularity",
    "SSAO",
+    "stackable",
    "startcase",
    "statkit",
    "statsfull",
@@ -1,13 +1,13 @@
 {
  "name": "blitzkit",
-  "version": "1.29.10",
+  "version": "2.0.0-beta.2",
  "license": "BlitzKit License",
  "private": true,
  "scripts": {
    "build:assets": "cd packages/scripts && bun run build:assets",
    "build:averages": "bun --filter=@blitzkit/scripts run build:averages",
    "build:bot": "cd packages/scripts && bun run build:bot",
-    "build:website": "cd packages/website && bun run build",
+    "build:website": "cd packages/website-ue && bun run build",
    "build:prisma": "prisma generate",
    "build:proxyclient": "cd packages/scripts && bun run build:proxyclient",
    "build:catalogitemaccesssor": "cd packages/scripts && bun run build:catalogitemaccesssor",
@@ -16,26 +16,26 @@
    "dev:bot": "bun run build:bot --dev && bun start:bot",
    "start:bot": "bun dist/bot/main.js",
    "dev:docs": "vitepress dev docs",
-    "dev:website": "cd packages/website && bun run dev",
+    "dev:website": "cd packages/website-ue && bun run dev",
    "dev:app": "cd packages/app && bun run dev",
    "dev": "bun run dev:website",
    "dev:api": "bun --filter=@blitzkit/api run dev",
    "setup:depotdownloader": "bun --filter=@blitzkit/scripts run setup:depotdownloader",
    "setup:patches": "bun --filter=@blitzkit/scripts run setup:patches",
-    "start:website": "bun --filter=@blitzkit/website run start",
+    "start:website": "bun --filter=@blitzkit/website-ue run start",
    "host:docs": "vitepress preview docs",
    "lint": "tsc",
-    "lint:website": "cd packages/website && bun run lint",
+    "lint:website": "cd packages/website-ue && bun run lint",
    "format": "prettier --write \"**/*.@(json|js|jsx|css|md|ts|tsx|html|xml|yml|gltf)\"",
    "update": "yarn upgrade --latest",
    "tunnel": "cloudflared tunnel --url http://localhost:3000",
    "discoverids": "scripts/discoverIds.ts",
    "build:protos": "cd packages/scripts && bun run build:protos",
-    "preview:website": "cd packages/website && bun run preview",
+    "preview:website": "cd packages/website-ue && bun run preview",
    "build:reviews": "cd packages/scripts && bun build:reviews",
    "build:ids": "cd packages/scripts && bun build:ids",
    "prunestrings": "cd packages/scripts && bun prunestrings",
-    "setup": "bun install && bun run build:prisma && bun run build:protos && bun run build:proxyclient",
+    "setup": "bun install && bun run build:prisma && bun run build:protos && bun run build:proxyclient && bun run build:catalogitemaccesssor",
    "patchnotes": "cd packages/scripts && bun run patchnotes"
  },
  "type": "module",
@@ -43,6 +43,7 @@
    "packages/*"
  ],
  "dependencies": {
+    "@fontsource-variable/jetbrains-mono": "^5.2.8",
    "@prisma/client": "^6.18.0",
    "prisma": "^6.18.0",
    "typescript": "^5.9.3"
@@ -1,49 +1,50 @@
-export * from './assertSecret';
-export * from './asset';
-export * from './availableProvisions';
-export * from './averageDefinitions';
+export * from "./assertSecret";
+export * from "./asset";
+export * from "./availableProvisions";
+export * from "./averageDefinitions";
 // export * from './camouflageDefinitions';
 // export * from './checkConsumableProvisionInclusivity';
-export * from './coefficient';
-export * from './consumableDefinitions';
+export * from "./coefficient";
+export * from "./consumableDefinitions";
 // export * from './context';
-export * from './createDefaultSkills';
-export * from './degressiveStat';
-export * from './discoveredIdDefinitions';
-export * from './emblemURL';
-export * from './equipmentDefinitions';
-export * from './eventManager';
-export * from './gameDefinitions';
-export * from './getArchivedLatestSeasonNumber';
+export * from "./createDefaultSkills";
+export * from "./degressiveStat";
+export * from "./discoveredIdDefinitions";
+export * from "./emblemURL";
+export * from "./equipmentDefinitions";
+export * from "./eventManager";
+export * from "./gameDefinitions";
+export * from "./getArchivedLatestSeasonNumber";
 // export * from './getArchivedRatingInfo';
-export * from './getArchivedRatingLeaderboard';
+export * from "./getArchivedRatingLeaderboard";
 // export * from './getArchivedRatingMidnightLeaderboard';
-export * from './getTimeDaysAgo';
-export * from './isExplosive';
-export * from './mapDefinitions';
-export * from './modelDefinitions';
-export * from './normalizeBoundingBox';
+export * from "./getTimeDaysAgo";
+export * from "./isExplosive";
+export * from "./mapDefinitions";
+export * from "./modelDefinitions";
+export * from "./normalizeBoundingBox";
 // export * from './parseBkni';
 // export * from './patientFetch';
-export * from './patientFetchJSON';
-export * from './progressiveStat';
-export * from './provisionDefinitions';
-export * from './resolveDpm';
-export * from './resolvePenetrationCoefficient';
-export * from './reviews';
-export * from './skillDefinitions';
-export * from './sum';
-export * from './tankDefinitions';
-export * from './tankIcon';
-export * from './tankNames';
-export * from './unionBoundingBox';
-export * from './uniqueGuns';
-export * from './unwrapBlitzkitResponse';
-export * from './votes';
+export * from "./patientFetchJSON";
+export * from "./progressiveStat";
+export * from "./provisionDefinitions";
+export * from "./resolveDpm";
+export * from "./resolvePenetrationCoefficient";
+export * from "./reviews";
+export * from "./skillDefinitions";
+export * from "./sum";
+export * from "./tankDefinitions";
+export * from "./tankIcon";
+export * from "./tankNames";
+export * from "./unionBoundingBox";
+export * from "./uniqueGuns";
+export * from "./unwrapBlitzkitResponse";
+export * from "./votes";
 // export * from './withCORSProxy';
-export * from './createDefaultProvisions';
-export * from './gallery';
-export * from './metaSortTank';
-export * from './popularTanks';
-export * from './romanize';
-export * from './youtubers';
+export * from "./createDefaultProvisions";
+export * from "./gallery";
+export * from "./metaSortTank";
+export * from "./popularTanks";
+export * from "./romanize";
+export * from "./sluggify.ts";
+export * from "./youtubers";
@@ -0,0 +1,16 @@
+import { deburr } from "lodash-es";
+
+const nonAlphanumericRegex = /[^a-z0-9]/g;
+const multipleDashesRegex = /--+/g;
+const trailingDashRegex = /-$/g;
+const leadingDashRegex = /^-/g;
+
+export function sluggify(value: string) {
+  let slug = deburr(value).toLowerCase();
+  slug = slug.replaceAll(nonAlphanumericRegex, "-");
+  slug = slug.replaceAll(multipleDashesRegex, "-");
+  slug = slug.replaceAll(trailingDashRegex, "");
+  slug = slug.replaceAll(leadingDashRegex, "");
+
+  return slug;
+}
@@ -3,6 +3,7 @@ export * from "./fisherYates";
 export * from "./formatCompact";
 export * from "./isNumber";
 export * from "./NaNFallback";
+export * from "./normalizeAngleDeg";
 export * from "./normalizeAngleRad";
 export * from "./normalToEuler";
 export * from "./numberToRomanNumeral";
@@ -0,0 +1,6 @@
+export function normalizeAngleDeg(angle: number) {
+  const newAngle = angle % 360;
+  if (newAngle > 360) return newAngle - 360;
+  if (newAngle < -360) return newAngle + 360;
+  return newAngle;
+}
@@ -1,4 +1,2 @@
 export * from "./literals";
 export * from "./strings";
-export * from "./unwrapper";
-export * from "./wrapper";
@@ -1,68 +1,3 @@
-import { merge } from "ts-deepmerge";
-import locales from "../locales.json";
-import en from "../strings/en.json";
-import es from "../strings/es.json";
-import fr from "../strings/fr.json";
-import ja from "../strings/ja.json";
-import pl from "../strings/pl.json";
-import pt from "../strings/pt.json";
-import ru from "../strings/ru.json";
-import uk from "../strings/uk.json";
-import zh from "../strings/zh.json";
+import type en from "../strings/en.json";

-export type BlitzKitStrings = typeof en;
-
-const stringsRaw: Record<string, TranslationTree> = {
-  en,
-  es,
-  fr,
-  ja,
-  pl,
-  pt,
-  ru,
-  uk,
-  zh,
-};
-
-export const STRINGS: Record<string, BlitzKitStrings> = {};
-
-for (const locale in stringsRaw) {
-  if (locale === locales.default) {
-    STRINGS[locales.default] = stringsRaw[locales.default] as BlitzKitStrings;
-    continue;
-  }
-
-  const localeStrings = stringsRaw[locale];
-  STRINGS[locale] = merge(
-    stringsRaw[locales.default],
-    localeStrings
-  ) as BlitzKitStrings;
-}
-
-export const SUPPORTED_LOCALE_BLITZ_MAP: Record<string, string> = {
-  en: "en",
-  es: "es",
-  fr: "fr",
-  ja: "ja",
-  pt: "pt",
-  ru: "ru",
-  uk: "uk",
-  zh: "zh-Hans",
-  pl: "pl",
-};
-
-export const SUPPORTED_LOCALE_FLAGS: Record<string, string> = {
-  en: "🇺🇸",
-  es: "🇪🇸",
-  fr: "🇫🇷",
-  ja: "🇯🇵",
-  pt: "🇵🇹",
-  ru: "🇷🇺",
-  uk: "🇺🇦",
-  zh: "🇨🇳",
-  pl: "🇵🇱",
-};
-
-export type TranslationTree = { [key: string]: TranslationNode };
-
-export type TranslationNode = string | TranslationTree;
+export type Strings = typeof en;
@@ -1,12 +0,0 @@
-import { I18nString } from "../../core/src";
-import locales from "../locales.json";
-
-export function unwrapper(locale = locales.default) {
-  return function (i18nString: I18nString) {
-    if (locale in i18nString.locales) {
-      return i18nString.locales[locale];
-    }
-
-    return i18nString.locales[locales.default];
-  };
-}
@@ -1,15 +0,0 @@
-import locales from "../locales.json";
-import { type BlitzKitStrings, STRINGS } from "./strings";
-
-export function wrapper(slicer: (strings: BlitzKitStrings) => string) {
-  const defaultString = slicer(STRINGS[locales.default] as BlitzKitStrings);
-
-  const object = { [locales.default]: defaultString };
-
-  for (const { locale } of locales.supported) {
-    const string = slicer(STRINGS[locale] as BlitzKitStrings);
-    if (string !== defaultString) object[locale] = string;
-  }
-
-  return object;
-}
@@ -1,21 +1,16 @@
-import { exec as execSync } from "child_process";
+import { execFile } from "child_process";
 import { existsSync } from "fs";
-import { readdir, rm } from "fs/promises";
-import { promisify } from "util";
+import { mkdir, readdir, rm, writeFile } from "fs/promises";

-const MAX_COMMAND_LENGTH = 2 ** 11;
 const TS_PROTO_EXECUTABLE_LOCATIONS = [
  "./node_modules/.bin/protoc-gen-ts_proto",
  "../../node_modules/.bin/protoc-gen-ts_proto",
 ];
-
-const roots = [
-  // "../../packages/core/src/protos",
+const ROOTS = [
  "../../packages/closed/protos",
+  "../../packages/website-ue/src/protos",
 ];

-const exec = promisify(execSync);
-
 let tsProtoExecutableLocation: string | undefined = undefined;

 for (const location of TS_PROTO_EXECUTABLE_LOCATIONS) {
@@ -36,42 +31,38 @@ if (!tsProtoExecutableLocation) {
  );
 }

-for (const root of roots) {
+await mkdir("temp", { recursive: true });
+
+for (const root of ROOTS) {
+  let args = "";
+
+  for (const include of ROOTS) {
+    args += `-I=${include}\n`;
+  }
+
+  args += `--plugin=${tsProtoExecutableLocation}\n`;
+  args += "--ts_proto_opt=esModuleInterop=true\n";
+  args += "--ts_proto_opt=oneof=unions-value\n";
+  args += "--ts_proto_opt=unrecognizedEnum=false\n";
+  args += "--ts_proto_opt=snakeToCamel=false\n";
+  args += `--ts_proto_out=${root}\n`;
+
  const filesRaw = await readdir(`${root}`);
  const files: string[] = [];

  for (const file of filesRaw) {
-    if (file.endsWith(".proto")) files.push(file);
+    if (file.endsWith(".proto")) {
+      files.push(file);
+      args += `${root}/${file}\n`;
+    }
+
    if (file.endsWith(".ts")) await rm(`${root}/${file}`);
  }

-  while (files.length > 0) {
-    let command = [
-      "protoc",
-      `--plugin=${tsProtoExecutableLocation}`,
-      "--ts_proto_opt=esModuleInterop=true",
-      "--ts_proto_opt=oneof=unions-value",
-      // "--ts_proto_opt=removeEnumPrefix=true",
-      "--ts_proto_opt=unrecognizedEnum=false",
-      "--ts_proto_opt=snakeToCamel=false",
-      `--ts_proto_out=${root}`,
-      `-I=${root}`,
-    ].join(" ");
-
-    while (true) {
-      if (files.length === 0) break;
-
-      const file = files.at(-1);
-      const newLine = ` ${root}/${file}`;
-
-      if (command.length + newLine.length < MAX_COMMAND_LENGTH) {
-        command += newLine;
-        files.pop();
-      } else {
-        break;
-      }
-    }
-
-    await exec(command);
-  }
+  await writeFile("temp/protoc.txt", args);
+  execFile("protoc", ["@temp/protoc.txt"], (error, stdout, stderr) => {
+    if (error) throw new Error(error.message);
+    if (stderr) console.error(stderr);
+    if (stdout) console.log(stdout);
+  });
 }
@@ -0,0 +1,104 @@
+import node from "@astrojs/node";
+import react from "@astrojs/react";
+import locales from "@blitzkit/i18n/locales.json";
+import strings from "@blitzkit/i18n/strings/en.json";
+import { mauve, mauveDark } from "@radix-ui/colors";
+import favicons from "astro-favicons";
+import { defineConfig } from "astro/config";
+import packageJSON from "../../package.json";
+
+const POSSIBLE_TARGETS = ["app", "web"];
+
+const target = process.env.PUBLIC_TARGET;
+
+if (!target || !POSSIBLE_TARGETS.includes(target)) {
+  throw new Error("Invalid target");
+}
+
+export default defineConfig({
+  devToolbar: { enabled: false },
+
+  vite: {
+    server: { allowedHosts: [] },
+
+    esbuild: {
+      minifyIdentifiers: true,
+      minifySyntax: false,
+      minifyWhitespace: true,
+    },
+  },
+  output: target === "web" ? "static" : "server",
+  site: "https://blitzkit.app",
+  outDir: "../../dist/website",
+  prefetch: { defaultStrategy: "hover", prefetchAll: true },
+
+  build: { concurrency: 4 },
+  adapter: target === "app" ? node({ mode: "standalone" }) : undefined,
+
+  integrations: [
+    favicons({
+      name: strings.common.name,
+      short_name: strings.common.name,
+
+      background: mauveDark.mauve1,
+      themes: [mauve.mauve1, mauveDark.mauve1],
+      appleStatusBarStyle: "black-translucent",
+
+      version: packageJSON.version,
+
+      // shortcuts: Object.values(tools)
+      //   .filter((tool) => !tool.disabled && !tool.href)
+      //   .map((tool) => {
+      //     const stringId = (tool.strings ??
+      //       tool.id) as keyof typeof strings.website.tools;
+
+      //     return {
+      //       name: strings.website.tools[stringId].name,
+      //       name_localized: wrapper(
+      //         (strings) => strings.website.tools[stringId].name
+      //       ),
+      //       description: strings.website.tools[stringId].description,
+      //       description_localized: wrapper(
+      //         (strings) => strings.website.tools[stringId].description
+      //       ),
+      //       short_name: strings.website.tools[stringId].name,
+      //       short_name_localized: wrapper(
+      //         (strings) => strings.website.tools[stringId].name
+      //       ),
+      //       url: `/${tool.id}`,
+      //       icon: `public/assets/tools/${tool.id}.webp`,
+      //     };
+      //   }),
+
+      manifest: {
+        // description: strings.website.home.seo_description,
+        // description_localized: wrapper(
+        //   (strings) => strings.website.home.seo_description
+        // ),
+
+        dir: "ltr",
+        categories: ["utilities", "games", "developer", "developer tools"],
+
+        id: "com.tresabhi.blitzkit",
+        start_url: "/",
+        launch_handler: { client_mode: "navigate-new" },
+        display: "fullscreen",
+        display_override: ["fullscreen", "standalone", "minimal-ui"],
+
+        lang: locales.default,
+        orientation: "any",
+      },
+
+      icons: {
+        windows: true,
+        android: true,
+        appleIcon: true,
+        appleStartup: true,
+        favicons: true,
+        yandex: true,
+      },
+    }),
+
+    react(),
+  ],
+});
@@ -0,0 +1,48 @@
+{
+  "name": "@blitzkit/website-ue",
+  "type": "module",
+  "scripts": {
+    "dev": "PUBLIC_TARGET=web astro dev",
+    "build": "PUBLIC_TARGET=web astro build",
+    "preview": "PUBLIC_TARGET=web astro preview",
+    "lint": "PUBLIC_TARGET=web astro check",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/node": "^9.4.4",
+    "@astrojs/react": "^4.4.0",
+    "@astrolib/seo": "^1.0.0-beta.8",
+    "@blitzkit/closed": "workspace:*",
+    "@blitzkit/core": "workspace:*",
+    "@blitzkit/i18n": "workspace:*",
+    "@bufbuild/protobuf": "^2.10.2",
+    "@fontsource-variable/roboto-flex": "^5.2.8",
+    "@fontsource-variable/roboto-mono": "^5.2.8",
+    "@radix-ui/colors": "^3.0.0",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@react-three/drei": "^10.7.6",
+    "@react-three/fiber": "^9.4.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@types/three": "^0.180.0",
+    "@vite-pwa/astro": "^1.1.0",
+    "astro": "^5.14.4",
+    "astro-favicons": "^3.1.5",
+    "fuzzysort": "^3.1.0",
+    "immer": "^10.1.3",
+    "lodash-es": "^4.17.21",
+    "quicklime": "^1.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-promise-suspense": "^0.3.4",
+    "sharp": "^0.34.5",
+    "three": "^0.180.0",
+    "three-stdlib": "^2.36.0",
+    "typescript": "^5.9.3",
+    "varuna": "workspace:*",
+    "vite": "^7.1.9",
+    "yaml": "^2.8.1"
+  }
+}
@@ -0,0 +1,46 @@
+<svg width="426" height="426" viewBox="0 0 426 426" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M416.628 244.997L235.625 372.974C223.13 381.809 202.87 381.809 190.375 372.974L9.37173 244.997C3.1239 240.58 -3.95076e-06 234.79 0 229V196.6H426V229C426 234.79 422.876 240.58 416.628 244.997Z" fill="#0D2847"/>
+<path d="M416.628 180.603L235.625 52.6262C223.13 43.7913 202.87 43.7913 190.375 52.6262L9.37172 180.603C-3.12391 189.438 -3.12391 203.762 9.37173 212.597L190.375 340.574C202.87 349.409 223.13 349.409 235.625 340.574L416.628 212.597C429.124 203.762 429.124 189.438 416.628 180.603Z" fill="#D9D9D9"/>
+<path d="M416.628 180.603L235.625 52.6262C223.13 43.7913 202.87 43.7913 190.375 52.6262L9.37172 180.603C-3.12391 189.438 -3.12391 203.762 9.37173 212.597L190.375 340.574C202.87 349.409 223.13 349.409 235.625 340.574L416.628 212.597C429.124 203.762 429.124 189.438 416.628 180.603Z" fill="url(#paint0_linear_764_240)"/>
+<path d="M416.628 180.603L235.625 52.6262C223.13 43.7913 202.87 43.7913 190.375 52.6262L9.37172 180.603C-3.12391 189.438 -3.12391 203.762 9.37173 212.597L190.375 340.574C202.87 349.409 223.13 349.409 235.625 340.574L416.628 212.597C429.124 203.762 429.124 189.438 416.628 180.603Z" fill="url(#paint1_linear_764_240)"/>
+<g filter="url(#filter0_d_764_240)">
+<path d="M197.056 150.108L201.368 153.051L290.596 213.945L306.6 202.599L310.832 199.599L289.153 184.23L288.86 177.31L335.236 182.298L351.706 170.622L359.102 165.378L288.049 158.111L286.355 118L263.968 133.871L265.867 167.722L217.292 135.762L197.056 150.108Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192.905 289L74.2242 204.714L70 201.714L116.393 168.767C129.906 159.17 143.124 153.539 156.048 151.875C168.971 150.211 180.919 153.275 191.893 161.069C198.702 165.905 202.718 171.006 203.941 176.372C205.165 181.658 204.302 186.506 201.354 190.918L201.692 191.158C208.978 188.301 216.935 187.286 225.563 188.113C234.247 188.9 242.613 192.151 250.66 197.866C261.803 205.779 266.398 214.825 264.446 225.004C262.551 235.142 254.96 244.929 241.672 254.366L192.905 289ZM221.999 242.08L200.456 257.38L163.905 231.422L185.448 216.123C192.007 211.465 198.473 209.23 204.846 209.42C211.22 209.529 217.193 211.562 222.764 215.519C228.392 219.516 231.31 223.797 231.521 228.364C231.732 232.85 228.558 237.422 221.999 242.08ZM165.937 205.64L146.77 219.252L114.693 196.472L133.861 182.859C140.363 178.241 146.435 175.887 152.076 175.798C157.717 175.708 163.07 177.462 168.135 181.059C173.256 184.696 175.809 188.557 175.796 192.643C175.726 196.69 172.44 201.022 165.937 205.64Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M197.056 156.108L290.596 219.945L310.832 205.599L306.6 202.599L289.153 190.23L288.86 183.31L335.236 188.298L359.102 171.378L351.706 170.622L288.049 164.111L286.355 124L263.968 139.871L265.867 173.722L217.292 141.762L201.368 153.051L197.056 156.108Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192.905 295L70 207.714L74.2242 204.714L116.393 174.767C129.906 165.17 143.124 159.539 156.048 157.875C168.971 156.211 180.919 159.275 191.893 167.069C198.702 171.905 202.718 177.006 203.941 182.372C205.165 187.658 204.302 192.506 201.354 196.918L201.692 197.158C208.978 194.301 216.935 193.286 225.563 194.113C234.247 194.9 242.613 198.151 250.66 203.866C261.803 211.779 266.398 220.825 264.446 231.004C262.551 241.142 254.96 250.929 241.672 260.366L192.905 295ZM221.999 248.08L200.456 263.38L163.905 237.422L185.448 222.123C192.007 217.465 198.473 215.23 204.846 215.42C211.22 215.529 217.193 217.562 222.764 221.519C228.392 225.516 231.31 229.797 231.521 234.364C231.732 238.85 228.558 243.422 221.999 248.08ZM165.937 211.64L146.77 225.252L114.693 202.472L133.861 188.859C140.363 184.241 146.435 181.887 152.076 181.798C157.717 181.708 163.07 183.462 168.135 187.059C173.256 190.696 175.809 194.557 175.796 198.643C175.726 202.69 172.44 207.022 165.937 211.64Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M310.832 199.599L306.6 202.599L310.832 205.599V199.599Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M359.102 165.378L351.706 170.622L359.102 171.378V165.378Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M201.368 153.051L197.056 150.108V156.108L201.368 153.051Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+<path d="M74.2242 204.714L70 201.714V207.714L74.2242 204.714Z" fill="#111927" fill-opacity="0.5" shape-rendering="crispEdges"/>
+</g>
+<path d="M197.056 150.108L290.596 213.945L310.832 199.599L289.153 184.23L288.86 177.31L335.236 182.298L359.102 165.378L288.049 158.111L286.355 118L263.968 133.871L265.867 167.722L217.292 135.762L197.056 150.108Z" fill="url(#paint2_linear_764_240)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M192.905 289L70 201.714L116.393 168.767C129.906 159.17 143.124 153.539 156.048 151.875C168.971 150.211 180.919 153.275 191.893 161.069C198.702 165.905 202.718 171.006 203.941 176.372C205.165 181.658 204.302 186.506 201.354 190.918L201.692 191.158C208.978 188.301 216.935 187.286 225.563 188.113C234.247 188.9 242.613 192.151 250.66 197.866C261.803 205.779 266.398 214.825 264.446 225.004C262.551 235.142 254.96 244.929 241.672 254.366L192.905 289ZM221.999 242.08L200.456 257.38L163.905 231.422L185.448 216.123C192.007 211.465 198.473 209.23 204.846 209.42C211.22 209.529 217.193 211.562 222.764 215.519C228.392 219.516 231.31 223.797 231.521 228.364C231.732 232.85 228.558 237.422 221.999 242.08ZM165.937 205.64L146.77 219.252L114.693 196.472L133.861 182.859C140.363 178.241 146.435 175.887 152.076 175.798C157.717 175.708 163.07 177.462 168.135 181.059C173.256 184.696 175.809 188.557 175.796 192.643C175.726 196.69 172.44 201.022 165.937 205.64Z" fill="url(#paint3_linear_764_240)"/>
+<defs>
+<filter id="filter0_d_764_240" x="66" y="116" width="297.103" height="185" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_764_240"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_764_240" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_764_240" x1="213" y1="46" x2="213" y2="347.2" gradientUnits="userSpaceOnUse">
+<stop stop-color="#10243E"/>
+<stop offset="1" stop-color="#0F1B2D"/>
+</linearGradient>
+<linearGradient id="paint1_linear_764_240" x1="127.008" y1="96.51" x2="241.48" y2="334.974" gradientUnits="userSpaceOnUse">
+<stop stop-color="#262A65"/>
+<stop offset="1" stop-color="#104D87"/>
+</linearGradient>
+<linearGradient id="paint2_linear_764_240" x1="215" y1="98.5" x2="299.5" y2="210.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.379808" stop-color="#C2E6FF"/>
+<stop offset="0.706731" stop-color="#70B8FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_764_240" x1="215" y1="98.5" x2="299.5" y2="210.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.379808" stop-color="#C2E6FF"/>
+<stop offset="0.706731" stop-color="#70B8FF"/>
+</linearGradient>
+</defs>
+</svg>
@@ -0,0 +1,24 @@
+.avatar-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-4);
+
+  .avatar-image {
+    width: 100%;
+    aspect-ratio: 7 / 8;
+    border-radius: var(--space-3);
+
+    background-size: cover;
+    background-position: center;
+
+    outline: var(--outline-interactive);
+    box-shadow: var(--shadow-subtle);
+  }
+
+  .avatar-label {
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
@@ -0,0 +1,30 @@
+import { api } from "../../core/api/dynamic";
+import { useAwait } from "../../hooks/useAwait";
+import type { Avatar } from "../../protos/avatar";
+import { Text } from "../Text";
+import "./index.css";
+
+interface Props {
+  avatar: Avatar;
+}
+
+export function AvatarCard({ avatar }: Props) {
+  // const { locale } = useLocale();
+  const { locale } = { locale: "en" };
+  const profileAvatarEntityStrings = useAwait(
+    () => api.groupedGameStrings(locale, "ProfileAvatarEntity"),
+    "profile-avatar-entity-strings"
+  );
+
+  return (
+    <div className="avatar-card">
+      <div
+        className="avatar-image"
+        style={{ backgroundImage: `url(/api/avatars/${avatar.name}.webp)` }}
+      />
+      <Text align="center" className="avatar-label">
+        {profileAvatarEntityStrings[avatar.stuff_ui!.display_name]}
+      </Text>
+    </div>
+  );
+}
@@ -0,0 +1,3 @@
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="sitemap" href="/sitemap-index.xml" />
@@ -0,0 +1,55 @@
+---
+import "@fontsource-variable/jetbrains-mono";
+import "@fontsource-variable/roboto-flex";
+---
+
+<style>
+  :root {
+    --space-0: 0.0625rem;
+    --space-1: 0.125rem;
+    --space-2: 0.25rem;
+    --space-3: 0.5rem;
+    --space-4: 1rem;
+    --space-5: 2rem;
+    --space-6: 4rem;
+    --space-7: 8rem;
+    --space-8: 16rem;
+    --space-9: 32rem;
+
+    --max-size: max(100vw, 100vh);
+
+    --font-size-regular: 1rem;
+    --font-size-minor: 0.75rem;
+    --font-size-major: 1.25rem;
+
+    --font-family-regular: "Roboto Flex Variable", sans-serif;
+    --font-family-mono: "JetBrains Mono Variable", monospace;
+
+    --color-regular: var(--gray-12);
+    --color-low-contrast: var(--gray-11);
+
+    --weight-light: 300;
+    --weight-regular: 400;
+    --weight-medium: 500;
+    --weight-bold: 700;
+    --weight-black: 900;
+
+    --outline-interactive: solid var(--space-1) var(--gray-5);
+    --outline-focus: var(--space-1) solid var(--accent-6);
+
+    --shadow-cavity:
+      inset calc(var(--space-1) * sin(45deg)) calc(var(--space-1) * sin(45deg))
+        var(--space-1) var(--black-a3),
+      inset calc(var(--space-1) * sin(45deg) * -1)
+        calc(var(--space-1) * sin(45deg) * -1) var(--space-1) var(--white-a1);
+    --shadow-bump:
+      inset calc(var(--space-1) * sin(45deg)) calc(var(--space-1) * sin(45deg))
+        var(--space-1) var(--white-a3),
+      inset calc(var(--space-1) * sin(45deg) * -1)
+        calc(var(--space-1) * sin(45deg) * -1) var(--space-1) var(--black-a3);
+    --shadow-subtle: var(--space-1) var(--space-1) var(--space-4)
+      var(--black-a11);
+
+    --blur-glass: blur(4rem);
+  }
+</style>
@@ -0,0 +1,25 @@
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  border-radius: var(--max-size);
+  padding: var(--space-3) var(--space-4);
+
+  background-color: var(--accent-9);
+  border: none;
+
+  font-family: var(--font-family-regular);
+  font-size: var(--font-size-minor);
+  color: var(--gray-1);
+  font-weight: var(--weight-medium);
+
+  .svg {
+    width: 1em;
+    height: 1em;
+  }
+
+  &[data-light-text="true"] {
+    color: var(--gray-12);
+  }
+}
@@ -0,0 +1,39 @@
+import type { ComponentProps } from "react";
+import { classNames } from "../../core/ui/classNames";
+import type { Color } from "../../core/ui/color";
+import "./index.css";
+
+export interface ButtonProps extends ComponentProps<"button"> {
+  color?: Color;
+  variant?: "solid";
+}
+
+const LIGHT_TEXT_COLORS = new Set<Color>([
+  "purple",
+  "gold",
+  "bronze",
+  "teal",
+  "grass",
+]);
+
+export function Button({
+  className,
+  color,
+  variant = "solid",
+  style,
+  ...props
+}: ButtonProps) {
+  return (
+    <button
+      className={classNames("button", className)}
+      data-color={color}
+      data-variant={variant}
+      data-light-text={color ? LIGHT_TEXT_COLORS.has(color) : undefined}
+      style={{
+        backgroundColor: color ? `var(--${color}-9)` : undefined,
+        ...style,
+      }}
+      {...props}
+    />
+  );
+}
@@ -0,0 +1,3 @@
+.code {
+  font-family: var(--font-family-mono);
+}
@@ -0,0 +1,9 @@
+import type { ComponentProps } from "react";
+import { classNames } from "../../core/ui/classNames";
+import "./index.css";
+
+export interface CodeProps extends ComponentProps<"code"> {}
+
+export function Code({ className, ...props }: CodeProps) {
+  return <code className={classNames("code", className)} {...props} />;
+}
@@ -0,0 +1,24 @@
+---
+import type { Color } from "../core/ui/color";
+
+interface Props {
+  color: Color;
+  alias: string;
+  alpha?: boolean;
+}
+
+const { color, alias, alpha } = Astro.props;
+
+let styles = "";
+
+styles += ":root{";
+
+for (let i = 0; i < 12; i++) {
+  const n = i + 1;
+  styles += `--${alias}-${alpha ? "a" : ""}${n}:var(--${color}-${alpha ? "a" : ""}${n});`;
+}
+
+styles += "}";
+---
+
+<style set:html={styles}></style>
@@ -0,0 +1,32 @@
+---
+import * as colors from "@radix-ui/colors";
+import type { Color } from "../core/ui/color";
+
+interface Props {
+  color: Color | AlphaOnlyColor;
+  alpha?: boolean;
+}
+
+const ALPHA_ONLY_COLORS = ["black", "white"] as const;
+type AlphaOnlyColor = (typeof ALPHA_ONLY_COLORS)[number];
+
+const { color, alpha } = Astro.props;
+const name = `${color}${
+  ALPHA_ONLY_COLORS.includes(color as AlphaOnlyColor) ? "" : "Dark"
+}${alpha ? "A" : ""}`;
+const scale = colors[name as keyof typeof colors];
+
+let styles = "";
+
+styles += ":root{";
+
+for (let i = 0; i < 12; i++) {
+  const n = i + 1;
+  const value = scale[`${color}${alpha ? "A" : ""}${n}` as keyof typeof scale];
+  styles += `--${color}-${alpha ? "a" : ""}${n}:${value};`;
+}
+
+styles += "}";
+---
+
+<style set:html={styles}></style>
@@ -0,0 +1,75 @@
+---
+import packageJson from "../../../../package.json";
+import { api } from "../core/api/dynamic";
+import { BlitzKitIcon } from "../icons/BlitzKit";
+import { Code } from "./Code";
+import { Text } from "./Text";
+
+interface Props {
+  locale: string;
+}
+
+const { locale } = Astro.props;
+
+const strings = await api.strings(locale);
+---
+
+<style>
+  .footer {
+    display: flex;
+    justify-content: center;
+
+    margin-top: calc(var(--space-4) * -1);
+    padding: var(--space-5) var(--space-5);
+
+    background-color: var(--gray-3);
+    color: var(--color-low-contrast);
+
+    .content {
+      flex: 1;
+      max-width: 52rem;
+
+      .logo {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .icon {
+          width: var(--space-6);
+          height: var(--space-6);
+        }
+
+        .info {
+          display: flex;
+          flex-direction: column;
+          align-items: end;
+          gap: var(--space-1);
+        }
+      }
+    }
+  }
+
+  .footer-spacer {
+    flex: 1;
+  }
+</style>
+
+<div class="footer-spacer"></div>
+
+<div class="footer">
+  <div class="content">
+    <div class="logo">
+      <BlitzKitIcon className="icon" />
+
+      <div class="info">
+        <Text lowContrast weight="medium" size="major">
+          {strings.common.name}
+        </Text>
+
+        <Code>
+          {packageJson.version}
+        </Code>
+      </div>
+    </div>
+  </div>
+</div>
@@ -0,0 +1,110 @@
+---
+import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
+import { api } from "../core/api/dynamic";
+import { BlitzKitIcon } from "../icons/BlitzKit";
+import { Code } from "./Code";
+import { Text } from "./Text";
+import { TextField } from "./TextField";
+
+interface Props {
+  locale: string;
+}
+
+const { locale } = Astro.props;
+
+const strings = await api.strings(locale);
+---
+
+<style>
+  .home-hero {
+    display: flex;
+    flex-direction: column;
+    justify-content: end;
+    align-items: center;
+    padding: 0 var(--space-4);
+    position: relative;
+
+    .wallpaper {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: calc(100% - var(--space-5) / 2);
+
+      z-index: -1;
+
+      background-image: url(/assets/home-hero.webp);
+      background-size: cover;
+      background-position: top;
+
+      .gradient {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        gap: var(--space-7);
+
+        width: 100%;
+        height: 100%;
+
+        background: linear-gradient(
+          color-mix(in srgb, transparent 50%, var(--gray-1)),
+          var(--gray-1)
+        );
+      }
+    }
+
+    .name {
+      margin: var(--space-6) 0;
+
+      .icon-wrapper {
+        position: relative;
+
+        width: var(--space-6);
+        height: var(--space-6);
+
+        .icon {
+          width: 100%;
+          height: 100%;
+        }
+
+        .version {
+          position: absolute;
+          top: 0;
+          right: 0;
+          transform: translate(100%, 0);
+          padding-left: var(--space-2);
+
+          font-weight: var(--weight-bold);
+          letter-spacing: -0.15em;
+        }
+      }
+    }
+
+    .text-field {
+      width: 100%;
+      max-width: 25rem;
+    }
+  }
+</style>
+
+<div class="home-hero">
+  <div class="wallpaper">
+    <div class="gradient"></div>
+  </div>
+
+  <div class="name">
+    <div class="icon-wrapper">
+      <BlitzKitIcon className="icon" />
+      <Code className="version">2.0</Code>
+    </div>
+
+    <Text lowContrast>
+      {strings.home.credit}
+    </Text>
+  </div>
+
+  <TextField placeholder={strings.home.search}>
+    <MagnifyingGlassIcon />
+  </TextField>
+</div>
@@ -0,0 +1,14 @@
+.link {
+  color: var(--accent-11);
+  text-decoration-color: currentColor;
+
+  &[data-underline="hover"],
+  &[data-underline="never"] {
+    text-decoration: none;
+  }
+
+  &[data-underline="hover"]:hover,
+  &[data-underline="hover"]:focus {
+    text-decoration: underline;
+  }
+}
@@ -0,0 +1,17 @@
+import type { ComponentProps } from "react";
+import { classNames } from "../../core/ui/classNames";
+import "./index.css";
+
+export interface LinkProps extends ComponentProps<"a"> {
+  underline?: "always" | "hover" | "never";
+}
+
+export function Link({ className, underline = "always", ...props }: LinkProps) {
+  return (
+    <a
+      className={classNames("link", className)}
+      {...props}
+      data-underline={underline}
+    />
+  );
+}
@@ -0,0 +1,15 @@
+import locales from "@blitzkit/i18n/locales.json";
+import { Link, type LinkProps } from "./Link";
+
+export interface LinkI18n extends LinkProps {
+  locale: string;
+}
+
+export function LinkI18n({ locale, href, ...props }: LinkI18n) {
+  return (
+    <Link
+      href={`${locale === locales.default ? "" : `/${locale}`}${href}`}
+      {...props}
+    />
+  );
+}
@@ -0,0 +1,56 @@
+---
+import { HamburgerMenuIcon, MagnifyingGlassIcon } from "@radix-ui/react-icons";
+import { BlitzKitIcon } from "../icons/BlitzKit";
+---
+
+<style>
+  .navbar {
+    position: sticky;
+    top: 0;
+    width: 100%;
+    margin-bottom: calc(var(--space-4) * -1);
+
+    display: flex;
+    justify-content: space-between;
+
+    z-index: 1;
+    backdrop-filter: var(--blur-glass);
+    background-color: var(--black-a11);
+
+    .side {
+      display: flex;
+
+      .action {
+        width: calc(var(--space-5) + var(--space-4));
+        height: calc(var(--space-5) + var(--space-4));
+
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .icon {
+          width: 1.25em;
+          height: 1.25em;
+        }
+      }
+    }
+  }
+</style>
+
+<div class="navbar">
+  <div class="side">
+    <div class="action">
+      <BlitzKitIcon className="icon" />
+    </div>
+  </div>
+
+  <div class="side">
+    <div class="action">
+      <MagnifyingGlassIcon className="icon" />
+    </div>
+
+    <div class="action">
+      <HamburgerMenuIcon className="icon" />
+    </div>
+  </div>
+</div>
@@ -0,0 +1,22 @@
+<style>
+  .section {
+    display: flex;
+    justify-content: center;
+    padding: 0 var(--space-4);
+
+    .content {
+      flex: 1;
+      max-width: 52rem;
+
+      display: flex;
+      flex-direction: column;
+      gap: var(--space-4);
+    }
+  }
+</style>
+
+<div class="section">
+  <div class="content">
+    <slot />
+  </div>
+</div>
@@ -0,0 +1,26 @@
+import type { CharacteristicOutput } from "../core/tankopedia/characteristics";
+import type { CharacteristicRenderConfig } from "../core/tankopedia/characteristicsOrder";
+import { renderCharacteristic } from "../core/tankopedia/renderCharacteristic";
+
+interface Props {
+  characteristic: CharacteristicOutput;
+  others: CharacteristicOutput[];
+  config: CharacteristicRenderConfig;
+}
+
+export function TankopediaCharacteristic({
+  characteristic,
+  others,
+  config,
+}: Props) {
+  if (characteristic === null) return null;
+
+  const rendered = renderCharacteristic(characteristic, config);
+
+  return (
+    <p>
+      {config.name}: {rendered} {config.units && `${config.units}`} (1 /{" "}
+      {others.length})
+    </p>
+  );
+}
@@ -0,0 +1,7 @@
+interface Props {
+  toy: string;
+}
+
+export function TankopediaToy({ toy }: Props) {
+  return <p>toy: {toy}</p>;
+}
@@ -0,0 +1,33 @@
+.text {
+  font-size: var(--font-size-regular);
+
+  &[data-size="minor"] {
+    font-size: var(--font-size-minor);
+  }
+  &[data-size="major"] {
+    font-size: var(--font-size-major);
+  }
+
+  &[data-weight="light"] {
+    font-weight: var(--weight-light);
+  }
+  &[data-weight="regular"] {
+    font-weight: var(--weight-regular);
+  }
+  &[data-weight="medium"] {
+    font-weight: var(--weight-medium);
+  }
+  &[data-weight="bold"] {
+    font-weight: var(--weight-bold);
+  }
+  &[data-weight="black"] {
+    font-weight: var(--weight-black);
+  }
+
+  &[data-align="center"] {
+    text-align: center;
+  }
+  &[data-align="right"] {
+    text-align: right;
+  }
+}
@@ -0,0 +1,34 @@
+import type { ComponentProps } from "react";
+import { classNames } from "../../core/ui/classNames";
+import type { Color } from "../../core/ui/color";
+import "./index.css";
+
+export interface TextProps extends ComponentProps<"span"> {
+  color?: Color;
+  weight?: "light" | "regular" | "medium" | "bold" | "black";
+  lowContrast?: boolean;
+  size?: "regular" | "minor" | "major";
+  align?: "left" | "center" | "right";
+}
+
+export function Text({
+  color = "gray",
+  lowContrast,
+  className,
+  size = "regular",
+  weight,
+  style,
+  align,
+  ...props
+}: TextProps) {
+  return (
+    <span
+      className={classNames("text", className)}
+      style={{ color: `var(--${color}-${lowContrast ? 11 : 12})`, ...style }}
+      data-size={size}
+      data-weight={weight}
+      data-align={align === "left" ? undefined : align}
+      {...props}
+    />
+  );
+}
@@ -0,0 +1,53 @@
+.text-field {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+
+  gap: var(--space-3);
+  margin: 0 var(--space-4);
+
+  border-radius: var(--max-size);
+
+  background-color: var(--gray-1);
+  outline: var(--outline-interactive);
+  box-shadow: var(--shadow-cavity);
+
+  font-size: var(--font-size-regular);
+  color: var(--gray-11);
+
+  &[data-has-icon="true"] {
+    padding-left: var(--space-3);
+  }
+
+  &:focus-within {
+    outline: var(--outline-focus);
+    box-shadow: var(--shadow-focus);
+  }
+
+  svg {
+    width: 1em;
+    height: 1em;
+  }
+
+  input {
+    min-width: 0;
+    flex: 1;
+
+    background: none;
+    border: none;
+
+    font-size: inherit;
+    font-weight: medium;
+    padding: var(--space-3) 0;
+
+    color: var(--gray-12);
+
+    &::placeholder {
+      color: var(--gray-11);
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+}
@@ -0,0 +1,31 @@
+import {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  type ComponentProps,
+  type ReactNode,
+} from "react";
+import { classNames } from "../../core/ui/classNames";
+import "./index.css";
+
+export interface TextFieldProps extends ComponentProps<"input"> {
+  children?: ReactNode;
+}
+
+export const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
+  ({ children, className, ...props }, ref) => {
+    const input = useRef<HTMLInputElement>(null);
+
+    useImperativeHandle(ref, () => input.current!, []);
+
+    return (
+      <div
+        className={classNames("text-field", className)}
+        data-has-icon={children !== undefined}
+      >
+        {children}
+        <input ref={input} {...props} />
+      </div>
+    );
+  }
+);
@@ -0,0 +1,95 @@
+---
+import { CaretRightIcon } from "@radix-ui/react-icons";
+import { api } from "../core/api/dynamic";
+import { type Tool } from "../core/tools/tools";
+import { Button } from "./Button";
+import { LinkI18n } from "./LinkI18n";
+import { Text } from "./Text";
+
+interface Props {
+  tool: Tool;
+  locale: string;
+}
+
+const { tool, locale } = Astro.props;
+const strings = await api.strings(locale);
+const toolStrings = strings.tools[tool.id as keyof typeof strings.tools];
+---
+
+<style>
+  .tool-card {
+    display: flex;
+    flex-direction: column;
+    height: 10rem;
+    position: relative;
+
+    border-radius: var(--space-3);
+
+    background-size: cover;
+    background-position: center;
+    overflow: hidden;
+
+    .poster {
+      flex: 1;
+
+      background-size: cover;
+      background-position: center;
+    }
+
+    .info {
+      display: flex;
+      justify-content: space-between;
+      padding: var(--space-4);
+
+      backdrop-filter: blur(var(--space-6));
+
+      .readable {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+
+    .shadow {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+
+      border-radius: var(--space-3);
+      box-shadow: var(--shadow-bump);
+    }
+  }
+</style>
+
+<LinkI18n
+  {locale}
+  href={`/${tool.id}`}
+  className="tool-card"
+  underline="never"
+  style={{
+    backgroundImage: `url(/assets/tools/${tool.id}.webp)`,
+  }}
+>
+  <div
+    class="poster"
+    style={{
+      backgroundImage: `url(/assets/tools/${tool.id}.webp)`,
+    }}
+  >
+  </div>
+
+  <div class="info">
+    <div class="readable">
+      <Text weight="medium">{toolStrings.name}</Text>
+      <Text size="minor" lowContrast>{toolStrings.slogan}</Text>
+    </div>
+
+    <Button color={tool.button}>
+      {toolStrings.action}
+      <CaretRightIcon />
+    </Button>
+  </div>
+
+  <div class="shadow"></div>
+</LinkI18n>
@@ -0,0 +1,153 @@
+import type { Strings } from "@blitzkit/i18n";
+import locales from "@blitzkit/i18n/locales.json";
+import type { Avatar } from "../../protos/avatar";
+import type { Avatars } from "../../protos/avatars";
+import type { Background } from "../../protos/background";
+import type { Backgrounds } from "../../protos/backgrounds";
+import type { Tank } from "../../protos/tank";
+import type { TankList } from "../../protos/tank_list";
+import type { Tanks } from "../../protos/tanks";
+
+export abstract class AbstractAPI {
+  private _tankListCache: TankList | undefined;
+  protected abstract _tankList(): Promise<TankList>;
+  async tankList() {
+    if (this._tankListCache === undefined) {
+      this._tankListCache = await this._tankList();
+    }
+
+    return this._tankListCache;
+  }
+
+  private _tankCache: Record<string, Tank> = {};
+  protected abstract _tank(id: string): Promise<Tank>;
+  async tank(id: string) {
+    if (this._tankCache[id] === undefined) {
+      this._tankCache[id] = await this._tank(id);
+    }
+
+    return this._tankCache[id];
+  }
+
+  private _tanksCache: Tanks | undefined;
+  protected abstract _tanks(): Promise<Tanks>;
+  async tanks() {
+    if (this._tanksCache === undefined) {
+      this._tanksCache = await this._tanks();
+    }
+
+    return this._tanksCache;
+  }
+
+  private assertLocale(locale: string) {
+    const supported = locales.supported.find(
+      (supported) => supported.locale === locale
+    );
+
+    if (supported === undefined) {
+      throw new Error(`Unsupported locale: ${locale}`);
+    }
+
+    return supported;
+  }
+
+  private _stringsCache: Record<string, Strings> = {};
+  protected abstract _strings(locale: string): Promise<Strings>;
+  async strings(locale: string) {
+    this.assertLocale(locale);
+
+    if (this._stringsCache[locale] === undefined) {
+      this._stringsCache[locale] = await this._strings(locale);
+    }
+
+    return this._stringsCache[locale];
+  }
+
+  private _gameStringsCache: Record<string, Record<string, string>> = {};
+  protected abstract _gameStrings(
+    locale: string
+  ): Promise<Record<string, string>>;
+  async gameStrings(locale: string) {
+    this.assertLocale(locale);
+
+    if (this._gameStringsCache[locale] === undefined) {
+      this._gameStringsCache[locale] = await this._gameStrings(locale);
+    }
+
+    return this._gameStringsCache[locale];
+  }
+
+  private _groupedGameStringsCache: Record<
+    string,
+    Record<string, Record<string, string>>
+  > = {};
+  protected abstract _groupedGameStrings(
+    locale: string,
+    group: string,
+    prefix: boolean
+  ): Promise<Record<string, string>>;
+  async groupedGameStrings(locale: string, group: string, prefix = true) {
+    this.assertLocale(locale);
+
+    if (this._groupedGameStringsCache[locale] === undefined) {
+      this._groupedGameStringsCache[locale] = {};
+    }
+
+    if (this._groupedGameStringsCache[locale][group] === undefined) {
+      this._groupedGameStringsCache[locale][group] =
+        await this._groupedGameStrings(locale, group, prefix);
+    }
+
+    return this._groupedGameStringsCache[locale][group];
+  }
+
+  private _avatarCache: Record<string, Avatar> = {};
+  protected abstract _avatar(id: string): Promise<Avatar>;
+  async avatar(id: string) {
+    if (this._avatarCache[id] === undefined) {
+      this._avatarCache[id] = await this._avatar(id);
+    }
+
+    return this._avatarCache[id];
+  }
+
+  private _avatarsCache: Avatars | undefined;
+  protected abstract _avatars(): Promise<Avatars>;
+  async avatars() {
+    if (this._avatarsCache === undefined) {
+      this._avatarsCache = await this._avatars();
+    }
+
+    return this._avatarsCache;
+  }
+
+  private _backgroundCache: Record<string, Background> = {};
+  protected abstract _background(id: string): Promise<Background>;
+  async background(id: string) {
+    if (this._backgroundCache[id] === undefined) {
+      this._backgroundCache[id] = await this._background(id);
+    }
+
+    return this._backgroundCache[id];
+  }
+
+  private _backgroundsCache: Backgrounds | undefined;
+  protected abstract _backgrounds(): Promise<Backgrounds>;
+  async backgrounds() {
+    if (this._backgroundsCache === undefined) {
+      this._backgroundsCache = await this._backgrounds();
+    }
+
+    return this._backgroundsCache;
+  }
+
+  private _gameStringGroupsCache: string[] | undefined;
+  protected abstract _gameStringGroups(): Promise<string[]>;
+  async gameStringGroups() {
+    if (this._gameStringGroupsCache === undefined) {
+      this._gameStringGroupsCache = await this._gameStringGroups();
+    }
+
+    return this._gameStringGroupsCache;
+  }
+}
@@ -0,0 +1,32 @@
+import { fetchPB } from "@blitzkit/core";
+import { Avatars } from "../../protos/avatars";
+import { AbstractAPI } from "./abstract";
+
+export class ClientAPI extends AbstractAPI {
+  protected _avatars() {
+    return fetchPB("/api/avatars/all.pb", Avatars);
+  }
+
+  protected _gameStrings(): Promise<Record<string, string>> {
+    throw new Error("Cannot fetch full game strings on client");
+  }
+
+  protected async _groupedGameStrings(
+    locale: string,
+    group: string,
+    prefix: boolean
+  ) {
+    const response = await fetch(`/api/game-strings/${locale}/${group}.json`);
+    const json = (await response.json()) as Record<string, string>;
+
+    if (!prefix) return json;
+
+    const strings: Record<string, string> = {};
+
+    for (const key in json) {
+      strings[`${group}__${key}`] = json[key];
+    }
+
+    return strings;
+  }
+}
@@ -0,0 +1,24 @@
+import { assertSecret } from "@blitzkit/core";
+import type { AbstractAPI } from "./abstract";
+
+let dynamicAPI: AbstractAPI;
+
+if (typeof window === "undefined") {
+  const { ProxyClient } = await import("@blitzkit/closed");
+  const { ServerAPI } = await import("./server");
+
+  const proxyClient = await new ProxyClient(
+    assertSecret(import.meta.env.WOTB_SERVER)
+  ).handshake();
+  const metadata = await proxyClient.metadata();
+
+  dynamicAPI = new ServerAPI(metadata);
+} else {
+  const { ClientAPI } = await import("./client");
+
+  dynamicAPI = new ClientAPI();
+}
+
+export const api = dynamicAPI;
+
+
@@ -0,0 +1,23 @@
+import sharp from "sharp";
+
+export async function imageProxy(url: string) {
+  if (import.meta.env.DEV) {
+    return Response.redirect(url);
+  }
+
+  let response: Response;
+
+  try {
+    response = await fetch(url);
+  } catch (error) {
+    console.warn(`Failed to fetch image proxy ${url}:`, error);
+    return new Response(null, { status: 404 });
+  }
+
+  const buffer = await response.arrayBuffer();
+  const image = sharp(buffer);
+  const webp = await image.webp().toBuffer();
+  const array = new Uint8Array(webp);
+
+  return new Response(array);
+}
@@ -0,0 +1,238 @@
+import type { MetadataAccessor } from "@blitzkit/closed";
+import { sluggify, type DeepPartial } from "@blitzkit/core";
+import type { Strings } from "@blitzkit/i18n";
+import locales from "@blitzkit/i18n/locales.json";
+import type { RemoteStorageComponent } from "@protos/blitz_static_remote_storage_component";
+import { merge } from "lodash-es";
+import { parse } from "yaml";
+import type { Avatar } from "../../protos/avatar";
+import type { Background } from "../../protos/background";
+import type { Tank } from "../../protos/tank";
+import type { TankListEntry } from "../../protos/tank_list";
+import type { Tanks } from "../../protos/tanks";
+import { AbstractAPI } from "./abstract";
+
+if (typeof window !== "undefined") {
+  throw new Error("ServerAPI is being evaluated in the browser");
+}
+
+const globbedStrings = import.meta.glob("../../../../i18n/strings/*.json", {
+  import: "default",
+});
+
+interface LocalizationConfig {
+  namespaces: string[];
+}
+
+export class ServerAPI extends AbstractAPI {
+  constructor(private metadata: MetadataAccessor) {
+    super();
+  }
+
+  protected async _gameStrings(locale: string) {
+    const group = this.metadata.group("ClientConfigsEntity");
+
+    if (group.length !== 1) {
+      throw new RangeError(
+        `Don't know how to handle ${group.length} ClientConfigsEntities`
+      );
+    }
+
+    const clientConfig = this.metadata.item(group[0].id);
+    const localizationResources = clientConfig.LocalizationResources();
+
+    if (!localizationResources.remote_storage) {
+      throw new Error("Localization resources not found");
+    }
+
+    let remoteStorage: RemoteStorageComponent | undefined = undefined;
+
+    for (const candidateId of localizationResources.remote_storage
+      .remote_urls) {
+      const item = this.metadata.item(candidateId);
+      const candidate = item.RemoteStorage();
+
+      if (
+        remoteStorage === undefined ||
+        candidate.download_speed_weight > remoteStorage.download_speed_weight
+      ) {
+        remoteStorage = candidate;
+      }
+    }
+
+    if (remoteStorage === undefined) {
+      throw new Error("No suitable production remote storage found");
+    }
+
+    const strings: Record<string, string> = {};
+    const configPath = `${remoteStorage.url}/${remoteStorage.relative_path}/config.yaml`;
+
+    try {
+      const config = await fetch(configPath)
+        .then((response) => response.text())
+        .then((text) => parse(text) as LocalizationConfig);
+
+      for (const namespace of config.namespaces) {
+        Object.assign(
+          strings,
+          await fetch(
+            `${remoteStorage.url}${remoteStorage.relative_path}/${namespace}/${locale}.yaml`
+          )
+            .then((response) => response.text())
+            .then((text) => {
+              const strings: Record<string, string> = {};
+              const parsed = parse(text) as Record<string, string>;
+
+              for (const key in parsed) {
+                strings[key] = parsed[key].replaceAll('\\"', '"');
+              }
+
+              return strings;
+            })
+        );
+      }
+    } catch (error) {
+      console.warn(
+        `Failed to fetch config from ${configPath}. Returning empty strings. This will throw an error in production. Error:`,
+        error
+      );
+    }
+
+    return strings;
+  }
+
+  protected async _groupedGameStrings(
+    locale: string,
+    group: string,
+    prefix: boolean
+  ) {
+    const strings = await this.gameStrings(locale);
+    const filtered: Record<string, string> = {};
+
+    for (const key in strings) {
+      if (key.startsWith(`${group}__`)) {
+        filtered[prefix ? key : key.substring(group.length + 2)] = strings[key];
+      }
+    }
+
+    return filtered;
+  }
+
+  protected async _strings(locale: string) {
+    const localized = (await globbedStrings[
+      `../../../../i18n/strings/${locale}.json`
+    ]()) as DeepPartial<Strings>;
+    const defaults = (await globbedStrings[
+      `../../../../i18n/strings/${locales.default}.json`
+    ]()) as Strings;
+    const strings = merge({}, defaults, localized);
+
+    return strings;
+  }
+
+  protected async _tankList() {
+    const group = this.metadata.group("TankEntity");
+    const list: TankListEntry[] = [];
+    const strings = await this.groupedGameStrings("en", "TankEntity");
+
+    for (const item of group) {
+      const tankCatalog = item.TankCatalog();
+
+      if (!tankCatalog.name) continue;
+
+      const name = strings[tankCatalog.name.value];
+
+      if (!name) continue;
+
+      const id = item.name;
+      const slug = sluggify(name);
+
+      list.push({ id, slug });
+    }
+
+    return { list };
+  }
+
+  protected async _tanks() {
+    const tankList = await this.tankList();
+    const data: Tanks = { tanks: {} };
+
+    for (const { id } of tankList.list) {
+      data.tanks[id] = await this.tank(id);
+    }
+
+    return data;
+  }
+
+  protected async _tank(id: string) {
+    const tankList = await this.tankList();
+    const tankListEntry = tankList.list.find((tank) => tank.id === id);
+
+    if (!tankListEntry) {
+      throw new Error(`Tank with id ${id} not found`);
+    }
+
+    const { slug } = tankListEntry;
+    const item = this.metadata.item(`TankEntity.${id}`);
+    const tank = item.TankCatalog();
+    const compensation = item.Compensation();
+
+    return { tank, compensation, slug } satisfies Tank;
+  }
+
+  protected async _avatars() {
+    const avatars: Avatar[] = [];
+
+    for (const item of this.metadata.group("ProfileAvatarEntity")) {
+      avatars.push(await this.avatar(item.name));
+    }
+
+    return { avatars };
+  }
+
+  protected async _avatar(id: string) {
+    const avatar = this.metadata.item(`ProfileAvatarEntity.${id}`);
+    const name = avatar.name;
+    const stuff_ui = avatar.StuffUI("UIComponent");
+    const profile_avatar = avatar.ProfileAvatar();
+    const sellable = avatar.components.sellableComponent
+      ? avatar.Sellable()
+      : undefined;
+
+    return { name, stuff_ui, profile_avatar, sellable };
+  }
+
+  protected async _backgrounds() {
+    const backgrounds: Background[] = [];
+
+    for (const item of this.metadata.group("ProfileBackgroundEntity")) {
+      backgrounds.push(await this.background(item.name));
+    }
+
+    return { backgrounds };
+  }
+
+  protected async _background(id: string) {
+    const background = this.metadata.item(`ProfileBackgroundEntity.${id}`);
+    const name = background.name;
+    const stuff_ui = background.StuffUI("UIComponent");
+    const profile_background = background.ProfileBackground();
+    const sellable = background.components.sellableComponent
+      ? background.Sellable()
+      : undefined;
+
+    return { name, stuff_ui, profile_background, sellable };
+  }
+
+  protected async _gameStringGroups() {
+    const defaultGameStrings = await this.gameStrings(locales.default);
+    const groups = new Set<string>();
+
+    for (const key in defaultGameStrings) {
+      const [group] = key.split("__");
+      groups.add(group);
+    }
+
+    return Array.from(groups.values());
+  }
+}
@@ -0,0 +1,205 @@
+import { StandardSinglePrice } from "@protos/blitz_static_standard_single_price";
+import { PenetrationGroup } from "@protos/blitz_static_tank_penetration_group";
+import {
+  PenetrationGroupUpgrade,
+  PitchLimit,
+  ShellUpgrade,
+  ShellUpgrageSingleChange,
+  StageParameters,
+  TankAttributeChange,
+  TankAttributeChange_AttributeName,
+  TankAttributeChange_Modifier,
+  VisualChanges,
+} from "@protos/blitz_static_tank_upgrade_single_stage";
+
+function patch(stage0: StageParameters, stage1: StageParameters) {
+  if (stage1.stage_number !== ++stage0.stage_number) {
+    throw new Error("Change stage number must be 1 greater than base");
+  }
+
+  for (const attribute1 of stage1.attributes) {
+    let value1: number;
+
+    switch (attribute1.modifier) {
+      case TankAttributeChange_Modifier.MODIFIER_OVERRIDE:
+        value1 = attribute1.value;
+        break;
+
+      case TankAttributeChange_Modifier.MODIFIER_MULTIPLY:
+      case TankAttributeChange_Modifier.MODIFIER_ADD:
+        const attribute0 = stage0.attributes.find(
+          (attribute0) =>
+            attribute0.attribute_name === attribute1.attribute_name
+        );
+
+        if (!attribute0) {
+          throw new Error(
+            `Missing attribute ${
+              TankAttributeChange_AttributeName[attribute1.attribute_name]
+            } (${attribute1.attribute_name}) to modify`
+          );
+        }
+
+      case TankAttributeChange_Modifier.MODIFIER_MULTIPLY: {
+        value1 = attribute0!.value! * attribute1.value;
+        break;
+      }
+
+      case TankAttributeChange_Modifier.MODIFIER_ADD: {
+        value1 = attribute0!.value! + attribute1.value;
+        break;
+      }
+
+      default:
+        throw new Error(
+          `Unhandled modified ${
+            TankAttributeChange_Modifier[attribute1.modifier]
+          }`
+        );
+    }
+
+    const attribute0 = TankAttributeChange.create({
+      modifier: TankAttributeChange_Modifier.MODIFIER_OVERRIDE,
+      attribute_name: attribute1.attribute_name,
+      value: value1,
+    });
+    const index0 = stage0.attributes.findIndex(
+      (attribute) => attribute.attribute_name === attribute1.attribute_name
+    );
+
+    if (index0 === -1) {
+      stage0.attributes.push(attribute0);
+    } else {
+      stage0.attributes[index0] = attribute0;
+    }
+  }
+
+  for (const penetrationGroupUpgrade1 of stage1.penetration_groups_upgrades) {
+    const penetrationGroupUpgrade0 = stage0.penetration_groups_upgrades.find(
+      (group) => group.tank_part === penetrationGroupUpgrade1.tank_part
+    );
+
+    if (penetrationGroupUpgrade0) {
+      penetrationGroupUpgrade0.primary_armor = [
+        ...penetrationGroupUpgrade1.primary_armor,
+      ];
+
+      for (const penetrationGroup1 of penetrationGroupUpgrade1.penetration_groups) {
+        const penetrationGroup0 =
+          penetrationGroupUpgrade0.penetration_groups.find(
+            (baseGroup) => baseGroup.group_name === penetrationGroup1.group_name
+          );
+
+        if (penetrationGroup0) {
+          penetrationGroup0.common_data = penetrationGroup1.common_data;
+          penetrationGroup0.armor = penetrationGroup1.armor;
+        } else {
+          penetrationGroupUpgrade0.penetration_groups.push(
+            PenetrationGroup.create(penetrationGroup1)
+          );
+        }
+      }
+    } else {
+      stage0.penetration_groups_upgrades.push(
+        PenetrationGroupUpgrade.create(penetrationGroupUpgrade1)
+      );
+    }
+  }
+
+  if (stage1.modules_upgrades.length > 0) {
+    throw new Error("Modules upgrades not implemented");
+  }
+
+  for (const shellUpgrades1 of stage1.shells_upgrades) {
+    let shellUpgrades0 = stage0.shells_upgrades.find(
+      (baseShell) => baseShell.shell_id === shellUpgrades1.shell_id
+    );
+
+    if (shellUpgrades0) {
+      shellUpgrades0.shell_type = shellUpgrades1.shell_type;
+
+      for (const changedShellUpgrade of shellUpgrades1.changes) {
+        const shellUpgrade0 = shellUpgrades0.changes.find(
+          (baseShellUpgrade) =>
+            baseShellUpgrade.attribute_name ===
+            changedShellUpgrade.attribute_name
+        );
+
+        if (shellUpgrade0) {
+          shellUpgrade0.value = changedShellUpgrade.value;
+        } else {
+          shellUpgrades0.changes.push(
+            ShellUpgrageSingleChange.create(changedShellUpgrade)
+          );
+        }
+      }
+
+      shellUpgrades0.silver_price =
+        shellUpgrades1.silver_price === undefined
+          ? undefined
+          : StandardSinglePrice.create(shellUpgrades1.silver_price);
+    } else {
+      stage0.shells_upgrades.push(ShellUpgrade.create(shellUpgrades1));
+    }
+  }
+
+  if (stage1.pump_reload_times.length > 0) {
+    stage0.pump_reload_times = [...stage1.pump_reload_times];
+  }
+
+  if (stage1.pitch_limits_up.length > 0 && stage0.pitch_limits_up.length > 0) {
+    throw new Error("Pitch limits not implemented");
+  }
+
+  for (const pitchLimitUp1 of stage1.pitch_limits_up) {
+    stage0.pitch_limits_up.push(PitchLimit.create(pitchLimitUp1));
+  }
+
+  if (
+    stage1.pitch_limits_down.length > 0 &&
+    stage0.pitch_limits_down.length > 0
+  ) {
+    throw new Error("Pitch limits not implemented");
+  }
+
+  for (const pitchLimitDown1 of stage1.pitch_limits_down) {
+    stage0.pitch_limits_down.push(PitchLimit.create(pitchLimitDown1));
+  }
+
+  for (const visualChange1 of stage1.visual_changes) {
+    const visualChange0 = stage0.visual_changes.find(
+      (baseVisualChange) =>
+        baseVisualChange.tank_part === visualChange1.tank_part
+    );
+
+    if (visualChange0) {
+      visualChange0.name = visualChange1.name;
+    } else {
+      stage0.visual_changes.push(VisualChanges.create(visualChange1));
+    }
+  }
+}
+
+export function aggregateStageParameters(
+  base: StageParameters,
+  stages: StageParameters[]
+) {
+  const stage0 = StageParameters.create({ ...base, stage_number: 0 });
+
+  /**
+   * Bug in Reforged: base stats are stage 1, so is the first upgrade. Manually
+   * setting it to stage 0 below and if the bug's been fixed, throw an error
+   * in dev mode to allow clean up in the future. Also, update the initial
+   * stage number to -1.
+   */
+
+  if (base.stage_number === 0 && import.meta.env.DEV) {
+    throw new Error(
+      "Base stats are now stage 0. In-game bug fixed, please remove hack."
+    );
+  }
+
+  stages.forEach((stage) => patch(stage0, stage));
+
+  return stage0;
+}
@@ -0,0 +1,100 @@
+import { normalizeAngleDeg } from "@blitzkit/core";
+import type { PitchLimit } from "@protos/blitz_static_tank_upgrade_single_stage";
+import { clamp, degToRad, lerp, radToDeg } from "three/src/math/MathUtils.js";
+
+export function applyPitchYawLimits(
+  givenPitch: number,
+  givenYaw: number,
+  pitchLimitsUp: PitchLimit[],
+  pitchLimitsDown: PitchLimit[]
+) {
+  const givenYawDeg = normalizeAngleDeg(radToDeg(givenYaw));
+  const givenPitchDeg = normalizeAngleDeg(radToDeg(givenPitch));
+
+  const yawDeg = givenYawDeg;
+  const yaw = degToRad(givenYawDeg);
+
+  let leftLimitUp: PitchLimit | undefined;
+  let rightLimitUp: PitchLimit | undefined;
+  let leftLimitDown: PitchLimit | undefined;
+  let rightLimitDown: PitchLimit | undefined;
+
+  for (const limit of pitchLimitsUp) {
+    const normalizedAngle = normalizeAngleDeg(limit.angle);
+
+    if (normalizedAngle <= yawDeg) {
+      if (
+        !leftLimitUp ||
+        normalizeAngleDeg(yawDeg - normalizedAngle) <
+          normalizeAngleDeg(yawDeg - leftLimitUp.angle)
+      ) {
+        leftLimitUp = limit;
+      }
+    }
+
+    if (normalizedAngle >= yawDeg) {
+      if (
+        !rightLimitUp ||
+        normalizeAngleDeg(normalizedAngle - yawDeg) <
+          normalizeAngleDeg(rightLimitUp.angle - yawDeg)
+      ) {
+        rightLimitUp = limit;
+      }
+    }
+  }
+
+  for (const limit of pitchLimitsDown) {
+    const normalizedAngle = normalizeAngleDeg(limit.angle);
+
+    if (normalizedAngle <= yawDeg) {
+      if (
+        !leftLimitDown ||
+        normalizeAngleDeg(yawDeg - normalizedAngle) <
+          normalizeAngleDeg(yawDeg - leftLimitDown.angle)
+      ) {
+        leftLimitDown = limit;
+      }
+    }
+
+    if (normalizedAngle >= yawDeg) {
+      if (
+        !rightLimitDown ||
+        normalizeAngleDeg(normalizedAngle - yawDeg) <
+          normalizeAngleDeg(rightLimitDown.angle - yawDeg)
+      ) {
+        rightLimitDown = limit;
+      }
+    }
+  }
+
+  if (!leftLimitUp || !rightLimitUp || !leftLimitDown || !rightLimitDown) {
+    throw new Error("Pitch limits not found");
+  }
+
+  const spanUp = rightLimitUp.angle - leftLimitUp.angle;
+  const spanDown = rightLimitDown.angle - leftLimitDown.angle;
+
+  let limitUp: number;
+  let limitDown: number;
+
+  if (spanUp === 0) {
+    limitUp = leftLimitUp.limit;
+  } else {
+    const delta = givenYawDeg - leftLimitUp.angle;
+    const t = delta / spanUp;
+    limitUp = lerp(leftLimitUp.limit, rightLimitUp.limit, t);
+  }
+
+  if (spanDown === 0) {
+    limitDown = leftLimitDown.limit;
+  } else {
+    const delta = givenYawDeg - leftLimitDown.angle;
+    const t = delta / spanDown;
+    limitDown = lerp(leftLimitDown.limit, rightLimitDown.limit, t);
+  }
+
+  const pitchDeg = clamp(givenPitchDeg, -limitDown, limitUp);
+  const pitch = degToRad(pitchDeg);
+
+  return { pitch, yaw };
+}
@@ -0,0 +1,423 @@
+import { TankClass } from "@blitzkit/core";
+import {
+  ShellUpgrageSingleChange_AttributeName,
+  StageParameters,
+  TankAttributeChange_AttributeName,
+} from "@protos/blitz_static_tank_upgrade_single_stage";
+import { radToDeg } from "three/src/math/MathUtils.js";
+import type { Tank } from "../../protos/tank";
+import { applyPitchYawLimits } from "./applyPitchYawLimits";
+import { TerrainHardness, type TankState } from "./tankState";
+
+export type CharacteristicOutput = number | number[] | string | null;
+
+type Characteristic = (helpers: {
+  characteristic: (name: CharacteristicName) => CharacteristicOutput;
+  attribute: (name: TankAttributeChange_AttributeName) => number;
+  attributeSafe: (name: TankAttributeChange_AttributeName) => number | null;
+  shell: (name: ShellUpgrageSingleChange_AttributeName) => number;
+  shellSafe: (name: ShellUpgrageSingleChange_AttributeName) => number | null;
+  state: TankState;
+  tank: Tank;
+  parameters: StageParameters;
+  id: string;
+}) => CharacteristicOutput;
+
+export type CharacteristicName = keyof typeof characteristics;
+
+export enum GunType {
+  Regular,
+  AutoLoader,
+  AutoReloader,
+}
+
+export const characteristics = {
+  gun_type({ attributeSafe, attribute }) {
+    const isPump =
+      attributeSafe(TankAttributeChange_AttributeName.ATTRIBUTE_NAME_IS_PUMP) ??
+      0;
+
+    if (isPump === 1) return GunType.AutoReloader;
+
+    const clipSize = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_CLIP_SIZE
+    );
+
+    if (clipSize === 1) return GunType.Regular;
+
+    return GunType.AutoLoader;
+  },
+
+  clip_size({ attribute, characteristic }) {
+    const gunType = characteristic("gun_type")!;
+
+    if (gunType === GunType.Regular) return null;
+
+    return attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_CLIP_SIZE
+    );
+  },
+
+  damage({ shell }) {
+    return shell(
+      ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_ARMOR_DAMAGE
+    );
+  },
+
+  module_damage({ shell }) {
+    return shell(
+      ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_MODULE_DAMAGE
+    );
+  },
+
+  penetration({ shell }) {
+    return shell(
+      ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_PIERCING_POWER
+    );
+  },
+
+  reload({ characteristic, attribute }) {
+    const gunType = characteristic("gun_type")!;
+
+    if (gunType === GunType.AutoReloader) return null;
+
+    return attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_RELOAD_TIME
+    );
+  },
+
+  reloads({ characteristic, parameters }) {
+    const gunType = characteristic("gun_type")!;
+
+    if (gunType !== GunType.AutoReloader) return null;
+
+    return parameters.pump_reload_times;
+  },
+
+  intra_clip({ characteristic, attribute }) {
+    const gunType = characteristic("gun_type")!;
+
+    if (gunType === GunType.Regular) return null;
+
+    const clipRate = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_CLIP_RATE
+    );
+
+    return 60 / clipRate;
+  },
+
+  optimal_shell({ characteristic }) {
+    const gunType = characteristic("gun_type")!;
+
+    if (gunType !== GunType.AutoReloader) return null;
+
+    const intraClip = characteristic("intra_clip") as number;
+    const reloads = characteristic("reloads") as number[];
+    let optimal: number | undefined = undefined;
+
+    for (let index = 0; index < reloads.length; index++) {
+      const reload = reloads[index] + (index > 0 ? intraClip : 0);
+      if (optimal === undefined || reload < reloads[optimal]) optimal = index;
+    }
+
+    if (optimal === undefined) {
+      throw new Error("Unable to find optimal shell");
+    }
+
+    return optimal;
+  },
+
+  dpm({ characteristic }) {
+    let dps: number;
+    const gunType = characteristic("gun_type")!;
+    const damage = characteristic("damage") as number;
+
+    switch (gunType) {
+      case GunType.Regular: {
+        const reload = characteristic("reload") as number;
+
+        dps = damage / reload;
+        break;
+      }
+
+      case GunType.AutoLoader: {
+        const reload = characteristic("reload") as number;
+        const intraClip = characteristic("intra_clip") as number;
+        const clipSize = characteristic("clip_size") as number;
+
+        dps = (damage * clipSize) / (reload + (clipSize - 1) * intraClip);
+        break;
+      }
+
+      case GunType.AutoReloader: {
+        const reloads = characteristic("reloads") as number[];
+        const optimalShell = characteristic("optimal_shell") as number;
+        const intraClip = characteristic("intra_clip") as number;
+        const reload =
+          reloads[optimalShell] + (optimalShell > 0 ? intraClip : 0);
+
+        dps = damage / reload;
+        break;
+      }
+
+      default:
+        throw new Error("Unknown gun type");
+    }
+
+    return 60 * dps;
+  },
+
+  caliber({ shell }) {
+    return shell(ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_CALIBER);
+  },
+
+  normalization({ shellSafe }) {
+    return shellSafe(
+      ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_NORMALIZATION
+    );
+  },
+
+  ricochet({ shell }) {
+    return shell(
+      ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_RICOCHET_ANGLE
+    );
+  },
+
+  shell_velocity({ shell }) {
+    return (
+      shell(ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_SPEED) / 100
+    );
+  },
+
+  shell_range({ shellSafe }) {
+    const maxDistance = shellSafe(
+      ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_MAX_DISTANCE
+    );
+    return maxDistance === null ? Infinity : maxDistance / 100;
+  },
+
+  shell_capacity({ shellSafe }) {
+    const count = shellSafe(
+      ShellUpgrageSingleChange_AttributeName.ATTRIBUTE_NAME_MAX_COUNT
+    );
+    return count === -1 || count === null ? Infinity : count;
+  },
+
+  aim_time({ attribute }) {
+    return attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_AIMING_TIME
+    );
+  },
+
+  speed_forward({ attribute }) {
+    return attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_FORWARD_MAX_SPEED
+    );
+  },
+
+  speed_backward({ attribute }) {
+    return attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_BACKWARD_MAX_SPEED
+    );
+  },
+
+  dispersion({ attribute, characteristic, state }) {
+    const base = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_DISPERSION_ANGLE
+    );
+    const movement = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_DISPERSION_FACTOR_VEHICLE_MOVEMENT
+    );
+    const vehicleRotation = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_DISPERSION_FACTOR_VEHICLE_ROTATION
+    );
+    const turretRotation = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_DISPERSION_FACTOR_TURRET_ROTATION
+    );
+    const afterShot = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_DISPERSION_FACTOR_AFTER_SHOT
+    );
+    const gunDamaged = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_DISPERSION_FACTOR_WHILE_GUN_DAMAGED
+    );
+    const maxSpeed = characteristic("speed_forward") as number;
+
+    return (
+      (state.isGunDamaged ? gunDamaged : 1) *
+      (base +
+        (state.speed / maxSpeed) * movement +
+        (state.isHullTraversing ? vehicleRotation : 0) +
+        (state.isTurretTraversing ? turretRotation : 0) +
+        (state.isShooting ? afterShot : 0))
+    );
+  },
+
+  gun_depression({ parameters, tank }) {
+    return -radToDeg(
+      applyPitchYawLimits(
+        -Math.PI / 2,
+        0,
+        parameters.pitch_limits_up,
+        parameters.pitch_limits_down
+      ).pitch
+    );
+  },
+
+  gun_elevation({ parameters }) {
+    return radToDeg(
+      applyPitchYawLimits(
+        Math.PI / 2,
+        0,
+        parameters.pitch_limits_up,
+        parameters.pitch_limits_down
+      ).pitch
+    );
+  },
+
+  engine_power({ attribute }) {
+    return attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_ENGINE_POWER
+    );
+  },
+
+  weight({ attribute }) {
+    return (
+      attribute(TankAttributeChange_AttributeName.ATTRIBUTE_NAME_MASS) / 1000
+    );
+  },
+
+  terrain_coefficient({ attribute, state }) {
+    let name: TankAttributeChange_AttributeName;
+
+    switch (state.terrainHardness) {
+      case TerrainHardness.Soft:
+        name =
+          TankAttributeChange_AttributeName.ATTRIBUTE_NAME_TERRAIN_RESISTANCE_SOFT;
+        break;
+      case TerrainHardness.Medium:
+        name =
+          TankAttributeChange_AttributeName.ATTRIBUTE_NAME_TERRAIN_RESISTANCE_MEDIUM;
+        break;
+      case TerrainHardness.Hard:
+        name =
+          TankAttributeChange_AttributeName.ATTRIBUTE_NAME_TERRAIN_RESISTANCE_HARD;
+        break;
+    }
+
+    return attribute(name);
+  },
+
+  power_to_weight({ characteristic }) {
+    const power = characteristic("engine_power") as number;
+    const weight = characteristic("weight") as number;
+    const terrainCoefficient = characteristic("terrain_coefficient") as number;
+    return power / weight / terrainCoefficient;
+  },
+
+  turret_traverse_speed({ attribute }) {
+    return attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_TURRET_ROTATION_SPEED
+    );
+  },
+
+  hull_traverse_speed() {
+    return -Infinity;
+  },
+
+  health({ attribute }) {
+    return attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_MAX_HEALTH
+    );
+  },
+
+  fire_chance({ attribute }) {
+    return (
+      attribute(
+        TankAttributeChange_AttributeName.ATTRIBUTE_NAME_FIRE_START_CHANCE
+      ) * 100
+    );
+  },
+
+  view_range({ attribute }) {
+    return (
+      attribute(
+        TankAttributeChange_AttributeName.ATTRIBUTE_NAME_CIRCULAR_VISION_RADIUS
+      ) / 100
+    );
+  },
+
+  class({ tank }) {
+    return tank.tank!.tank_class;
+  },
+
+  camouflage({ attribute, characteristic, attributeSafe, state }) {
+    const tankClass = characteristic("class");
+    const base = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_CONCEALMENT_STILL
+    );
+    const moving =
+      tankClass === TankClass.LIGHT
+        ? 0
+        : attribute(
+            TankAttributeChange_AttributeName.ATTRIBUTE_NAME_CONCEALMENT_MOVING
+          );
+    const shooting = attribute(
+      TankAttributeChange_AttributeName.ATTRIBUTE_NAME_CONCEALMENT_FACTOR_AT_SHOT
+    );
+
+    if (
+      attributeSafe(
+        TankAttributeChange_AttributeName.ATTRIBUTE_NAME_CONCEALMENT_FIRE_PENALTY
+      )
+    ) {
+      throw new Error("Fire penalty implemented! Code it in!!");
+    }
+
+    return (
+      100 *
+      base *
+      (1 + moving * state.speed) *
+      (state.isShooting ? shooting : 1)
+    );
+  },
+
+  height() {
+    return -Infinity;
+  },
+
+  length() {
+    return -Infinity;
+  },
+
+  volume() {
+    return -Infinity;
+  },
+
+  nation({ tank }) {
+    return tank.tank!.nation;
+  },
+
+  name({ tank }) {
+    return tank.tank!.name!.value;
+  },
+
+  tier({ tank }) {
+    return tank.tank!.tier_catalog_id;
+  },
+
+  type({ tank }) {
+    return tank.tank!.tank_type;
+  },
+
+  id({ id }) {
+    return id;
+  },
+
+  slug({ tank }) {
+    return tank.slug;
+  },
+
+  compensation({ tank }) {
+    return tank.compensation!.compensation?.currency_reward?.amount ?? null;
+  },
+} satisfies Record<string, Characteristic>;
@@ -0,0 +1,138 @@
+import {
+  Nation,
+  TankClass,
+  TankType,
+} from "@protos/blitz_static_tank_component";
+import {
+  GunType,
+  type CharacteristicName,
+  type CharacteristicOutput,
+} from "./characteristics";
+
+export enum BetterDirection {
+  Higher,
+  Lower,
+}
+
+export interface CharacteristicRenderConfig {
+  name: CharacteristicName;
+  decimals?: number;
+  units?: string;
+  render?: (output: CharacteristicOutput) => string;
+}
+
+type CharacteristicsOrder = {
+  group: string;
+  order: (
+    | CharacteristicRenderConfig
+    | {
+        toy: string;
+      }
+  )[];
+}[];
+
+export const characteristicsOrder: CharacteristicsOrder = [
+  {
+    group: "meta",
+    order: [
+      { name: "name" },
+      { name: "tier" },
+      {
+        name: "nation",
+        render(output) {
+          return Nation[output as Nation];
+        },
+      },
+      {
+        name: "class",
+        render(output) {
+          return TankClass[output as TankClass];
+        },
+      },
+      {
+        name: "type",
+        render(output) {
+          return TankType[output as TankType];
+        },
+      },
+      { name: "compensation" },
+      { name: "id" },
+      { name: "slug" },
+    ],
+  },
+  {
+    group: "firepower",
+    order: [
+      {
+        name: "gun_type",
+        render(output) {
+          return GunType[output as GunType];
+        },
+      },
+      { name: "dpm", decimals: 0, units: "hp_min" },
+      { name: "reload", decimals: 2, units: "s" },
+      { name: "reloads", decimals: 2, units: "s" },
+      { name: "damage", units: "hp" },
+      { name: "module_damage", units: "hp" },
+      { name: "penetration", units: "mm" },
+      { name: "clip_size" },
+      { name: "intra_clip", decimals: 2, units: "s" },
+
+      { toy: "reload" },
+
+      { name: "caliber", units: "mm" },
+      { name: "normalization", units: "deg" },
+      { name: "ricochet", units: "deg" },
+
+      { toy: "ricochet" },
+
+      { name: "shell_velocity", units: "m_s" },
+      { name: "shell_range", units: "m" },
+      { name: "shell_capacity" },
+
+      { name: "aim_time", decimals: 1, units: "s" },
+
+      { toy: "aim_time" },
+
+      { name: "dispersion", decimals: 3, units: "m" },
+
+      { name: "gun_depression", decimals: 0, units: "deg" },
+      { name: "gun_elevation", decimals: 0, units: "deg" },
+
+      { toy: "flexibility" },
+    ],
+  },
+  {
+    group: "maneuverability",
+    order: [
+      { name: "speed_forward", units: "km_h" },
+      { name: "speed_backward", units: "km_h" },
+
+      { name: "engine_power", units: "bhp" },
+      { name: "weight", decimals: 1, units: "t" },
+
+      { name: "terrain_coefficient" },
+      { name: "power_to_weight", decimals: 1, units: "bhp_t" },
+      { name: "hull_traverse_speed", units: "deg_s" },
+      { name: "turret_traverse_speed", units: "deg_s" },
+
+      { toy: "traverse" },
+    ],
+  },
+  {
+    group: "survivability",
+    order: [
+      { name: "health", units: "hp" },
+      { name: "fire_chance", units: "%" },
+      { name: "view_range", units: "m" },
+
+      { toy: "view_range" },
+
+      { name: "camouflage", decimals: 0, units: "%" },
+
+      { name: "height", units: "m" },
+      { name: "length", units: "m" },
+      { name: "volume", units: "m" },
+    ],
+  },
+];
@@ -0,0 +1,106 @@
+import {
+  ShellUpgrageSingleChange_AttributeName,
+  TankAttributeChange_AttributeName,
+} from "@protos/blitz_static_tank_upgrade_single_stage";
+import type { Tank } from "../../protos/tank";
+import { aggregateStageParameters } from "./aggregateStageParameters";
+import {
+  characteristics,
+  type CharacteristicName,
+  type CharacteristicOutput,
+} from "./characteristics";
+import type { TankState } from "./tankState";
+
+export type ComputedCharacteristics = Record<
+  CharacteristicName,
+  CharacteristicOutput
+>;
+
+export function computeCharacteristics(
+  id: string,
+  tank: Tank,
+  state: TankState
+) {
+  const parameters = aggregateStageParameters(
+    tank.tank!.base_stats!,
+    tank.tank!.upgrade_stages.slice(0, state.stage)
+  );
+
+  const computed: Partial<ComputedCharacteristics> = {};
+
+  function characteristic(name: CharacteristicName) {
+    if (name in computed) return computed[name] as CharacteristicOutput;
+    throw new Error(`${name} not computed yet`);
+  }
+
+  function attributeSafe(name: TankAttributeChange_AttributeName) {
+    const attribute = parameters.attributes.find(
+      (attribute) => attribute.attribute_name === name
+    );
+
+    return attribute ? attribute.value : null;
+  }
+
+  function attribute(name: TankAttributeChange_AttributeName) {
+    const attribute = attributeSafe(name);
+
+    if (attribute === null) {
+      throw new Error(
+        `Attribute ${TankAttributeChange_AttributeName[name]} (${name}) not found`
+      );
+    }
+
+    return attribute;
+  }
+
+  function shellSafe(name: ShellUpgrageSingleChange_AttributeName) {
+    const shell = parameters.shells_upgrades.find(
+      (shell) => shell.shell_id === state.shell
+    );
+
+    if (!shell) {
+      throw new Error(
+        `Shell ${ShellUpgrageSingleChange_AttributeName[name]} (${name}) not found`
+      );
+    }
+
+    const attribute = shell.changes.find(
+      (change) => change.attribute_name === name
+    );
+
+    return attribute ? attribute.value : null;
+  }
+
+  function shell(name: ShellUpgrageSingleChange_AttributeName) {
+    const attribute = shellSafe(name);
+
+    if (attribute === null) {
+      throw new Error(
+        `Shell attribute ${ShellUpgrageSingleChange_AttributeName[name]} (${name}) not found`
+      );
+    }
+
+    return attribute;
+  }
+
+  for (const _name in characteristics) {
+    const name = _name as CharacteristicName;
+    const value = characteristics[name]({
+      characteristic,
+      attribute,
+      attributeSafe,
+      shell,
+      shellSafe,
+      state,
+      tank,
+      parameters,
+      id,
+    });
+    computed[name] = value;
+  }
+
+  return {
+    characteristics: computed as ComputedCharacteristics,
+    parameters,
+  };
+}
@@ -0,0 +1,16 @@
+import type { TankCatalogComponent } from "@protos/blitz_static_tank_component";
+import { TerrainHardness } from "./tankState";
+
+export function createTankState(tank: TankCatalogComponent) {
+  return {
+    stage: tank.upgrade_stages.length,
+    shell: 0,
+    isGunDamaged: false,
+    isHullTraversing: false,
+    isShooting: false,
+    isTurretTraversing: false,
+    speed: 0,
+    terrainHardness: TerrainHardness.Hard,
+    isCaughtOnFire: false,
+  };
+}
@@ -0,0 +1,29 @@
+import type { CharacteristicOutput } from "./characteristics";
+import type { CharacteristicRenderConfig } from "./characteristicsOrder";
+
+export function renderCharacteristic(
+  characteristic: CharacteristicOutput,
+  config: CharacteristicRenderConfig
+): string | null {
+  if (characteristic === null) return null;
+
+  if (config.render) return config.render(characteristic);
+
+  if (typeof characteristic === "number") {
+    if (Number.isFinite(characteristic)) {
+      if (config.decimals === undefined) {
+        return characteristic.toString();
+      }
+
+      return characteristic.toFixed(config.decimals);
+    }
+
+    return `${characteristic < 0 ? "-" : ""}∞`;
+  }
+
+  if (typeof characteristic === "string") {
+    return characteristic;
+  }
+
+  return characteristic.map((c) => renderCharacteristic(c, config)).join(", ");
+}
@@ -0,0 +1,17 @@
+export enum TerrainHardness {
+  Soft,
+  Medium,
+  Hard,
+}
+
+export interface TankState {
+  stage: number;
+  shell: number;
+  speed: number;
+  isHullTraversing: boolean;
+  isTurretTraversing: boolean;
+  isShooting: boolean;
+  isGunDamaged: boolean;
+  terrainHardness: TerrainHardness;
+  isCaughtOnFire: boolean;
+}
@@ -0,0 +1,36 @@
+import type { ButtonProps } from "@radix-ui/themes";
+
+export interface Tool {
+  id: string;
+  strings?: string;
+
+  button: ButtonProps["color"];
+  significant?: boolean;
+  disabled?: boolean;
+  href?: string;
+}
+
+export const tools: Record<string, Tool> = {
+  tanks: {
+    id: "tanks",
+    strings: "tankopedia",
+    button: "purple",
+    significant: true,
+  },
+
+  avatars: {
+    id: "avatars",
+    button: "gold",
+  },
+
+  backgrounds: {
+    id: "backgrounds",
+    button: "gold",
+  },
+
+  api: {
+    id: "api",
+    disabled: true,
+    button: "lime",
+  },
+};
@@ -0,0 +1,3 @@
+export function classNames(...classes: (string | undefined)[]) {
+  return classes.filter(Boolean).join(" ");
+}
@@ -0,0 +1,7 @@
+import type * as colors from "@radix-ui/colors";
+
+const ignoreEndings = ["A", "P3", "Dark", "DarkA", "DarkP3"] as const;
+export type Color = Exclude<
+  keyof typeof colors,
+  `${string}${(typeof ignoreEndings)[number]}` | "__esModule"
+>;
@@ -0,0 +1,19 @@
+import { use } from "react";
+
+const cache = new Map<string, Promise<unknown>>();
+
+export function useAwait<Type>(
+  creator: () => Promise<Type>,
+  discriminator: string
+) {
+  let promise;
+
+  if (cache.has(discriminator)) {
+    promise = cache.get(discriminator) as Promise<Type>;
+  } else {
+    promise = creator();
+    cache.set(discriminator, promise);
+  }
+
+  return use(promise);
+}
@@ -0,0 +1,19 @@
+import type { ComponentProps } from "react";
+
+export function BlitzKitIcon(props: ComponentProps<"svg">) {
+  return (
+    <svg
+      width="128"
+      height="128"
+      viewBox="0 0 128 128"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M48.4082 19.8652C56.6277 19.8652 62.3045 21.5665 65.4375 24.9688C67.7005 27.3762 68.8875 30.4035 69 34.0498L52.1045 58.1982L61.252 68.375L30.8174 120.845L32.3818 93.4385H0L12.9863 19.8652H48.4082ZM83.584 58.1318L103.038 35.7969H128L99.2139 65.7285L117.691 109.37H90.4053L81.2812 84.373L78.4297 87.3389L74.5391 109.37H50.0312L52.4111 95.8789L71.4209 68.375L62.2734 58.1982L92.6064 7L83.584 58.1318ZM26.5791 77.875H32.9961C35.3204 77.875 37.1735 77.1677 38.5547 75.7529C39.9358 74.3381 40.8292 72.485 41.2334 70.1943C41.6376 67.9037 41.4012 66.0505 40.5254 64.6357C39.6495 63.1876 38.0496 62.463 35.7256 62.4629H29.3076L26.5791 77.875ZM31.4297 50.4365H37.1904C39.3126 50.4365 40.9635 49.8137 42.1426 48.5674C43.3553 47.2873 44.1641 45.5016 44.5684 43.2109C44.9726 40.954 44.8036 39.2186 44.0625 38.0059C43.3213 36.7598 41.8725 36.1367 39.7168 36.1367H33.957L31.4297 50.4365Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
@@ -0,0 +1,57 @@
+---
+import BaseMeta from "../components/BaseMeta.astro";
+import BaseStyles from "../components/BaseStyles.astro";
+import ColorAlias from "../components/ColorAlias.astro";
+import ColorScale from "../components/ColorScale.astro";
+import Footer from "../components/Footer.astro";
+import Navbar from "../components/Navbar.astro";
+import type { Color } from "../core/ui/color";
+
+interface Props {
+  locale: string;
+  accent: Color;
+  noNavbar?: boolean;
+}
+
+const { accent, noNavbar, locale } = Astro.props;
+---
+
+<html>
+  <head>
+    <BaseMeta />
+
+    <ColorScale color="mauve" />
+    <ColorAlias color="mauve" alias="gray" />
+
+    <ColorScale color="black" alpha />
+    <ColorScale color="white" alpha />
+
+    <ColorScale color={accent} />
+    <ColorAlias color={accent} alias="accent" />
+    <BaseStyles />
+
+    <style>
+      body {
+        margin: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--space-5);
+        min-height: 100dvh;
+
+        background-color: var(--gray-1);
+        color: var(--gray-12);
+        font-family: var(--font-family-regular);
+      }
+    </style>
+
+    <slot name="head" />
+  </head>
+
+  <body class="dark">
+    {!noNavbar && <Navbar />}
+
+    <slot />
+
+    <Footer {locale} />
+  </body>
+</html>
@@ -0,0 +1,61 @@
+---
+import "@radix-ui/colors/amber-dark.css";
+import {
+  createProgram,
+  displayPartsToString,
+  forEachChild,
+  isFunctionDeclaration,
+} from "typescript";
+import BaseLayout from "../../../layouts/BaseLayout.astro";
+
+export { getStaticPaths } from "../index.astro";
+
+const root = `/src/pages/api`;
+const globbed = import.meta.glob("/src/pages/api/**/*", {
+  eager: true,
+  query: "?raw",
+  import: "default",
+});
+const paths: {
+  path: string;
+  documentation: string;
+}[] = [];
+
+for (const fullPath in globbed) {
+  const relativePath = `.${fullPath}`;
+  const path = fullPath.slice(root.length + 1, -3);
+  const program = createProgram([relativePath], {});
+  const source = program.getSourceFile(relativePath);
+  if (!source) throw new Error(`Could not find source for ${fullPath}`);
+
+  const checker = program.getTypeChecker();
+
+  const getter = forEachChild(source, (node) => {
+    if (!isFunctionDeclaration(node) || node.name?.text !== "GET") return;
+    return checker.getSymbolAtLocation(node.name);
+  });
+
+  const documentationComment = getter?.getDocumentationComment(checker);
+  if (!documentationComment) continue;
+
+  const documentation = displayPartsToString(documentationComment);
+  if (documentation.length === 0) continue;
+
+  paths.push({ path, documentation });
+}
+
+paths.sort((a, b) => a.path.localeCompare(b.path));
+---
+
+<BaseLayout accent="amber">
+  <h1>api</h1>
+
+  {
+    paths.map(({ path, documentation }) => (
+      <>
+        <h2>{path}</h2>
+        <pre>{documentation}</pre>
+      </>
+    ))
+  }
+</BaseLayout>
@@ -0,0 +1,19 @@
+import { AvatarCard } from "../../../components/AvatarCard";
+import { api } from "../../../core/api/dynamic";
+import { useAwait } from "../../../hooks/useAwait";
+
+interface Props {
+  skeleton?: boolean;
+}
+
+export function Page({ skeleton }: Props) {
+  const { avatars } = useAwait(() => api.avatars(), "avatars");
+
+  return (
+    <div className="avatars">
+      {avatars.map((avatar) => (
+        <AvatarCard key={avatar.name} avatar={avatar} />
+      ))}
+    </div>
+  );
+}
@@ -0,0 +1,25 @@
+---
+import Section from "../../../components/Section.astro";
+import BaseLayout from "../../../layouts/BaseLayout.astro";
+import { Page } from "./_index";
+
+export { getStaticPaths } from "../index.astro";
+
+const { locale } = Astro.props;
+---
+
+<style is:global>
+  .avatars {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(var(--space-7), 1fr));
+    gap: var(--space-5) var(--space-4);
+  }
+</style>
+
+<BaseLayout {locale} accent="gold">
+  <Section>
+    <Page client:only="react">
+      <Page skeleton slot="fallback" />
+    </Page>
+  </Section>
+</BaseLayout>
@@ -0,0 +1,44 @@
+---
+import { Grade } from "@protos/blitz_static_standard_grades_enum";
+import { api } from "../../../core/api/dynamic";
+import BaseLayout from "../../../layouts/BaseLayout.astro";
+
+export { getStaticPaths } from "../index.astro";
+
+const { backgrounds } = await api.backgrounds();
+---
+
+<BaseLayout accent="amber">
+  {
+    backgrounds.map((background) => {
+      return (
+        <>
+          <h3>
+            {background.stuff_ui!.display_name}{" "}
+            {Grade[background.stuff_ui!.grade]}{" "}
+          </h3>
+
+          <pre>{JSON.stringify(background.profile_background, null, 2)}</pre>
+
+          {background.stuff_ui!.description && (
+            <p>{background.stuff_ui!.description}</p>
+          )}
+          {background.stuff_ui!.obtaining_methods && (
+            <p>{background.stuff_ui!.obtaining_methods}</p>
+          )}
+          {background.stuff_ui!.features && (
+            <p>{background.stuff_ui!.features}</p>
+          )}
+
+          <img width="128" src={`/api/backgrounds/${background.name}.webp`} />
+
+          {background.sellable && (
+            <pre>{JSON.stringify(background.sellable, null, 2)}</pre>
+          )}
+
+          <br />
+        </>
+      );
+    })
+  }
+</BaseLayout>
@@ -0,0 +1,34 @@
+---
+import locales from "@blitzkit/i18n/locales.json";
+import "@radix-ui/colors/amber-dark.css";
+import type { GetStaticPaths } from "astro";
+import ColorScale from "../../components/ColorScale.astro";
+import HomeHero from "../../components/HomeHero.astro";
+import Section from "../../components/Section.astro";
+import ToolCard from "../../components/ToolCard.astro";
+import { tools } from "../../core/tools/tools";
+import BaseLayout from "../../layouts/BaseLayout.astro";
+
+export const getStaticPaths = (() => {
+  return [
+    ...locales.supported
+      .filter(({ locale }) => locale !== locales.default)
+      .map(({ locale }) => ({ params: { locale }, props: { locale } })),
+    { params: { locale: undefined }, props: { locale: locales.default } },
+  ];
+}) satisfies GetStaticPaths;
+
+const { locale } = Astro.props;
+---
+
+<BaseLayout {locale} accent="amber" noNavbar>
+  <ColorScale color="purple" slot="head" />
+  <ColorScale color="gold" slot="head" />
+  <ColorScale color="lime" slot="head" />
+
+  <HomeHero {locale} />
+
+  <Section>
+    {Object.values(tools).map((tool) => <ToolCard {locale} {tool} />)}
+  </Section>
+</BaseLayout>
@@ -0,0 +1,251 @@
+import { times } from "lodash-es";
+import { Suspense, useMemo } from "react";
+import { TankopediaCharacteristic } from "../../../../components/TankopediaCharacteristic";
+import { TankopediaToy } from "../../../../components/TankopediaToy";
+import { api } from "../../../../core/api/dynamic";
+import { characteristicsOrder } from "../../../../core/tankopedia/characteristicsOrder";
+import { computeCharacteristics } from "../../../../core/tankopedia/computeCharacteristics";
+import { TerrainHardness } from "../../../../core/tankopedia/tankState";
+import { useAwait } from "../../../../hooks/useAwait";
+import { Tankopedia, TankopediaCompare } from "../../../../stores/tankopedia";
+
+export function Page({ id }: { id: string }) {
+  return (
+    <Suspense fallback={null}>
+      <Content id={id} />
+    </Suspense>
+  );
+}
+
+function Content({ id }: { id: string }) {
+  const tank = useAwait(() => api.tank(id), `tank-${id}`);
+  const tankList = useAwait(() => api.tankList(), "tank-list");
+  const otherTanks = useAwait(() => api.tanks(), "tanks");
+
+  Tankopedia.useInitialization(tank.tank!);
+
+  const protagonist = Tankopedia.use((state) => state.protagonist);
+  const compare = Tankopedia.use((state) => state.compare);
+  const characteristics = useMemo(
+    () => computeCharacteristics(id, tank, protagonist),
+    [protagonist]
+  );
+  // const otherCharacteristics = useMemo(
+  //   () =>
+  //     tankList.list
+  //       .filter((tank) => tank.id !== id)
+  //       .map(({ id }) => {
+  //         const state = { ...protagonist };
+  //         const tank = otherTanks.tanks[id];
+
+  //         return computeCharacteristics(
+  //           id,
+  //           tank.tank!,
+  //           tank.compensation!,
+  //           state
+  //         );
+  //       }),
+  //   [protagonist]
+  // );
+
+  return (
+    <>
+      <h1>{id}</h1>
+
+      <div style={{ display: "flex", flexWrap: "wrap", gap: "1rem" }}>
+        {tank.tank?.feature_screens?.tags.map((tag) => (
+          <span>{tag.value}</span>
+        ))}
+      </div>
+
+      <br />
+
+      <div style={{ display: "flex", flexWrap: "wrap" }}>
+        {times(tank.tank!.upgrade_stages.length + 1, (index) => (
+          <button
+            key={index}
+            onClick={() => {
+              Tankopedia.mutate((draft) => {
+                draft.protagonist.stage = index;
+              });
+            }}
+          >
+            Stage {index} {index === protagonist.stage && "(selected)"}
+          </button>
+        ))}
+      </div>
+
+      <br />
+
+      <div style={{ display: "flex", flexWrap: "wrap" }}>
+        {characteristics.parameters.shells_upgrades.map((shell) => (
+          <button
+            key={shell.shell_id}
+            onClick={() => {
+              Tankopedia.mutate((draft) => {
+                draft.protagonist.shell = shell.shell_id;
+              });
+            }}
+          >
+            Shell {shell.shell_id}{" "}
+            {shell.shell_id === protagonist.shell && "(selected)"}
+          </button>
+        ))}
+      </div>
+
+      <br />
+
+      <div>
+        <span>speed (0 - {characteristics.characteristics.speed_forward})</span>
+        <input
+          type="range"
+          min={0}
+          max={characteristics.characteristics.speed_forward as number}
+          value={protagonist.speed}
+          onChange={(event) => {
+            Tankopedia.mutate((draft) => {
+              draft.protagonist.speed = event.target.valueAsNumber;
+            });
+          }}
+        />
+      </div>
+
+      <br />
+
+      <div>
+        <span>isHullTraversing</span>
+        <input
+          type="checkbox"
+          value={`${protagonist.isHullTraversing}`}
+          onChange={(event) => {
+            Tankopedia.mutate((draft) => {
+              draft.protagonist.isHullTraversing = event.target.checked;
+            });
+          }}
+        />
+      </div>
+
+      <br />
+
+      <div>
+        <span>isTurretTraversing</span>
+        <input
+          type="checkbox"
+          value={`${protagonist.isTurretTraversing}`}
+          onChange={(event) => {
+            Tankopedia.mutate((draft) => {
+              draft.protagonist.isTurretTraversing = event.target.checked;
+            });
+          }}
+        />
+      </div>
+
+      <br />
+
+      <div>
+        <span>isShooting</span>
+        <input
+          type="checkbox"
+          value={`${protagonist.isShooting}`}
+          onChange={(event) => {
+            Tankopedia.mutate((draft) => {
+              draft.protagonist.isShooting = event.target.checked;
+            });
+          }}
+        />
+      </div>
+
+      <br />
+
+      <div>
+        <span>isGunDamaged</span>
+        <input
+          type="checkbox"
+          value={`${protagonist.isGunDamaged}`}
+          onChange={(event) => {
+            Tankopedia.mutate((draft) => {
+              draft.protagonist.isGunDamaged = event.target.checked;
+            });
+          }}
+        />
+      </div>
+
+      <br />
+
+      <div style={{ display: "flex", flexWrap: "wrap" }}>
+        {Object.values(TerrainHardness).map(
+          (hardness) =>
+            typeof hardness === "number" && (
+              <button
+                key={hardness}
+                onClick={() => {
+                  Tankopedia.mutate((draft) => {
+                    draft.protagonist.terrainHardness = hardness;
+                  });
+                }}
+              >
+                {TerrainHardness[hardness]}{" "}
+                {hardness === protagonist.terrainHardness && "(selected)"}
+              </button>
+            )
+        )}
+      </div>
+
+      <br />
+
+      <div>
+        <span>isCaughtOnFire</span>
+        <input
+          type="checkbox"
+          value={`${protagonist.isCaughtOnFire}`}
+          onChange={(event) => {
+            Tankopedia.mutate((draft) => {
+              draft.protagonist.isCaughtOnFire = event.target.checked;
+            });
+          }}
+        />
+      </div>
+
+      <br />
+
+      <div style={{ display: "flex", flexWrap: "wrap" }}>
+        {Object.values(TankopediaCompare).map(
+          (c) =>
+            typeof c === "number" && (
+              <button
+                key={c}
+                onClick={() => {
+                  Tankopedia.mutate((draft) => {
+                    draft.compare = c;
+                  });
+                }}
+              >
+                {TankopediaCompare[c]} {c === compare && "(selected)"}
+              </button>
+            )
+        )}
+      </div>
+
+      <br />
+
+      {characteristicsOrder.map(({ group, order }) => (
+        <>
+          <h2 key={group}>{group}</h2>
+
+          {order.map((config) =>
+            "toy" in config ? (
+              <TankopediaToy key={`toy-${config.toy}`} toy={config.toy} />
+            ) : (
+              <TankopediaCharacteristic
+                key={`characteristic-${config.name}`}
+                characteristic={characteristics.characteristics[config.name]}
+                others={[]}
+                config={config}
+              />
+            )
+          )}
+        </>
+      ))}
+    </>
+  );
+}
@@ -0,0 +1,22 @@
+---
+import "@radix-ui/colors/violet-dark.css";
+import type { GetStaticPaths } from "astro";
+import { api } from "../../../../core/api/dynamic";
+import BaseLayout from "../../../../layouts/BaseLayout.astro";
+import { Page } from "./_index";
+
+export const getStaticPaths = (async () => {
+  const { list } = await api.tankList();
+
+  return list.map((tank) => ({
+    params: { slug: tank.slug },
+    props: { id: tank.id },
+  }));
+}) satisfies GetStaticPaths;
+
+const { id } = Astro.props;
+---
+
+<BaseLayout accent="violet">
+  <Page {id} client:load />
+</BaseLayout>
@@ -0,0 +1,23 @@
+---
+import "@radix-ui/colors/violet-dark.css";
+import { api } from "../../../core/api/dynamic";
+import BaseLayout from "../../../layouts/BaseLayout.astro";
+
+export { getStaticPaths } from "../index.astro";
+
+const tankList = await api.tankList();
+---
+
+<BaseLayout accent="violet">
+  <h1>tanks</h1>
+
+  {
+    tankList.list.map(({ id, slug }) => (
+      <p>
+        <a href={`/tanks/${slug}`}>
+          {slug} ({id})
+        </a>
+      </p>
+    ))
+  }
+</BaseLayout>
@@ -0,0 +1,15 @@
+import type { APIContext, GetStaticPaths } from "astro";
+import { api } from "../../../core/api/dynamic";
+
+export const getStaticPaths = (async () => {
+  const { avatars } = await api.avatars();
+
+  return avatars.map((avatar) => ({
+    params: { id: avatar.name },
+  }));
+}) satisfies GetStaticPaths;
+
+export async function GET({ params }: APIContext<never, { id: string }>) {
+  const avatar = await api.avatar(params.id);
+  return Response.json(avatar);
+}
@@ -0,0 +1,10 @@
+import type { APIContext } from "astro";
+import { api } from "../../../core/api/dynamic";
+import { imageProxy } from "../../../core/api/imageProxy";
+
+export { getStaticPaths } from "./[id].json";
+
+export async function GET({ params }: APIContext<never, { id: string }>) {
+  const avatar = await api.avatar(params.id);
+  return await imageProxy(avatar.profile_avatar!.avatar);
+}
@@ -0,0 +1,6 @@
+import { api } from "../../../core/api/dynamic";
+
+export async function GET() {
+  const avatars = await api.avatars();
+  return Response.json(avatars);
+}
@@ -0,0 +1,7 @@
+import { api } from "../../../core/api/dynamic";
+import { Avatars } from "../../../protos/avatars";
+
+export async function GET() {
+  const avatars = await api.avatars();
+  return new Response(Avatars.encode(avatars).finish());
+}
@@ -0,0 +1,7 @@
+import { api } from "../../../core/api/dynamic";
+
+export async function GET() {
+  const { avatars } = await api.avatars();
+  const list = avatars.map((avatar) => avatar.name);
+  return Response.json(list);
+}
@@ -0,0 +1,15 @@
+import type { APIContext, GetStaticPaths } from "astro";
+import { api } from "../../../core/api/dynamic";
+
+export const getStaticPaths = (async () => {
+  const { backgrounds } = await api.backgrounds();
+
+  return backgrounds.map((background) => ({
+    params: { id: background.name },
+  }));
+}) satisfies GetStaticPaths;
+
+export async function GET({ params }: APIContext<never, { id: string }>) {
+  const background = await api.background(params.id);
+  return Response.json(background);
+}
@@ -0,0 +1,10 @@
+import type { APIContext } from "astro";
+import { api } from "../../../core/api/dynamic";
+import { imageProxy } from "../../../core/api/imageProxy";
+
+export { getStaticPaths } from "./[id].json";
+
+export async function GET({ params }: APIContext<never, { id: string }>) {
+  const background = await api.background(params.id);
+  return await imageProxy(background.profile_background!.background);
+}
@@ -0,0 +1,6 @@
+import { api } from "../../../core/api/dynamic";
+
+export async function GET() {
+  const { backgrounds } = await api.backgrounds();
+  return Response.json(backgrounds);
+}
@@ -0,0 +1,7 @@
+import { api } from "../../../core/api/dynamic";
+
+export async function GET() {
+  const { backgrounds } = await api.backgrounds();
+  const list = backgrounds.map((background) => background.name);
+  return Response.json(list);
+}
@@ -0,0 +1,23 @@
+import { TankClass, TankType } from "@blitzkit/core";
+import { Nation } from "@protos/blitz_static_tank_component";
+import type { APIContext, GetStaticPaths } from "astro";
+import { GunType } from "../../../core/tankopedia/characteristics";
+import { GET as _GET } from "./all.json";
+
+export const ENUMS = {
+  nation: Nation,
+  "tank-class": TankClass,
+  "tank-type": TankType,
+  "gun-type": GunType,
+};
+
+export const getStaticPaths = (() => {
+  return Object.keys(ENUMS).map((name) => ({ params: { enum: name } }));
+}) satisfies GetStaticPaths;
+
+export async function GET({
+  params,
+}: APIContext<never, { enum: keyof typeof ENUMS }>) {
+  const enums = (await _GET().json()) as Record<string, Record<number, string>>;
+  return Response.json(enums[params.enum]);
+}
@@ -0,0 +1,20 @@
+import { ENUMS } from "./[enum].json";
+
+export function GET() {
+  const enums: Record<string, Record<number, string>> = {};
+
+  for (const name in ENUMS) {
+    const _enum = ENUMS[name as keyof typeof ENUMS];
+    const map: Record<number, string> = {};
+
+    for (const key in _enum) {
+      const value = _enum[key];
+      if (typeof value !== "string") continue;
+      map[key] = value;
+    }
+
+    enums[name] = map;
+  }
+
+  return Response.json(enums);
+}
@@ -0,0 +1,6 @@
+import { ENUMS } from "./[enum].json";
+
+export function GET() {
+  const list = Object.keys(ENUMS);
+  return Response.json(list);
+}
Author	SHA1	Message	Date
TrèsAbhi	f5f3f70e35	feat: client side game strings	2026-01-13 13:30:09 -06:00
TrèsAbhi	2d282a3261	feat: game strings api	2026-01-13 13:18:55 -06:00
TrèsAbhi	a2d0d2d8c0	feat: card styles	2026-01-13 12:46:34 -06:00
TrèsAbhi	ea412086d4	feat: start of avatars	2026-01-12 14:13:21 -06:00
TrèsAbhi	455679a981	feat: some footer	2026-01-12 14:00:13 -06:00
TrèsAbhi	a21bc6174d	feat: some navbar	2026-01-12 13:46:58 -06:00
TrèsAbhi	fae1a89402	feat: some more apis	2026-01-12 13:20:08 -06:00
TrèsAbhi	5a1a0c59f1	feat: profile and backgroud apis	2026-01-12 13:12:11 -06:00
TrèsAbhi	c98271f783	feat: darker input	2026-01-12 12:48:47 -06:00
TrèsAbhi	033660c2d9	fix: webp	2026-01-11 13:48:27 -06:00
TrèsAbhi	1a639c51e1	feat: update backgrounds	2026-01-11 13:46:54 -06:00
TrèsAbhi	1366579dd1	feat: some unification	2026-01-11 13:40:01 -06:00
TrèsAbhi	f5ed2c2c40	feat: concurrency	2026-01-11 11:52:28 -06:00
TrèsAbhi	1598de9f5f	feat: imageProxy	2026-01-11 11:51:02 -06:00
TrèsAbhi	6f47f5cc99	feat: bumps	2026-01-10 13:49:11 -06:00
TrèsAbhi	1117dcb935	feat: links	2026-01-10 13:19:59 -06:00
TrèsAbhi	01a58f9aa8	feat: finalize tool cards	2026-01-10 13:07:59 -06:00
TrèsAbhi	9096644d51	feat: cards	2026-01-10 12:43:39 -06:00
TrèsAbhi	d42fc0e3f6	Merge branch 'main' into ue	2026-01-09 14:06:57 -06:00
TrèsAbhi	17d1526b6f	Merge branch 'main' into ue	2026-01-09 14:05:43 -06:00
TrèsAbhi	db8ac195d4	feat: start of cards	2026-01-09 14:04:59 -06:00
TrèsAbhi	c5f5f69fd6	feat: more home page	2026-01-09 13:57:28 -06:00
TrèsAbhi	44203223fd	feat: server side strings	2026-01-09 13:38:00 -06:00
TrèsAbhi	bdabadcd49	feat: some more styles	2026-01-09 13:02:58 -06:00
TrèsAbhi	220e4388d4	feat: start on header	2026-01-08 20:39:44 -06:00
TrèsAbhi	51b2d1ce86	feat: cleaner output	2026-01-08 20:17:11 -06:00
TrèsAbhi	f3c1825c57	fix: complete protos implementation	2026-01-08 20:16:01 -06:00
TrèsAbhi	359dfcd102	feat: move some	2026-01-08 20:06:14 -06:00
TrèsAbhi	649cdd893f	feat: styles	2026-01-08 20:02:24 -06:00
TrèsAbhi	0cb974acf5	feat: scales	2026-01-07 20:36:55 -06:00
TrèsAbhi	9bca5dccc7	feat: start of new protos	2026-01-04 15:35:58 -06:00
TrèsAbhi	d707f1cc5d	Merge branch 'main' into ue	2026-01-04 15:23:43 -06:00
TrèsAbhi	4ed4395535	feat: start of strings	2026-01-03 13:29:15 -06:00
TrèsAbhi	0209d48475	feat: backgrounds	2026-01-02 20:17:24 -06:00
TrèsAbhi	437bee4a85	feat: proxy avatars	2026-01-02 20:04:19 -06:00
TrèsAbhi	4b8e73fa57	feat: cache	2026-01-02 14:26:05 -06:00
TrèsAbhi	b96f925d9a	feat: avatars	2026-01-02 14:20:29 -06:00
TrèsAbhi	1551dc50fd	Merge branch 'main' into ue	2026-01-02 12:51:20 -06:00
TrèsAbhi	daf4cef61c	feat: mode apis	2025-12-28 12:20:45 -06:00
TrèsAbhi	496e127f64	Merge branch 'main' into ue	2025-12-28 12:11:40 -06:00
TrèsAbhi	da1af66c77	feat: start of mechanics	2025-12-26 20:07:22 -06:00
TrèsAbhi	01409985a2	feat: list	2025-12-26 19:43:44 -06:00
TrèsAbhi	a86ac0619a	feat: stop working on ranking since a lot of tanks are broken	2025-12-26 19:37:52 -06:00
TrèsAbhi	385d165512	feat: optimize tankList	2025-12-26 19:21:14 -06:00
TrèsAbhi	fcfc97b964	feat: start of all tanks	2025-12-26 14:59:09 -06:00
TrèsAbhi	53d05e73a6	feat: some docs	2025-12-26 14:21:04 -06:00
TrèsAbhi	40a1eb861d	feat: meta section	2025-12-26 14:14:29 -06:00
TrèsAbhi	1d3cb95b89	fix: assert wotb server	2025-12-26 11:33:04 -06:00
TrèsAbhi	010303a818	feat: camo	2025-12-24 20:30:19 -06:00
TrèsAbhi	7281b9fed0	feat: power_to_weight	2025-12-24 20:10:06 -06:00
TrèsAbhi	c5785c7ae6	feat: more controllers	2025-12-24 19:57:26 -06:00
TrèsAbhi	698731cb9a	feat: generalize render chars	2025-12-24 19:48:01 -06:00
TrèsAbhi	99bae8f2c5	fix: array rendering	2025-12-24 19:39:26 -06:00
TrèsAbhi	5034ec1aa0	feat: terrain hardness	2025-12-24 19:37:21 -06:00
TrèsAbhi	be821c1f8b	Merge branch 'ue' of https://github.com/blitzkit/blitzkit into ue	2025-12-24 19:33:04 -06:00
TrèsAbhi	a364b79a9b	feat: autoreloader dom	2025-12-24 19:33:01 -06:00
TrèsAbhi	0aa6e1e79a	Update deployment condition for GitHub Pages	2025-12-20 20:03:27 -06:00
TrèsAbhi	d2a6379131	feat: abstracted meta	2025-12-20 19:10:11 -06:00
TrèsAbhi	07ce61d19f	fix: depression	2025-12-20 19:05:42 -06:00
TrèsAbhi	ad9f2d8609	feat: start of pitch yaw limits	2025-12-20 19:03:57 -06:00
TrèsAbhi	57702d8a43	fix: repo	2025-12-20 18:10:24 -06:00
TrèsAbhi	9a30af3818	fix: proper pitch limits	2025-12-20 10:26:25 -06:00
TrèsAbhi	23751fbdf3	feat: dynamic dispersion	2025-12-20 10:15:23 -06:00
TrèsAbhi	db6d181f78	feat: use max stage	2025-12-20 09:59:26 -06:00
TrèsAbhi	56ca4dcc61	feat: more accents	2025-12-19 22:23:03 -06:00
TrèsAbhi	d08b537721	feat: some styling	2025-12-19 21:25:55 -06:00
TrèsAbhi	c1a2edb489	feat: baselayout	2025-12-19 17:55:26 -06:00
TrèsAbhi	164b7fa454	feat: api renderer	2025-12-19 17:50:59 -06:00
TrèsAbhi	428483cf4c	fix: disable minifySyntax	2025-12-19 16:14:36 -06:00
TrèsAbhi	89f02eb399	minifySyntax	2025-12-19 16:11:26 -06:00
TrèsAbhi	4ce127516c	minifyWhitespace	2025-12-19 16:09:27 -06:00
TrèsAbhi	6f4f487dfe	minifyIdentifiers	2025-12-19 16:07:34 -06:00
TrèsAbhi	57dd60e804	feat: no minify	2025-12-19 16:01:58 -06:00
TrèsAbhi	d24fd2250c	feat: deploy on ue	2025-12-19 15:53:30 -06:00
TrèsAbhi	e00bcdfc06	feat: latest node	2025-12-19 15:51:47 -06:00
TrèsAbhi	67dd204ee6	fix: typo	2025-12-19 15:48:07 -06:00
TrèsAbhi	e130583fa4	fix: build:catalogitemaccesssor	2025-12-19 15:46:40 -06:00
TrèsAbhi	6ad20a0fcf	feat: cron	2025-12-19 15:44:32 -06:00
TrèsAbhi	9fad644d7a	feat: workflow	2025-12-19 15:42:38 -06:00
TrèsAbhi	8cb523dd06	fix: remove pwa	2025-12-19 15:35:50 -06:00
TrèsAbhi	b50ee23a26	feat: re-install	2025-12-19 15:34:16 -06:00
TrèsAbhi	a973cf699b	fix: cleaner stage0 hack	2025-12-19 15:26:47 -06:00
TrèsAbhi	102abf49c4	fix: default isPump	2025-12-19 15:20:58 -06:00
TrèsAbhi	8929e503ea	fix: pump times	2025-12-19 15:17:45 -06:00
TrèsAbhi	a2a794eb74	fix: use order instead of group	2025-12-19 15:11:33 -06:00
TrèsAbhi	2e95f5dd95	fix: unit conversion	2025-12-19 15:09:46 -06:00
TrèsAbhi	23a42230cb	feat: units	2025-12-19 15:04:35 -06:00
TrèsAbhi	e66daed7ae	feat: dpm	2025-12-19 14:51:18 -06:00
TrèsAbhi	f2d0f68f07	feat: primary_armor	2025-12-19 14:34:17 -06:00
TrèsAbhi	be4af0bf84	feat: implement some	2025-12-18 21:29:10 -06:00
TrèsAbhi	15172e8b33	fix: fetch correct stages	2025-12-18 17:00:06 -06:00
TrèsAbhi	c6b7918525	feat: shells	2025-12-18 16:45:02 -06:00
TrèsAbhi	4f1c4421e5	feat: some more	2025-12-18 16:29:13 -06:00
TrèsAbhi	7b830f5a71	feat: start of more attrs	2025-12-18 16:12:01 -06:00
TrèsAbhi	6ce1135835	feat: rename a bit	2025-12-18 15:30:18 -06:00
TrèsAbhi	66eaaef6de	feat: implement shell attr	2025-12-18 15:07:04 -06:00
TrèsAbhi	48fbf59036	feat: override common data	2025-12-18 13:20:35 -06:00
TrèsAbhi	0e0f4fbe9f	fix: find att0 correctly	2025-12-18 13:16:20 -06:00
TrèsAbhi	6ba6e10108	feat: rename	2025-12-18 13:08:42 -06:00
TrèsAbhi	cf8fa4ffb4	feat: remaining stagers	2025-12-18 12:59:12 -06:00
TrèsAbhi	2b0180dce2	Merge branch 'main' into ue	2025-12-18 12:45:10 -06:00
TrèsAbhi	caee848a47	Merge branch 'main' into ue	2025-12-15 22:29:11 -06:00
TrèsAbhi	d01b7cf707	feat: shells	2025-12-14 22:00:45 -06:00
TrèsAbhi	8921f84c38	feat: verbose	2025-12-14 21:41:26 -06:00
TrèsAbhi	6830df01fa	penetration_groups_upgrades	2025-12-14 21:38:18 -06:00
TrèsAbhi	67da59ef41	feat: start of stages	2025-12-13 23:35:38 -06:00
TrèsAbhi	036cc9915d	feat: start of atts	2025-12-13 23:10:51 -06:00
TrèsAbhi	57b6ba19f0	feat: rename	2025-12-13 22:15:48 -06:00
TrèsAbhi	32b5593d07	feat: lenient strings	2025-12-13 13:16:42 -06:00
TrèsAbhi	3b757562d2	Merge branch 'main' into ue	2025-12-10 22:52:49 -06:00
TrèsAbhi	4c8c2d0868	feat: auto pick localization entity	2025-12-05 21:35:58 -06:00
TrèsAbhi	b2f266401f	Merge branch 'main' into ue	2025-12-05 21:23:39 -06:00
TrèsAbhi	5541eca23d	feat: start of derived statistics	2025-12-01 16:51:11 -06:00
TrèsAbhi	122d65840e	feat: aggregateAttributes	2025-12-01 13:09:55 -06:00
TrèsAbhi	ed4b72d85c	feat: upgrade stages	2025-11-30 22:26:13 -06:00
TrèsAbhi	4033e8618f	feat: useAwait	2025-11-30 22:12:46 -06:00
TrèsAbhi	42cada1811	feat: move and api	2025-11-30 21:06:17 -06:00
TrèsAbhi	ff7ed213c8	feat: complete	2025-11-30 21:01:53 -06:00
TrèsAbhi	a0367af06b	feat: start of stats	2025-11-30 20:54:36 -06:00
TrèsAbhi	58c2965c53	Merge branch 'main' into ue	2025-11-30 20:27:42 -06:00
TrèsAbhi	edae41409a	feat: tank data	2025-11-29 14:22:32 -06:00
TrèsAbhi	383d3a36ef	feat: load tank data	2025-11-28 14:21:26 -06:00
TrèsAbhi	6a958da390	feat: implement strings	2025-11-28 14:13:03 -06:00
TrèsAbhi	ef154f99d5	feat: start of scraping	2025-11-28 13:51:17 -06:00
TrèsAbhi	4a20102de3	feat: base work	2025-11-28 13:19:15 -06:00
TrèsAbhi	4e170f2917	feat: port minimal files	2025-11-28 13:03:33 -06:00
TrèsAbhi	a70d788f6b	feat: init ue website	2025-11-28 13:00:41 -06:00