/* Drataria Gaming — sharp HD rendering layer
 * Uses the uploaded flat /assets/drataria/*.png files.
 * Raster rule: preserve aspect ratio; never force width and height independently.
 */
:root{
  --dt-emblem-hd:url('/assets/drataria/drataria_emblem_1024.png');
  --dt-nav-hd:url('/assets/drataria/main_nav_desktop_1920x180.png');
  --dt-nav-mobile-hd:url('/assets/drataria/main_nav_mobile_1080x220.png');
  --dt-subnav-hd:url('/assets/drataria/secondary_nav_desktop_1920x120.png');
  --dt-subnav-mobile-hd:url('/assets/drataria/secondary_nav_mobile_1080x150.png');
  --dt-pattern-hd:url('/assets/drataria/geometric_pattern_overlay_2048.png');
  --dt-home-hero-hd:url('/assets/drataria/home_hero_desktop_2560x900.png');
  --dt-home-hero-mobile-hd:url('/assets/drataria/home_hero_mobile_1080x1920.png');
  --dt-site-bg-hd:url('/assets/drataria/site_background_desktop_2560x1440.png');
  --dt-site-bg-mobile-hd:url('/assets/drataria/site_background_mobile_1440x2560.png');
  --dt-corner-tl-hd:url('/assets/drataria/corner_top_left.png');
  --dt-corner-tr-hd:url('/assets/drataria/corner_top_right.png');
  --dt-corner-bl-hd:url('/assets/drataria/corner_bottom_left.png');
  --dt-corner-br-hd:url('/assets/drataria/corner_bottom_right.png');
}

body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft){
  background-color:#081117!important;
  background-image:
    linear-gradient(180deg,rgba(4,10,14,.68),rgba(4,10,14,.84)),
    radial-gradient(circle at 18% 0%,rgba(46,184,184,.10),transparent 34rem),
    var(--dt-site-bg-hd)!important;
  background-size:cover,auto,cover!important;
  background-position:center,center,center top!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-attachment:fixed,fixed,fixed!important;
}
body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft)::before{
  background-image:var(--dt-pattern-hd)!important;
  background-size:760px auto!important;
  background-position:center top!important;
  background-repeat:repeat!important;
  opacity:.055!important;
}

/* Shared Drataria Gaming primary navigation plate. */
header.rg-site-header{
  background-color:#07141b!important;
  background-image:
    linear-gradient(180deg,rgba(3,11,16,.38),rgba(3,10,15,.66)),
    var(--dt-nav-hd)!important;
  background-size:cover,cover!important;
  background-position:center,center!important;
  background-repeat:no-repeat!important;
  border-bottom-color:rgba(212,175,55,.44)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
header.rg-site-header .rg-topbar{
  min-height:86px!important;
  gap:18px!important;
}
header.rg-site-header .rg-brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  padding:4px 6px 4px 0!important;
}
header.rg-site-header .dt-nav-logo{
  display:block!important;
  width:clamp(190px,17vw,265px)!important;
  max-width:100%!important;
  height:auto!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.52))!important;
}
header.rg-site-header .rg-nav{
  border:1px solid rgba(212,175,55,.14)!important;
  border-radius:12px!important;
  background:rgba(2,10,14,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(46,184,184,.035)!important;
}
header.rg-site-header :is(.rg-nav-link,.dropdown-toggle,.rg-account-trigger,.rg-signin-link){
  text-shadow:0 2px 8px rgba(0,0,0,.72)!important;
}
header.rg-site-header :is(.rg-nav-link,.dropdown-toggle).active,
header.rg-site-header :is(.rg-nav-link,.dropdown-toggle):hover,
header.rg-site-header :is(.rg-nav-link,.dropdown-toggle):focus-visible{
  background-color:rgba(8,33,42,.58)!important;
  border-color:rgba(212,175,55,.28)!important;
}

/* Fallback emblem treatment remains available for legacy/footer surfaces. */
header.rg-site-header .rg-brand-mark,
footer.rg-site-footer .rg-brand-mark{
  background-image:var(--dt-emblem-hd)!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
  border:0!important;
  clip-path:none!important;
  box-shadow:none!important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.48));
}
header.rg-site-header .rg-brand-mark::before,
header.rg-site-header .rg-brand-mark::after,
footer.rg-site-footer .rg-brand-mark::before,
footer.rg-site-footer .rg-brand-mark::after{display:none!important}

