How to play
One target image, one editor, as few characters as you can manage. The rest is detail.
The canvas
Every challenge is scored on exactly 400 × 300 pixels. Your code lands inside a <body> of that size, so body { … } addresses the whole canvas — the convention every CSS author already has in their fingers.
Anything the browser can draw without external resources is allowed: HTML, CSS, gradients, clip-path, pseudo-elements. JavaScript is not, and neither are images, fonts or stylesheets from other servers — both are dropped before rendering.
Scoring
Your solution is rendered and compared with the target pixel by pixel. A pixel counts as a hit when every color channel is within 6 of 255 — enough slack for anti-aliasing, not enough for a wrong color.
| Part | Points | Condition |
|---|---|---|
| Pixel accuracy | up to 700 | rises steeply — the last percent is worth far more than the first |
| Efficiency bonus | up to 300 | only at a 100% match, full at or below budget |
| Maximum | 1000 | pixel perfect and within budget |
The efficiency bonus deliberately unlocks only on a perfect match: short and wrong must never beat long and right. Ties go to the shorter solution.
The character budget
Every challenge has a character budget. Reach or undercut it and you get the full efficiency bonus; above it the bonus falls off proportionally. The budget sits just below a clean, naive solution, so hitting it always costs you real work.
The daily challenge
At midnight one challenge becomes the daily. It is free and playable as often as you like. Trying it needs no account; saving a run does, because your best submission, your level and your streak have to belong to something that survives a cleared browser. Your best submission is the one that counts, and solving it extends your streak.
Experience and levels
Experience is paid on improvement, not on submission: only the difference to your previous best on that challenge counts, so resubmitting the same solution earns nothing. On top of that come a bonus for your first pixel-perfect run on a challenge, a daily bonus, and a streak bonus that grows with your run of consecutive days.
Battles
In a battle everyone plays the same rounds against the same clock. Your best run per round counts; the sum decides the ranking. Anyone signed in can join with the code, including mid-round.
Fair play
Runs are re-scored on the server when verification is switched on. Forged results are removed from the leaderboards. Beyond that, whatever is in the editor is allowed — the dirtiest trick included.