# Lillia Control Dossier

An interactive, installable field guide for the upgraded zero-purchase Lillia, Bashful Bloom Riftbound control deck. The art-driven dreamfield theme uses locally hosted Lillia artwork, moonlit color, and translucent mystical panels throughout. The site includes a match-mode quick reference, sticky section navigation, inline card previews, the exact deck list, and a searchable gallery covering the complete Main Deck, Legend, runes, battlefields, and optional sideboard. It is plain HTML, CSS, and JavaScript with no runtime dependencies, analytics, external fonts, or remotely loaded assets.

## Install on iPhone

Open the deployed HTTPS address in Safari, tap **Share**, then choose **Add to Home Screen**. The guide supplies an iOS touch icon, standalone app metadata, notch and Home Indicator safe-area spacing, and a service worker for quicker repeat loads and offline access to the core guide shell. The responsive layout is tested at the iPhone 13 mini CSS viewport of 375 × 812.

## Open it at home

The deployed site includes `downloads/lillia-spritefield-guide-source.zip`. Download and unzip that package, then open `site/index.html` in a browser.

For a local web server:

```sh
cd lillia-spritefield-guide
python3 -m http.server 4173 -d site
```

Open `http://localhost:4173`.

## Project structure

```text
lillia-spritefield-guide/
├── README.md
├── package.json
└── site/
    ├── _headers
    ├── app.js
    ├── assets/
    │   ├── app/         # iOS and PWA Home Screen icons
    │   ├── cards/       # 28 locally optimized official card images
    │   └── lillia/      # optimized mystical background artwork
    ├── index.html
    ├── manifest.webmanifest
    ├── styles.css
    ├── sw.js
    └── downloads/
        └── lillia-spritefield-guide-source.zip
```

## Deploy to Cloudflare Pages

Install the pinned Wrangler version and authenticate:

```sh
npm install
npx wrangler login
```

Create the Pages project once, if it does not already exist:

```sh
npx wrangler pages project create lillia-spritefield-guide --production-branch main
```

Deploy:

```sh
npm run deploy
```

You can also upload the contents of `site/` through Cloudflare Pages Direct Upload. The `_headers` file supplies the production security headers.

## Deck-list note

RiftScan does not support deck-code import. The guide includes a copy button for the exact text list, which must be entered manually in RiftScan's Deck Builder.

## Research basis

Rules and strategy were checked on 20 August 2026 against the current Riftbound Core Rules, the official Utrecht and Vancouver deck results, and the Vendetta-era competitive Lillia guide from Hextech Analytics. Direct source links are included in the site footer.

## Card art

Card images are optimized local copies of assets from the official Riftbound card gallery. The supplied Lillia background artwork is stored in `site/assets/lillia/` as optimized JPEG files. Riot Games owns the artwork and card data. The site footer includes the fan-project notice requested by Riot's Legal Jibber Jabber policy.
