index.html

<!doctype html>
<html lang="sv">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Diariet</title>
  <meta name="description" content="Du handlägger anmälningar om det som händer i utkanten av det förklarliga. Du får aldrig hela bilden. Det är jobbet." />
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Special+Elite&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="/src/style.css" />
</head>
<body>
  <div id="app">Laddar…</div>
  <script type="module" src="/src/main.ts"></script>
</body>
</html>
Initial commit: Diariet A bureaucratic horror game — five shifts processing incoming tips and incident reports for a municipal office that officially handles nuisance complaints and unofficially exists to keep Djupet's cult off the front page. Route each report: dismiss, file as known, flag for follow-up, or escalate and lose visibility into what happens next. Guidelines accumulate and contradict across shifts, same shape as Retur's regulation stack. Directly descended from Retur's engine (routeLetter/nextDay -> routeReport/nextShift, same 4-route-per-item structure) but with one real mechanical difference: escalating always costs Insyn (insight/ notice), whether or not it was the correct call — being right doesn't make you invisible. Several reports cite real events from Djupet's own event pool (the bleeding IKEA LACK table, Göran added to the cult's Discord by accident, the Värnhemstorget pigeons, Turning Torso rotating), reframed as outside tips from residents who saw a fragment of something they don't understand. Same universe, a level further from the truth, and the player is explicitly never given the full picture — that's the design, not a limitation. Shares djupet/retur's exact :root palette but its own accent (cold institutional cyan instead of Retur's stamp-red or Djupet's eldritch purple). Intro/win/loss screens use real generated desk photos (rotary phone, corkboard map with red string, a ceiling water stain shaped like a coastline that grows between screens), converted PNG->WebP. Verified: tsc clean, 9/9 vitest (data-integrity check that every report has real consequence text, and a locked-in test for the escalation-always-costs-insight mechanic), a real browser playthrough confirming the wrong+escalate cost stacks correctly (-1 trust, +2 insight), and all three ending states screenshotted via injected game state. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> 2026-07-27 19:50:31 +02:00			`<!doctype html>`
			`<html lang="sv">`
			`<head>`
			`<meta charset="utf-8" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1" />`
			`<title>Diariet</title>`
			`<meta name="description" content="Du handlägger anmälningar om det som händer i utkanten av det förklarliga. Du får aldrig hela bilden. Det är jobbet." />`
			`<link rel="icon" type="image/svg+xml" href="/favicon.svg" />`
			`<link rel="preconnect" href="https://fonts.googleapis.com" />`
			`<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />`
			`<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Special+Elite&display=swap" rel="stylesheet" />`
			`<link rel="stylesheet" href="/src/style.css" />`
			`</head>`
			`<body>`
			`<div id="app">Laddar…</div>`
			`<script type="module" src="/src/main.ts"></script>`
			`</body>`
			`</html>`