/* Targeted inner-page tweaks only. Navbar/footer intentionally untouched. */
.site-main .section-header h1{
  margin-top:20px;
  font-size:30px;
  line-height:1.38;
}
.site-main .section-header p{
  max-width:620px;
  margin-top:13px;
  font-size:13px;
  line-height:1.65;
}

/* Exact visual language of the LEVEL labels used on Home cards. */
.site-main .section-header .level-badge{
  display:inline-block;
  color:var(--dark);
  font-family:"Press Start 2P",cursive;
  font-size:7px;
  line-height:1.35;
  padding:5px 8px;
  border:2px solid var(--dark);
  box-shadow:2px 2px 0 var(--dark);
}
.site-main .section-header .level-badge.level-one{background:var(--gold)}
.site-main .section-header .level-badge.level-two{background:var(--green);color:#fff}
.site-main .section-header .level-badge.level-three{background:var(--red);color:#fff}
.site-main .section-header .level-badge.boss{background:var(--brick);color:#fff}

/* About: clean player-profile visual inside the original card footprint. */
.site-main .profile-player-visual{
  width:100%;
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  border:2px solid var(--dark);
  overflow:hidden;
  background:#152238;
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.035);
  position:relative;
}
.site-main .profile-player-visual::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:24px 24px;
}
.site-main .player-screen-top{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-bottom:2px solid var(--dark);
  background:#fff;
  position:relative;
  z-index:1;
}
.site-main .player-screen-lights{display:flex;gap:6px}
.site-main .player-screen-lights span{width:9px;height:9px;border:2px solid var(--dark);background:var(--gold)}
.site-main .player-screen-lights span:nth-child(2){background:var(--red)}
.site-main .player-screen-lights span:nth-child(3){background:var(--green)}
.site-main .player-screen-label{font-size:7px;color:var(--dark)}
.site-main .player-screen-center{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:28px 18px;
  position:relative;
  z-index:1;
}
.site-main .player-monogram{
  width:138px;
  height:138px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--gold);
  color:var(--dark);
  border:4px solid #fff;
  outline:4px solid var(--dark);
  box-shadow:9px 9px 0 rgba(0,0,0,.38);
  font-size:27px;
  line-height:1;
}
.site-main .player-class-tag{
  display:inline-block;
  padding:8px 10px;
  border:2px solid var(--dark);
  background:var(--red);
  color:#fff;
  box-shadow:3px 3px 0 rgba(0,0,0,.4);
  font-size:7px;
  line-height:1.4;
}
.site-main .player-screen-bottom{
  padding:12px;
  border-top:2px solid var(--dark);
  background:var(--green);
  color:#fff;
  text-align:center;
  font-size:7px;
  line-height:1.5;
  position:relative;
  z-index:1;
}
@media (max-width:767px){
  .site-main .section-header h1{font-size:21px;line-height:1.45;margin-top:18px}
  .site-main .section-header p{font-size:11px;line-height:1.65;margin-top:12px}
  .site-main .section-header .level-badge{font-size:6px;padding:5px 7px}
  .site-main .player-monogram{width:116px;height:116px;font-size:22px}
  .site-main .player-screen-label,.site-main .player-class-tag,.site-main .player-screen-bottom{font-size:6px}
}
