/* Grimwood V20.10.40.19.6 — FORJA DE CENIZAS + LAS CUATRO TORRES
   Diseños dedicados basados en las dos referencias suministradas por el usuario.
   No modifica Inicio, Opciones, Archivo, Ranuras, Marca, Controles ni Pausa. */

/* ============================================================
   FORJA DE CENIZAS
   ============================================================ */
#panel[data-kind="forge"].gw196-forge{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  transform:none!important;
  box-shadow:none!important;
  color:#efede8!important;
  background:
    #050505 url('assets/ui46/forge-reference.webp?v=20.10.40.19.6')
    center center / 100% 100% no-repeat!important;
  isolation:isolate!important;
}
#panel[data-kind="forge"].gw196-forge::backdrop{
  background:#000!important;
}
/* tapa el contenido estático de la captura de referencia y conserva su arte lateral */
#panel[data-kind="forge"].gw196-forge::before{
  content:""!important;
  position:absolute!important;
  left:13.45%!important;
  right:13.35%!important;
  top:7.35%!important;
  bottom:10.7%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 48%,rgba(84,0,0,.20),transparent 32%),
    linear-gradient(rgba(3,3,3,.975),rgba(3,3,3,.97))!important;
  border:1px solid rgba(226,226,226,.54)!important;
  box-shadow:inset 0 0 54px rgba(0,0,0,.85),0 18px 70px rgba(0,0,0,.48)!important;
}
#panel[data-kind="forge"].gw196-forge::after{
  content:""!important;
  position:absolute!important;
  left:14.75%!important;
  right:14.65%!important;
  top:19.1%!important;
  height:1px!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,#dad9d5 0 46%,transparent 46% 48%,#dad9d5 48% 100%)!important;
  opacity:.82!important;
}
#panel[data-kind="forge"].gw196-forge>#panel-portrait,
#panel[data-kind="forge"].gw196-forge>#panel-detail{
  display:none!important;
}
#panel[data-kind="forge"].gw196-forge>.panel-header{
  position:absolute!important;
  left:14.75%!important;
  right:14.65%!important;
  top:8.55%!important;
  height:10.8%!important;
  z-index:4!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#panel[data-kind="forge"].gw196-forge .panel-top{
  position:static!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}
#panel[data-kind="forge"].gw196-forge #panel-eyebrow{
  position:absolute!important;
  left:0!important;
  top:0!important;
  display:block!important;
  margin:0!important;
  color:#f0efeb!important;
  font:700 clamp(12px,1.05vw,18px)/1.2 Georgia,'Times New Roman',serif!important;
  letter-spacing:.31em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 6px #000!important;
}
#panel[data-kind="forge"].gw196-forge #panel-title{
  position:absolute!important;
  left:0!important;
  top:25%!important;
  margin:0!important;
  padding:0!important;
  color:#f5f3ef!important;
  font:400 clamp(34px,3.8vw,58px)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-shadow:0 3px 9px #000!important;
}
#panel[data-kind="forge"].gw196-forge #close-panel{
  position:absolute!important;
  right:0!important;
  top:1.5%!important;
  width:55px!important;
  height:55px!important;
  min-width:55px!important;
  min-height:55px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(240,240,240,.68)!important;
  border-radius:0!important;
  background:rgba(7,7,7,.70)!important;
  color:#fff!important;
  font:300 39px/1 Arial,sans-serif!important;
  box-shadow:none!important;
  cursor:url('assets/ui44/cursor-focus-native.png') 6 4,pointer!important;
}
#panel[data-kind="forge"].gw196-forge #close-panel:hover,
#panel[data-kind="forge"].gw196-forge #close-panel:focus-visible{
  background:rgba(255,255,255,.10)!important;
  outline:1px solid #fff!important;
}
#panel[data-kind="forge"].gw196-forge>#panel-body{
  position:absolute!important;
  left:14.75%!important;
  right:14.65%!important;
  top:22.75%!important;
  bottom:20.5%!important;
  z-index:4!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:2.4%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  color:#eeeae3!important;
}
#panel[data-kind="forge"].gw196-forge .forge-head{
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  column-gap:20px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 0 1.3% 0!important;
  border-bottom:1px solid rgba(225,225,225,.65)!important;
  color:#f0eee8!important;
  text-transform:uppercase!important;
}
#panel[data-kind="forge"].gw196-forge .forge-head::after{
  content:""!important;
  grid-column:2!important;
  grid-row:1!important;
  height:1px!important;
  background:rgba(235,235,235,.57)!important;
}
#panel[data-kind="forge"].gw196-forge .forge-head>span{
  grid-column:1!important;
  font:400 clamp(21px,2.05vw,34px)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