/* Full Drataria logo in the shared footer. */
footer.rg-site-footer .rg-footer-brand{
  align-items:center!important;
  gap:18px!important;
}
footer.rg-site-footer .dt-footer-logo{
  display:block!important;
  flex:0 0 auto!important;
  width:clamp(190px,18vw,250px)!important;
  max-width:42vw!important;
  height:auto!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.46))!important;
}

/* Runestone Vale keeps its identity while using the Drataria secondary-nav plate. */
.rg-minecraft-subnav{
  background-color:#07141b!important;
  background-image:
    linear-gradient(180deg,rgba(5,17,23,.34),rgba(4,12,17,.64)),
    var(--dt-subnav-hd)!important;
  background-size:cover,cover!important;
  background-position:center,center!important;
  background-repeat:no-repeat!important;
  border-bottom-color:rgba(212,175,55,.34)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.rg-minecraft-subnav .rg-minecraft-subnav-inner{
  min-height:62px!important;
}
.rg-minecraft-subnav :is(.rg-minecraft-link,.rg-minecraft-brand){
  text-shadow:0 2px 8px rgba(0,0,0,.72)!important;
}

body:not(.rg-home):not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft) .hero-banner{
  background-color:#0b222c!important;
  background-image:
    var(--dt-corner-tl-hd),var(--dt-corner-tr-hd),
    linear-gradient(115deg,rgba(10,38,47,.96),rgba(7,19,26,.98) 56%,rgba(24,43,43,.96))!important;
  background-size:110px auto,110px auto,cover!important;
  background-position:left top,right top,center!important;
  background-repeat:no-repeat!important;
}

/* Shared Drataria typography: compact, readable, and intentionally below poster scale. */
body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft) main h1{
  font-size:clamp(1.9rem,2.6vw,2.4rem)!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
}
body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft) main h2{
  font-size:clamp(1.4rem,1.8vw,1.8rem)!important;
  line-height:1.12!important;
  letter-spacing:-.01em!important;
}
body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft) main h3{
  font-size:clamp(1.02rem,1.2vw,1.25rem)!important;
  line-height:1.2!important;
}

/* Homepage: let the art lead. */
.rg-home .rgh-hero{
  min-height:clamp(500px,52vw,620px)!important;
  padding:clamp(34px,5vw,64px)!important;
  background-color:#07141b!important;
  background-image:
    linear-gradient(90deg,rgba(4,11,15,.72) 0%,rgba(4,11,15,.48) 34%,rgba(4,11,15,.08) 66%,rgba(4,11,15,.12) 100%),
    linear-gradient(0deg,rgba(4,11,15,.54) 0%,transparent 44%),
    var(--dt-home-hero-hd)!important;
  background-size:cover,cover,cover!important;
  background-position:center,center,center center!important;
  background-repeat:no-repeat!important;
}
.rg-home .rgh-hero::before,
.rg-home .rgh-hero::after{display:none!important}
.rg-home .rgh-hero-copy{max-width:650px!important;padding-bottom:0!important}
.rg-home .rgh-hero h1{
  max-width:640px!important;
  margin:10px 0 14px!important;
  font-size:clamp(2rem,2.8vw,3rem)!important;
  line-height:1.02!important;
  letter-spacing:-.02em!important;
  text-wrap:balance!important;
}
.rg-home .rgh-lead{
  max-width:620px!important;
  font-size:clamp(.9rem,1vw,1rem)!important;
  line-height:1.58!important;
}
.rg-home .rgh-actions{margin-top:20px!important}
.rg-home .rgh-proof{margin-top:20px!important;padding-top:15px!important}

