.playground{max-width:min(100%,64rem)}.playground .hero{background:var(--cream-whip);box-shadow:0 16px 36px color-mix(in srgb, var(--iron) 12%, transparent);border-radius:16px;gap:1.25rem;margin-bottom:1.25rem;padding:1rem;display:grid}.hero-art{aspect-ratio:4/3;object-fit:cover;border-radius:12px;block-size:auto;inline-size:100%;display:block}.hero-copy{padding:.35rem .5rem .75rem}.playground .hero h1{max-width:none;margin:0 0 .4rem}@media (width>=720px){.playground .hero{grid-template-columns:minmax(16rem,28rem) minmax(0,1fr);align-items:center;gap:1.5rem 2rem;padding:1.15rem}.hero-copy{padding:.5rem .75rem .5rem 0}}.thursday{background:var(--lingon);max-width:100%;color:var(--cream-whip);border-radius:999px;padding:.25rem .8rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;transform:rotate(-2deg)}.thursday:hover,.thursday:focus-visible{color:var(--cream-whip)}#cook{align-items:start;gap:1rem;display:grid}#cook[hidden]{display:none}.pan-canvas{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;width:min(100%,22.5rem);max-width:100%;display:block}.hud{background:var(--cream-whip);border-radius:var(--radius);box-shadow:0 8px 24px color-mix(in srgb, var(--iron) 12%, transparent);min-width:0;padding:1rem 1.15rem 1.15rem}.game-live{font-family:var(--font-display);margin:0 0 .85rem;font-size:1.25rem;font-weight:600;line-height:1.2}.ing-tray{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.ing{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.ing.is-dragging{z-index:5;cursor:grabbing}.ing.in-bowl{padding:.25rem .55rem;font-size:.9rem}.bowl{background:radial-gradient(circle at 40% 32%, color-mix(in srgb, var(--cream-whip) 70%, white), var(--cream) 55%, #d9c7a6);border:4px solid color-mix(in srgb, var(--iron) 35%, transparent);width:min(100%,10rem);height:8rem;box-shadow:inset 0 8px 16px color-mix(in srgb, var(--iron) 18%, transparent);border-radius:50%;flex-wrap:wrap;place-content:center;gap:.25rem;margin:0 auto .85rem;padding:1.25rem;display:flex}.heat-control{background:var(--iron);width:100%;height:2.75rem;color:var(--cream-whip);touch-action:none;-webkit-user-select:none;user-select:none;padding:0;display:block;position:relative;overflow:visible}.heat-control:focus-visible{outline-color:var(--cream-whip)}.heat-zone{left:62%;background:color-mix(in srgb, var(--butter) 55%, transparent);pointer-events:none;z-index:1;width:16%;position:absolute;inset-block:0}.heat-fill{background:var(--lingon);transform-origin:0;pointer-events:none;border-radius:inherit;clip-path:inset(0 round var(--radius));position:absolute;inset:0;transform:scaleX(0)}.heat-steps,.folds,.tops,.after{flex-wrap:wrap;gap:.5rem;margin:0 0 .85rem;display:flex}.cook-meter{background:color-mix(in srgb, var(--iron) 12%, var(--cream));border-radius:999px;height:.7rem;margin:0 0 .85rem;overflow:hidden}.cook-fill{background:var(--butter);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.hud-actions{margin:0}.score-line,.high-line{margin:0 0 .5rem}.score-num{color:var(--lingon);font-family:var(--font-display);margin-inline-start:.35rem;font-size:2.25rem;line-height:1;display:inline-block}.reasons,.plated{margin:0 0 .85rem;padding-left:1.15rem}.after a{font-weight:600}@media (width<=719px){.playground .hero{padding:1rem}.pan-canvas{margin-inline:auto}}@media (width>=720px){#cook{grid-template-columns:minmax(0,22.5rem) minmax(14rem,1fr)}.pan-canvas{width:100%}}@media (prefers-reduced-motion:reduce){.thursday{transform:none}.heat-fill,.cook-fill,.ing{transition:none}}