#panel[data-kind="forge"].gw196-forge .forge-head>strong{
  grid-column:3!important;
  font:400 clamp(16px,1.35vw,24px)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
}
#panel[data-kind="forge"].gw196-forge .forge-head>strong::before{
  content:"◇ "!important;
  font-size:1.15em!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:1fr 1fr!important;
  gap:2.9% 1.4%!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  overflow:visible!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice{
  position:relative!important;
  display:grid!important;
  grid-template-columns:21.5% minmax(0,1fr)!important;
  grid-template-rows:auto 1fr auto!important;
  align-items:center!important;
  column-gap:2.4%!important;
  margin:0!important;
  padding:5.2% 5.2% 4.7% 5.2%!important;
  min-width:0!important;
  min-height:0!important;
  border:1px solid rgba(215,215,215,.32)!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(80,0,0,.12),transparent 38%),
    rgba(4,4,4,.72)!important;
  color:#efede8!important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.58)!important;
  text-align:left!important;
  overflow:hidden!important;
  cursor:url('assets/ui44/cursor-focus-native.png') 6 4,pointer!important;
  transition:border-color .10s linear,background .10s linear,filter .10s linear!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:0!important;
  background:
    radial-gradient(circle at 15% 80%,rgba(105,0,0,.46),transparent 34%),
    linear-gradient(125deg,rgba(120,0,0,.18),transparent 42%)!important;
  transition:opacity .10s linear!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice:hover,
#panel[data-kind="forge"].gw196-forge .forge-list>.choice:focus-visible{
  border-color:#d80000!important;
  outline:1px solid #d80000!important;
  background:rgba(5,5,5,.84)!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice:hover::after,
#panel[data-kind="forge"].gw196-forge .forge-list>.choice:focus-visible::after{
  opacity:1!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice:disabled{
  opacity:.62!important;
  cursor:default!important;
  filter:grayscale(.30)!important;
}
#panel[data-kind="forge"].gw196-forge .forge-rune{
  grid-column:1!important;
  grid-row:1 / 4!important;
  position:relative!important;
  z-index:2!important;
  width:min(78px,7vw)!important;
  aspect-ratio:1!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font:400 clamp(28px,2.5vw,43px)/1 Georgia,'Times New Roman',serif!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:grayscale(1) brightness(1.55)!important;
}
#panel[data-kind="forge"].gw196-forge .forge-rune::before{
  content:""!important;
  position:absolute!important;
  inset:10%!important;
  z-index:-1!important;
  border:2px solid #eee!important;
  background:rgba(0,0,0,.52)!important;
  transform:rotate(45deg)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10)!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice>strong,
#panel[data-kind="forge"].gw196-forge .forge-list>.choice>small,
#panel[data-kind="forge"].gw196-forge .forge-list>.choice>em{
  position:relative!important;
  z-index:2!important;
  grid-column:2!important;
  margin:0!important;
  padding:0!important;
  color:#eeeae3!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice>strong{
  grid-row:1!important;
  align-self:end!important;
  font:400 clamp(22px,1.85vw,31px)/1.05 Georgia,'Times New Roman',serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice>small{
  grid-row:2!important;
  align-self:start!important;
  margin-top:4%!important;
  font:400 clamp(13px,1.12vw,19px)/1.42 Georgia,'Times New Roman',serif!important;
  opacity:.94!important;
}
#panel[data-kind="forge"].gw196-forge .forge-list>.choice>em{
  grid-row:3!important;
  align-self:end!important;
  padding-top:4.7%!important;
  border-top:1px solid rgba(225,225,225,.34)!important;
  font:400 clamp(12px,1.05vw,18px)/1 Georgia,'Times New Roman',serif!important;
  font-style:normal!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
#panel[data-kind="forge"].gw196-forge>#panel-footer{
  position:absolute!important;
  left:14.75%!important;
  right:14.65%!important;
  bottom:12.75%!important;
  height:7.0%!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:1.35%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
#panel[data-kind="forge"].gw196-forge>#panel-footer>button{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 20px!important;
  border:1px solid rgba(220,220,220,.47)!important;
  border-radius:0!important;
  background:rgba(3,3,3,.78)!important;
  color:#f0eee9!important;
  box-shadow:none!important;
  font:600 clamp(12px,1.15vw,18px)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
  cursor:url('assets/ui44/cursor-focus-native.png') 6 4,pointer!important;
}
#panel[data-kind="forge"].gw196-forge>#panel-footer>button:hover,
#panel[data-kind="forge"].gw196-forge>#panel-footer>button:focus-visible{
  border-color:#eee!important;
  background:rgba(255,255,255,.08)!important;
  outline:none!important;
}

/* ============================================================
   RUTA — LAS CUATRO TORRES
   ============================================================ */
