/* Arena Teney — Forge F.2.2B-1 Scene Recompose
 * Presentation-only and scoped to isolated Forge layer.
 */
#i180-forge-layer.i182-forge-recompose{
  --i182-gold:#edbd78;
  --i182-sheet:#0c0b10;
  --i182-line:rgba(225,169,96,.18);
}
#i180-forge-layer.i182-forge-recompose .i180-forge-scroll{
  padding:10px 12px calc(var(--f180-dock-h) + 24px + env(safe-area-inset-bottom));
}
#i180-forge-layer.i182-forge-recompose .i180-forge-hero{
  min-height:clamp(430px,53svh,485px);
  border-radius:0 0 24px 24px;
  margin:0 -12px;
  box-shadow:0 22px 54px rgba(0,0,0,.48);
}
#i180-forge-layer.i182-forge-recompose .i181-smith-art-img{
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:52% 50%;
  transform:scale(1.005);
  filter:saturate(.96) contrast(1.04) brightness(.93);
}
#i180-forge-layer.i182-forge-recompose .i181-smith-scene::before{
  background:
    linear-gradient(180deg,rgba(2,2,6,.42) 0,rgba(2,2,6,.04) 30%,rgba(2,2,6,.02) 66%,rgba(2,2,6,.46) 100%),
    linear-gradient(90deg,rgba(3,3,8,.68) 0,rgba(3,3,8,.24) 31%,transparent 58%,rgba(3,3,8,.08) 100%);
}
#i180-forge-layer.i182-forge-recompose .i181-scene-copy{
  top:18px;
  bottom:auto;
  left:16px;
  right:auto;
  max-width:min(57%,235px);
  text-shadow:0 2px 16px rgba(0,0,0,.96);
}
#i180-forge-layer.i182-forge-recompose .i181-scene-kicker{
  font-size:8px;
  letter-spacing:.18em;
  color:#e3ad65;
}
#i180-forge-layer.i182-forge-recompose .i181-scene-copy h1{
  margin:5px 0 5px;
  font-size:clamp(21px,6.2vw,28px);
  line-height:1.01;
  max-width:220px;
}
#i180-forge-layer.i182-forge-recompose .i181-scene-copy p{
  max-width:218px;
  color:#c9b7a8;
  font-size:9px;
  line-height:1.42;
}
#i180-forge-layer.i182-forge-recompose .i181-scene-stats{
  display:none!important;
}
#i180-forge-layer.i182-forge-recompose .i181-hammer-rig,
#i180-forge-layer.i182-forge-recompose .i181-impact-glow,
#i180-forge-layer.i182-forge-recompose .i181-sparks{
  display:none!important;
}
#i180-forge-layer.i182-forge-recompose.i181-hammer-strike .i181-smith-art-img{
  animation:none!important;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-grid{
  display:block;
  margin-top:14px;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-preview{
  width:100%;
  min-height:0;
  border-radius:20px;
  border-color:rgba(224,168,91,.22);
  background:
    radial-gradient(circle at 88% 0,rgba(126,61,120,.14),transparent 30%),
    linear-gradient(180deg,rgba(25,17,25,.98),rgba(9,9,13,.99));
  box-shadow:0 14px 36px rgba(0,0,0,.28);
}
#i180-forge-layer.i182-forge-recompose .i180-forge-preview .i180-forge-panel-head{
  padding:13px 14px 10px;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-preview .i180-forge-panel-head h2{
  font:800 17px/1.08 Georgia,"Times New Roman",serif;
  color:#f4d9af;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-preview .i180-forge-panel-head p{
  max-width:270px;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-preview .i180-forge-count{
  min-width:auto;
  padding:0 9px;
  color:#d7a868;
  background:rgba(106,53,100,.17);
}
#i180-forge-layer.i182-forge-recompose .i180-forge-preview-body{
  padding:14px;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-selected{
  grid-template-columns:64px minmax(0,1fr);
  gap:12px;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-selected-icon{
  width:64px;
  height:64px;
  border-radius:17px;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-selected-copy h3{
  font-size:19px;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-condition{
  background:rgba(7,7,11,.5);
}
#i180-forge-layer.i182-forge-recompose .i180-forge-modes{
  grid-template-columns:1fr;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-mode{
  min-height:78px;
}
#i180-forge-layer.i182-forge-recompose .i180-forge-f2-note{
  display:none!important;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-open{
  appearance:none;
  width:calc(100% - 28px);
  min-height:62px;
  margin:0 14px 14px;
  border:1px solid rgba(221,163,91,.24);
  border-radius:16px;
  padding:11px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  color:#eadbc8;
  background:linear-gradient(145deg,rgba(38,22,31,.92),rgba(12,11,16,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
#i180-forge-layer.i182-forge-recompose .i182-picker-open span{min-width:0}
#i180-forge-layer.i182-forge-recompose .i182-picker-open b{
  display:block;
  color:#f2d4a8;
  font-size:12px;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-open small{
  display:block;
  margin-top:3px;
  color:#938276;
  font-size:9px;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-open i{
  color:#d9a866;
  font:400 28px/1 Georgia,serif;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-open:active{transform:scale(.992)}
#i180-forge-layer.i182-forge-recompose .i182-picker{
  position:absolute;
  inset:0;
  z-index:90;
  pointer-events:none;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-backdrop{
  appearance:none;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:rgba(2,2,6,.68);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  opacity:0;
  transition:opacity .22s ease;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-sheet{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  max-height:min(79dvh,760px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-top:1px solid rgba(231,177,104,.25);
  border-radius:24px 24px 0 0;
  background:
    radial-gradient(circle at 50% 0,rgba(97,43,94,.15),transparent 24rem),
    linear-gradient(180deg,#151018,#08090d 78%);
  box-shadow:0 -18px 55px rgba(0,0,0,.55);
  transform:translateY(105%);
  transition:transform .28s cubic-bezier(.2,.72,.18,1);
  padding-bottom:env(safe-area-inset-bottom);
}
#i180-forge-layer.i182-picker-open .i182-picker{
  pointer-events:auto;
}
#i180-forge-layer.i182-picker-open .i182-picker-backdrop{
  opacity:1;
}
#i180-forge-layer.i182-picker-open .i182-picker-sheet{
  transform:translateY(0);
}
#i180-forge-layer.i182-forge-recompose .i182-picker-grab{
  flex:0 0 auto;
  width:38px;
  height:4px;
  border-radius:999px;
  margin:8px auto 4px;
  background:rgba(224,189,145,.28);
}
#i180-forge-layer.i182-forge-recompose .i182-picker-title{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 14px 11px;
  border-bottom:1px solid rgba(222,164,94,.12);
}
#i180-forge-layer.i182-forge-recompose .i182-picker-title small{
  display:block;
  color:#a57b59;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-title strong{
  display:block;
  margin-top:2px;
  color:#f5dfbf;
  font:800 18px/1.05 Georgia,"Times New Roman",serif;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-title button{
  appearance:none;
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(221,164,92,.2);
  background:rgba(255,255,255,.035);
  color:#e8c28a;
  font-size:25px;
  line-height:1;
}
#i180-forge-layer.i182-forge-recompose .i182-picker-body{
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:0 10px 12px;
}
#i180-forge-layer.i182-forge-recompose .i182-picker .i180-forge-controls{
  position:sticky;
  top:0;
  z-index:3;
  margin:0;
  padding:10px 0 8px;
  background:linear-gradient(180deg,rgba(14,11,16,.99) 78%,rgba(14,11,16,0));
}
#i180-forge-layer.i182-forge-recompose .i182-picker .i180-forge-panel{
  border-radius:18px;
  margin-top:2px;
}
#i180-forge-layer.i182-forge-recompose .i182-picker .i180-forge-items{
  max-height:none;
  overflow:visible;
}
@media(max-width:520px){
  #i180-forge-layer.i182-forge-recompose .i180-forge-hero{min-height:min(52svh,455px)}
  #i180-forge-layer.i182-forge-recompose .i181-smith-art-img{object-position:52% 50%;transform:scale(1.005)}
  #i180-forge-layer.i182-forge-recompose .i181-scene-copy{top:15px;left:14px;max-width:54%}
  #i180-forge-layer.i182-forge-recompose .i181-scene-copy h1{font-size:clamp(20px,6vw,25px)}
  #i180-forge-layer.i182-forge-recompose .i181-scene-copy p{font-size:8.5px;max-width:188px}
}
@media(max-width:365px){
  #i180-forge-layer.i182-forge-recompose .i181-scene-copy p{display:none}
  #i180-forge-layer.i182-forge-recompose .i181-scene-copy{max-width:58%}
}
@media(prefers-reduced-motion:reduce){
  #i180-forge-layer.i182-forge-recompose .i182-picker-backdrop,
  #i180-forge-layer.i182-forge-recompose .i182-picker-sheet{transition:none!important}
}