/* V4.13 visual parity — login giocatore con gli asset originali forniti dall'utente. */

body.v4-player-skin{
  min-height:100vh;
  background:#0a0d12!important;
}
body.v4-player-skin::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  display:block!important;
  background:
    linear-gradient(180deg,rgba(7,8,11,.28) 0%,rgba(7,9,13,.58) 48%,rgba(6,8,12,.88) 100%),
    url('/legacy-v4/ravnica-original.webp?v=413-3') center 16% / cover no-repeat!important;
  filter:saturate(.86) brightness(.82)!important;
}
body.v4-player-skin::after{display:none!important}

body.v4-player-skin .wrap{
  width:min(1180px,calc(100% - 24px));
}

/* Header originale Lil Ravnica */
body.v4-player-skin .campaign-hero{
  padding:10px 0 2px!important;
  text-align:center;
}
body.v4-player-skin .campaign-hero-image{
  display:block!important;
  width:min(740px,94vw)!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:0 16px 44px rgba(0,0,0,.40)!important;
  image-rendering:auto!important;
}
body.v4-player-skin .campaign-hero-caption{
  margin:5px 0 0!important;
  color:#d4c4a6!important;
  font-size:12px!important;
  line-height:1.15!important;
  text-shadow:0 2px 4px rgba(0,0,0,.85);
}

/* Pergamena login originale */
body.v4-player-skin .login-shell{
  width:min(500px,94vw)!important;
  margin:6px auto 12px!important;
}
body.v4-player-skin .parchment-login{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate;
}
body.v4-player-skin .parchment-login-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  pointer-events:none!important;
  user-select:none!important;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.48))!important;
}
body.v4-player-skin .parchment-content{
  position:absolute!important;
  z-index:3!important;
  left:18%!important;
  right:18%!important;
  top:18%!important;
  bottom:15%!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  color:#2b1b0d!important;
}
body.v4-player-skin .parchment-content .eyebrow{
  color:#7c5420!important;
  font-size:9px!important;
  line-height:1.05!important;
  letter-spacing:.13em!important;
}
body.v4-player-skin .parchment-content h2{
  margin:4px 0 5px!important;
  color:#2a1809!important;
  font-size:23px!important;
  line-height:1.02!important;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}
body.v4-player-skin .parchment-content>p:not(.hint){
  margin:0 0 9px!important;
  color:#60431f!important;
  font-size:12px!important;
  line-height:1.25!important;
}
body.v4-player-skin .parchment-content .field{
  gap:3px!important;
  margin-bottom:7px!important;
}
body.v4-player-skin .parchment-content .field label{
  color:#75552e!important;
  font-size:8.5px!important;
  line-height:1.05!important;
}
body.v4-player-skin .parchment-content .input{
  padding:8px 10px!important;
  border:1px solid rgba(83,55,25,.55)!important;
  border-radius:8px!important;
  background:rgba(248,238,214,.73)!important;
  color:#29190c!important;
  font-size:13px!important;
  line-height:1.2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body.v4-player-skin .parchment-content .input::placeholder{color:#8d806d!important}
body.v4-player-skin .parchment-content .btn{
  padding:9px 12px!important;
  border-radius:8px!important;
  font-size:9px!important;
  box-shadow:0 4px 9px rgba(88,48,13,.20)!important;
}
body.v4-player-skin .parchment-content .form-message{
  min-height:12px!important;
  margin-top:3px!important;
  font-size:9px!important;
}
body.v4-player-skin .parchment-content .hint{
  margin:2px 0 0!important;
  color:#684a28!important;
  font-size:9.5px!important;
  line-height:1.18!important;
}

body.v4-player-skin .login-wax-seal{
  z-index:4!important;
  width:78px!important;
  height:78px!important;
  right:34px!important;
  top:30px!important;
  transform:rotate(35deg)!important;
  filter:drop-shadow(0 8px 10px rgba(40,8,7,.42))!important;
}
body.v4-player-skin .login-wax-seal img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* Footer meno invasivo nella schermata di accesso */
body.v4-player-skin #guestView + #playerDashboard[hidden] ~ .footer,
body.v4-player-skin .footer{
  color:#a7987e!important;
  text-shadow:0 2px 4px rgba(0,0,0,.8);
}

/* Mantiene i badge già collaudati della V5.0.12. */
body.v4-player-skin .affiliation-badges-v512{
  right:0!important;
  top:0!important;
  bottom:auto!important;
  transform:translate(50%,-50%)!important;
  flex-direction:column!important;
  gap:2px!important;
}
body.v4-player-skin .avatar img.affiliation-badge-v512,
body.v4-player-skin .avatar .affiliation-badge-v512{
  width:26px!important;
  height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  border-radius:8px!important;
  background:rgba(8,12,18,.94)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.38)!important;
  padding:2px!important;
}

/* Desktop bassi: login completo senza dover scorrere. */
@media (min-width:701px) and (max-height:900px){
  body.v4-player-skin .campaign-hero{padding-top:7px!important}
  body.v4-player-skin .campaign-hero-image{width:min(650px,88vw)!important}
  body.v4-player-skin .campaign-hero-caption{margin-top:3px!important;font-size:11px!important}
  body.v4-player-skin .login-shell{width:min(455px,92vw)!important;margin-top:3px!important;margin-bottom:5px!important}
  body.v4-player-skin .parchment-content h2{font-size:21px!important}
  body.v4-player-skin .parchment-content>p:not(.hint){font-size:11px!important;margin-bottom:7px!important}
  body.v4-player-skin .parchment-content .input{padding:7px 9px!important;font-size:12px!important}
  body.v4-player-skin .parchment-content .btn{padding:8px 10px!important}
  body.v4-player-skin .login-wax-seal{width:70px!important;height:70px!important;right:30px!important;top:26px!important}
  body.v4-player-skin .footer{padding-bottom:12px!important;font-size:11px!important}
}

@media(max-width:700px){
  body.v4-player-skin::before{
    background:
      linear-gradient(180deg,rgba(7,8,11,.36),rgba(7,9,13,.78)),
      url('/legacy-v4/ravnica-original.webp?v=413-3') center top / cover no-repeat!important;
  }
  body.v4-player-skin .campaign-hero-image{width:min(620px,96vw)!important}
  body.v4-player-skin .login-shell{width:min(500px,96vw)!important;margin-top:5px!important}
}

@media(max-width:520px){
  body.v4-player-skin .campaign-hero{padding-top:5px!important}
  body.v4-player-skin .campaign-hero-caption{font-size:10px!important}
  body.v4-player-skin .login-shell{margin-top:3px!important}
  body.v4-player-skin .parchment-content{left:16%!important;right:16%!important;top:17%!important;bottom:13%!important}
  body.v4-player-skin .parchment-content h2{font-size:20px!important}
  body.v4-player-skin .parchment-content>p:not(.hint){font-size:10.5px!important;margin-bottom:6px!important}
  body.v4-player-skin .parchment-content .input{padding:7px 8px!important;font-size:12px!important}
  body.v4-player-skin .parchment-content .hint{font-size:8.5px!important}
  body.v4-player-skin .login-wax-seal{width:64px!important;height:64px!important;right:23px!important;top:22px!important}
  body.v4-player-skin .avatar img.affiliation-badge-v512,
  body.v4-player-skin .avatar .affiliation-badge-v512{
    width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;border-radius:6px!important;
  }
}