/*
 * Regatul Șahului — Arena v1.4.5.2
 * Isolated visual refinement over validated v1.4.5.1.
 * No business-logic selectors or interactions are replaced.
 */
.rs-arena-page.rs-arena-v1452{
  --rs1452-gold:#f2c568;
  --rs1452-gold-light:#ffe7a2;
  --rs1452-indigo:#10062f;
  --rs1452-violet:#28105f;
  --rs1452-panel:rgba(15,6,48,.94);
}

/* HERO — one clean open-portal image, no baked-in ribbon or duplicate layer. */
.rs-arena-v1452 .rs143-arena-shell{
  overflow:hidden;
}
.rs-arena-v1452 .rs145-hero-grid{
  display:grid;
  grid-template-columns:minmax(280px,.82fr) minmax(510px,1.55fr) minmax(215px,.64fr);
  grid-template-rows:auto auto;
  gap:20px;
  align-items:start;
  padding:28px 28px 14px;
}
.rs-arena-v1452 .rs143-arena-hero{
  display:contents;
}
.rs-arena-v1452 .rs143-arena-hero__copy{
  grid-column:1;
  grid-row:1;
  align-self:start;
  padding-top:20px;
}
.rs-arena-v1452 .rs143-arena-hero h1{
  max-width:300px;
  margin:.35rem 0 .7rem;
  font-size:clamp(2.45rem,3.65vw,3.55rem);
  line-height:1.04;
  text-wrap:balance;
}
.rs-arena-v1452 .rs143-arena-hero__copy p{
  max-width:300px;
  margin:0;
}
.rs-arena-v1452 .rs145-portal.rs-arena-v1452-portal{
  position:relative;
  grid-column:2;
  grid-row:1;
  min-height:455px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(242,197,104,.78);
  border-radius:28px;
  background-image:
    linear-gradient(180deg,rgba(8,2,34,0) 56%,rgba(8,2,34,.40) 100%),
    url('../img/arena-v1452/arena-portal-open-clean.webp');
  background-position:center 44%,center 45%;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:
    inset 0 0 42px rgba(169,79,255,.20),
    0 14px 38px rgba(3,0,22,.42);
}
.rs-arena-v1452 .rs145-portal__label{
  display:none!important;
}
.rs-arena-v1452 .rs143-arena-rank{
  grid-column:3;
  grid-row:1;
  margin:0;
  align-self:start;
  border:1px solid rgba(242,197,104,.72);
  background:linear-gradient(145deg,rgba(31,10,84,.96),rgba(12,5,43,.97));
  box-shadow:0 12px 28px rgba(3,0,22,.32);
}

/* Statistics are real HTML overlays inside the clean portal background. */
.rs-arena-v1452 .rs145-portal .rs143-arena-stats.rs-arena-v1452-stat-circles{
  position:absolute;
  left:50%;
  bottom:18px;
  z-index:4;
  display:flex;
  justify-content:center;
  gap:10px;
  width:max-content;
  max-width:calc(100% - 24px);
  margin:0;
  transform:translateX(-50%);
  pointer-events:none;
}
.rs-arena-v1452 .rs145-portal .rs143-arena-stats .rs-arena-v1452-stat{
  box-sizing:border-box;
  display:flex;
  width:94px;
  height:94px;
  flex:0 0 94px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  padding:8px 6px 7px;
  border:2px solid var(--rs1452-gold);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 28%,rgba(103,39,181,.34),transparent 48%),
    linear-gradient(180deg,#28105d 0%,#10062f 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,231,162,.16),
    0 7px 18px rgba(3,0,24,.55),
    0 0 16px rgba(242,197,104,.13);
  color:#fff;
  line-height:1;
  text-align:center;
}
.rs-arena-v1452 .rs-arena-v1452-stat img{
  display:block;
  width:24px;
  height:24px;
  margin:0 0 1px;
  object-fit:contain;
}
.rs-arena-v1452 .rs145-portal .rs143-arena-stats .rs-arena-v1452-stat strong{
  display:block;
  margin:0;
  color:#fff2b5;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.48rem;
  font-weight:700;
  line-height:1;
}
.rs-arena-v1452 .rs-arena-v1452-stat small{
  display:block;
  margin:2px 0 0;
  color:#fff;
  font-size:.79rem;
  line-height:1;
}

