/* Arena Teney — Forge F.2.2 AAA scene foundation
 * Scoped to #i180-forge-layer only. Existing server-backed F.2 controls remain owners of data.
 */
#i180-forge-layer.i181-forge-aaa{--i181-gold:#efc278;--i181-ink:#07070b;--i181-violet:#4b214f;--i181-fire:#e77a35}
#i180-forge-layer.i181-forge-aaa .i180-forge-scroll{padding-top:10px}
#i180-forge-layer.i181-forge-aaa .i180-forge-hero{
  min-height:clamp(430px,61svh,560px);
  padding:0;
  border-radius:0 0 26px 26px;
  border-left:0;border-right:0;border-top:0;
  border-bottom:1px solid rgba(224,168,87,.38);
  background:#07070b;
  overflow:hidden;
  box-shadow:0 24px 56px rgba(0,0,0,.52);
}
#i180-forge-layer.i181-forge-aaa .i181-smith-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate}
#i180-forge-layer.i181-forge-aaa .i181-smith-art{
  position:absolute;inset:-2%;
  background-image:var(--i181-scene-art,none);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 48%;
  filter:saturate(.93) contrast(1.04) brightness(.88);
  transform:scale(1.035);
}
#i180-forge-layer.i181-forge-aaa .i181-smith-scene::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,2,6,.48) 0,rgba(2,2,6,.02) 25%,rgba(2,2,6,.05) 58%,rgba(2,2,6,.9) 100%),
    linear-gradient(90deg,rgba(3,3,8,.72) 0,rgba(3,3,8,.16) 34%,transparent 58%,rgba(3,3,8,.18) 100%);
}
#i180-forge-layer.i181-forge-aaa .i181-smith-scene::after{
  content:"";position:absolute;left:-10%;bottom:8%;width:45%;height:48%;z-index:3;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(255,124,46,.26),rgba(198,63,26,.08) 44%,transparent 72%);
  filter:blur(18px);opacity:.75;animation:i181-fire-breathe 4.8s ease-in-out infinite alternate;
}
#i180-forge-layer.i181-forge-aaa .i181-scene-copy{
  position:absolute;z-index:5;left:18px;right:18px;bottom:72px;max-width:470px;
  text-shadow:0 2px 14px rgba(0,0,0,.9);
}
#i180-forge-layer.i181-forge-aaa .i181-scene-kicker{display:block;color:#e7b66d;font-size:10px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
#i180-forge-layer.i181-forge-aaa .i181-scene-copy h1{margin:5px 0 7px;color:#fff0d2;font:800 clamp(28px,8vw,44px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
#i180-forge-layer.i181-forge-aaa .i181-scene-copy p{margin:0;max-width:390px;color:#d3c0ac;font:600 12px/1.48 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#i180-forge-layer.i181-forge-aaa .i181-scene-stats{
  position:absolute;z-index:6;left:14px;right:14px;bottom:14px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
}
#i180-forge-layer.i181-forge-aaa .i181-scene-stat{
  min-width:0;padding:8px 10px;border:1px solid rgba(239,189,112,.2);border-radius:13px;
  background:linear-gradient(180deg,rgba(18,12,17,.76),rgba(5,6,10,.88));
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
#i180-forge-layer.i181-forge-aaa .i181-scene-stat span{display:block;color:#a9988c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
#i180-forge-layer.i181-forge-aaa .i181-scene-stat strong{display:block;margin-top:3px;color:#f5d5a7;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#i180-forge-layer.i181-forge-aaa .i181-hammer-rig{
  position:absolute;z-index:7;right:7%;top:46%;width:31%;height:34%;pointer-events:none;
  transform-origin:78% 70%;transform:rotate(-35deg);
}
#i180-forge-layer.i181-forge-aaa .i181-hammer-rig svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 7px 9px rgba(0,0,0,.78))}
#i180-forge-layer.i181-forge-aaa .i181-impact-glow{
  position:absolute;z-index:8;left:50%;top:77%;width:80px;height:40px;transform:translate(-50%,-50%) scale(.4);
  border-radius:50%;background:radial-gradient(ellipse,rgba(255,239,176,.94),rgba(255,134,45,.55) 34%,transparent 70%);
  opacity:0;pointer-events:none;mix-blend-mode:screen;
}
#i180-forge-layer.i181-forge-aaa .i181-sparks{position:absolute;z-index:9;left:50%;top:77%;width:1px;height:1px;pointer-events:none}
#i180-forge-layer.i181-forge-aaa .i181-spark{
  position:absolute;width:3px;height:13px;border-radius:999px;
  background:linear-gradient(#fff6c2,#ffb447 48%,rgba(255,91,23,0));
  box-shadow:0 0 7px rgba(255,150,48,.78);opacity:0;transform-origin:50% 100%;
}
#i180-forge-layer.i181-hammer-strike .i181-hammer-rig{animation:i181-hammer-swing 1.1s cubic-bezier(.2,.72,.16,1) both}
#i180-forge-layer.i181-hammer-strike .i181-impact-glow{animation:i181-impact .9s ease-out .48s both}
#i180-forge-layer.i181-hammer-strike .i181-spark:nth-child(1){animation:i181-spark-a .72s ease-out .5s both}
#i180-forge-layer.i181-hammer-strike .i181-spark:nth-child(2){animation:i181-spark-b .7s ease-out .5s both}
#i180-forge-layer.i181-hammer-strike .i181-spark:nth-child(3){animation:i181-spark-c .82s ease-out .49s both}
#i180-forge-layer.i181-hammer-strike .i181-spark:nth-child(4){animation:i181-spark-d .76s ease-out .5s both}
#i180-forge-layer.i181-hammer-strike .i181-spark:nth-child(5){animation:i181-spark-e .78s ease-out .5s both}
#i180-forge-layer.i181-hammer-strike .i181-smith-art{animation:i181-body-recoil 1.1s ease-out both}
#i180-forge-layer.i181-forge-aaa .i180-forge-controls{margin-top:14px;background:linear-gradient(180deg,rgba(8,7,11,.985) 76%,rgba(8,7,11,0))}
#i180-forge-layer.i181-forge-aaa .i180-forge-grid{grid-template-columns:1fr;gap:12px}
#i180-forge-layer.i181-forge-aaa .i180-forge-preview{order:1}
#i180-forge-layer.i181-forge-aaa .i180-forge-panel:not(.i180-forge-preview){order:2}
#i180-forge-layer.i181-forge-aaa .i180-forge-panel{border-color:rgba(206,155,83,.22);background:linear-gradient(180deg,rgba(22,16,25,.97),rgba(8,8,12,.98));border-radius:20px}
#i180-forge-layer.i181-forge-aaa .i180-forge-panel-head{border-bottom-color:rgba(211,160,88,.12)}
#i180-forge-layer.i181-forge-aaa .i180-forge-panel-head h2{font:800 18px/1.1 Georgia,"Times New Roman",serif;color:#f8dfb5}
#i180-forge-layer.i181-forge-aaa .i180-forge-panel-head p{color:#9f9085}
#i180-forge-layer.i181-forge-aaa .i180-forge-count{background:rgba(119,62,125,.2);border-color:rgba(214,172,93,.22);color:#e7bc72}
#i180-forge-layer.i181-forge-aaa .i180-forge-f2-note{display:none!important}
#i180-forge-layer.i181-forge-aaa .i180-forge-anvil-title span{color:#a99079}
#i180-forge-layer.i181-forge-aaa .i180-forge-mode{border-color:rgba(211,159,87,.22);background:linear-gradient(145deg,rgba(35,21,29,.96),rgba(10,10,14,.98))}
#i180-forge-layer.i181-forge-aaa .i180-forge-mode.is-selected{border-color:rgba(239,188,105,.58);background:linear-gradient(145deg,rgba(71,35,31,.98),rgba(23,13,24,.98));box-shadow:0 10px 30px rgba(0,0,0,.24),inset 0 0 0 1px rgba(242,198,118,.05)}
#i180-forge-layer.i181-forge-aaa .i180-forge-local-nav{background:linear-gradient(180deg,rgba(9,8,13,.92),rgba(5,5,8,.99));border-top-color:rgba(218,165,91,.2)}

