/* LEGEND v0.6.2 Presentation Layer
   This file skins the existing v0.6.1/v0.6.2 screens using the new generated assets.
*/

body{
  background:#050706 url('../assets/images/backgrounds/gothic_ruins_beneath_a_stormy_sky.png') center/cover fixed no-repeat;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.22),rgba(0,0,0,.72)),
    radial-gradient(circle at center,transparent 0 34%,rgba(0,0,0,.76) 100%);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 50% 18%,rgba(126,255,159,.18),transparent 25%);
}

.title-wrap{
  background:transparent;
}

.title-card,
.panel,
.topbar{
  border-color:rgba(214,179,91,.46)!important;
  background:linear-gradient(180deg,rgba(19,32,25,.9),rgba(5,10,8,.88))!important;
  box-shadow:0 24px 80px rgba(0,0,0,.58),inset 0 0 46px rgba(126,255,159,.045)!important;
  backdrop-filter:blur(9px);
}

.title-card{
  position:relative;
  text-align:center;
  max-width:980px;
}

.title-card::before,
.panel::before,
.topbar::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(126,255,159,.12);
  border-radius:16px;
  pointer-events:none;
}

.game-title,
.brand h1{
  color:#d7b35b!important;
  text-shadow:0 0 20px rgba(255,211,105,.24),0 0 44px rgba(126,255,159,.2),0 8px 0 rgba(0,0,0,.45)!important;
}

.title-lore{
  color:#f1ead1!important;
}

.btn,
.card,
.shop,
.npc-card,
.event-card,
.setting-card,
.quest,
.stat,
.box{
  border-color:rgba(214,179,91,.28)!important;
  background:linear-gradient(180deg,rgba(16,30,24,.9),rgba(6,10,9,.88))!important;
}

.btn:hover,
.card:hover,
.shop:hover,
.npc-card:hover,
.event-card:hover,
.setting-card:hover{
  border-color:rgba(255,211,105,.68)!important;
  box-shadow:0 0 26px rgba(126,255,159,.12),0 18px 34px rgba(0,0,0,.28)!important;
}

.btn.primary{
  border-color:rgba(255,211,105,.6)!important;
  background:linear-gradient(180deg,#ffe29a,#d69f32)!important;
}

.card h3,
.shop h3,
.npc-card h3,
.event-card h3,
.quest h3,
.setting-card h3,
.panel-head h2,
.panel-head h3{
  color:#d7b35b!important;
}

body:has(.shell){
  background-image:url('../assets/images/backgrounds/eerie_medieval_village_under_stormy_skies.png');
}

body:has(.enemy),
body:has(.glyph),
body:has(.red){
  background-image:url('../assets/images/backgrounds/goblin_in_a_haunted_swamp_path.png');
}

body:has(.text) .panel,
body:has(.npc-card) .panel{
  backdrop-filter:blur(10px);
}

@media(max-width:720px){
  body{background-attachment:scroll}
  .title-card,.panel,.topbar{backdrop-filter:blur(6px)}
}