/* Drataria Gaming — Imperial Citadel visual system.
 * Umbrella brand: Drataria Gaming
 * Minecraft technology: RunestoneMMO
 * Minecraft world: Runestone Vale
 * Palette: void/navy, verdigris teal, antique gold, pale gold, restrained ember.
 */
:root{
  color-scheme:dark;
  --dt-void:#0b0f14;
  --dt-bg:#0e1820;
  --dt-bg-deep:#080c11;
  --dt-bg-soft:#122733;
  --dt-panel:rgba(13,28,36,.90);
  --dt-panel-strong:rgba(8,18,24,.96);
  --dt-panel-soft:rgba(22,47,57,.74);
  --dt-text:#eff5f6;
  --dt-text-soft:#d5e1e3;
  --dt-muted:#9eafb4;
  --dt-muted-2:#748b91;
  --dt-teal:#2eb8b8;
  --dt-teal-deep:#1b4d5c;
  --dt-teal-soft:rgba(46,184,184,.18);
  --dt-gold:#d4af37;
  --dt-gold-bright:#f4e3a1;
  --dt-gold-dark:#8e6d25;
  --dt-ember:#c1440e;
  --dt-wine:#68222e;
  --dt-line:rgba(212,175,55,.25);
  --dt-line-soft:rgba(46,184,184,.18);
  --dt-success:#73d7b0;
  --dt-danger:#e27b69;
  --dt-shadow:0 24px 72px rgba(0,0,0,.54);
  --dt-shadow-soft:0 14px 38px rgba(0,0,0,.34);
  --dt-glow:0 0 28px rgba(46,184,184,.16);
  --dt-shell:1500px;
  --dt-radius:14px;
  --dt-radius-lg:20px;
  --dt-font-ui:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --dt-font-display:Cinzel,Georgia,"Times New Roman",serif;

  --dt-site-bg:url('/assets/drataria/site_background_desktop_2560x1440.png');
  --dt-site-bg-mobile:url('/assets/drataria/site_background_mobile_1440x2560.png');
  --dt-page-header:url('/assets/drataria/page_header_desktop_2560x640.png');
  --dt-page-header-mobile:url('/assets/drataria/page_header_mobile_1080x720.png');
  --dt-emblem:url('/assets/drataria/drataria_emblem_1024.png');
  --dt-nav-logo:url('/assets/drataria/drataria_nav_logo_1148x360.png');
  --dt-main-nav:url('/assets/drataria/main_nav_desktop_1920x180.png');
  --dt-main-nav-mobile:url('/assets/drataria/main_nav_mobile_1080x220.png');
  --dt-secondary-nav:url('/assets/drataria/secondary_nav_desktop_1920x120.png');
  --dt-secondary-nav-mobile:url('/assets/drataria/secondary_nav_mobile_1080x150.png');
  --dt-fog:url('/assets/drataria/fog_overlay_2048x1024.png');
  --dt-glow-overlay:url('/assets/drataria/verdigris_glow_overlay_2048x1024.png');
  --dt-pattern:url('/assets/drataria/geometric_pattern_overlay_2048.png');
  --dt-footer:url('/assets/drataria/footer_background_2560x520.png');

  --ms-bg:var(--dt-bg);
  --ms-bg-deep:var(--dt-bg-deep);
  --ms-bg-soft:var(--dt-bg-soft);
  --ms-panel:#10232c;
  --ms-panel-2:#17323e;
  --ms-panel-glass:var(--dt-panel);
  --ms-panel-strong:var(--dt-panel-strong);
  --ms-marble:#10202a;
  --ms-text:var(--dt-text);
  --ms-text-soft:var(--dt-text-soft);
  --ms-muted:var(--dt-muted);
  --ms-muted-2:var(--dt-muted-2);
  --ms-violet:var(--dt-teal-deep);
  --ms-violet-bright:var(--dt-teal);
  --ms-violet-pale:#8ce0dc;
  --ms-gold:var(--dt-gold);
  --ms-gold-bright:var(--dt-gold-bright);
  --ms-gold-dark:var(--dt-gold-dark);
  --ms-stone:#38505a;
  --ms-stone-soft:rgba(95,126,136,.24);
  --ms-success:var(--dt-success);
  --ms-danger:var(--dt-danger);
  --ms-shadow:var(--dt-shadow);
  --ms-shadow-soft:var(--dt-shadow-soft);
  --ms-glow:var(--dt-glow);
  --ms-radius:var(--dt-radius);
  --ms-radius-lg:var(--dt-radius-lg);
  --ms-shell:var(--dt-shell);
  --ms-font-ui:var(--dt-font-ui);
  --ms-font-display:var(--dt-font-display);
  --ms-site-bg:var(--dt-site-bg);
  --ms-site-bg-mobile:var(--dt-site-bg-mobile);
  --ms-page-header:var(--dt-page-header);
  --ms-page-header-mobile:var(--dt-page-header-mobile);
  --ms-emblem:var(--dt-emblem);
  --ms-nav-logo:var(--dt-nav-logo);
  --ms-fog:var(--dt-fog);
  --ms-glow-overlay:var(--dt-glow-overlay);

  --gold:var(--dt-gold);
  --gold-soft:var(--dt-gold-dark);
  --text:var(--dt-text);
  --muted:var(--dt-muted);
  --border:#38505a;
  --border-soft:rgba(95,126,136,.24);
  --shadow:var(--dt-glow);
  --shadow-strong:0 0 34px rgba(46,184,184,.24);
}