@keyframes i181-fire-breathe{from{opacity:.52;transform:scale(.95)}to{opacity:.86;transform:scale(1.06)}}
@keyframes i181-hammer-swing{
  0%,12%{transform:rotate(-38deg) translate3d(0,0,0)}
  34%{transform:rotate(-52deg) translate3d(-3px,-5px,0)}
  56%{transform:rotate(17deg) translate3d(4px,9px,0)}
  62%{transform:rotate(12deg) translate3d(2px,5px,0)}
  76%{transform:rotate(-19deg) translate3d(0,0,0)}
  100%{transform:rotate(-35deg) translate3d(0,0,0)}
}
@keyframes i181-body-recoil{0%,48%,100%{transform:scale(1.035)}58%{transform:scale(1.045) translateY(2px)}}
@keyframes i181-impact{0%,48%{opacity:0;transform:translate(-50%,-50%) scale(.3)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}
@keyframes i181-spark-a{0%,4%{opacity:0;transform:translate(0,0) rotate(-22deg) scaleY(.4)}15%{opacity:1}100%{opacity:0;transform:translate(-58px,-86px) rotate(-34deg) scaleY(1)}}
@keyframes i181-spark-b{0%,4%{opacity:0;transform:translate(0,0) rotate(13deg) scaleY(.4)}15%{opacity:1}100%{opacity:0;transform:translate(42px,-105px) rotate(19deg) scaleY(.9)}}
@keyframes i181-spark-c{0%,4%{opacity:0;transform:translate(0,0) rotate(2deg) scaleY(.4)}15%{opacity:1}100%{opacity:0;transform:translate(12px,-128px) rotate(4deg) scaleY(1.1)}}
@keyframes i181-spark-d{0%,4%{opacity:0;transform:translate(0,0) rotate(40deg) scaleY(.4)}15%{opacity:1}100%{opacity:0;transform:translate(79px,-70px) rotate(50deg) scaleY(.8)}}
@keyframes i181-spark-e{0%,4%{opacity:0;transform:translate(0,0) rotate(-48deg) scaleY(.4)}15%{opacity:1}100%{opacity:0;transform:translate(-81px,-52px) rotate(-58deg) scaleY(.75)}}

@media(max-width:520px){
  #i180-forge-layer.i181-forge-aaa .i180-forge-hero{min-height:min(58svh,500px)}
  #i180-forge-layer.i181-forge-aaa .i181-smith-art{background-position:54% 48%;transform:scale(1.04)}
  #i180-forge-layer.i181-forge-aaa .i181-scene-copy{left:14px;right:14px;bottom:69px}
  #i180-forge-layer.i181-forge-aaa .i181-scene-copy h1{font-size:30px}
  #i180-forge-layer.i181-forge-aaa .i181-scene-copy p{max-width:285px;font-size:11px}
  #i180-forge-layer.i181-forge-aaa .i181-hammer-rig{right:4%;top:47%;width:38%;height:32%}
  #i180-forge-layer.i181-forge-aaa .i181-impact-glow,#i180-forge-layer.i181-forge-aaa .i181-sparks{left:51%;top:78%}
}
@media(max-width:360px){
  #i180-forge-layer.i181-forge-aaa .i181-scene-copy p{display:none}
  #i180-forge-layer.i181-forge-aaa .i181-scene-copy{bottom:66px}
  #i180-forge-layer.i181-forge-aaa .i181-scene-copy h1{font-size:27px}
  #i180-forge-layer.i181-forge-aaa .i181-scene-stat{padding:7px 8px}
}
@media(prefers-reduced-motion:reduce){
  #i180-forge-layer.i181-forge-aaa .i181-smith-scene::after{animation:none}
  #i180-forge-layer.i181-hammer-strike .i181-hammer-rig,
  #i180-forge-layer.i181-hammer-strike .i181-impact-glow,
  #i180-forge-layer.i181-hammer-strike .i181-spark,
  #i180-forge-layer.i181-hammer-strike .i181-smith-art{animation:none!important}
}