/* Arena Teney - Forge accepted visual + F.3 repair interaction 0211f01
 * Current uploaded JPEG remains authoritative.
 * Smith parallax/depth remains completely removed.
 * Furnace fire stays confined to the accepted fixed clipping window.
 * 0211 adds the real repair CTA and a small iPhone picker-height correction.
 */

#i180-forge-layer,
#i180-forge-layer .i180-forge-scroll,
#i180-forge-layer .i181-smith-scene{
  max-width:100%!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
#i180-forge-layer .i181-smith-scene{
  touch-action:pan-y pinch-zoom;
}

/* Immediate current artwork; no opening placeholder and no legacy frame. */
#i180-forge-layer.i181-forge-aaa .i180-forge-hero{
  min-height:clamp(244px,66.667vw,560px)!important;
  height:clamp(244px,66.667vw,560px)!important;
  padding:0!important;
  background-color:#020203!important;
  background-image:url('/assets/core053/forge-static-user-0205.jpeg?v=0205s02')!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center center!important;
  border-radius:0 0 20px 20px!important;
  overflow:hidden!important;
}

/* Historical presentation/motion owners must never appear in the current static-art direction. */
#i180-forge-layer .i181-smith-art,
#i180-forge-layer .i181-smith-art-img,
#i180-forge-layer .i189-zero-pose-layer,
#i180-forge-layer .i191-rightarm-underlay-img,
#i180-forge-layer .i193-cleanbody-rightarm-img,
#i180-forge-layer .i181-hammer-rig,
#i180-forge-layer .i181-impact-glow,
#i180-forge-layer .i181-sparks,
#i180-forge-layer .i183-work-layer,
#i180-forge-layer .i184-living-layer,
#i180-forge-layer .i187-smith-canvas,
#i180-forge-layer .i188-strike-layer,
#i180-forge-layer .i192-strike-rig,
#i180-forge-layer .i202-p41-stage,
#i180-forge-layer .i203-p41b-static-img,
#i180-forge-layer .i206-smith-parallax-img,
#i180-forge-layer .i207-smith-parallax-img,
#i180-forge-layer .i208-smith-parallax-wrap,
#i180-forge-layer .i209-smith-depth-wrap,
#i180-forge-layer .i206-fire-overlay-img,
#i180-forge-layer .i206-fire-glow,
#i180-forge-layer .i208-fire-a,
#i180-forge-layer .i208-fire-b,
#i180-forge-layer .i209-fire-pixels,
#i180-forge-layer .i209-fire-glow,
#i180-forge-layer .i181-scene-stats{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}
#i180-forge-layer .i181-smith-scene::before,
#i180-forge-layer .i181-smith-scene::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  animation:none!important;
}

/* Hero background owns the static image; the historical duplicate image stays hidden. */
#i180-forge-layer .i205-user-static-img{display:none!important}

/*
 * Accepted 0210 fire window:
 * The wrapper owns the clip and NEVER moves. The full-size source duplicate moves only inside it.
 * This guarantees the upper fireplace arch / masonry cannot be animated by pixel transforms.
 */
#i180-forge-layer .i210-fire-window{
  position:absolute;
  inset:0;
  z-index:3;
  overflow:hidden;
  pointer-events:none;
  clip-path:ellipse(8.8% 16.8% at 91.1% 57.2%);
  -webkit-clip-path:ellipse(8.8% 16.8% at 91.1% 57.2%);
}
#i180-forge-layer .i210-fire-pixels{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center center;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-user-drag:none;
  opacity:0;
  mix-blend-mode:screen;
  transform-origin:91.1% 61%;
  filter:brightness(1.42) saturate(1.28) contrast(1.035);
  will-change:opacity,transform,filter;
}
#i180-forge-layer .i210-fire-glow{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  opacity:0;
  mix-blend-mode:screen;
  clip-path:ellipse(10.2% 18.2% at 91.1% 57.8%);
  -webkit-clip-path:ellipse(10.2% 18.2% at 91.1% 57.8%);
  background:
    radial-gradient(ellipse 9.6% 16.8% at 91.1% 58.2%,rgba(255,244,170,.36) 0%,rgba(255,153,48,.22) 34%,rgba(255,76,21,.07) 61%,transparent 79%),
    radial-gradient(ellipse 12.8% 17.5% at 91.1% 59.3%,rgba(255,104,26,.14),transparent 76%);
  filter:blur(1px) brightness(1);
  will-change:opacity,filter;
}

#i180-forge-layer.i205-user-static-active.i210-fire-active .i210-fire-pixels{
  animation:i210-fire-pixels 1.34s ease-in-out infinite;
}
#i180-forge-layer.i205-user-static-active.i210-fire-active .i210-fire-glow{
  animation:i210-fire-glow 1.92s ease-in-out .14s infinite;
}