*{box-sizing:border-box}
html{background:var(--dt-bg-deep)!important;scroll-behavior:smooth}
body{color:var(--dt-text);font-family:var(--dt-font-ui)!important;background-color:var(--dt-bg)!important}
body:not(.rg-context-osrs):not(.rg-context-seven-days){
  background-image:
    linear-gradient(180deg,rgba(4,9,12,.54),rgba(4,9,12,.84)),
    radial-gradient(circle at 16% 5%,rgba(46,184,184,.13),transparent 34rem),
    radial-gradient(circle at 86% 18%,rgba(212,175,55,.08),transparent 32rem),
    var(--dt-site-bg),
    linear-gradient(180deg,#102733 0%,#0b141b 58%,#080c11 100%)!important;
  background-position:center,center,center,center top,center!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-size:cover,auto,auto,cover,cover!important;
  background-attachment:fixed,fixed,fixed,fixed,fixed!important;
}
body:not(.rg-context-osrs):not(.rg-context-seven-days)::before{
  content:"";
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(4,8,11,.02),rgba(4,8,11,.32)),
    var(--dt-pattern),
    var(--dt-fog);
  background-size:cover,760px auto,cover;
  background-position:center,center,bottom center;
  opacity:.48;
}
body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(h1,h2,h3,h4){
  color:var(--dt-text)!important;
  font-family:var(--dt-font-display)!important;
  letter-spacing:.01em;
  text-shadow:0 2px 14px rgba(0,0,0,.62),0 0 24px rgba(46,184,184,.08)!important;
}
body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(p,li,small,label,dd,dt){font-family:var(--dt-font-ui)}
body:not(.rg-context-osrs):not(.rg-context-seven-days) strong{color:#f5f4eb}
body a{outline-color:var(--dt-teal)}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible,body textarea:focus-visible{outline:2px solid #8ce0dc!important;outline-offset:3px!important}

header.rg-site-header{
  position:sticky!important;top:0!important;z-index:9000!important;
  border-bottom:1px solid rgba(212,175,55,.34)!important;
  background-image:linear-gradient(180deg,rgba(8,19,25,.92),rgba(7,15,20,.96)),var(--dt-main-nav)!important;
  background-size:cover,100% 100%!important;background-position:center,center!important;
  box-shadow:0 14px 42px rgba(0,0,0,.48),inset 0 -1px rgba(46,184,184,.15)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
header.rg-site-header::after{content:"";position:absolute;left:50%;bottom:-1px;width:min(1180px,88%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--dt-gold-dark),var(--dt-teal),var(--dt-gold),transparent);opacity:.78;pointer-events:none}
header.rg-site-header .rg-topbar{width:min(calc(100% - 34px),var(--dt-shell))!important;max-width:none!important;min-height:78px!important;padding:10px 0!important;gap:18px!important}
header.rg-site-header .rg-brand,footer.rg-site-footer .rg-footer-brand{gap:12px!important}
header.rg-site-header .rg-brand-mark,footer.rg-site-footer .rg-brand-mark{
  display:grid!important;place-items:center!important;width:54px!important;height:54px!important;min-width:54px!important;border:1px solid rgba(212,175,55,.55)!important;border-radius:0!important;
  clip-path:polygon(50% 0,94% 20%,94% 76%,50% 100%,6% 76%,6% 20%)!important;overflow:hidden!important;color:transparent!important;font-size:0!important;background-color:#0c1820!important;
  background-image:var(--dt-emblem),radial-gradient(circle at 50% 45%,rgba(46,184,184,.32),transparent 44%),linear-gradient(145deg,#173844,#081016)!important;
  background-position:center,center,center!important;background-size:88% auto,cover,cover!important;background-repeat:no-repeat!important;box-shadow:inset 0 0 22px rgba(46,184,184,.14),0 8px 22px rgba(0,0,0,.44)!important;
}
header.rg-site-header .rg-brand-mark::before,footer.rg-site-footer .rg-brand-mark::before{content:"D"!important;color:rgba(244,227,161,.9)!important;font:800 1.2rem/1 var(--dt-font-display)!important;text-shadow:0 0 16px rgba(46,184,184,.5)!important;z-index:-1}
header.rg-site-header .rg-brand-mark::after,footer.rg-site-footer .rg-brand-mark::after{display:none!important}
header.rg-site-header .rg-brand-copy strong{color:var(--dt-text)!important;font:800 .86rem/1 var(--dt-font-display)!important;letter-spacing:.13em!important;text-transform:uppercase!important}
header.rg-site-header .rg-brand-copy small{color:var(--dt-muted)!important;font:600 .56rem/1 var(--dt-font-ui)!important;letter-spacing:.055em!important}
header.rg-site-header .rg-nav{gap:4px!important}
header.rg-site-header .rg-nav-link,header.rg-site-header .rg-signin-link{position:relative!important;color:rgba(239,245,246,.8)!important;border-radius:8px!important;font-family:var(--dt-font-ui)!important;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important}
header.rg-site-header .rg-nav-link::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,var(--dt-teal),var(--dt-gold),transparent);transition:transform .18s ease}
header.rg-site-header .rg-nav-link:hover,header.rg-site-header .rg-nav-link.active,header.rg-site-header .rg-dropdown-toggle.active,header.rg-site-header .rg-signin-link:hover{color:#fff!important;border-color:rgba(212,175,55,.28)!important;background:linear-gradient(180deg,rgba(46,184,184,.12),rgba(212,175,55,.045))!important;box-shadow:inset 0 0 20px rgba(46,184,184,.055)!important}
header.rg-site-header .rg-nav-link:hover::after,header.rg-site-header .rg-nav-link.active::after{transform:scaleX(1)}
header.rg-site-header .rg-dropdown-menu,header.rg-site-header .rg-account-dropdown{border:1px solid rgba(212,175,55,.3)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(15,36,45,.99),rgba(7,17,23,.99)),radial-gradient(circle at top,rgba(46,184,184,.12),transparent 58%)!important;box-shadow:0 28px 68px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.02)!important;backdrop-filter:blur(20px)!important}
header.rg-site-header .rg-dropdown-link,header.rg-site-header .rg-account-link{color:var(--dt-text-soft)!important}
header.rg-site-header .rg-dropdown-link:hover,header.rg-site-header .rg-account-link:hover{background:rgba(46,184,184,.11)!important;color:#fff!important}
header.rg-site-header .rg-nav-badge{border-color:rgba(212,175,55,.22)!important;color:var(--dt-gold-bright)!important;background:rgba(212,175,55,.055)!important}
header.rg-site-header .rg-menu-toggle{border:1px solid rgba(212,175,55,.3)!important;border-radius:9px!important;background:linear-gradient(180deg,rgba(24,55,66,.94),rgba(8,20,26,.98))!important;color:var(--dt-text)!important}
header.rg-site-header .rg-account-trigger,header.rg-site-header .rg-signin-link{border-color:rgba(46,184,184,.34)!important;background:rgba(46,184,184,.08)!important}
header.rg-site-header .rg-account-avatar{border-color:rgba(212,175,55,.46)!important;background:#102630!important;color:var(--dt-gold-bright)!important}

.rg-context-bar{position:relative!important;z-index:8100!important;border-bottom:1px solid rgba(212,175,55,.18)!important;background:linear-gradient(90deg,rgba(6,15,20,.98),rgba(17,47,57,.96),rgba(6,15,20,.98))!important}
.rg-context-kicker{color:var(--dt-muted-2)!important}.rg-context-inner>strong{color:var(--dt-gold-bright)!important}
.rg-minecraft-subnav,.osrs-subnav,.seven-subnav{position:sticky!important;z-index:7900!important;border-top:0!important;border-bottom:1px solid rgba(212,175,55,.22)!important;background-image:linear-gradient(180deg,rgba(9,23,30,.95),rgba(6,15,20,.98)),var(--dt-secondary-nav)!important;background-size:cover,100% 100%!important;box-shadow:0 10px 30px rgba(0,0,0,.26)!important;backdrop-filter:blur(16px)!important}
.rg-minecraft-brand{border-color:rgba(212,175,55,.2)!important}.rg-minecraft-brand-copy small{color:var(--dt-muted)!important}.rg-minecraft-brand-copy strong{color:var(--dt-gold-bright)!important;font-family:var(--dt-font-display)!important}.rg-minecraft-link{color:rgba(239,245,246,.76)!important}.rg-minecraft-link:hover,.rg-minecraft-link.active{color:#fff!important;border-color:rgba(46,184,184,.38)!important;background:rgba(46,184,184,.1)!important}

body:not(.rg-home):not(.rg-context-osrs):not(.rg-context-seven-days) .hero-banner{display:block!important;position:relative!important;height:clamp(140px,19vw,250px)!important;min-height:140px!important;border:0!important;border-bottom:1px solid rgba(212,175,55,.26)!important;box-shadow:0 20px 50px rgba(0,0,0,.32)!important;background-image:linear-gradient(180deg,rgba(4,10,13,.22),rgba(4,10,13,.62)),var(--dt-page-header)!important;background-size:cover,cover!important;background-position:center,center!important}
body:not(.rg-home):not(.rg-context-osrs):not(.rg-context-seven-days) .hero-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,12,16,.58),transparent 48%,rgba(5,12,16,.24)),var(--dt-glow-overlay);background-size:cover,cover;opacity:.46}

