Ui-Medium-Fireplace-Ambience

The model receives the prompt (and optional system message). The run uses scorer singlefile_html_visual_judged with the JSON configuration below. Pass/fail and partial credit are determined entirely by that scorer against the model output; no human grading.

Create a complete single-file HTML document for a responsive fireplace ambience UI. Return only the HTML document, without Markdown fences or explanations. The UI should include animated flames, glowing embers or sparks, logs, warm light, and a small ambience control/status panel with realistic labels such as heat, burn time, room temperature, or mood. The fire must visibly animate continuously using CSS animations or vanilla JavaScript inside the same HTML file. The result should be polished, cozy, accessible, and usable on desktop and mobile. Use semantic HTML where reasonable, good spacing, readable typography, and a rich but restrained visual style.

{
  "min_chars": 4500,
  "requires_style": true,
  "requires_script": false,
  "forbidden_contains": [
    "```",
    "TODO",
    "lorem ipsum",
    "placeholder text"
  ],
  "allowed_cdn_hosts": [
    "cdn.jsdelivr.net",
    "cdnjs.cloudflare.com",
    "unpkg.com"
  ],
  "playwright_enabled": true,
  "judge_enabled": true,
  "render_wait_ms": 900,
  "viewports": [
    {
      "name": "desktop",
      "width": 1440,
      "height": 900
    },
    {
      "name": "mobile",
      "width": 390,
      "height": 844
    }
  ],
  "required_selectors": [],
  "required_text_groups": [
    [
      "Fireplace",
      "Fire",
      "Kamin"
    ],
    [
      "Flame",
      "Flames",
      "Feuer"
    ],
    [
      "Ember",
      "Spark",
      "Glut"
    ],
    [
      "Heat",
      "Temperature",
      "Warmth"
    ]
  ],
  "ui_requirements": [
    {
      "id": "fireplace_context",
      "type": "text",
      "text": [
        "Fireplace",
        "Kamin",
        "Hearth"
      ],
      "points": 10
    },
    {
      "id": "flames_present",
      "type": "text",
      "text": [
        "Flame",
        "Flames",
        "Fire",
        "Feuer"
      ],
      "points": 10
    },
    {
      "id": "embers_present",
      "type": "text",
      "text": [
        "Ember",
        "Spark",
        "Glut"
      ],
      "points": 8
    },
    {
      "id": "ambience_panel",
      "type": "text",
      "text": [
        "Heat",
        "Temperature",
        "Burn time",
        "Mood",
        "Warmth"
      ],
      "points": 10
    }
  ],
  "animation_checks": [
    {
      "id": "css_animation",
      "type": "css_animation_present",
      "points": 10
    },
    {
      "id": "flame_motion",
      "type": "dom_motion_sample",
      "points": 8
    }
  ],
  "interaction_checks": [],
  "score_weights": {
    "static": 0.15,
    "render": 0.2,
    "requirements": 0.2,
    "interaction": 0,
    "accessibility": 0.1,
    "animation": 0.15,
    "judge": 0.2
  },
  "pass_threshold": 0.68
}