/* Selective frost: controls only, with opaque fallback. */
.dither-wrap canvas,#sheet noscript img{image-rendering:auto}
.dither-wrap[data-revealing="true"] canvas{image-rendering:pixelated}
.work-cell{transition:transform .22s ease,box-shadow .22s ease}
.work-cell:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.bar,.hero-live .seg{background:var(--bg);border:1px solid var(--ink-25);box-shadow:inset 0 1px 0 var(--ink-12),0 5px 18px var(--ink-12)}
.hero-live .seg{padding:5px;gap:2px;width:fit-content}
@supports(backdrop-filter:blur(14px)){.bar,.hero-live .seg{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px) saturate(.8);-webkit-backdrop-filter:blur(14px) saturate(.8)}}
.hero-live:before{content:'';display:block;width:100%;height:3px;background-image:repeating-linear-gradient(90deg,var(--ink-25) 0 1px,transparent 1px 4px);opacity:.65}
@media(hover:hover) and (pointer:fine){.work-cell:hover{transform:none;box-shadow:0 8px 18px var(--ink-12)}}
@media(prefers-reduced-motion:reduce){.work-cell{transition:none}.work-cell:hover{transform:none}}