One specific subject · two independently judged entries

The Home Ratio

The project begins with 番茄炒蛋—tomato and egg—and deliberately leaves the ratio open. The CSS artwork stages a whole-room reveal; the landing page turns one chosen balance into a private memory card.

CSS Art · Pure HTML + CSS

Compose the room. Then serve the table.

Three ratio controls redraw the ingredients, weather, light, clock, textile, and copy. A second native control lifts the lid and reveals a place kept for someone—without JavaScript.

  • Two-act native-control reveal
  • Whole-room CSS state system
  • Complete keyboard and reduced-motion paths

Perfect Landing · Progressive enhancement

Tune a bowl. Keep a memory card.

Tune a native ratio dial, choose the kind of table around it, and keep one optional private word. The completed card is local-only, copyable, and still has a full failed-script fallback.

  • Three-step keyboard-native ritual
  • No storage or external request
  • Complete no-JavaScript and failed-script story

Built to be judged, not merely viewed.

The public repository contains the exact source, reproducible tests, 320 px evidence, cover art, AI-assistance disclosure, and a third-party-rights review. Chromium, Firefox, and WebKit all pass the same interaction, accessibility, reflow, slow-connection, reduced-motion, and resilience checks.