#panel[data-kind="map"].gw196-route-main{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  transform:none!important;
  box-shadow:none!important;
  color:#efede8!important;
  background:
    #050505 url('assets/ui46/route-reference.webp?v=20.10.40.19.6')
    center center / 100% 100% no-repeat!important;
  isolation:isolate!important;
}
#panel[data-kind="map"].gw196-route-main::backdrop{background:#000!important}
#panel[data-kind="map"].gw196-route-main::before{
  content:""!important;
  position:absolute!important;
  left:9.55%!important;
  right:10.65%!important;
  top:5.25%!important;
  bottom:7.1%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:rgba(3,3,3,.975)!important;
  border:1px solid rgba(223,223,223,.46)!important;
  box-shadow:inset 0 0 70px rgba(0,0,0,.74),0 16px 70px rgba(0,0,0,.45)!important;
}
#panel[data-kind="map"].gw196-route-main>#panel-portrait,
#panel[data-kind="map"].gw196-route-main>#panel-detail{display:none!important}
#panel[data-kind="map"].gw196-route-main>.panel-header{
  position:absolute!important;
  left:10.75%!important;
  right:11.8%!important;
  top:5.95%!important;
  height:9.8%!important;
  z-index:4!important;
  display:block!important;
  margin:0!important;
  padding:0 0 1.3% 0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(240,240,240,.78)!important;
  box-shadow:none!important;
}
#panel[data-kind="map"].gw196-route-main .panel-top{position:static!important;display:block!important;margin:0!important;padding:0!important}
#panel[data-kind="map"].gw196-route-main #panel-eyebrow{
  position:absolute!important;
  left:0!important;
  top:0!important;
  color:#efeee9!important;
  font:700 clamp(11px,1.0vw,17px)/1.2 Georgia,'Times New Roman',serif!important;
  letter-spacing:.30em!important;
  text-transform:uppercase!important;
}
#panel[data-kind="map"].gw196-route-main #panel-title{
  position:absolute!important;
  left:0!important;
  top:30%!important;
  margin:0!important;
  padding:0!important;
  color:#f4f2ed!important;
  font:400 clamp(29px,3.15vw,48px)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
#panel[data-kind="map"].gw196-route-main #close-panel{
  position:absolute!important;
  right:0!important;
  top:2%!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(240,240,240,.68)!important;
  border-radius:0!important;
  background:rgba(7,7,7,.68)!important;
  color:#fff!important;
  font:300 39px/1 Arial,sans-serif!important;
  box-shadow:none!important;
  cursor:url('assets/ui44/cursor-focus-native.png') 6 4,pointer!important;
}
#panel[data-kind="map"].gw196-route-main>#panel-body{
  position:absolute!important;
  left:10.75%!important;
  right:11.8%!important;
  top:18.0%!important;
  bottom:17.2%!important;
  z-index:4!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1.45%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  color:#eeeae3!important;
}
#panel[data-kind="map"].gw196-route-main>#panel-body>p:not(.hint){
  flex:0 0 auto!important;
  margin:0 0 .5% 0!important;
  padding:0 2px!important;
  max-width:76%!important;
  font:400 clamp(13px,1.25vw,20px)/1.42 Georgia,'Times New Roman',serif!important;
  color:#ebe8e2!important;
}
#panel[data-kind="map"].gw196-route-main .rhythm-card{display:none!important}
#panel[data-kind="map"].gw196-route-main .route-floor{
  position:relative!important;
  flex:1 1 0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:142px minmax(205px,245px) repeat(8,minmax(0,1fr))!important;
  align-items:center!important;
  column-gap:10px!important;
  margin:0!important;
  padding:0 14px 0 0!important;
  border:1px solid rgba(220,220,220,.35)!important;
  border-radius:0!important;
  background:rgba(3,3,3,.74)!important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.66)!important;
  overflow:hidden!important;
}
#panel[data-kind="map"].gw196-route-main .route-floor::before{
  content:""!important;
  align-self:stretch!important;
  grid-column:1!important;
  grid-row:1!important;
  width:142px!important;
  height:100%!important;
  display:block!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:saturate(.84) contrast(1.08)!important;
  border-right:1px solid rgba(220,220,220,.17)!important;
}
#panel[data-kind="map"].gw196-route-main .route-floor.gw196-route-1::before{background-image:url('assets/ui46/route-tower-1.webp?v=20.10.40.19.6')!important}
#panel[data-kind="map"].gw196-route-main .route-floor.gw196-route-2::before{background-image:url('assets/ui46/route-tower-2.webp?v=20.10.40.19.6')!important}
#panel[data-kind="map"].gw196-route-main .route-floor.gw196-route-3::before{background-image:url('assets/ui46/route-tower-3.webp?v=20.10.40.19.6')!important}
#panel[data-kind="map"].gw196-route-main .route-floor.gw196-route-4::before{background-image:url('assets/ui46/route-tower-4.webp?v=20.10.40.19.6')!important}
#panel[data-kind="map"].gw196-route-main .route-floor>strong{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  padding:0 6px!important;
  color:#f1efea!important;
  font:700 clamp(15px,1.47vw,23px)/1.12 Georgia,'Times New Roman',serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
