/* V18 — final classic profile canvas, interactive hover, and navigation rhythm. */
html[data-home-theme="classic"] body #root .game-home .account-parchment{
  top:29.5%!important;right:3.2%!important;width:27.5%!important;height:57%!important;
  cursor:pointer!important;transform-origin:52% 50%!important;
  transition:filter .22s ease,transform .22s ease!important
}
/* The enlarged canvas belongs only to an authenticated profile.  Welcome,
   login and registration keep their own contained composition. */
html[data-home-theme="classic"] body #root .game-home .account-parchment:not(:has(>.panel-content.profile-card)){
  top:33%!important;right:5.4%!important;bottom:auto!important;left:auto!important;
  width:22.5%!important;height:47%!important;transform:none!important;cursor:default!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment:not(:has(>.panel-content.profile-card)):hover{
  filter:drop-shadow(0 14px 20px #0009)!important;transform:none!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content:is(.panel-welcome,.auth-form,.guest-warning){
  position:absolute!important;inset:13% 15% 11%!important;display:flex!important;width:auto!important;height:auto!important;
  min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
  flex-direction:column!important;justify-content:flex-start!important;gap:clamp(9px,1.2vh,15px)!important;overflow:auto!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .panel-welcome .panel-heading{
  width:100%!important;margin:0 0 6px!important;text-align:center!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .panel-welcome .panel-actions{
  display:flex!important;width:100%!important;min-width:0!important;flex-direction:column!important;gap:10px!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .panel-welcome .panel-actions>button,
html[data-home-theme="classic"] body #root .game-home .account-parchment>.auth-form>button{
  width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment:hover,
html[data-home-theme="classic"] body #root .game-home .account-parchment:focus-within{
  filter:brightness(1.11) saturate(1.06) drop-shadow(0 0 18px #e4b657a8) drop-shadow(0 18px 26px #000c)!important;
  transform:translateY(-3px) scale(1.012)!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content.profile-card{
  top:16%!important;right:19%!important;bottom:17%!important;left:20%!important;
  padding:clamp(8px,.72vw,15px)!important;gap:5px!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content.profile-card>.avatar-medallion{
  border:2px solid #6b3917!important;outline:1px solid #e3b55e!important;outline-offset:3px!important;
  box-shadow:0 0 0 7px #2b17092c,0 8px 18px #28150680,inset 0 0 10px #0008!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .profile-name{
  position:relative!important;margin-top:5px!important;color:#351d0d!important;font-size:clamp(.9rem,1.02vw,1.16rem)!important;
  letter-spacing:.055em!important;text-shadow:0 1px #f3dca9!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .profile-title{
  color:#5b351b!important;font-size:clamp(0.74rem,.58vw,0.86rem)!important;letter-spacing:.045em!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content.profile-card>.profile-xp{
  width:94%!important;max-width:94%!important;height:16px!important;min-height:16px!important;
  margin:8px auto 7px!important;border-color:#805326!important;border-radius:0!important;
  background:linear-gradient(180deg,#1b1009,#3a2414)!important;
  box-shadow:0 0 0 2px #d3a45224,inset 0 1px 3px #000d!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .profile-xp:before,
html[data-home-theme="classic"] body #root .game-home .account-parchment .profile-xp:after{
  position:absolute;top:50%;z-index:3;width:7px;height:7px;border:1px solid #724316;background:#d4a342;
  content:"";transform:translateY(-50%) rotate(45deg)
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .profile-xp:before{left:-5px}
html[data-home-theme="classic"] body #root .game-home .account-parchment .profile-xp:after{right:-5px}
html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content.profile-card>.profile-stats{
  width:94%!important;max-width:94%!important;margin-top:5px!important;gap:7px!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content.profile-card>.profile-stats>div{
  position:relative!important;min-height:39px!important;border:1px solid #7b512946!important;
  padding:6px 3px 5px!important;background:linear-gradient(180deg,#f7dcaa22,#6f421414)!important;
  box-shadow:inset 0 1px #fff2!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content.profile-card>.profile-stats>div:before{
  display:block;width:5px;height:5px;margin-bottom:3px;border:1px solid #7d4d22;border-radius:50%;
  background:#bf8738;box-shadow:0 0 6px #d9ad57;content:""
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .profile-stats dt{
  color:#694321!important;font-size:clamp(0.70rem,.48vw,0.78rem)!important;letter-spacing:.045em!important
}
html[data-home-theme="classic"] body #root .game-home .account-parchment .profile-stats dd{
  margin-top:3px!important;color:#2c180b!important;font-size:clamp(0.74rem,.58vw,0.86rem)!important
}

@media (min-width:1101px){
  html[data-home-theme="classic"] body>.np-bp-gateway[data-placement="home"],
  html[data-home-theme="classic"] body #root .game-home .np-bp-gateway[data-placement="home"]{top:222px!important}
}
/* The artwork was intentionally darkened in the old overlay. Restore the
   bronze and gold so the three gateways read as interactive objects. */
html[data-home-theme] body #root .game-home :is(.np-shop-gateway,.friends-orb,.np-bp-gateway[data-placement="home"]){
  filter:brightness(1.17) saturate(1.18) contrast(1.04) drop-shadow(0 10px 19px #000c)!important
}
html[data-home-theme] body #root .game-home :is(.np-shop-gateway,.friends-orb,.np-bp-gateway[data-placement="home"]):is(:hover,:focus-visible){
  filter:brightness(1.34) saturate(1.25) contrast(1.05) drop-shadow(0 0 14px #e4b75d82) drop-shadow(0 13px 25px #000e)!important
}
html[data-home-theme="classic"] body #root .game-home .friends-orb:after{
  left:88px!important;top:29px!important;text-align:left!important
}
@media (max-width:1100px) and (min-width:761px){
  html[data-home-theme="classic"] body #root .game-home .account-parchment{top:31%!important;right:2%!important;width:34%!important;height:54%!important}
  html[data-home-theme="classic"] body #root .game-home .account-parchment:not(:has(>.panel-content.profile-card)){
    top:34%!important;right:5%!important;width:31%!important;height:50%!important
  }
  html[data-home-theme="classic"] body>.np-bp-gateway[data-placement="home"],
  html[data-home-theme="classic"] body #root .game-home .np-bp-gateway[data-placement="home"]{top:204px!important}
}
@media (max-width:760px){
  html[data-home-theme="classic"] body #root .game-home .account-parchment{top:auto!important;right:5px!important;bottom:23%!important;width:59%!important;height:43%!important}
  html[data-home-theme="classic"] body #root .game-home .account-parchment:not(:has(>.panel-content.profile-card)){
    top:auto!important;right:5%!important;bottom:16%!important;width:72%!important;height:54%!important
  }
  html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content.profile-card{top:12%!important;right:12%!important;bottom:10%!important;left:18%!important}
  html[data-home-theme="classic"] body #root .game-home .account-parchment>.panel-content.profile-card>.profile-stats>div{min-height:28px!important;padding:3px 2px!important}
}