/* Reformulação Classic Ragnarok - modelo visual alinhado às skins novas */
body.skin-classic-ragnarok{
  --classic-deep:16,29,52;
  --classic-mid:28,52,90;
  --classic-bright:93,167,213;
  --classic-light:214,236,255;
  --classic-accent:240,215,154;
  --classic-shadow:7,16,30;
  color:#f4f8ff;
  background-color:#101c32!important;
  background-image:none!important;
  background-attachment:scroll!important;
  isolation:isolate;
}
body.skin-classic-ragnarok::before,
body.skin-classic-ragnarok::after{display:none!important;content:none!important}
body.skin-classic-ragnarok>.theme-fixed-background{
  display:block;
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  contain:paint;
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
  will-change:transform;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(8,18,35,.16) 40%,rgba(7,16,30,.34) 100%),
    linear-gradient(90deg,rgba(8,20,39,.18),transparent 14%,transparent 86%,rgba(8,20,39,.18)),
    radial-gradient(circle at 50% 0,rgba(134,214,255,.10),transparent 46%),
    var(--portal-bg-image);
  background-position:center center,center center,center top,var(--portal-bg-position);
  background-size:cover,cover,cover,var(--portal-bg-size);
  background-repeat:no-repeat,no-repeat,no-repeat,var(--portal-bg-repeat);
}
body.skin-classic-ragnarok a:hover{color:#fff;text-shadow:0 0 11px rgba(119,211,255,.68)}
body.skin-classic-ragnarok .topbar,
body.skin-classic-ragnarok .topbar-inner{height:398px!important}
body.skin-classic-ragnarok .brand{
  opacity:1!important;
  left:50%!important;
  top:102px!important;
  width:660px!important;
  height:148px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
}
body.skin-classic-ragnarok .brand::before,
body.skin-classic-ragnarok .brand::after,
body.skin-classic-ragnarok .brand-crystal{display:none!important}
body.skin-classic-ragnarok .brand-wordmark{
  display:flex!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  isolation:isolate!important;
}
body.skin-classic-ragnarok .brand-wordmark::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:170px!important;
  height:86px!important;
  transform:translate(-50%,-50%)!important;
  background:url('brand-hammer-v011.png') center/contain no-repeat!important;
  opacity:.46!important;
  z-index:0!important;
  pointer-events:none!important;
}
body.skin-classic-ragnarok .brand-overline{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  color:#ffe8a7!important;
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 0 #20304c,0 0 8px rgba(255,230,157,.56)!important;
}
body.skin-classic-ragnarok .brand-wordmark strong{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  margin-top:10px!important;
  color:#fff8dc!important;
  font-size:39px!important;
  line-height:1!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:0 3px 0 #243451,0 0 5px #17233a,0 0 16px rgba(123,210,255,.65)!important;
}
body.skin-classic-ragnarok .brand-wordmark small{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  margin-top:9px!important;
  color:#d6ecff!important;
  font-size:12px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:0 2px 0 #1a2943!important;
}
body.skin-classic-ragnarok .account-actions,
body.skin-classic-ragnarok .account-actions.unified-profile-bar{
  opacity:1!important;
  right:260px!important;
  top:244px!important;
  width:300px!important;
  height:52px!important;
}
@media(min-width:1251px){
  body.skin-classic-ragnarok .site-shell{width:100%!important;max-width:none!important;margin:0!important}
  body.skin-classic-ragnarok .topbar,
  body.skin-classic-ragnarok .topbar-inner{height:max(398px,23.80vw)!important;width:100%!important}
  body.skin-classic-ragnarok .brand{top:max(102px,6.10vw)!important;width:max(660px,39.50vw)!important;height:max(148px,8.86vw)!important}
  body.skin-classic-ragnarok .brand-wordmark::before{width:max(170px,10.17vw)!important;height:max(86px,5.15vw)!important}
  body.skin-classic-ragnarok .brand-overline{font-size:clamp(18px,1.22vw,24px)!important}
  body.skin-classic-ragnarok .brand-wordmark strong{font-size:clamp(31px,2.28vw,42px)!important}
  body.skin-classic-ragnarok .brand-wordmark small{font-size:clamp(10px,.72vw,13px)!important}
  body.skin-classic-ragnarok .account-actions,
  body.skin-classic-ragnarok .account-actions.unified-profile-bar{right:max(260px,15.55vw)!important;top:max(244px,14.60vw)!important;width:max(300px,17.94vw)!important}
  body.skin-classic-ragnarok .topbar .topnav,
  body.skin-classic-ragnarok .topnav{top:max(316px,18.90vw)!important;width:max(1204px,72.01vw)!important;height:max(60px,3.59vw)!important;min-height:max(60px,3.59vw)!important;grid-template-rows:max(60px,3.59vw)!important}
  body.skin-classic-ragnarok .topnav>a,
  body.skin-classic-ragnarok .topnav-group,
  body.skin-classic-ragnarok .topnav-group>.topnav-main-link{height:max(60px,3.59vw)!important;min-height:max(60px,3.59vw)!important}
  body.skin-classic-ragnarok .topnav-submenu{top:max(60px,3.59vw)!important}
  body.skin-classic-ragnarok .page-wrap{width:max(1218px,72.85vw)!important;max-width:calc(100% - 32px)!important;grid-template-columns:22.17% minmax(0,77.01%)!important;column-gap:.82%!important}
}
body.skin-classic-ragnarok .topnav{
  background:linear-gradient(180deg,rgba(16,29,52,.48),rgba(7,16,30,.56))!important;
  border-color:rgba(236,216,166,.62)!important;
  box-shadow:0 0 0 1px rgba(17,30,51,.72),inset 0 0 0 1px rgba(210,239,255,.12)!important;
  backdrop-filter:blur(1.5px);
}
body.skin-classic-ragnarok .topnav>a,
body.skin-classic-ragnarok .topnav-group>.topnav-main-link{
  color:#f8fbff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  overflow:visible!important;
  background-color:rgba(36,59,97,.54)!important;
  background-image:linear-gradient(180deg,rgba(68,103,151,.62),rgba(24,44,76,.56))!important;
  border-color:rgba(236,216,166,.62)!important;
  text-shadow:0 2px 0 #15233c,0 0 8px rgba(119,211,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -12px 18px rgba(10,21,40,.24)!important;
  backdrop-filter:blur(1.5px);
}
body.skin-classic-ragnarok .topnav>a:hover,
body.skin-classic-ragnarok .topnav>a.active,
body.skin-classic-ragnarok .topnav-group:hover>.topnav-main-link,
body.skin-classic-ragnarok .topnav-group:focus-within>.topnav-main-link,
body.skin-classic-ragnarok .topnav-group.active>.topnav-main-link{
  background-image:linear-gradient(180deg,rgba(83,159,205,.82),rgba(49,95,157,.76) 52%,rgba(32,60,110,.68))!important;
  border-color:#fff0b7!important;
  box-shadow:inset 0 0 18px rgba(205,242,255,.22),0 0 15px rgba(96,194,255,.18)!important;
}
body.skin-classic-ragnarok .topnav a::before{color:#ffe8a7!important;text-shadow:0 1px 0 #20304c,0 0 8px rgba(255,230,157,.62)!important}
body.skin-classic-ragnarok .topnav-submenu{background:linear-gradient(180deg,rgba(42,67,105,.92),rgba(13,28,52,.94))!important;border-color:rgba(240,220,169,.69)!important;backdrop-filter:blur(2px)}
body.skin-classic-ragnarok .topnav .topnav-submenu a{color:#f6faff!important;background:linear-gradient(180deg,rgba(61,93,139,.78),rgba(28,50,84,.84))!important;border-color:rgba(192,229,255,.28)!important}
body.skin-classic-ragnarok .topnav .topnav-submenu a:hover,
body.skin-classic-ragnarok .topnav .topnav-submenu a.active{background:linear-gradient(180deg,rgba(93,167,213,.88),rgba(55,107,168,.82) 55%,rgba(35,63,112,.76))!important;border-color:#ffefb4!important}
body.skin-classic-ragnarok .side-menu.panel,
body.skin-classic-ragnarok .side-menu.frame-panel{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:42px 15px 6px!important}
body.skin-classic-ragnarok .side-menu h3{top:9px!important;left:50%!important;transform:translateX(-50%)!important;right:auto!important;width:calc(100% - 30px)!important;text-align:center!important;color:#f7dfa3!important;text-shadow:0 2px 0 #1a2944,0 0 8px rgba(134,218,255,.48)!important}
body.skin-classic-ragnarok .side-menu a{color:#f5f8ff!important;background:linear-gradient(180deg,rgba(72,105,151,.72),rgba(23,43,72,.66))!important;border-color:rgba(216,234,245,.28)!important;backdrop-filter:blur(1.5px)}
body.skin-classic-ragnarok .side-menu a:hover,
body.skin-classic-ragnarok .side-menu a.active{background-image:linear-gradient(180deg,rgba(92,164,210,.82),rgba(53,103,159,.76) 52%,rgba(34,62,109,.68) 100%)!important;border-color:rgba(255,237,181,.78)!important;box-shadow:0 0 0 1px rgba(24,41,70,.72),inset 0 1px 0 rgba(255,255,255,.14),0 0 14px rgba(87,190,247,.18)!important}
body.skin-classic-ragnarok .sidebar{
  background:linear-gradient(180deg,rgba(30,65,105,.24),rgba(10,34,66,.18) 58%,rgba(8,27,52,.24)),radial-gradient(circle at 50% 0,rgba(111,195,240,.14),transparent 62%)!important;
  border:1px solid rgba(240,215,154,.66)!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(5,16,31,.24)!important;
  backdrop-filter:blur(1px);
}
body.skin-classic-ragnarok .sidebar::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:7px!important;
  border:1px solid rgba(187,226,250,.34)!important;
  border-radius:6px!important;
  background:linear-gradient(135deg,rgba(240,215,154,.28),transparent 10px) top left/22px 22px no-repeat,linear-gradient(225deg,rgba(240,215,154,.28),transparent 10px) top right/22px 22px no-repeat,linear-gradient(45deg,rgba(240,215,154,.20),transparent 10px) bottom left/22px 22px no-repeat,linear-gradient(315deg,rgba(240,215,154,.20),transparent 10px) bottom right/22px 22px no-repeat!important;
  pointer-events:none!important;
}
body.skin-classic-ragnarok .panel:not(.side-menu):not(.score-card),
body.skin-classic-ragnarok .main-panel,
body.skin-classic-ragnarok .footer{
  background:linear-gradient(180deg,rgba(20,35,60,.82),rgba(8,19,37,.86)),radial-gradient(circle at 50% 0,rgba(90,177,229,.14),transparent 54%)!important;
  border-color:rgba(235,216,171,.64)!important;
  box-shadow:0 0 0 1px rgba(17,30,51,.86),inset 0 0 0 1px rgba(210,239,255,.10),inset 0 0 36px rgba(58,135,196,.10),0 12px 30px rgba(4,12,25,.42)!important;
  backdrop-filter:blur(2px);
}
body.skin-classic-ragnarok .main-panel h2,
body.skin-classic-ragnarok .panel h2,
body.skin-classic-ragnarok h3{color:#ffe7a5}
body.skin-classic-ragnarok input,
body.skin-classic-ragnarok select,
body.skin-classic-ragnarok textarea{color:#f5f9ff;background:rgba(10,24,46,.84);border-color:rgba(183,224,249,.42)}
body.skin-classic-ragnarok .btn,
body.skin-classic-ragnarok button.btn,
body.skin-classic-ragnarok input[type="submit"].btn,
body.skin-classic-ragnarok .form-box button,
body.skin-classic-ragnarok .footer-discord-btn{background:linear-gradient(180deg,rgba(98,173,215,.72),rgba(57,115,173,.66) 50%,rgba(35,71,125,.60) 100%)!important;border-color:rgba(255,231,168,.80)!important;text-shadow:0 2px 0 #173153,0 0 7px rgba(183,231,255,.36)!important;backdrop-filter:blur(1.5px)}
body.skin-classic-ragnarok .btn:hover,
body.skin-classic-ragnarok button.btn:hover,
body.skin-classic-ragnarok .form-box button:hover,
body.skin-classic-ragnarok .footer-discord-btn:hover{background-image:linear-gradient(180deg,rgba(120,200,235,.86),rgba(71,139,194,.80) 50%,rgba(43,88,145,.74) 100%)!important;border-color:#fff0bd!important}
@media(max-width:1250px){
  body.skin-classic-ragnarok .topbar{height:auto!important}
  body.skin-classic-ragnarok .topbar-inner{position:relative!important;height:auto!important;display:flex!important;flex-direction:column!important;padding:14px 0!important}
  body.skin-classic-ragnarok .brand{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:calc(100% - 32px)!important;height:auto!important;margin:0 auto 12px!important;padding:14px!important;background:linear-gradient(180deg,rgba(50,76,114,.86),rgba(19,37,65,.90))!important;border:1px solid rgba(241,220,169,.66)!important;border-radius:12px!important;backdrop-filter:blur(2px)}
  body.skin-classic-ragnarok .brand-wordmark::before{width:132px!important;height:68px!important}
  body.skin-classic-ragnarok .brand-overline{font-size:14px!important}
  body.skin-classic-ragnarok .brand-wordmark strong{font-size:25px!important;white-space:normal!important}
  body.skin-classic-ragnarok .brand-wordmark small{font-size:10px!important;white-space:normal!important}
  body.skin-classic-ragnarok .topnav{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:calc(100% - 32px)!important;height:auto!important;min-height:0!important;margin:0 auto 10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important}
  body.skin-classic-ragnarok .account-actions,
  body.skin-classic-ragnarok .account-actions.unified-profile-bar{position:relative!important;right:auto!important;top:auto!important;width:calc(100% - 32px)!important;height:auto!important;margin:0 auto!important;justify-content:center!important}
  body.skin-classic-ragnarok .page-wrap{width:calc(100% - 24px)!important;max-width:none!important;grid-template-columns:1fr!important}
}

/* V2.1 - Moldura da marca no mesmo padrao visual das novas skins */
body.skin-classic-ragnarok .brand{
  padding:18px 34px 14px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(28,52,90,.78),rgba(7,16,30,.86))!important;
  border:2px solid rgba(240,215,154,.86)!important;
  border-radius:54% 54% 18px 18px/48% 48% 18px 18px!important;
  box-shadow:0 0 0 2px rgba(7,16,30,.78),inset 0 0 0 1px rgba(214,236,255,.24),inset 0 0 34px rgba(93,167,213,.18),0 9px 22px rgba(7,16,30,.42)!important;
  backdrop-filter:blur(2px)!important;
}
body.skin-classic-ragnarok .brand::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:7px!important;
  border:1px solid rgba(214,236,255,.26)!important;
  border-radius:54% 54% 13px 13px/48% 48% 13px 13px!important;
  background:none!important;
  pointer-events:none!important;
}
body.skin-classic-ragnarok .brand::after,
body.skin-classic-ragnarok .brand-crystal{display:none!important}

/* V2.2 - Moldura final da marca seguindo as novas skins + performance de scroll */
@media(min-width:1251px){
  body.skin-classic-ragnarok .brand{
    padding:18px 34px 14px!important;
    box-sizing:border-box!important;
    background:linear-gradient(180deg,rgba(28,52,90,.78),rgba(7,16,30,.86))!important;
    border:2px solid rgba(240,215,154,.86)!important;
    border-radius:54% 54% 18px 18px/48% 48% 18px 18px!important;
    box-shadow:0 0 0 2px rgba(7,16,30,.78),inset 0 0 0 1px rgba(214,236,255,.24),inset 0 0 34px rgba(93,167,213,.18),0 9px 22px rgba(7,16,30,.42)!important;
  }
  body.skin-classic-ragnarok .brand::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:7px!important;
    border:1px solid rgba(214,236,255,.26)!important;
    border-radius:54% 54% 13px 13px/48% 48% 13px 13px!important;
    background:none!important;
    pointer-events:none!important;
  }
}
body.skin-classic-ragnarok .brand,
body.skin-classic-ragnarok .topnav,
body.skin-classic-ragnarok .topnav>a,
body.skin-classic-ragnarok .topnav-group>.topnav-main-link,
body.skin-classic-ragnarok .topnav-submenu,
body.skin-classic-ragnarok .btn,
body.skin-classic-ragnarok button.btn,
body.skin-classic-ragnarok input[type="submit"].btn,
body.skin-classic-ragnarok .form-box button,
body.skin-classic-ragnarok .footer-discord-btn,
body.skin-classic-ragnarok .side-menu a,
body.skin-classic-ragnarok .sidebar,
body.skin-classic-ragnarok .panel:not(.side-menu):not(.score-card),
body.skin-classic-ragnarok .main-panel,
body.skin-classic-ragnarok .footer{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.skin-classic-ragnarok>.theme-fixed-background{
  contain:strict!important;
  will-change:auto!important;
  transform:translateZ(0)!important;
}

/* V4 - restaura opacidade da moldura lateral e dos botões ao nível do portal estável original */
body.skin-classic-ragnarok .side-menu a{
  background-color:rgba(42,66,104,.74)!important;
  background-image:linear-gradient(180deg,rgba(72,105,151,.82),rgba(23,43,72,.72))!important;
  border-color:rgba(216,234,245,.28)!important;
}
body.skin-classic-ragnarok .side-menu a:hover,
body.skin-classic-ragnarok .side-menu a.active{
  background-color:rgba(53,103,159,.80)!important;
  background-image:linear-gradient(180deg,rgba(92,164,210,.88),rgba(53,103,159,.80) 52%,rgba(34,62,109,.74))!important;
  border-color:rgba(255,237,181,.78)!important;
  box-shadow:0 0 0 1px #182946,inset 0 1px 0 rgba(255,255,255,.20),0 0 14px rgba(87,190,247,.25)!important;
}
body.skin-classic-ragnarok .sidebar{
  background:linear-gradient(180deg,rgba(24,52,88,.72),rgba(8,29,58,.64) 55%,rgba(5,22,45,.70)),radial-gradient(circle at 50% 0,rgba(111,195,240,.20),transparent 62%)!important;
  border:1px solid rgba(240,215,154,.70)!important;
  box-shadow:0 0 0 1px rgba(19,43,76,.88),inset 0 0 0 1px rgba(198,235,255,.18),inset 0 0 34px rgba(48,121,181,.16),0 12px 28px rgba(5,16,31,.36)!important;
}
body.skin-classic-ragnarok .sidebar::before{
  border:1px solid rgba(160,225,255,.30)!important;
  background:linear-gradient(135deg,rgba(240,215,154,.45),transparent 10px) top left/22px 22px no-repeat,linear-gradient(225deg,rgba(240,215,154,.45),transparent 10px) top right/22px 22px no-repeat,linear-gradient(45deg,rgba(240,215,154,.35),transparent 10px) bottom left/22px 22px no-repeat,linear-gradient(315deg,rgba(240,215,154,.35),transparent 10px) bottom right/22px 22px no-repeat!important;
  box-shadow:inset 0 0 20px rgba(12,51,91,.20)!important;
}

/* V5 - moldura do titulo mais justa para nao encostar nos botoes funcionais */
@media(min-width:1251px){
  body.skin-classic-ragnarok .brand{
    width:560px!important;
    height:116px!important;
    padding:14px 26px 12px!important;
    top:116px!important;
  }
  body.skin-classic-ragnarok .brand::before{
    inset:6px!important;
  }
  body.skin-classic-ragnarok .brand-wordmark::before{
    width:148px!important;
    height:74px!important;
  }
  body.skin-classic-ragnarok .brand-overline{
    font-size:17px!important;
  }
  body.skin-classic-ragnarok .brand-wordmark strong{
    font-size:28px!important;
    margin-top:8px!important;
    letter-spacing:.055em!important;
  }
  body.skin-classic-ragnarok .brand-wordmark small{
    font-size:10px!important;
    margin-top:6px!important;
  }
}

/* V6 - restaura coordenadas originais aprovadas dos titulos da moldura lateral. */
/* Midgard: centralizado no topo da moldura, sem participar do fluxo dos menus. */
@media(min-width:1251px){
  body.skin-classic-ragnarok .sidebar-skin-title{
    display:block!important;
    position:absolute!important;
    z-index:3!important;
    left:50%!important;
    top:32px!important;
    width:calc(100% - 40px)!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    color:#ffe8a7!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:22px!important;
    letter-spacing:.16em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-shadow:0 2px 0 #243451,0 0 9px rgba(123,210,255,.55)!important;
  }

  body.skin-classic-ragnarok .side-menu h3{
    left:50%!important;
    right:auto!important;
    width:calc(100% - 30px)!important;
    transform:translate(-50%,-18px)!important;
    text-align:center!important;
  }

  body.skin-classic-ragnarok .side-menu:nth-of-type(3) h3,
  body.skin-classic-ragnarok .side-menu:nth-of-type(4) h3{
    left:50%!important;
    transform:translate(-50%,-38px)!important;
  }
}

@media(max-width:1250px){
  body.skin-classic-ragnarok .sidebar-skin-title{
    display:block!important;
    align-self:stretch!important;
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    margin:0 0 18px!important;
    padding:0!important;
    color:#ffe8a7!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:22px!important;
    letter-spacing:.16em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-shadow:0 2px 0 #243451,0 0 9px rgba(123,210,255,.55)!important;
  }
}