#panel[data-kind="map"].gw196-route-main .route-step{
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  width:100%!important;
  height:53%!important;
  margin:0!important;
  padding:0 5px!important;
  border:1px solid rgba(220,220,220,.31)!important;
  border-radius:0!important;
  background:rgba(5,5,5,.70)!important;
  color:#eeeae4!important;
  font:400 clamp(10px,.95vw,15px)/1.05 Georgia,'Times New Roman',serif!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#panel[data-kind="map"].gw196-route-main .route-step.done{
  color:#d8d5cf!important;
  border-color:rgba(215,215,215,.52)!important;
  background:rgba(255,255,255,.055)!important;
}
#panel[data-kind="map"].gw196-route-main .route-step.current{
  color:#fff!important;
  border-color:#ad1515!important;
  box-shadow:inset 0 0 0 1px rgba(173,21,21,.38),0 0 16px rgba(120,0,0,.16)!important;
  background:linear-gradient(90deg,rgba(90,0,0,.25),rgba(15,15,15,.86))!important;
}
#panel[data-kind="map"].gw196-route-main .gw196-route-extra{display:none!important}
#panel[data-kind="map"].gw196-route-main>#panel-body>.hint{
  flex:0 0 auto!important;
  margin:.25% 0 0 0!important;
  padding:1.15% 1.8%!important;
  border:1px solid rgba(215,215,215,.28)!important;
  border-left:7px solid #e13b2e!important;
  background:rgba(4,4,4,.80)!important;
  color:#d9cdbf!important;
  font:400 clamp(12px,1.14vw,18px)/1.25 Georgia,'Times New Roman',serif!important;
}
#panel[data-kind="map"].gw196-route-main>#panel-footer{
  position:absolute!important;
  left:10.75%!important;
  right:11.8%!important;
  bottom:7.2%!important;
  height:7.7%!important;
  z-index:4!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
#panel[data-kind="map"].gw196-route-main>#panel-footer>button{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 28px!important;
  border:1px solid rgba(220,220,220,.42)!important;
  border-radius:0!important;
  background:rgba(3,3,3,.79)!important;
  color:#f0eee9!important;
  box-shadow:none!important;
  text-align:left!important;
  font:600 clamp(12px,1.15vw,18px)/1 Georgia,'Times New Roman',serif!important;
  letter-spacing:.29em!important;
  text-transform:uppercase!important;
  cursor:url('assets/ui44/cursor-focus-native.png') 6 4,pointer!important;
}
#panel[data-kind="map"].gw196-route-main>#panel-footer>button:hover,
#panel[data-kind="map"].gw196-route-main>#panel-footer>button:focus-visible{
  border-color:#eee!important;
  background:rgba(255,255,255,.07)!important;
  outline:none!important;
}

/* ajuste para notebook / viewport más bajo sin recortar contenido */
@media (max-height:760px){
  #panel[data-kind="forge"].gw196-forge #panel-title{font-size:clamp(28px,3.1vw,48px)!important}
  #panel[data-kind="forge"].gw196-forge .forge-list>.choice{padding-top:3.7%!important;padding-bottom:3.4%!important}
  #panel[data-kind="forge"].gw196-forge .forge-list>.choice>small{font-size:clamp(11px,1vw,16px)!important}
  #panel[data-kind="map"].gw196-route-main .route-floor{column-gap:7px!important}
  #panel[data-kind="map"].gw196-route-main .route-floor>strong{font-size:clamp(13px,1.35vw,20px)!important}
  #panel[data-kind="map"].gw196-route-main .route-step{font-size:clamp(9px,.82vw,13px)!important}
}

@media (max-width:1050px){
  #panel[data-kind="map"].gw196-route-main .route-floor{
    grid-template-columns:112px minmax(155px,190px) repeat(8,minmax(0,1fr))!important;
    column-gap:6px!important;
  }
  #panel[data-kind="map"].gw196-route-main .route-floor::before{width:112px!important}
  #panel[data-kind="map"].gw196-route-main .route-floor>strong{font-size:clamp(12px,1.5vw,17px)!important}
  #panel[data-kind="map"].gw196-route-main .route-step{font-size:clamp(8px,1vw,11px)!important;padding:0 2px!important}
}

@media(prefers-reduced-motion:reduce){
  #panel[data-kind="forge"].gw196-forge .forge-list>.choice,
  #panel[data-kind="forge"].gw196-forge .forge-list>.choice::after{transition:none!important}
}