body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(.card,.panel,.content-card,.feature-card,.news-card,.server-card,.account-card,.creator-card){border-color:rgba(212,175,55,.18)!important;background:linear-gradient(145deg,rgba(17,43,53,.91),rgba(7,18,24,.95))!important;box-shadow:var(--dt-shadow-soft)!important}
body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(.card,.panel,.content-card,.feature-card,.news-card,.server-card,.account-card,.creator-card):hover{border-color:rgba(46,184,184,.34)!important}
body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(.button,.btn,.rg-button,.cta-button,.primary-button){color:#f7fbfb!important;border-color:rgba(46,184,184,.36)!important;background-color:#0c2731!important;background-image:linear-gradient(180deg,rgba(7,24,31,.24),rgba(7,15,20,.48)),url('/assets/drataria/button_primary_teal_800x240.png')!important;background-size:cover,100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:0 9px 24px rgba(0,0,0,.28),0 0 20px rgba(46,184,184,.07)!important}
body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(.button,.btn,.rg-button,.cta-button,.primary-button):hover{filter:brightness(1.08);transform:translateY(-1px)}
body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(.secondary-button,.btn-secondary,.rg-button-secondary){border-color:rgba(212,175,55,.38)!important;background-image:linear-gradient(180deg,rgba(38,27,8,.15),rgba(14,12,8,.36)),url('/assets/drataria/button_secondary_gold_800x240.png')!important}
body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(input,select,textarea){color:var(--dt-text)!important;background:rgba(5,17,23,.86)!important;border-color:rgba(79,124,136,.38)!important}
body:not(.rg-context-osrs):not(.rg-context-seven-days) :is(input,select,textarea):focus{border-color:rgba(46,184,184,.66)!important;box-shadow:0 0 0 3px rgba(46,184,184,.1)!important}

footer.rg-site-footer{position:relative!important;border-top:1px solid rgba(212,175,55,.28)!important;background-image:linear-gradient(180deg,rgba(6,16,21,.78),rgba(5,11,15,.96)),var(--dt-footer)!important;background-size:cover,cover!important;background-position:center,center!important;box-shadow:0 -18px 48px rgba(0,0,0,.25)!important}
footer.rg-site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--dt-pattern);background-size:760px auto;opacity:.08}
footer.rg-site-footer :is(a,p,small){color:var(--dt-muted)!important}footer.rg-site-footer a:hover{color:var(--dt-gold-bright)!important}