/* Full-width dynamic Arena message remains functional and avoids overlap. */
.rs-arena-v1452 .rs143-arena-banner{
  grid-column:1/-1;
  grid-row:2;
  width:100%;
  margin:16px 0 0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  min-height:64px;
  padding:13px 16px;
  border:1px solid rgba(242,197,104,.72);
  border-radius:18px;
  background:linear-gradient(90deg,rgba(12,5,42,.98),rgba(24,8,66,.96));
}
.rs-arena-v1452 .rs143-arena-banner>div{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.rs-arena-v1452 .rs143-arena-banner>div strong{
  flex:0 0 auto;
  color:var(--rs1452-gold-light);
  white-space:nowrap;
}
.rs-arena-v1452 .rs143-arena-banner>div p{
  min-width:0;
  margin:0;
  line-height:1.4;
}
.rs-arena-v1452 .rs143-arena-banner .rs-btn{
  min-width:170px;
  margin-left:0;
  text-align:center;
}

/* Approved clean background images for the three game-mode cards. */
.rs-arena-v1452 .rs-game-card:nth-child(1):before{
  background-image:linear-gradient(180deg,transparent 61%,#17083e 100%),url('../img/arena-v1452/arena-ai-clean.webp');
}
.rs-arena-v1452 .rs-game-card:nth-child(2):before{
  background-image:linear-gradient(180deg,transparent 61%,#17083e 100%),url('../img/arena-v1452/arena-parent-clean.webp');
}
.rs-arena-v1452 .rs-game-card:nth-child(3):before{
  background-image:linear-gradient(180deg,transparent 61%,#17083e 100%),url('../img/arena-v1452/arena-heroes-clean.webp');
}
.rs-arena-v1452 .rs-game-card:before{
  background-position:center 42%;
  background-size:cover;
  border:0;
}

/* Adventure cards — robust semantic override, including White Princess castle. */
.rs-arena-v1452 .rs143-magic-card__art{
  background-repeat:no-repeat!important;
  background-position:center 48%!important;
  background-size:cover!important;
  background-color:#180841!important;
}
.rs-arena-v1452 .rs143-magic-card:nth-of-type(1) .rs143-magic-card__art{
  background-image:url('../img/arena-v1452/turnee-clean.webp')!important;
}
.rs-arena-v1452 .rs143-magic-card:nth-of-type(2) .rs143-magic-card__art{
  background-image:url('../img/arena-v1452/rezultate-clean.webp')!important;
}
.rs-arena-v1452 .rs143-magic-card:nth-of-type(3) .rs143-magic-card__art{
  background-image:url('../img/arena-v1452/lectii-clean.webp')!important;
}
.rs-arena-v1452 .rs143-magic-card:nth-of-type(4) .rs143-magic-card__art,
.rs-arena-v1452 .rs143-magic-card[href*="povesti-din-regat"] .rs143-magic-card__art,
.rs-arena-v1452 .rs143-magic-card[href*="category=povesti-din-regat"] .rs143-magic-card__art{
  background-image:url('../img/arena-v1452/povesti-printesa-alba-castle.webp')!important;
  background-position:center 44%!important;
  background-size:cover!important;
  background-color:#180841!important;
}
.rs-arena-v1452 .rs143-magic-card__body{
  background:linear-gradient(180deg,rgba(30,11,75,.96),#10072f)!important;
}

/* History remains collapsed by PHP; preserve readable title/count spacing. */
.rs-arena-v1452 .rs143-history-heading>span:last-child{
  display:flex;
  align-items:baseline;
  gap:20px;
  flex-wrap:wrap;
}
.rs-arena-v1452 .rs143-history-heading small{
  margin:0;
  white-space:nowrap;
}

@media(max-width:1120px){
  .rs-arena-v1452 .rs145-hero-grid{
    grid-template-columns:minmax(270px,.85fr) minmax(470px,1.35fr);
    grid-template-rows:auto auto auto;
  }
  .rs-arena-v1452 .rs143-arena-hero__copy{grid-column:1;grid-row:1}
  .rs-arena-v1452 .rs145-portal.rs-arena-v1452-portal{grid-column:2;grid-row:1/3}
  .rs-arena-v1452 .rs143-arena-rank{grid-column:1;grid-row:2}
  .rs-arena-v1452 .rs143-arena-banner{grid-column:1/-1;grid-row:3}
}

@media(max-width:760px){
  .rs-arena-v1452 .rs145-hero-grid{
    display:flex;
    flex-direction:column;
    padding:18px 14px 12px;
  }
  .rs-arena-v1452 .rs143-arena-hero__copy{
    order:1;
    width:100%;
    padding-top:4px;
  }
  .rs-arena-v1452 .rs143-arena-hero h1,
  .rs-arena-v1452 .rs143-arena-hero__copy p{
    max-width:none;
  }
  .rs-arena-v1452 .rs145-portal.rs-arena-v1452-portal{
    order:2;
    width:100%;
    min-height:355px;
    border-radius:22px;
    background-position:center 44%,center 43%;
  }
  .rs-arena-v1452 .rs143-arena-rank{
    order:3;
    width:100%;
  }
  .rs-arena-v1452 .rs143-arena-banner{
    order:4;
    display:flex;
    align-items:stretch;
    flex-direction:column;
    width:100%;
    gap:10px;
  }
  .rs-arena-v1452 .rs143-arena-banner>div{
    display:block;
  }
  .rs-arena-v1452 .rs143-arena-banner>div strong{
    white-space:normal;
  }
  .rs-arena-v1452 .rs143-arena-banner .rs-btn{
    width:100%;
  }
  .rs-arena-v1452 .rs145-portal .rs143-arena-stats.rs-arena-v1452-stat-circles{
    bottom:14px;
    gap:7px;
  }
  .rs-arena-v1452 .rs145-portal .rs143-arena-stats .rs-arena-v1452-stat{
    width:78px;
    height:78px;
    flex-basis:78px;
    padding:6px 4px;
  }
  .rs-arena-v1452 .rs-arena-v1452-stat img{
    width:20px;
    height:20px;
  }
  .rs-arena-v1452 .rs145-portal .rs143-arena-stats .rs-arena-v1452-stat strong{
    font-size:1.22rem;
  }
  .rs-arena-v1452 .rs-arena-v1452-stat small{
    font-size:.68rem;
  }
  .rs-arena-v1452 .rs143-history-heading>span:last-child{
    display:block;
  }
  .rs-arena-v1452 .rs143-history-heading small{
    margin-top:8px;
    white-space:normal;
  }
}

@media(max-width:390px){
  .rs-arena-v1452 .rs145-portal.rs-arena-v1452-portal{
    min-height:320px;
  }
  .rs-arena-v1452 .rs145-portal .rs143-arena-stats .rs-arena-v1452-stat{
    width:72px;
    height:72px;
    flex-basis:72px;
  }
}

@media(prefers-reduced-motion:reduce){
  .rs-arena-v1452 *{
    transition:none!important;
    animation:none!important;
  }
}