/* DEEPMINE UI v4 — v10.1 D6 field excitement (public/field-scene.mjs).
   .field-fly-layer: a body-level, pointer-transparent overlay for the ore icons that fly from the field to the bag
   (pooled <img class="field-fly">, moved only by transform/opacity through the Web Animations API).
   #assist-button[data-combo="1…6"]: the assist-hold combo stage mirrored on the button (6 = MAX). Presentation only.
   Reduced motion / 低画质: the scene launches no flights; the combo glow stays but never pulses. */
@layer pages {
  .field-fly-layer {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-header) + 1);
    overflow: hidden;
    pointer-events: none;
    contain: strict;
  }
  .field-fly {
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    object-fit: contain;
    pointer-events: none;
    will-change: transform, opacity;
    user-select: none;
  }

  /* Combo stages: a warm ring that heats up from gold to rose, then a golden MAX halo. */
  #assist-button[data-combo] { --combo-glow: rgb(255 214 120 / .55); }
  #assist-button[data-combo="2"] { --combo-glow: rgb(255 200 90 / .7); }
  #assist-button[data-combo="3"] { --combo-glow: rgb(255 170 60 / .78); }
  #assist-button[data-combo="4"] { --combo-glow: rgb(255 122 69 / .82); }
  #assist-button[data-combo="5"] { --combo-glow: rgb(255 91 138 / .85); }
  #assist-button[data-combo="6"] { --combo-glow: rgb(255 224 102 / .95); }
  #assist-button[data-combo].working {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), inset 0 -1px 0 rgb(160 95 20 / .3), 0 1px 0 var(--gold-edge), 0 0 0 2px var(--combo-glow), 0 4px 18px -2px var(--combo-glow);
  }
  #assist-button[data-combo].working::before { border-color: var(--combo-glow); }
  #assist-button[data-combo="6"].working { filter: brightness(1.12) saturate(1.2); }
  #assist-button[data-combo="6"].working::after {
    content: 'MAX';
    position: absolute;
    top: -9px;
    right: -6px;
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    line-height: 14px;
    letter-spacing: .04em;
    color: #3a1d04;
    background: linear-gradient(180deg, #fff3b0, #ffc93c);
    box-shadow: 0 0 0 1px #8a5410, 0 2px 8px rgb(255 200 80 / .6);
    animation: combo-max-pop .32s var(--ease-spring) both;
    pointer-events: none;
  }
  @keyframes combo-max-pop { 0% { transform: scale(.4); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
  html:is(.reduce-motion, .low-quality) #assist-button[data-combo="6"].working::after { animation: none; }
}