*{scrollbar-color:#2c7c83 #091219;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#091219}::-webkit-scrollbar-thumb{background:linear-gradient(#2eb8b8,#8e6d25);border:2px solid #091219;border-radius:999px}

@media(max-width:900px){
  body:not(.rg-context-osrs):not(.rg-context-seven-days){background-image:linear-gradient(180deg,rgba(4,9,12,.48),rgba(4,9,12,.88)),var(--dt-site-bg-mobile),linear-gradient(180deg,#102733,#080c11)!important;background-size:cover,cover,cover!important;background-position:center,center top,center!important;background-attachment:scroll,scroll,scroll!important}
  header.rg-site-header{background-image:linear-gradient(180deg,rgba(8,19,25,.9),rgba(7,15,20,.97)),var(--dt-main-nav-mobile)!important;background-size:cover,100% 100%!important}
  .rg-minecraft-subnav,.osrs-subnav,.seven-subnav{background-image:linear-gradient(180deg,rgba(9,23,30,.94),rgba(6,15,20,.98)),var(--dt-secondary-nav-mobile)!important;background-size:cover,100% 100%!important}
  body:not(.rg-home):not(.rg-context-osrs):not(.rg-context-seven-days) .hero-banner{height:clamp(150px,44vw,270px)!important;background-image:linear-gradient(180deg,rgba(4,10,13,.18),rgba(4,10,13,.68)),var(--dt-page-header-mobile)!important;background-position:center,center!important}
}
@media(max-width:620px){header.rg-site-header .rg-topbar{width:min(calc(100% - 22px),var(--dt-shell))!important;min-height:68px!important;padding:8px 0!important}header.rg-site-header .rg-brand-mark,footer.rg-site-footer .rg-brand-mark{width:46px!important;height:46px!important;min-width:46px!important}header.rg-site-header .rg-brand-copy strong{font-size:.74rem!important;letter-spacing:.1em!important}header.rg-site-header .rg-brand-copy small{font-size:.5rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}