.rg-home .rgh-button,
.rg-home .rgh-button-primary,
.rg-home .rgh-button-quiet{
  background-image:linear-gradient(180deg,rgba(18,67,78,.98),rgba(6,25,32,.99))!important;
  background-size:auto!important;
  border:1px solid rgba(46,184,184,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(212,175,55,.08),0 9px 24px rgba(0,0,0,.30)!important;
}
.rg-home .rgh-button-primary{
  color:#fffdf5!important;
  border-color:rgba(212,175,55,.52)!important;
  background-image:linear-gradient(180deg,rgba(116,89,31,.98),rgba(47,36,15,.99))!important;
}
.rg-home .rgh-button-quiet{
  border-color:rgba(76,112,122,.46)!important;
  background-image:linear-gradient(180deg,rgba(23,44,52,.98),rgba(8,21,27,.99))!important;
}
.rg-home .rgh-game::after,
.rg-home .rgh-feature::after{display:none!important}

body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft) :is(.card,.panel,.section,.info-box,.content-card,.rg-related-links),
.rg-home :is(.rgh-game,.rgh-feature,.rgh-update,.rgh-tech,.rgh-entry-grid>a){
  background-image:
    var(--dt-corner-tl-hd),var(--dt-corner-tr-hd),
    var(--dt-corner-bl-hd),var(--dt-corner-br-hd),
    linear-gradient(145deg,rgba(16,43,53,.90),rgba(6,17,23,.95))!important;
  background-size:62px auto,62px auto,62px auto,62px auto,cover!important;
  background-position:left top,right top,left bottom,right bottom,center!important;
  background-repeat:no-repeat!important;
}

body:not(.rg-context-osrs):not(.rg-context-seven-days) img{
  max-width:100%;
  height:auto;
}

@media (max-width:1120px){
  header.rg-site-header .rg-topbar{min-height:78px!important}
  header.rg-site-header .dt-nav-logo{
    width:clamp(185px,28vw,235px)!important;
    max-height:62px!important;
  }
  header.rg-site-header .rg-nav.open{
    background-color:#07141b!important;
    background-image:
      linear-gradient(180deg,rgba(3,11,16,.44),rgba(3,10,15,.76)),
      var(--dt-nav-mobile-hd)!important;
    background-size:cover,cover!important;
    background-position:center,center!important;
    background-repeat:no-repeat!important;
    border-color:rgba(212,175,55,.30)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.48)!important;
  }
}

@media (max-width:760px){
  body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft){
    background-image:
      linear-gradient(180deg,rgba(4,10,14,.58),rgba(4,10,14,.82)),
      var(--dt-site-bg-mobile-hd)!important;
    background-size:cover,cover!important;
    background-position:center,center top!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
  }
  header.rg-site-header{
    background-image:
      linear-gradient(180deg,rgba(3,11,16,.40),rgba(3,10,15,.70)),
      var(--dt-nav-mobile-hd)!important;
    background-size:cover,cover!important;
    background-position:center,center!important;
  }
  header.rg-site-header .rg-topbar{
    min-height:72px!important;
    gap:10px!important;
  }
  header.rg-site-header .dt-nav-logo{
    width:clamp(158px,46vw,205px)!important;
    max-height:56px!important;
  }
  .rg-minecraft-subnav{
    background-image:
      linear-gradient(180deg,rgba(5,17,23,.38),rgba(4,12,17,.70)),
      var(--dt-subnav-mobile-hd)!important;
    background-size:cover,cover!important;
    background-position:center,center!important;
  }
  footer.rg-site-footer .rg-footer-brand{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  footer.rg-site-footer .dt-footer-logo{
    width:min(230px,72vw)!important;
    max-width:72vw!important;
    max-height:76px!important;
  }
  body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft) main h1{
    font-size:clamp(1.65rem,7vw,2rem)!important;
  }
  body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft) main h2{
    font-size:clamp(1.25rem,5.6vw,1.55rem)!important;
  }
  body:not(.rg-context-osrs):not(.rg-context-seven-days):not(.rg-context-minecraft) main h3{
    font-size:clamp(.98rem,4.4vw,1.15rem)!important;
  }
  .rg-home .rgh-hero{
    min-height:640px!important;
    padding:28px 22px!important;
    background-image:
      linear-gradient(180deg,rgba(4,11,15,.10) 0%,rgba(4,11,15,.16) 38%,rgba(4,11,15,.72) 72%,rgba(4,11,15,.92) 100%),
      var(--dt-home-hero-mobile-hd)!important;
    background-size:cover,cover!important;
    background-position:center,center 44%!important;
  }
  .rg-home .rgh-hero-copy{max-width:100%!important}
  .rg-home .rgh-hero h1{
    max-width:100%!important;
    font-size:clamp(1.8rem,7.6vw,2.35rem)!important;
    line-height:1.04!important;
    margin:9px 0 13px!important;
  }
  .rg-home .rgh-lead{font-size:.92rem!important;line-height:1.54!important}
}

@media (max-width:420px){
  header.rg-site-header .dt-nav-logo{
    width:150px!important;
    max-height:50px!important;
  }
}