@keyframes i210-fire-pixels{
  0%,100%{
    opacity:.18;
    transform:translate3d(0,0,0) scale(1,1);
    filter:brightness(1.34) saturate(1.22) contrast(1.03);
  }
  22%{
    opacity:.36;
    transform:translate3d(.12px,-.38px,0) scale(1.002,1.010);
    filter:brightness(1.62) saturate(1.34) contrast(1.045);
  }
  46%{
    opacity:.25;
    transform:translate3d(-.10px,-.14px,0) scale(1.001,1.005);
    filter:brightness(1.47) saturate(1.27) contrast(1.035);
  }
  71%{
    opacity:.43;
    transform:translate3d(.16px,-.78px,0) scale(1.003,1.022);
    filter:brightness(1.73) saturate(1.38) contrast(1.05);
  }
  86%{
    opacity:.29;
    transform:translate3d(-.08px,-.28px,0) scale(1.0015,1.009);
    filter:brightness(1.52) saturate(1.30) contrast(1.04);
  }
}

@keyframes i210-fire-glow{
  0%,100%{opacity:.13;filter:blur(1px) brightness(.98)}
  31%{opacity:.27;filter:blur(1.05px) brightness(1.05)}
  55%{opacity:.18;filter:blur(1px) brightness(1.01)}
  79%{opacity:.32;filter:blur(1.1px) brightness(1.09)}
}

/* 0211 F.3 repair CTA. Server quote/mutation remains authoritative. */
#i180-forge-layer.i211-f3-active .i211-repair-action{
  margin:12px 0 1px;
  display:grid;
  gap:7px;
}
#i180-forge-layer.i211-f3-active .i211-repair-button{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:58px;
  border:1px solid rgba(246,191,113,.72);
  border-radius:17px;
  padding:11px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#211306;
  background:linear-gradient(180deg,#f6c47c 0%,#e89b4d 100%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.48),
    0 8px 22px rgba(163,83,27,.17);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  font-weight:900;
  letter-spacing:.01em;
  text-align:left;
  touch-action:manipulation;
  transition:transform .12s ease,filter .16s ease,opacity .16s ease;
}
#i180-forge-layer.i211-f3-active .i211-repair-button strong{
  flex:0 0 auto;
  color:#5b310e;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}
#i180-forge-layer.i211-f3-active .i211-repair-button:not(:disabled):active{
  transform:scale(.986);
  filter:brightness(.96);
}
#i180-forge-layer.i211-f3-active .i211-repair-button:disabled{
  border-color:rgba(186,157,126,.22);
  color:#8e8177;
  background:linear-gradient(180deg,rgba(46,38,40,.9),rgba(27,24,29,.96));
  box-shadow:none;
  opacity:.78;
}
#i180-forge-layer.i211-f3-active .i211-repair-button:disabled strong{color:#928378}
#i180-forge-layer.i211-f3-active .i211-repair-button.is-pending{
  cursor:progress;
}
#i180-forge-layer.i211-f3-active .i211-repair-button.is-pending::after{
  content:'';
  width:15px;
  height:15px;
  flex:0 0 15px;
  border:2px solid rgba(226,194,156,.28);
  border-top-color:#d9aa70;
  border-radius:50%;
  animation:i211-repair-spin .72s linear infinite;
}
#i180-forge-layer.i211-f3-active .i211-repair-button.is-pending [data-i211-repair-cost]{display:none}
#i180-forge-layer.i211-f3-active [data-i211-repair-hint]{
  display:block;
  padding:0 4px;
  color:#9d8b80;
  font:600 9.5px/1.42 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@keyframes i211-repair-spin{to{transform:rotate(360deg)}}

/* Raster text replacement helpers; phone-only. */
#i180-forge-layer .i208-copy-mask,
#i180-forge-layer .i208-art-brand,
#i180-forge-layer .i181-scene-copy{display:none}

