# AGENT.md — chatrpg-app

## Core Tech
- Svelte 5 with runes (`$state`, `$derived`, `$effect`, etc.).
- SvelteKit.
- Plain CSS only. All styles must live inside `<style>` tags in the Svelte files. **No Tailwind**, no PostCSS plugins, no external CSS frameworks or libraries.

## Component Placement
- Components that are **specific to a single route** (e.g. the landing page) must live in the route's directory (alongside `+page.svelte` in `src/routes/`).
- Only components that are truly universal and will be reused across multiple routes/pages should go in `src/lib/components/`.

## General
- Follow explicit instructions given in chat (they take precedence).
- Keep changes minimal and focused.
- Prefer relative imports (`./Component.svelte`) when importing route-specific components.
- Prefer double quotes over single quotes when possible. Use the backtick (``) only when variables need to be inserted in text

## Style
- When told to create style for a page/component, do not write anything in <script>. Do not remove any HTML. You may add as much HTML as you see fit to improve it. You may do anything you want with CSS.
- When adding any style, ensure that it is mobile responsive and works any any device size
- Do not import "$lib/global.css" in every component. It should only be imported in the top level layout.
