/* fix 14: What it costs (PROMPT §5.5, §6; app/f7/calc-f14.php, assets/fix14/calc.js). Only with fix 14 on (html.f14).
   The block is one baked video (assets/home/calc/v5/block*.mp4 / .webm) drawn by WebGL on a canvas over its baked still.
   The glass backdrop is baked into the frames, so nothing here blurs, masks, filters or fades the block or its ancestors
   up to the stage (§6.3.3). The stage keeps today's look (Vilius, 16 Oct): glacier-gold with the signature grain. */

/* the field sits relative to the block's frame, as in the prototype (§6.3.2): left / top (fx - fw, fy - .15 fw), width
   2.15 fw (v5/field.webp, 2.15 x 2.375 fw). At 1440 it is today's stage exactly (glacier-gold-16x9, cover); it covers the
   stage at every width from 360 up. The frames were baked over this same picture, so the glass matches at every width.
   The signature grain stays as it is (.f12h-cfield::before: one tile pixel per device pixel, soft-light). */
html.f14 .f14c-cost .f12h-cfield{background:url(/assets/home/calc/v5/field.webp) calc(var(--fx) - var(--fw)) calc(var(--fy) - .15 * var(--fw)) / calc(2.15 * var(--fw)) auto no-repeat,var(--f13-cbg,#7c9190)}

/* the block box (same place as before): the baked still (first paint, reduced motion, the fallback), the canvas over it */
html.f14 .f14c-block{position:absolute;left:var(--fx);top:var(--fy);width:var(--fw);aspect-ratio:800/680;pointer-events:none}
html.f14 .f14c-block picture,html.f14 .f14c-block img,html.f14 .f14c-block canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
html.f14 .f14c-block canvas{opacity:0}
html.f14 .f14c-block.is-live canvas{opacity:1}
html.f14 .f14c-block.is-live picture{opacity:0}

/* §6.3.5 never glass on glass: under 1024 the slab's shadow ends .37 fw below the stage's block line (the frames' union
   alpha reaches y 595 of 680), so the panel starts 16 px under it (the prototype's .325 fw + 28 px let them touch from
   760 px up) */
@media (max-width:1023px){
  html.f14 .f14c-cost .f12h-cside{padding-top:calc(var(--bt) + .37 * var(--fw) + 16px)}
  /* fix 15 §3 (home agent): the presets' hit area, 36 + the track's 4 + 4 = 44; the look doesn't move */
  html.f14 .f14c-cost .f12h-seg>button::after{content:"";position:absolute;inset:-4px 0}
  html.f14 .f14c-cost .f12h-seg{column-gap:2px}   /* neighbouring presets 2 px apart: their hit areas never touch */
  /* "Item price" (a label for the price): its hit area grows upward to 44, 10 px clear of the price pill under it */
  html.f14 .f14c-cost label.f12h-clab{position:relative}
  html.f14 .f14c-cost label.f12h-clab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px}
}