@media(max-width:520px){
  #i180-forge-layer.i181-forge-aaa .i180-forge-hero,
  #i180-forge-layer.i205-user-static-active .i180-forge-hero{
    min-height:clamp(244px,66.667vw,360px)!important;
    height:clamp(244px,66.667vw,360px)!important;
  }
  #i180-forge-layer.i205-user-static-active .i180-forge-scroll{padding-top:6px!important}

  /* Small iPhone correction requested after 0210: raise picker top ~3dvh so first card is fully visible. */
  #i180-forge-layer.i185-picker-gesture-lock .i182-picker-sheet{
    max-height:min(92dvh,850px)!important;
  }
  #i180-forge-layer.i185-picker-gesture-lock.i185-search-focused .i182-picker-sheet{
    max-height:var(--i185-vv-height,100dvh)!important;
  }

  #i180-forge-layer.i205-user-static-active .i208-copy-mask{
    display:block!important;
    position:absolute;
    z-index:5;
    left:0;top:0;bottom:0;
    width:38%;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(2,2,3,.988) 0%,rgba(3,3,4,.97) 61%,rgba(3,3,4,.88) 79%,rgba(3,3,4,.42) 91%,transparent 100%);
  }
  #i180-forge-layer.i205-user-static-active .i208-art-brand{
    display:block!important;
    position:absolute;
    z-index:7;
    left:4.1%;
    top:5.6%;
    width:30%;
    color:#fff0d2;
    text-shadow:0 2px 9px rgba(0,0,0,.9);
    pointer-events:none;
  }
  #i180-forge-layer.i205-user-static-active .i208-art-brand span{
    display:block;
    color:#e7b66d;
    font:900 clamp(8.5px,2.05vw,10px)/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  #i180-forge-layer.i205-user-static-active .i208-art-brand strong{
    display:block;
    margin-top:3px;
    color:#fff4dd;
    font:800 clamp(16.5px,4.15vw,20.5px)/1 Georgia,"Times New Roman",serif;
  }
  #i180-forge-layer.i205-user-static-active .i181-scene-copy{
    display:block!important;
    position:absolute!important;
    z-index:7!important;
    left:4.1%!important;
    right:auto!important;
    top:22.8%!important;
    bottom:auto!important;
    width:32.5%!important;
    max-width:none!important;
    text-shadow:0 2px 10px rgba(0,0,0,.92)!important;
    pointer-events:none!important;
  }
  #i180-forge-layer.i205-user-static-active .i181-scene-copy .i181-scene-kicker{
    display:block!important;
    color:#e7b66d!important;
    font:900 clamp(8.5px,2.05vw,10px)/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:.15em!important;
  }
  #i180-forge-layer.i205-user-static-active .i181-scene-copy h1{
    margin:5px 0 6px!important;
    color:#fff0d2!important;
    font:800 clamp(22px,5.45vw,27px)/.93 Georgia,"Times New Roman",serif!important;
    letter-spacing:-.025em!important;
  }
  #i180-forge-layer.i205-user-static-active .i181-scene-copy p{
    display:block!important;
    margin:0!important;
    max-width:none!important;
    color:#f0e5d8!important;
    font:650 clamp(10.5px,2.5vw,12.2px)/1.34 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }

  #i180-forge-layer.i205-user-static-active .i180-forge-brand small{font-size:11.5px!important;line-height:1.2!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-search input{font-size:14.5px!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-filter{font-size:12.5px!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-panel-head p{font-size:11.5px!important;line-height:1.46!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-count{font-size:12.5px!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-item-copy strong{font-size:13.5px!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-item-meta{font-size:10.5px!important;line-height:1.28!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-item-side small{font-size:9.5px!important;line-height:1.28!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-empty{font-size:13.5px!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-preview-placeholder p{font-size:11.5px!important;line-height:1.53!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-selected-copy .i180-forge-quality{font-size:10.5px!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-selected-copy p{font-size:11.5px!important;line-height:1.4!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-condition-top span{font-size:11.5px!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-mini span{font-size:9.5px!important;line-height:1.28!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-blocked{font-size:11.5px!important;line-height:1.48!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-anvil-title span{font-size:10.5px!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-mode small{font-size:10.5px!important;line-height:1.44!important}
  #i180-forge-layer.i205-user-static-active .i180-forge-f2-note{font-size:10.5px!important;line-height:1.48!important}

  #i180-forge-layer.i211-f3-active .i211-repair-button{
    min-height:60px;
    font-size:15.5px;
  }
  #i180-forge-layer.i211-f3-active [data-i211-repair-hint]{font-size:10px}
}

@media(max-width:380px){
  #i180-forge-layer.i181-forge-aaa .i180-forge-hero,
  #i180-forge-layer.i205-user-static-active .i180-forge-hero{min-height:240px!important;height:240px!important}
  #i180-forge-layer.i205-user-static-active .i181-scene-copy{top:22%!important;width:33%!important}
  #i180-forge-layer.i205-user-static-active .i181-scene-copy h1{font-size:21.5px!important}
  #i180-forge-layer.i205-user-static-active .i181-scene-copy p{font-size:10.3px!important;line-height:1.31!important}
}

@media(prefers-reduced-motion:reduce){
  #i180-forge-layer.i210-fire-active .i210-fire-pixels,
  #i180-forge-layer.i210-fire-active .i210-fire-glow{
    animation:none!important;
    transform:none!important;
  }
  #i180-forge-layer.i210-fire-active .i210-fire-pixels{opacity:.12!important}
  #i180-forge-layer.i210-fire-active .i210-fire-glow{opacity:.09!important}
  #i180-forge-layer .i211-repair-button.is-pending::after{animation:none!important}
}