html,
button,
input,
select,
textarea,
.cms2-g [class*="cms2-u"] {
    font-family: CronosPro, Arial, Helvetica, sans-serif
}
h2,
h3,
h4,
h5,
.eason {
    font-family: EasonPro, "Times New Roman", serif
}
a {
    text-decoration: none;
    color: #d6230c;
    cursor: pointer
}
a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
h2 {
    font-size: 46px
}
h3 {
    font-size: 32px
}
h3 a {
    color: #1c1c1c
}
h4 {
    font-size: 20px
}
h5 {
    font-size: 17px
}
strong,
em.strong,
strong em {
    font-weight: bold
}
em,
strong.em {
    font-style: italic
}
p.small,
.small-type {
    font-size: .8em
}
.hide-txt {
    text-indent: -1000em;
    overflow: hidden;
    display: inline-block
}
.legal ol,
.legal ul,
.decimal,
.disc {
    margin: 20px 0;
    line-height: 1.6
}
.legal li,
.decimal li,
.disc li {
    margin-top: 10px;
    margin-left: 2em
}
ul.disc>li {
    list-style: disc
}
ol.decimal>li {
    list-style: decimal
}
ol.alpha>li {
    list-style: lower-alpha
}
ol.roman>li {
    list-style: lower-roman
}
ol.roman.roman-upper>li {
    list-style: upper-roman
}
ol.alpha.bracketedli,
ol.roman.bracketedli {
    counter-reset: bracketedli
}
ol.alpha.bracketedli>li:before {
    content: "(" counter(bracketedli, lower-alpha) ") "
}
ol.roman.bracketedli>li:before {
    content: "(" counter(bracketedli, lower-roman) ") "
}
.bracketedli>li:before {
    display: inline-block;
    width: 27px;
    margin-left: -32px;
    padding-right: 5px
}
ol.alpha.bracketedli>li,
ol.roman.bracketedli>li {
    list-style-type: none;
    counter-increment: bracketedli
}
.circle-bullets li ul,
.circle-bullets li ol {
    padding-left: 20px;
    margin: 20px 0 0 20px
}
.arrow-bullets>li {
    display: block;
    margin: 5px 0 0 5px;
    padding: 0 0 0 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAABV0lEQVR4AWWQA2yeYRSF39kMZ1u/ZgWz7YVTPNvtaje2UbdBbdu2bX966qkXweU5R6AyHWVwdldZuU5TEf+nkDR1douv59dGa9tQlK5FqPLMfwa6g0MephqNZB4zUWT3rVUtydb9M1D49gPJu9aTrVtDjmEP2WbvGWhtXM0gc9CYLpTKvN3NrtZBOSePE7drE6WHD9Li4uxOb9ciDXmWGJlCVafnOznkFRw9SNbu9SQbdlH+6lV/Z0r0DYHE7H6VufS3Li0+uI+UPWvJ27OFdJ2JVj+PrwJVmt0Fi4anb2bsXE+hbttwcyd5F84hDdavFijMag8Ie5ag30yObjOZO3ZQdOM6cmP9ygGYK3piQ+/n7ltHhmEzacNZcuUq/Q2163/TLHvzgoSdOpL1m8i+eIGB9rq1MDD3j5LlOcbKXxZZxbcfQ2Pt8klSazANpNlUVq6WYdb/A0OJyhp339eDMAAAAABJRU5ErkJggg==) no-repeat 0 3px
}
dt,
dt em {
    font-weight: bold;
    margin-top: 30px
}
dl.faq dt:before,
dl.faq dd:before {
    display: inline-block;
    width: 1.2em
}
dl.faq dt:before {
    content: "Q: "
}
dl.faq dd:before {
    content: "A: "
}
:lang(de) dl.faq dt:before {
    content: "F: "
}
:lang(de) dl.faq dd:before {
    content: "A: "
}
:lang(fr) dl.faq dt:before {
    content: "Q: "
}
:lang(fr) dl.faq dd:before {
    content: "R: "
}
:lang(es) dl.faq dt:before {
    content: "P: "
}
:lang(es) dl.faq dd:before {
    content: "R: "
}
.standard-table.col-1-center tr>*:nth-child(1n),
.standard-table.col-2-center tr>*:nth-child(2n),
.standard-table.col-3-center tr>*:nth-child(3n),
.standard-table.col-4-center tr>*:nth-child(4n) {
    text-align: center
}
.standard-table tbody th,
.standard-table thead td {
    background-color: #f0f0f0;
    font-weight: bold
}
.standard-table td,
.standard-table th {
    border: solid 1px #83878d;
    padding: 6px
}
.standard-table td {
    vertical-align: top
}
.standard-table tbody tr:nth-child(2n) td {
    background-color: #f0f0f0
}
.standard-table.no-stripes tbody tr:nth-child(2n) td {
    background-color: transparent
}
.standard-table.no-borders,
.standard-table.no-borders td,
.standard-table.no-borders th {
    border: 0
}
.standard-table tr:nth-child(2n) .highlight-cell {
    background-color: #dcc
}
+.standard-table {
    margin-top: 36px
}
.standard-table+p.table-disclaimer {
    font-size: .8em;
    margin-top: 10px
}
.levels-list li:before {
    content: "";
    position: absolute;
    width: 6px;
    top: 4px;
    bottom: 0;
    left: -15px;
    background: #f7b84e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAABkCAQAAAAP+YmSAAACTUlEQVR4AVXSh270thJA4Y/DkVZyw++WHrTU+/4vFNT0aq9trVZiQCDlBoXtcA4wpbRbo2Jz1NKIV0VzkahCc+uQrqwStPRsN3lyFul3geLKRZiweWeW6dpJWFV7SpwMNr+marKYHYxhNCmaQYaT1WKwm8LZq7RoIl1YjIo3Ldy4cFDNXT24dFK7NTGqUtjC5MZodSBc2e1YCYsXbwZFpAc/2bzYCNz72K1qS79YPFhM5nDvf55NGNJ7PnXyg5MIT753J106p/SN3eroOT352ezN5C4c3dpdyE5uPff8pRK4MSk2b6l68YeTc7/84tmrWVrDH/aett4fs8VqtRtDlYoro3M6elU1B1uqRmHRnEJ4NHvpkWmyee0+NZ1wcGvxFD0PkyuvpM42Z80emumvUrX02D2KqqTdbPRkl4nJi1GR3RZGu2YNTbErfuuX6sJBceEyZfdIxZT2vhlEv4w2B6uTlxA9LVcejali1fyuhSuzwa5pqR82YexktKt6CkPoCUwuTa7TbHbU9wid3Vr8YU4/uhE+d3YOi++8dU0nd14UN1KEX9wK4WDs27NrkwNd2aRJdkH/3zMdRJqMTt4shA/d2YTNENLBvaGnkoqjYhUuQrXpcaundCtdGb1ZU0i/69m+pWevGpp3iRD0qLQbNdWshiupuFEM/VClDTUNUjV58xYGVbMopkDYraqaqsFkE13NriIIFDt4TaH9RQ5hs2m6ZE+p2RVNpioUNCX8Ncwo+dehU6kCaH990BR/XSgQ4C8WQD8SAPz3UkIB4E+RMNtKWxl5lwAAAABJRU5ErkJggg==) no-repeat 50% 100%
}
.levels-list li.lowlevel:before {
    background-color: #fff4dd
}
.levels-list li.highlevel:before {
    background-color: #dc2627
}
.mod {
    overflow: hidden
}
.mod-main {
    background: linear-gradient(#e94f31 0%, #d13516 100%);
	background-size: 299px 48px;
	background-repeat: no-repeat;
}
.top-sidebar {
    padding-top: 8px;
	color: white;
	text-align: center;
}
.page-width {
    width: 980px;
    margin: 0 auto
}
.page-padding {
    margin: 0 20px
}
body {
    height: 100%;
    font-size: 16px;
    background: url(../images/site/header.jpg) no-repeat 50% 0
}
body:before,
html.ie8:before {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    width: 50%;
    height: 248px;
    background-color: #aa0404;
    z-index: -1
}
html.fill body:before,
html.fill.ie8:before {
    display: block
}
html.ie8 body:before {
    display: none
}
.main-hd .page-width {
    position: relative;
    min-height: 300px
}
.main-hd h1 {
    position: absolute;
    left: 20px;
    top: 37px;
    width: 312px;
    height: 207px;
    background: url(../images/logo.png) no-repeat scroll 50% 0 transparent
}
.main-hd h1 a {
    display: block;
    width: 100%;
    height: 100%
}
.main-hd .main {
    position: absolute;
    right: 22px;
    top: 48px;
    width: 610px;
    font-size: 24px
}
:lang(de) .main-hd .main {
    width: 720px
}
:lang(fr) .main-hd .main {
    width: 680px
}
:lang(es) .main-hd .main {
    width: 720px
}
.main-hd .main .menu-item {
    position: relative
}
.main-hd .main .menu-item:hover>.sub-menu {
    display: block
}
.main-hd .main>.menu-item {
    margin-left: 24px
}
.main-hd .main>.menu-item:first-child {
    margin-left: 0
}
.main-hd .main a {
    position: relative;
    z-index: 10;
    color: #fff;
    font-family: EasonPro, "Times New Roman", serif
}
.main-hd .main a:hover {
    color: #fdd787
}
.main-hd .sub-menu {
    display: none;
    position: absolute;
    top: -42px;
    left: -36px;
    padding: 95px 40px 20px;
    width: 186px;
    z-index: 9;
    background: url(../images/site/nav-subNav.png) 0 0
}
.main-hd .sub-menu:after {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    height: 20px;
    width: 100%;
    content: url(../images/site/nav-subNav-bottom.png) no-repeat scroll 50% 100%
}
.main-hd .sub-menu li {
    position: relative;
    margin: 0;
    border: solid 1px rgba(155, 155, 155, 0.3);
    border-width: 1px 0 0 0
}
.main-hd .sub-menu li:first-child {
    border: 0
}
.main-hd .sub-menu li.parent>a {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAQAAAAEnG+bAAAAbUlEQVQIHQXBMW4BAABA0b+YHKAxOEIXsRhcADH1Hj2AE0kaqxOIkHSwOIDJ2ESI7fW9ZGEqSZm7uxhLygmcjaTM3MDRSMnEDRx8JPl0Bb9JBvbgnQz9gD+rDG3Bw1rZgaellA1e1pKSb1+S9A9B1Hig85XwPQAAAABJRU5ErkJggg==) no-repeat 93% 50%
}
.main-hd .sub-menu li:hover .sub-menu {
    display: block
}
.main-hd .sub-menu a {
    display: block;
    margin: 0 -20px;
    padding: 5px 20px;
    color: #555;
    font-size: 17px
}
.main-hd .sub-menu a:hover {
    color: #000;
    background-color: rgba(163, 153, 133, 0.1)
}
.main-hd .sub-menu .sub-menu:after {
    content: ""
}
.main-hd .external {
    position: absolute;
    left: -98px;
    height: 30px;
    width: 800px
}
.main-hd .external .menu-item {
    margin: 0;
    height: 30px
}
.main-hd .external li:first-child {
    padding-left: 121px;
    background: url(../images/site/nav-external.png) no-repeat 0 0
}
.main-hd .external li:first-child a {
    background-position: -130px -30px
}
.main-hd .external li:last-child {
    padding-right: 229px;
    background: url(../images/site/nav-external.png) no-repeat 100% 0
}
.main-hd .external a {
    display: inline-block;
    padding: 8px 8px 9px;
    color: #ffc8ad;
    text-transform: uppercase;
    font: normal 12px EasonProDisplayCaps, EasonPro, "Times New Roman", serif;
    background: url(../images/site/nav-external.png) no-repeat 50% -30px
}
.main-hd .external a:hover {
    background: 0;
    color: #fff
}
.footer-nav {
    position: relative;
    margin-top: 74px;
    background: url(../images/site/footer-bottom.jpg) no-repeat 50% 0
}
.footer-nav:before {
    content: "";
    position: absolute;
    top: -74px;
    width: 100%;
    height: 74px;
    background: transparent url(../images/site/footer-eu-top.png) no-repeat 50% 0
}
.footer-nav .page-padding {
    min-height: 200px;
    padding-top: 109px;
    padding-bottom: 10px;
    position: relative
}
.footer-nav .social {
    position: absolute;
    display: block;
    right: 0;
    top: 46px;
    height: 30px;
    padding-top: 4px;
    text-align: right
}
.footer-nav .social p {
    font-size: 16px;
    line-height: 36px;
    margin-right: 18px
}
.footer-nav .social ul {
    width: 331px;
    font-family: sans-serif
}
.footer-nav .social li {
    margin-left: 5px
}
.footer-nav .social li:first-child {
    margin-left: 0
}
.footer-nav .social a {
    display: block;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    text-align: left;
    background: url(../images/site/social-icons.png) no-repeat 0 0
}
.footer-nav .social a.youtube {
    background-position: 0 0
}
.footer-nav .social a.facebook {
    background-position: -36px 0
}
.footer-nav .social a.twitter {
    background-position: -72px 0
}
.footer-nav .social a.tumblr {
    background-position: -108px 0
}
.footer-nav .social a.flickr {
    background-position: -180px 0
}
.footer-nav .social a.googleplus {
    background-position: -144px 0
}
.footer-nav .social a.rss {
    background-position: -216px 0
}
.footer-nav .social a.twitchtv {
    background-position: -360px 0
}
:lang(fr) .footer-nav .lists .u-pull-1-5,
:lang(es) .footer-nav .lists .u-pull-1-5 {
    margin-top: 66px
}
:lang(de) .widget-mt2cms2-sidebar-link-fw .widget-footer .bd a {
    padding-top: 73px
}
:lang(fr) .widget-mt2cms2-sidebar-link-fw .widget-footer .bd a {
    padding-top: 77px
}
:lang(es) .widget-mt2cms2-sidebar-link-fw .widget-footer .bd a {
    padding-top: 62px
}
.footer a,
.footer p {
    vertical-align: middle;
    color: #FFF
}
.cms2-charrousel-item .left-1-2,
.cms2-charrousel-item .center-1-2 {
    width: 50%
}
.cms2-charrousel-item .left-2-3,
.cms2-charrousel-item .center-2-3 {
    width: 66%
}
.cms2-charrousel-item .left,
.cms2-charrousel-item .center {
    width: 100%
}
.cms2-charrousel-item .left-1-2,
.cms2-charrousel-item .left-2-3,
.cms2-charrousel-item .left {
    text-align: left
}
.cms2-charrousel-item .center-1-2,
.cms2-charrousel-item .center-2-3,
.cms2-charrousel-item .center {
    text-align: center
}
.cms2-charrousel-item .carousel-cta.splat>span {
    position: relative;
    display: inline-block;
    padding-right: 10px
}
.cms2-charrousel-item .carousel-cta.splat>span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    height: 0;
    width: 0;
    margin-top: -7px;
    border: solid 6px transparent;
    border-left-color: #d6230c
}
.cms2-charrousel-item .carousel-cta.hot,
.cms2-charrousel-item .carousel-cta.mt2cms2 {
    padding: 10px 35px;
    color: #FFF;
    font-size: 23px;
    font-family: EasonProDisplayCaps, EasonPro, "Times New Roman", serif;
    border: solid 1px #7d7d7d
}
.cms2-charrousel-item .carousel-cta.hot>span:after,
.cms2-charrousel-item .carousel-cta.mt2cms2>span:after {
    content: none
}
.cms2-charrousel-item .carousel-cta.hot {
    background: linear-gradient(to bottom, #5e6f38, #454f44)
}
.cms2-charrousel-item .carousel-cta.mt2cms2 {
    background: linear-gradient(to bottom, #b40000, #3e1209)
}
.cms2-charrousel-item-hiding,
.cms2-charrousel-item-current {
    top: 0
}
.more {
    background: url(../images/site/btn-0.png) no-repeat 50% 50%
}
.more.learn,
.more-2.learn {
    height: 93px;
    width: 207px;
    margin-left: -23px
}
.more.learn a:after,
.more-2.learn a span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2px;
    margin-top: -6px;
    border: 5px solid transparent;
    border-left-color: #d6230c
}
.more-2.learn {
    width: auto
}
.more-2.learn a span:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -18px;
    display: block;
    border: 5px solid transparent;
    border-left-color: #d6230c
}
.more-2.learn a:before,
.more-2.learn a:after {
    content: ' ';
    position: absolute;
    width: 88px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: transparent url(../images/site/btn-sd-1.png) no-repeat 0 0
}
.more-2.learn a:before {
    left: -15px
}
.more-2.learn a:after {
    right: -32px;
    background-position: 100% 100%
}
.learn-more a:before,
.learn-more a:after {
    background: transparent url(../images/site/btn-sd-5.png) no-repeat 0 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    content: ''
}
.learn-more a:before {
    right: 50%;
    left: 0
}
.learn-more a:after {
    right: 0;
    left: 50%;
    background-position: 100% 0
}
a.see-all:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAABV0lEQVR4AWWQA2yeYRSF39kMZ1u/ZgWz7YVTPNvtaje2UbdBbdu2bX966qkXweU5R6AyHWVwdldZuU5TEf+nkDR1douv59dGa9tQlK5FqPLMfwa6g0MephqNZB4zUWT3rVUtydb9M1D49gPJu9aTrVtDjmEP2WbvGWhtXM0gc9CYLpTKvN3NrtZBOSePE7drE6WHD9Li4uxOb9ciDXmWGJlCVafnOznkFRw9SNbu9SQbdlH+6lV/Z0r0DYHE7H6VufS3Li0+uI+UPWvJ27OFdJ2JVj+PrwJVmt0Fi4anb2bsXE+hbttwcyd5F84hDdavFijMag8Ie5ag30yObjOZO3ZQdOM6cmP9ygGYK3piQ+/n7ltHhmEzacNZcuUq/Q2163/TLHvzgoSdOpL1m8i+eIGB9rq1MDD3j5LlOcbKXxZZxbcfQ2Pt8klSazANpNlUVq6WYdb/A0OJyhp339eDMAAAAABJRU5ErkJggg==);
    margin-left: 5px;
    vertical-align: middle
}
.btn-arrow span:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -18px;
    display: block;
    margin-top: -6px;
    border: 5px solid transparent;
    border-left-color: #d6230c
}
.btn-arrow.red span:after {
    border-left-color: #fff
}
.popup-launcher:hover {
    border-color: #d6230c
}
#content {
    position: relative
}
#content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 33px;
    z-index: 1;
    background: url(../images/site/content-bg.png) no-repeat 50% 0
}
.breadcrumbs a:hover {
    color: #b00
}
.breadcrumbs a,
.breadcrumbs .trail-end {
    padding-bottom: 5px
}
.social {
    height: 30px;
    padding-top: 4px
}
.nclb-dialogue-social .social-facebook>div>span,
.nclb-dialogue-social .social-facebook>div>span>iframe {
    height: 20px!important
}
.nclb-dialogue-social .social-addthis>div {
    width: 109px
}
:lang(es) .widget-narrow a {
    font-size: 11px
}
.widget .bd {
    margin-bottom: 20px;
    border: 1px solid #d5d5d5;
    border-top: 0;
    position: relative;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px
}
.mt2cms2-c-s .widget-mt2cms2-preorder>div {
    margin-top: 20px
}
.widget-container .widget .bd h4 {
    margin: 0 10px 14px 12px;
    /* font: normal 24px/1 EasonProDisplayCaps, EasonPro, "Times New Roman", serif; */
    text-transform: uppercase;
    white-space: normal
}
.widget-container .widget .bd p {
    margin: 15px 10px 10px 12px;
    font-size: 16px;
    line-height: 1.231
}
.widget-container .bd ol,
.widget-container .bd ul {
    margin: 0 10px -1px 12px
}
.widget-container .bd .more {
    margin: 0 8px 0 10px;
    color: #b40000;
    position: absolute;
    bottom: 20px;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    overflow: visible
}
.widget-container {
    margin-top: 25px;
    overflow: hidden
}
.widget-container:first-child {
    margin-top: 0
}
.widget-mt2cms2-sidebar-video .bd img,
.widget-mt2cms2-sidebar-link-two-part .bd img,
.widget-mt2cms2-sidebar-link-three-part .bd img {
    display: block
}
.widget-mt2cms2-sidebar-video .bd,
.widget-mt2cms2-sidebar-link-two-part .bd,
.widget-mt2cms2-sidebar-link-three-part .bd {
    height: auto
}
.widget-mt2cms2-sidebar-video .bd .video:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    z-index: 5;
    content: url(../images/site/play.png)
}
.widget-mt2cms2-sidebar-video .bd p,
.widget-mt2cms2-sidebar-link-two-part .bd p,
.widget-mt2cms2-sidebar-link-three-part .bd p {
    font-size: 19px;
    margin-bottom: 55px!important
}
.widget-mt2cms2-sidebar-video .more,
.widget-mt2cms2-sidebar-link-two-part .more,
.widget-mt2cms2-sidebar-link-three-part .more {
    background: 0;
    line-height: 1
}
.widget-mt2cms2-sidebar-video .more:after,
.widget-mt2cms2-sidebar-link-two-part .more:after,
.widget-mt2cms2-sidebar-link-three-part .more:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left-color: #d6230c
}
:lang(fr) .widget-mt2cms2-sidebar-link-three-part .bd a:first-child span {
    font-size: 20px;
    padding-top: 30px
}
:lang(es) .widget-mt2cms2-sidebar-link-three-part .bd a:first-child span {
    font-size: 29px;
    line-height: 0;
    padding-top: 36px
}
:lang(es) .widget-mt2cms2-sidebar-link-three-part .bd a:first-child strong {
    letter-spacing: -5px;
    position: relative;
    top: 16px;
    left: -8px;
    font-size: 50px
}
.article li>h4.widget-title {
    margin: 15px 0 10px;
    font-size: 22px;
    font-weight: normal
}
:lang(de) .widget .buy-now .splash {
    font-size: 24px;
    top: 79px;
    line-height: 1.1
}
:lang(fr) .widget .buy-now .splash {
    font-size: 16px;
    left: 120px;
    top: 89px
}
:lang(es) .widget .buy-now .splash {
    font-size: 17px;
    left: 125px;
    top: 89px
}
:lang(de) .widget .buy-now .splash strong {
    font-size: 32px
}
:lang(fr) .widget .buy-now .splash strong {
    font-size: 22px
}
:lang(es) .widget .buy-now .splash strong {
    font-size: 30px
}
.media-obj,
.media-obj .bd {
    overflow: hidden;
    _overflow: visible;
    zoom: 1
}
.home .posts .cms2-tab-selected a.cms2-tab-label,
.home .posts a.cms2-tab-label:hover {
    color: #B00
}
.home .posts .cms2-tab-label:focus {
    outline: 0
}
.news .bd .full,
.news .bd.expanded .excerpt {
    height: 0;
    margin: 0;
    overflow: hidden;
    visibility: hidden
}
.professions .mod .more a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -18px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left-color: #d6230c
}
.professions .mod.revenant .rev-link:after {
    content: none
}
.mt2cms2_profession .page-bd .mt2cms2-c-l ul>li {
    margin-top: 30px
}
.mt2cms2_profession .page-bd .mt2cms2-c-l ul>li:first-child {
    margin: 0
}
.mt2cms2_profession .page-bd .icons>li {
    position: relative;
    padding: 20px 0;
    min-height: 160px;
    overflow: hidden
}
.mt2cms2_profession .page-bd .icons>li:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    z-index: 2;
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAABAk0DAREAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAQIDBAAI/8QALRAAAQIEBAQFBQEAAAAAAAAAAAECAzEycTOBscEEQUJyNENz0fBEUVKCkbL/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APQr6G2IqTqlAmBq4Wt3YugFvoU9TYAwKovproBEBlAlHoWwGZcMAw6ly1QCyAK3cDnzzQCnUmQD8m/OYAbNbgMs0AKTW4CRac9gFTxK9zdAKJQBjWpcwCgFGUMu0CfEYz7gJ0gdy/oASYB6ctwCkstwGT3ArEwlsgEFm2yAUhTTIC7al7l0ADJusmgHNozUCsObu3cBW1L85ABZpcBXyQBvsAOoANmoBZJ1vYBYWKl9wKxNk0AmnSBfheuygCDXDsu4DsxFsgFF8Qtl1Afy33XQIgzl2psFUWht9gCviFsv+VAhGxky0AyeYoF4XMCsTAdYBeEm/tUBY9afOYCsm3PUAcTQl9wJNk66agU/CwDNoWwC+4HMnmBug4TrbAI7Cb27gaoNC/qVCrjJnogH/9k=) no-repeat 0 0
}
.mt2cms2_profession .page-bd .icons>li:first-child:before {
    background: none!important
}
.mt2cms2_profession .page-bd .icons h4,
.mt2cms2_profession .page-bd .icons p {
    margin-bottom: 0;
    margin-left: 160px;
    position: relative;
    z-index: 2
}
.mt2cms2_profession .page-bd div.aside:after {
    content: "";
    display: table;
    clear: both;
    width: 100%;
    *zoom: 1
}
.selector li,
.selector .bar-img {
    background-repeat: no-repeat;
    background-position: 0 100%
}
.races .human .more,
.races .charr .more {
    float: right
}
.mt2cms2_race .mt2cms2-c-l>.main-text {
    background: url(../images/site/main-bar.jpg) no-repeat -10px 100%;
    margin-right: 52px
}
.media-listing .media-item:hover img {
    opacity: 1;
    filter: alpha(opacity=100)
}
.media-listing .overlay-item:hover .overlay {
    visibility: visible
}
.media-listing .wallpaper .resolutions>li {
    margin-top: 0;
    width: 49%
}
.media-listing .wallpaper .resolutions>li:hover a {
    color: #e6a13f
}
.wallpapers .resolutions>li {
    margin-top: 0
}
.wallpapers .resolutions>li:hover a {
    color: #e6a13f
}
.page-media .videos .media-listing .media-item:hover {
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//CABEIAE4BOQMBEQACEQEDEQH/xAAXAAEBAQEAAAAAAAAAAAAAAAABAAII/9oACAEBAAAAAOprMFkgAiqmVtNqVmoCDIABFVLKulVmaAgzGQIKqVldKrMoBABkIIqZZdKqzNAQBmyQRUyqqqsygEAAZiImlVVVWmgIAAAiqmVVVVpoCAAAgqpZVVVaaIAAAIipmVVVWlgIIzARRNMqsqzN/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/xAAmEAACAQEIAwEAAwAAAAAAAAAAAQJSEBESIFGRodEDEzBhIUCB/9oACAEBAAE/AL3qXvUberMT1ZfLV7jlLVjlLV7jlKp7mOVT3HOdT3ZjnU92Y51PdmPyVy3Z7PJXLdns8lct2ezyVy3Z7PJXLdns8lct2ezyVy3Z7PJXLdns8lct2e3yVy3Z7PJXLdi8nkrluz2eSqW7PZOp7sxzqe7Mc6nuxTnU9xTnU9xSlq9xSlq9xSlqxSlqzE9WXvVl71Ze9RN6l9rsYx2vI/krEKxCEIQhZF8GMY8rzrIhWKxCEIWRWPIxjGMYxj+qEIQrUIWRWOx2Ox2MYxj+qEIViyLIrH8WMY7H9VYsqFleZ2vK/wCohZXa8zyv4oWVfN2Mfxf1WVfO79Lv0uWpctS79XJctVyXKpcmFVLnowqpc9GFVLnowqpc9DjGpc9GFVrnowqtc9GGNa56MMa1z0YY1rnowRrXPRgjWuehQjWuejDGtc9GGNa56MKrXPRhjWuehRVS56MKqXPRhVS56FFVLnouVS56LlUuS5arkSWqLlqi79ElqXfpd+n+n8ao/8QAFBEBAAAAAAAAAAAAAAAAAAAAgP/aAAgBAgEBPwBIf//EABQRAQAAAAAAAAAAAAAAAAAAAID/2gAIAQMBAT8ASH//2Q==) repeat-y
}
.page-media .videos .featured>div:first-child:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    content: url(../images/site/video-mask-large.png)
}
.page-media .videos .featured>div:first-child:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -35px;
    z-index: 5;
    content: url(../images/site/play.png)
}
.page-awards .cms2-charrousel-content,
.page-awards .carousel-link-overlay a {
    height: 300px
}
:lang(de) .page-awards .award-widget .buy-now span.splash {
    left: 117px
}
:lang(fr) .page-awards .award-widget .buy-now span.splash {
    left: 114px
}
:lang(es) .page-awards .award-widget .buy-now span.splash {
    left: 115px
}
.page-awards .award-list li:nth-child(2n) {
    border-left: 1px solid #efefef
}
.page-awards .widget .video:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    z-index: 5;
    content: url(../images/site/play.png)
}
.page-the-game .tour-link .video:before {
    content: url(../images/site/video-mask.png);
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 8
}
.page-the-game .tour-link .video:after {
    content: url(../images/site/play.png);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -40px;
    z-index: 9
}
.page-the-game .blurbs .link a:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAABV0lEQVR4AWWQA2yeYRSF39kMZ1u/ZgWz7YVTPNvtaje2UbdBbdu2bX966qkXweU5R6AyHWVwdldZuU5TEf+nkDR1douv59dGa9tQlK5FqPLMfwa6g0MephqNZB4zUWT3rVUtydb9M1D49gPJu9aTrVtDjmEP2WbvGWhtXM0gc9CYLpTKvN3NrtZBOSePE7drE6WHD9Li4uxOb9ciDXmWGJlCVafnOznkFRw9SNbu9SQbdlH+6lV/Z0r0DYHE7H6VufS3Li0+uI+UPWvJ27OFdJ2JVj+PrwJVmt0Fi4anb2bsXE+hbttwcyd5F84hDdavFijMag8Ie5ag30yObjOZO3ZQdOM6cmP9ygGYK3piQ+/n7ltHhmEzacNZcuUq/Q2163/TLHvzgoSdOpL1m8i+eIGB9rq1MDD3j5LlOcbKXxZZxbcfQ2Pt8klSazANpNlUVq6WYdb/A0OJyhp339eDMAAAAABJRU5ErkJggg==);
    margin-left: 5px
}
.article .page-hd .page-padding,
.article .page-bd .page-hd {
    position: relative;
    padding-top: 45px
}
.article .page-hd h2 {
    margin-bottom: 0
}
.page-hd h2.pre-social,
.pre-social {
    margin-bottom: 6px
}
.article .mt2cms2-c {
    position: relative;
    min-height: 550px;
    overflow: hidden;
    padding-top: 1px;
    background: url(../images/site/sidebar-bg.jpg) no-repeat 100% 0
}
.article .mt2cms2-c-l {
    float: left;
    width: 641px
}
.article .mt2cms2-c-s {
    float: left;
    width: 299px;
    margin-top: 20px
}
.article .mt2cms2-c-l .bd-c {
    margin-right: 51px
}
.article .mt2cms2-c-s .bd-c {
    margin-left: 21px;
    position: relative;
    z-index: 2
}
.article .mt2cms2-c-l h3 {
    margin: 35px 0 20px
}
.article p,
.article dl {
    margin-top: 20px;
    line-height: 1.8
}
.article h3+p {
    margin-top: -10px
}
.article h4+p {
    margin-top: 10px
}
.article h3+h4 {
    margin-top: -10px
}
.article .mt2cms2-c-s h4 {
    font-size: 22px;
    margin: 35px 0 30px;
    white-space: nowrap
}
.article .child-pages .page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAAABCAQAAABZRatRAAAAdElEQVR4Ad3KhQ0EMQwAwX1mZmZm7r+zW6WGE70mtmOAI/vgrgtzmiw5akONMj0nd/9l5xN/c2rWpfduvHoZc/OdHx8u/pxpyca7vXlonRtHt2Lj72640VwTaurQU0c954aaVnvVaMorcyEo22VVMOKS+n8RMuwN0s35HEkAAAAASUVORK5CYII=) no-repeat 0 0
}
.blog-post {
    padding-bottom: 30px;
    margin-bottom: 20px;
    background: transparent url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAABAk0DAREAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAABAUCAwYBAAf/xAAxEAAABAIIBQMDBQAAAAAAAAAAAQIDBHIFMzQ1cXOxsjJCgsHCMbPwBkODNkFEdIH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A+8xt5O5/mYAZu3olV5AIxXE1nI3kAterYifsAXxPJK32ASpG2pl8DASfuqkshnekBmaWrWenQAXSdVEyH3AJKFvCJyPAwDODsjM6doCFL2hMqPbUAeRnE385VALKHsCcpOigEEWcpHNCAXR93lMjcQB1R9bDZnYgHz9i9H889QBdOXW1mHtMAhpL0YkXuMAZRl6rkV7SgB0Z/HwSAeN2ej/y7kgASr3uvcQCERaD+cqQHHuNeYjQgEyqnpS1MBVHWtEzewgAcNVPZavcAaKjrHSE7O9QC9HoWW5okAxaqILFfYAhV97PPUgFx+rP+gL37QxirQwGbKsXg5vMAaxxPYH7gD0B+n3p29qgGZo68nM1egA+nLOxIWoCTVUjMMAPRd6OYKAaRuwReX4AF0bd7XTvAFUfY28ewAmPtEP8/cAM/YvznoYARd3xMz+wwHKQu1GB6gAWObNbAKKTv+MmTtUALh7R0noAJOoVM1qQBu96vTI0AFlbU5XmAIha0pz1IB5zgRie4APD8SsowE4qzJnXqYC6DtTvzlSAEpqzREqNyQCxioV0dwHU2VHXsIAGiwP5Sd4A0uNOBbAFEVwLlPUwC2B428V7QFsbeUN/XPUwCKjrXEYn2ADv1CuvQgHYHgRKAOg7QrHwAOfpu+0YK9pIDRffKc9gD//Z) no-repeat 50% 100%
}
.article .mt2cms2-c-l .blog-title {
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 1.2
}
p.blog-attribution {
    color: #757575;
    margin-top: 0
}
.blog-post .text ul,
.blog-post .text ol {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: disc
}
.blog-post .text ol {
    list-style: decimal
}
.blog-post .text ul.follow,
.blog-post .text ol.follow {
    margin-top: 0
}
.alignleft,
.shiftleft {
    float: left;
    margin: .4em 20px .4em 0
}
.alignright,
.shiftright {
    float: right;
    margin: .4em 0 .4em 20px
}
.shiftleft {
    margin: 0
}
.shiftright {
    margin: 0
}
.blog-post blockquote:before,
.blog-post blockquote:after {
    content: '';
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    background: transparent url(../images/site/blockquote-bg.gif) no-repeat scroll 50% -1px;
    background-size: 100% 2px
}
.blog-post blockquote:before {
    top: 0
}
.blog-post blockquote:after {
    bottom: 0;
    background-position: 83% 0
}
.blog-post h3+blockquote,
.blog-post h4+blockquote,
.blog-post h5+blockquote {
    margin-top: 10px
}
.blogroll .blog-post {
    padding-bottom: 22px;
    margin-bottom: 16px
}
.blogroll p {
    margin-top: 12px
}
.blogroll .more {
    margin-top: 12px
}
.blogroll .more {
    background: 0
}
.blogroll .more a {
    font-family: EasonProDisplayCaps, EasonPro, "Times New Roman", serif;
    text-transform: uppercase;
    position: relative;
    font-size: 12px
}
.blogroll .more a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left-color: #d6230c
}
.wp-pagenavi {
    margin: 0 -44px 40px;
    padding: 0 30px 0 45px;
    background: url(../images/site/bar-pagination.png) no-repeat 0 22px
}
.wp-pagenavi a,
.wp-pagenavi .current {
    color: #b1b1b1;
    display: inline-block;
    line-height: 25px;
    border: 0;
    height: 25px;
    text-align: center;
    margin-left: 5px;
    padding: 0 10px;
    font-weight: bold;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAQAAABu4E3oAAABl0lEQVR4AZXSRboVOxDA8aqk0unj9uHu7jBiB7AKhsze+u4SmOHurue2S7pSMGMCvPQ/418cb97A/biV9s6uAYBI236Jtvm2+WAWxbPJcTUqHlSf45UeuLW40dFkQ2XkhslHO5lNPfwKwZo9AhjFRwGmWwAEhuf1F7vVpfaYr1U0vOpeUxsl+dZ5fFDgb0VbBWgKoMYA0SF7lOwR82500uxkCEoDEJv5yck5D+ERa9oqlvsQnOulR+i1igHTQS/SoVlwPxKfp119VpGW8gfjmR6Hk/Ih4YqNQHj1mmDalmTDSddS5yTBRSjwOY4Jd4DqwteoXE1+iIbDSSOG2s+0G4IrXrknVL8kNIGIM5xFhym5NdCjXYBBZtysVUZI2QM6Qcsggq6wM3JrVhj8y+xxaMjsHF9nDANSeeM/64FqnsdXIBb41/A1KE58WW7wI3p5Z1uzaH7/U6nVlDdV7FM199854U17wifA/JU/Ke/fd08Rturpmf/orGgBPXfvwIFRQ2loh0/cK5/Vr7VV2mx3b7pP/J2/xfITj1bFn9AyWm8AAAAASUVORK5CYII=) no-repeat 50% 50%;
    cursor: pointer
}
.wp-pagenavi .current {
    height: 53px;
    width: 37px;
    color: #FFF;
    line-height: 81px;
    background: url(../images/site/carousel-page-current.png) no-repeat 50% 3px
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
    background-size: 100%
}
.page-template-template-articles-php .page-hd:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 45px;
    bottom: 0;
    z-index: 1;
    background: url(../images/site/bar.png) no-repeat 43% 100%
}
.page-template-template-article-php .page-hd:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    z-index: 1;
    background: url(../images/site/bar-small.png) no-repeat 100% 100%
}
.page-template-template-support-php .page-hd:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    z-index: 1;
    background: url(../images/site/bar-small.png) no-repeat 100% 100%
}
.page-template-template-support-php .article .page-bd .bd-c h4+p {
    margin-top: -10px
}
.faq-glossary li,
.faq-glossary p {
    margin-top: 20px
}
.faq-glossary>li>div {
    background-color: #fff
}
hr {
    margin: 15px 0;
    width: 100%;
    height: 2px;
    border: 0;
    background: url(../images/site/line-wide.jpg) repeat-x 0 0
}
.page-template-template-community-php .page-hd,
.page-template-template-blog-php .page-hd {
    position: relative;
    background: no-repeat 100% 100%;
    height: 149px;
    margin-bottom: 40px
}
.page-template-template-community-php .page-hd:before,
.page-template-template-blog-php .page-hd:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    z-index: 1;
    background: url(../images/site/bar-small.png) no-repeat 100% 100%
}
.page-template-template-community-php .page-hd h2,
.page-template-template-blog-php .page-hd h2 {
    width: 380px;
    line-height: .9;
    margin: 7px 0 14px
}
.page-template-template-community-php.page-heart-of-thorns .page-hd:before {
    background-image: url(../images/site/bar-small-hot.png)
}
.page-retailers .where-to-buy .tabs>li {
    margin-right: 40px;
    display: inline-block;
    font-weight: bold;
    font-family: "EasonPro", "Times New Roman", "serif";
    text-transform: uppercase
}
.page-retailers .where-to-buy .tabs a.active,
.page-retailers .where-to-buy .tabs a:hover {
    color: #d6230c
}
.page-retailers .where-to-buy .arrow-bullets>li {
    color: #707070;
    margin: 2px 0;
    padding-right: 7px;
    float: left;
    width: 152px;
    height: 47px
}
.page-retailers .where-to-buy .arrow-bullets>li:first-child {
    margin: 2px 0
}
.page-retailers .where-to-buy .arrow-bullets a:hover {
    color: #d6230c
}
div[id^="wufoo"] {
    margin: 50px 0 0 -1px
}
.cms2-panel button:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACpElEQVR4AcWWA8wdQRSFz2/bDMqg+u2gRlA3qG1Hte04tRHURmzUths3Tj03OS+52dw3dZvkK2YO3kxmdwcAIv8T5mC0I5YkK2K92NpofzELA+Z0R7YinaQGSDe1Oiv4A6xSGnMdhY7mAUo5rik1dIXMyNblVnGsKmUh2jrKHFWKMgtD05YZhao81ijm1rKU5jpHJ0cvRx/524PWdKK3TJWn61UHi7NVaRNDhkwEdqQCMwQAkyxC86IVD71NqjzbV1zoaO2oo3HYfODMeeDrWuCGE2xBGGRONKIVj3iZUcfMwnDFqZxsy60aFCoNsQx4ESWhwAXHJXJBxmROa1k+iFmSWciOWF0c60jn6SyjeNhx4KMOE+YC7wG80shYUCderroTM0vZEWuumKJujjE9gD1W+WxHBJntsErFKxnMKjNXTJL1VtO0rA64YpZ7SsUjXmborfYeLl28ynGkCnh2iME+RCNa8dD7W8XHHI/KXOg+T6nMiUa09PxW8Rqe4kcRDLa2XcZkLoLF9Kz5Y8WzPSue/aeLHccSgQe61FcuWvF4ir0vkG5gcRpwynpODxHrORePKu6mXyDB4tjAc9zLMc4FbFgCPDEPErEOnHjEKxnMKvuhNxfFY7YAt6yVSmEEKQuzcvFKhirmm8tf3M0xzDq9lcA9ANccN8g1GbNOu2Qwy18cOFwDRgDbdGk9cA7AAceRAAdkTpeLVzL04fK/q/Vnkd9il/yO795FimWCHhONaAPf5Dpmet/V2erKU8dt6tMOmCbbRoaYcJ7aPvTWMct/EdBXHxqqeIvopOEYsefpbeu/+tiXvVL1AzStOa5pbejUjdR/2Ys27tOFBrkkm+QSQ8v7tf96y3KuXJGqSPbg08baF3qbaBKriLbwae1sFv8PvgEDvZSQmQVkqgAAAABJRU5ErkJggg==)
}
.rotator-best-of-2012 .more-2.learn a,
.rotator-best-of-2012 .more-2.learn a:before,
.rotator-best-of-2012 .more-2.learn a:after {
    color: #fff;
    background-image: url(../images/site/btn-sd-3.png)
}
.rotator-best-of-2012 .more-2.learn a span:after {
    border-left-color: #fff
}
.leaderboard-table tr:nth-child(2n) {
    background-color: #f1e8da
}
.leaderboard-table th,
.leaderboard-table td {
    padding: 3px 12px 2px 12px;
    text-align: center
}
.leaderboard-table th {
    background-color: #2f2f2f;
    color: #fff;
    border-top: 1px solid #83878d;
    border-left: 1px solid #83878d
}
.leaderboard-table th:nth-child(2n) {
    background-color: #000
}
.leaderboard-table td {
    border-bottom: 1px solid #d1c6b9;
    border-left: 1px solid #d1c6b9
}
.yulb-close:hover {
    background-position: 0 -30px
}
@-webkit-keyframes lightbox-loading {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -576px
    }
}
@-moz-keyframes lightbox-loading {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -576px
    }
}
@-ms-keyframes lightbox-loading {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -576px
    }
}
@keyframes lightbox-loading {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -576px
    }
}
.cms2-lightbox-prev,
.cms2-lightbox-next {
    position: absolute;
    width: 33%;
    height: 100%;
    top: 0;
    cursor: pointer;
    opacity: .2
}
.cms2-lightbox-prev {
    left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAtCAQAAACO2hqiAAADjUlEQVR4Aa3WA4xmVxTA8X+aV7djz6xt22ZYa23vxsl6Z23bRm3btm27W7/eOb056X343nxtc8LdmV8O31w45f+IyjAep5k4S+M0PBNpMZ4FssjTyLBYpRlPfiGPEqpSW6OEAsO6UAKSQQG1qU9LOtOV3nSmLY2FynOgBKSE2obozWAuZAgjGML5ghnKgRKQ+nQ2xBCmMLPO6vW3eguZwRihGlNVIM8yCcj5TDC/vLnata//8qe/7WV2stRQF9LVQCVk2HwSkRms5MriR181SEWs/ZArWckkBtOW2ppPIrKeG4tfffGPCkKhwyxkCL2pT4FlEpDN3F70/vN/Axob3jb4BAbbsoRJQAo/togTu59mBufTkqq2OymRuwWJiO9ONlrA+bQ1TJYy6SKf+T2uZAaDaamz+jdI+0dZzxjZnRJtsbOx2pN4pNWbXMlMhtCZ2s6k5IoLFFmfCmn6IbezWuZkGiwnqutnrlhuZzATWM2NoREr0uxb7mWrTEly0auyuZTQmN4MYSFXlrwZhzT5hSfZy0wutqeQJSUpk0VVyWUGW4sfffGPaKSxz+tcaffXQUxoSZ25mJnVrn3ll1jka+5mvVxTS/S6lbHt7c0Ib+G7P0YhP/n1fXze5VrJpSvaFQ08YepjmAU3hgiJfX/gIyV5C+2gNZdgUV0Zctn+2z+OYh70LzQM73MjCxkhl61fmnBvLmRmzvFVn38ZdUP+TD/3JA/aYbcNfEJ1UiUyqUmsz7l/nzsphYb4vM2NrGQM/WnpQro3ck1DmMnh+i+u9aMyetOf7Oe/zJW2MGdausWyOb0Zw0Ku5OW1LqEx/Tee5DAz3d3Rm7L9aSvnsJJrm354MJJ5/ZcrfuRBduo55DkXrsepEK/P87+LpBZ+m32rdEjy0e+NQhkuVPLmwZjbGvs2u3VipixhNEIZVXtzkfmlMPTJb+terLNcF9FlokvbEtPs+dfas1AmJdT07X1//BRCPvil6cZ4JrI0Xl7yRxBpdC0zuTBQVEJGV9Z/8cpf/onU1w+G8wcmIaOFHC5+1N5aBXIvO9EF5CxlEjIaw0w2Zx2//n1bzmZmMkLuyl2/hIx6M4RJzOy69fDDprEzmcEQeU+4n3SNuIxa0lVeWyMYwwghegtSQoZ7mvGQHK19+/U2oa+/8Cc9VZzmvETrm6gtRJ5mkva7uEAijywhTsP7b690JdJjlJOI/L+/ALeXXJXK3a6RAAAAAElFTkSuQmCC) no-repeat 0 50%
}
.cms2-lightbox-next {
    right: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAtCAQAAACO2hqiAAADgElEQVR4AaXWA4ykSRTA8X8mY2ttf8na6hzXu+FZa3s7TtbenfXZtm3btm1zWFf9pq7zbrqma5E3iPqXVw/VBRneyJTI2O9I+Xg2+SqybewPl0IUU0olLSUqKRUsTCkkQVTSlu42IiL535G2VIYhFFIqRB+GEWOMRIxBRJYKQyoTi1hiDFOYykzm2t/jmcJhlupOy/SQMFKTloIkiDgr+5159dOHnctKFjPVwsMCkGPyqaQ7g5hgM1jJ2b1v/aK6wdz+een1nM1K5lo8BLlc2tKHMUxlJRdGjyaQBvOj2fV9m2e5mk0sDELClNKRQUxhMadHDwvi4sbq6E1uZGcQSh4pxvGsbDyOjq31vM2tAUgxhzG135kKcfGXuay+38dBSDPrb1WAinMM7wcgdaipPar2vflNbSrzndlsOn3ohzRTKjNzLHEunvfxd96MrjRtm0LFCpJOFbuGz2Vn2b2bfvUxv5l16Y4mq+COJflcyJOn/fl+tT+jfl9qyO2amuJSNYBX8+IKXSEVew1vcyObmMsYBrmlzdSrWSkjOIaZbOLGFm8vMR96mB8tZAfyalYylRgRbV0+rkTZaq9shbiTj6ea33wZ2Tkqf5zTWcwUBlmmVDEKauzYuTxZ8fdKHyS7Vn49KzmeWGN9FJPsWOQOdiefY443T3ozuv/rUy5nKod5GNWxqZm2PryPwR7BX+wNdzKTMUTS9kzHqMtL1oJN3MqnmMj85UU+/TNzkzB2enQ2ultyYfAwP/cx/ol+p7rTrazkxNTaZKJnR47UHPJmvb3MziUuneqoOqWQwziRlVzKi32r/cjrdrdkAKcyhj5qblRVYq7Zj/b/tTmk9efcyW5Zh0HuSJlqGVxVFrKb+/t92RzS6mvu53TiHCt1adl0pyQX2agbB3+YFjk7ibSlWHJRjLsoOH3Es2mQh5NIpJAkY6dXjhQ/8saDQfQXjN2l3ht++/ugEMcUS4Ftly5+OVATP6IO1Uf6dPoZH3taHEJUpyI3v1fv/fJ/E/sud3K6H/E/BYbJNu3kxv+gd6vt2N/IzhAijPpuOIzjibONC897u8G8n1jAs+0mLwwhTe5imZ1jmUs8c9Pp9/bYzUqWMpUpQSTlLu5DTKipzGSqvLbGyO6kR1LuYv36O8y9/ezuBBBhNFRKS6Fs6JeoQoKMQO5ZK3EQ72L1yM8++Ff6Ica/WcBckWLjmRMAAAAASUVORK5CYII=) no-repeat 100% 50%
}
.cms2-lightbox-prev:hover,
.cms2-lightbox-next:hover {
    opacity: 1
}
.cms2-lightbox-close:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACpElEQVR4AcWWA8wdQRSFz2/bDMqg+u2gRlA3qG1Hte04tRHURmzUths3Tj03OS+52dw3dZvkK2YO3kxmdwcAIv8T5mC0I5YkK2K92NpofzELA+Z0R7YinaQGSDe1Oiv4A6xSGnMdhY7mAUo5rik1dIXMyNblVnGsKmUh2jrKHFWKMgtD05YZhao81ijm1rKU5jpHJ0cvRx/524PWdKK3TJWn61UHi7NVaRNDhkwEdqQCMwQAkyxC86IVD71NqjzbV1zoaO2oo3HYfODMeeDrWuCGE2xBGGRONKIVj3iZUcfMwnDFqZxsy60aFCoNsQx4ESWhwAXHJXJBxmROa1k+iFmSWciOWF0c60jn6SyjeNhx4KMOE+YC7wG80shYUCderroTM0vZEWuumKJujjE9gD1W+WxHBJntsErFKxnMKjNXTJL1VtO0rA64YpZ7SsUjXmborfYeLl28ynGkCnh2iME+RCNa8dD7W8XHHI/KXOg+T6nMiUa09PxW8Rqe4kcRDLa2XcZkLoLF9Kz5Y8WzPSue/aeLHccSgQe61FcuWvF4ir0vkG5gcRpwynpODxHrORePKu6mXyDB4tjAc9zLMc4FbFgCPDEPErEOnHjEKxnMKvuhNxfFY7YAt6yVSmEEKQuzcvFKhirmm8tf3M0xzDq9lcA9ANccN8g1GbNOu2Qwy18cOFwDRgDbdGk9cA7AAceRAAdkTpeLVzL04fK/q/Vnkd9il/yO795FimWCHhONaAPf5Dpmet/V2erKU8dt6tMOmCbbRoaYcJ7aPvTWMct/EdBXHxqqeIvopOEYsefpbeu/+tiXvVL1AzStOa5pbejUjdR/2Ys27tOFBrkkm+QSQ8v7tf96y3KuXJGqSPbg08baF3qbaBKriLbwae1sFv8PvgEDvZSQmQVkqgAAAABJRU5ErkJggg==)
}
.toggle-list .tl-control:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAQAAADFGyU3AAAAdklEQVR4AYXOSREDMQxE0YYgCIZgCAMhEAJhIIRBbn0dKIZgKIbQUfbEa/2b60kyGJgWBQi8UJMOAfKYhyTT3iiwDFAUXsjZqUt24Qc5OxqShBpZ9bNCq5HH+Ic2oUZPtn/IVRggZ+lBsjBDxuLFGtVs47l+uwEeygkTOv6inwAAAABJRU5ErkJggg==);
    position: absolute;
    right: 20px;
    width: 13px;
    height: 9px
}
.toggle-list.tl-hidden .tl-control:after {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: 6px 13px;
    -ms-transform-origin: 6px 13px;
    -webkit-transform-origin: 6px 13px
}
body {
    position: relative
}
.letter:before {
    content: url(../images/site/splat-bg.png);
    position: absolute;
    top: -121px;
    left: -91px
}
.letter .close:hover {
    background-position: 50% 100%
}
.letter p,
.letter li {
    margin-bottom: 20px;
    font-size: 18px;
    color: #252525
}
.letter li {
    padding: 0 3em 0 .6em;
    margin-left: 2.4em
}
.first-cup {
    background: url(../images/site/first.jpg)
}

/* =========================================================
   MODERN OVERRIDES (append at end of css/style.css)
   Glass / Blur / Modern cards over video background
   ========================================================= */

/* Theme */
:root{
  --glass-bg: rgba(15, 18, 24, 0.55);
  --glass-bg-2: rgba(15, 18, 24, 0.40);
  --glass-border: rgba(255, 255, 255, 0.10);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.70);
  --shadow: 0 18px 55px rgba(0,0,0,0.45);
  --shadow-soft: 0 10px 25px rgba(0,0,0,0.30);
  --radius: 18px;
  --radius-sm: 14px;
  --blur: 14px;
}

body.modern-ui{
  background: transparent !important;
  color: var(--text);
}

/* Make sure background video stays behind everything */
#body-bg{
  position: fixed !important;
  inset: 0;
  z-index: -3 !important;
}
#body-bg .bg-holder,
#body-bg video{
  filter: saturate(1.05) contrast(1.05);
}

/* Subtle vignette over the video */
body.modern-ui:before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(1200px 700px at 50% 35%, rgba(0,0,0,0.25), rgba(0,0,0,0.65)),
    linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.70));
  pointer-events: none;
}

/* Containers: keep your 1170 layout but centered */
.site-container,
.navbar-container{
  width: 1170px !important;
  min-width: 1170px !important;
  max-width: 1170px !important;
  margin: 0 auto !important;
}

/* Slight spacing from top */
.site-content{
  padding-top: 22px;
  padding-bottom: 30px;
}
.site-wrapper{
  padding-bottom: 10px;
}

/* Shared glass card */
.glass-card{
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
}

/* Inner glass areas (news, slider wrapper, login box etc.) */
.glass-inner{
  background: var(--glass-bg-2) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-soft) !important;
  -webkit-backdrop-filter: blur(calc(var(--blur) - 4px));
  backdrop-filter: blur(calc(var(--blur) - 4px));
}

/* Navbar modern */
/* =========================
   NAVBAR GLASS - SLIM
   ========================= */

.navbar.navbar-glass{
  margin: 10px auto 0 auto !important;
  border-radius: 999px !important;
  background: rgba(10,12,18,0.45) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important;
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  transition: all .35s ease;
}

/* ascundere la scroll */
.navbar.navbar-glass.hide-nav{
  transform: translateY(-120%);
  opacity: 0;
}

/* lista */
.navbar.navbar-glass .navbar-list{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  padding: 10px 22px !important;   /* era 18px */
  margin: 0 !important;
  list-style: none !important;
}

/* linkuri */
.navbar.navbar-glass .navbar-list a{
  color: rgba(255,255,255,0.88) !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 25px;                /* mai mic */
  letter-spacing: .3px;
  transition: all .2s ease;
}

/* hover */
.navbar.navbar-glass .navbar-list a:hover{
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(255,255,255,0.15);
}

/* logo mai mic */
.navbar.navbar-glass .logo img{
  height: 90px !important;        /* era 104 */
  width: auto !important;
  display: block;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,0.35));
}


/* Main content card spacing */
.content-area.glass-card{
  padding: 18px !important;
}
.sidebar.glass-card{
  padding: 18px !important;
}

/* Buttons area: modern look without breaking existing classes */
.btn-area .big-button-area a,
.btn-area .small-button-area a{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.30) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn-area .big-button-area a:hover,
.btn-area .small-button-area a:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 35px rgba(0,0,0,0.40) !important;
  background: rgba(255,255,255,0.10) !important;
}

/* Slider wrapper */
.slider-topper-wrapper.glass-inner{
  padding: 10px !important;
}
.boss-kills{
  border-radius: 14px !important;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.10) !important;
}
.boss-kills h3,
.boss-kills h5{
  text-shadow: 0 10px 25px rgba(0,0,0,0.45);
}

/* News area becomes glass too */
.news-area.glass-inner{
  margin-top: 14px !important;
  padding: 16px !important;
}

/* Sidebar login modern */
.login-area.glass-inner{
  padding: 14px !important;
}
.login-area .form-control{
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: rgba(255,255,255,0.92) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.login-area .form-control::placeholder{
  color: rgba(255,255,255,0.55) !important;
}
.login-area p a{
  color: rgba(255,255,255,0.80) !important;
}
.login-area p a:hover{
  color: #ffffff !important;
}
.btn-login{
  background: rgba(0, 206, 209, 0.22) !important; /* turcoaz vibe */
  border: 1px solid rgba(0, 206, 209, 0.35) !important;
  color: rgba(255,255,255,0.95) !important;
  border-radius: 12px !important;
  padding: 11px 12px !important;
  font-weight: 700 !important;
  letter-spacing: .4px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn-login:hover{
  transform: translateY(-1px);
  background: rgba(0, 206, 209, 0.30) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.35) !important;
}

/* Online stats / small blocks */
.online-stats.glass-inner,
.todays-events.glass-inner,
.upcoming-events.glass-inner,
.top-player-points.glass-inner,
.top-lists-wrapper.glass-inner{
  margin-top: 12px !important;
  padding: 14px !important;
}

/* Mini icons: slightly modern + hover */
#mini-icons .youtube a,
#mini-icons .facebook a,
#mini-icons .discord a,
#mini-icons .teamspeak a{
  transition: transform .18s ease, opacity .18s ease;
}
#mini-icons .youtube a:hover,
#mini-icons .facebook a:hover,
#mini-icons .discord a:hover,
#mini-icons .teamspeak a:hover{
  transform: translateY(-2px);
  opacity: 1;
}

/* Fix: avoid white “panel” backgrounds from old css */
.content-area,
.sidebar,
.news-area,
.login-area,
.online-stats,
.todays-events,
.upcoming-events,
.top-player-points,
.top-lists-wrapper{
  background-color: transparent !important;
}

/* Small responsive safety (if you later drop min-width) */
@media (max-width: 1200px){
  .site-container,
  .navbar-container{
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* ===== FIX: bara random (overlay/strip) ===== */

/* 1) opreste orice pseudo-element care ar putea arata ca o banda */
body.modern-ui::before,
body.modern-ui::after,
#wrapper::before,
#wrapper::after,
#content::before,
#content::after{
  background: none !important;
}

/* 2) orice element “gol” cu background care apare ca banda - ascunde-l */
.transparent-overlay,
.overlay-content{
  background: transparent !important;
}

/* ===== NAVBAR PERFECT CENTRAT (logo fix in centru) ===== */
.navbar.navbar-glass .navbar-container{ position: relative; }

.navbar.navbar-glass .navbar-list{
  justify-content: center !important;
  gap: 90px !important;              /* ajusteaza: 70-110 */
}

/* logo fix pe centru */
.navbar.navbar-glass .navbar-list li.logo{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* mic tweak ca sa nu se inghesuie */
.navbar.navbar-glass .navbar-list li:not(.logo){
  margin: 0 !important;
}

/* ========== Global "glass" helpers for all pages ========== */
.modern-ui .glass-card,
.modern-ui .glass-inner,
.modern-ui .content-area,
.modern-ui .sidebar {
  background: rgba(15, 18, 22, 0.55) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.45) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 18px;
}

/* Headings */
.modern-ui .content-area h1,
.modern-ui .content-area h2,
.modern-ui .content-area h3 {
  color: rgba(255,255,255,0.92);
  letter-spacing: .4px;
  margin: 0 0 12px 0;
}

/* Paragraph/text */
.modern-ui .content-area,
.modern-ui .content-area p,
.modern-ui .content-area span,
.modern-ui .content-area div {
  color: rgba(255,255,255,0.82);
}

/* Inputs */
.modern-ui .form-control {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.88) !important;
  border-radius: 12px !important;
  height: 40px;
  box-shadow: none !important;
}

.modern-ui .form-control::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

/* Buttons */
.modern-ui .btn,
.modern-ui input[type="submit"],
.modern-ui button {
  border-radius: 12px !important;
  border: 1px solid rgba(0,206,209,0.35) !important;
  background: rgba(0,206,209,0.12) !important;
  color: rgba(255,255,255,0.92) !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.modern-ui .btn:hover,
.modern-ui input[type="submit"]:hover,
.modern-ui button:hover {
  transform: translateY(-1px);
  background: rgba(0,206,209,0.18) !important;
  border-color: rgba(0,206,209,0.55) !important;
}

/* Tables (Ranking etc.) */
.modern-ui table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

.modern-ui table tr {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
}

.modern-ui table td,
.modern-ui table th {
  padding: 12px 14px !important;
  border: none !important;
  color: rgba(255,255,255,0.86) !important;
}

.modern-ui table tr td:first-child,
.modern-ui table tr th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.modern-ui table tr td:last-child,
.modern-ui table tr th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* ========== NEWS (glass page wrapper) ========== */
.modern-ui .glass-page{
  padding: 16px 16px 10px 16px;
  border-radius: 16px;
  background: rgba(10,12,16,0.35);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.modern-ui .glass-page-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.modern-ui .glass-title{
  margin:0;
  font-size: 22px;
  font-weight: 800;
  color: rgba(255,255,255,0.92);
}

.modern-ui .glass-subtitle{
  margin: 4px 0 0 0;
  font-size: 13px;
  color: rgba(255,255,255,0.60);
}

.modern-ui .glass-page-body{
  padding-top: 6px;
}

/* Alert glass */
.modern-ui .glass-alert{
  background: rgba(255, 60, 60, 0.10) !important;
  border: 1px solid rgba(255, 60, 60, 0.25) !important;
  color: rgba(255,255,255,0.9) !important;
  border-radius: 14px !important;
}

/* Force news blocks to look modern even if CMS outputs old HTML */
.modern-ui .news-list > div,
.modern-ui .news-list .panel,
.modern-ui .news-list .well,
.modern-ui .news-list .news,
.modern-ui .news-list article{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 14px 14px;
  margin-bottom: 12px;
}

/* Links in news */
.modern-ui .news-list a{
  color: rgba(0,206,209,0.95);
  text-decoration: none;
}
.modern-ui .news-list a:hover{
  text-decoration: underline;
}

/* Pagination wrapper */
.modern-ui .glass-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 6px;
  padding: 12px 0 6px 0;
}

/* Pagination buttons (bootstrap-ish fallback) */
.modern-ui .glass-pagination a,
.modern-ui .glass-pagination .pagination a,
.modern-ui .glass-pagination .paginate a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 40px;
  height: 36px;
  padding: 0 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.85);
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.modern-ui .glass-pagination a:hover{
  transform: translateY(-1px);
  background: rgba(0,206,209,0.14);
  border-color: rgba(0,206,209,0.35);
}

/* Active page (best effort) */
.modern-ui .glass-pagination .active a,
.modern-ui .glass-pagination a.active{
  background: rgba(0,206,209,0.20);
  border-color: rgba(0,206,209,0.55);
}





/* ===================== HARD FIX: NEWS white background ===================== */
/* Scope: doar in zona de news din content (nu afecteaza tot site-ul) */
.modern-ui .news-area,
.modern-ui .news-area * {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Apoi refacem card-ul "glass" pe primul nivel de blocuri (ca sa nu ramana tot transparent) */
.modern-ui .news-area > *,
.modern-ui .news-area > * > * {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
}

/* Daca CMS foloseste Bootstrap panels/wells */
.modern-ui .news-area .panel,
.modern-ui .news-area .panel-heading,
.modern-ui .news-area .panel-body,
.modern-ui .news-area .well,
.modern-ui .news-area .list-group-item {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
}

/* Daca exista clase de tip bg-white/bg-light/white */
.modern-ui .news-area .bg-white,
.modern-ui .news-area .bg-light,
.modern-ui .news-area .white,
.modern-ui .news-area [class*="bg-"] {
  background: rgba(255,255,255,0.06) !important;
}

/* Tabele (uneori news-ul e randat in table) */
.modern-ui .news-area table,
.modern-ui .news-area table * {
  background: transparent !important;
}
.modern-ui .news-area table {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

/* Text colors safe */
.modern-ui .news-area,
.modern-ui .news-area * {
  color: rgba(255,255,255,0.85) !important;
}

/* ================= RED THEME OVERRIDE ================= */
:root{
  --accent: 180, 30, 30;      /* rosu principal */
  --accent-soft: 180, 30, 30;
  --accent-strong: 220, 50, 50;
}

/* Butoane */
.modern-ui .btn,
.modern-ui input[type="submit"],
.modern-ui button {
  border: 1px solid rgba(var(--accent),0.45) !important;
  background: rgba(var(--accent),0.15) !important;
}

.modern-ui .btn:hover,
.modern-ui input[type="submit"]:hover,
.modern-ui button:hover {
  background: rgba(var(--accent),0.25) !important;
  border-color: rgba(var(--accent-strong),0.8) !important;
}

/* Linkuri */
.modern-ui a {
  color: rgba(var(--accent-strong),0.95) !important;
}

.modern-ui a:hover {
  color: rgba(255,120,120,1) !important;
}

/* Titluri accent */
.modern-ui .glass-title,
.modern-ui h1 span,
.modern-ui h2 span,
.modern-ui h3 span {
  color: rgba(255,190,190,0.95) !important;
}

/* Pagination active */
.modern-ui .glass-pagination .active a,
.modern-ui .glass-pagination a.active {
  background: rgba(var(--accent),0.35) !important;
  border-color: rgba(var(--accent-strong),0.9) !important;
}

/* Highlight-uri, hover pe tabele */
.modern-ui table tr:hover {
  background: rgba(var(--accent),0.10) !important;
}

/* Online number / counters dacă există */
.modern-ui .number,
.modern-ui #player-online-counter,
.modern-ui #player-online-24h-counter {
  color: rgba(255,120,120,1) !important;
  text-shadow: 0 0 12px rgba(180,30,30,0.4);
}

/* Navbar accent */
.modern-ui .navbar-list li a:hover {
  color: rgba(255,120,120,1) !important;
  text-shadow: 0 0 10px rgba(180,30,30,0.6);
}

/* Borduri glass */
.modern-ui .glass-card,
.modern-ui .glass-inner,
.modern-ui .glass-page {
  border: 1px solid rgba(180,30,30,0.20) !important;
}

/* ===================== RANKING PLAYERS (GLASS MODERN) ===================== */
.modern-ui .ranking-page{
  padding: 16px;
}

.modern-ui .glass-toolbar{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 14px;
  margin: 14px 0 12px 0;
}

.modern-ui .glass-search-row{
  display:flex;
  gap: 10px;
  align-items:center;
}

.modern-ui .glass-input{
  height: 42px !important;
  border-radius: 14px !important;
}

.modern-ui .glass-btn{
  height: 42px;
  padding: 0 16px !important;
  border-radius: 14px !important;
  white-space: nowrap;
}

/* Tabs */
.modern-ui .glass-tabs{
  display:flex;
  gap: 10px;
  padding: 10px 0 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 14px;
}

.modern-ui .glass-tab{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.85) !important;
  text-decoration: none !important;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.modern-ui .glass-tab img{
  width: 18px;
  height: 18px;
  opacity: 0.95;
}

.modern-ui .glass-tab:hover{
  transform: translateY(-1px);
  background: rgba(var(--accent),0.12);
  border-color: rgba(var(--accent),0.35);
}

.modern-ui .glass-tab.is-active{
  background: rgba(var(--accent),0.18);
  border-color: rgba(var(--accent-strong),0.65);
  box-shadow: 0 0 0 1px rgba(var(--accent),0.25) inset;
}

/* Table wrapper */
.modern-ui .glass-table-wrap{
  padding: 4px 0 0 0;
}

/* Table base */
.modern-ui .glass-table{
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  margin: 0;
}

.modern-ui .glass-table thead th{
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.65) !important;
  font-weight: 700;
  letter-spacing: .3px;
  padding: 10px 14px !important;
}

.modern-ui .glass-table tbody tr{
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.modern-ui .glass-table tbody tr:hover{
  transform: translateY(-1px);
  background: rgba(var(--accent),0.10) !important;
  border-color: rgba(var(--accent),0.28) !important;
}

.modern-ui .glass-table tbody td{
  border: none !important;
  padding: 12px 14px !important;
  vertical-align: middle;
  color: rgba(255,255,255,0.85) !important;
}

.modern-ui .glass-table tbody tr td:first-child{
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  width: 70px;
  font-weight: 800;
  color: rgba(255,200,200,0.95) !important;
}

.modern-ui .glass-table tbody tr td:last-child{
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

/* Top 1/2/3 highlight (best effort: if dataview prints numeric # in first td) */
.modern-ui .glass-table tbody tr:nth-child(1){
  background: rgba(var(--accent),0.16) !important;
  border-color: rgba(var(--accent-strong),0.55) !important;
}
.modern-ui .glass-table tbody tr:nth-child(2){
  background: rgba(var(--accent),0.12) !important;
}
.modern-ui .glass-table tbody tr:nth-child(3){
  background: rgba(var(--accent),0.10) !important;
}

/* Keep pagination centered */
.modern-ui .ranking-page .glass-pagination{
  margin-top: 10px;
}

/* ================= TOP 1 / 2 / 3 SPECIAL COLORS ================= */

/* 🥇 LOCUL 1 – GOLD */
.modern-ui .glass-table tbody tr:nth-child(1){
  background: linear-gradient(135deg,
    rgba(255,215,0,0.22),
    rgba(var(--accent),0.18)
  ) !important;

  border: 1px solid rgba(255,215,0,0.55) !important;
  box-shadow: 0 0 18px rgba(255,215,0,0.25);
}

.modern-ui .glass-table tbody tr:nth-child(1) td:first-child{
  color: #FFD700 !important;
  font-weight: 900;
  text-shadow: 0 0 10px rgba(255,215,0,0.6);
}


/* 🥈 LOCUL 2 – SILVER */
.modern-ui .glass-table tbody tr:nth-child(2){
  background: linear-gradient(135deg,
    rgba(192,192,192,0.20),
    rgba(var(--accent),0.14)
  ) !important;

  border: 1px solid rgba(192,192,192,0.45) !important;
  box-shadow: 0 0 14px rgba(192,192,192,0.20);
}

.modern-ui .glass-table tbody tr:nth-child(2) td:first-child{
  color: #E0E0E0 !important;
  font-weight: 800;
  text-shadow: 0 0 8px rgba(220,220,220,0.5);
}


/* 🥉 LOCUL 3 – BRONZE */
.modern-ui .glass-table tbody tr:nth-child(3){
  background: linear-gradient(135deg,
    rgba(205,127,50,0.22),
    rgba(var(--accent),0.12)
  ) !important;

  border: 1px solid rgba(205,127,50,0.45) !important;
  box-shadow: 0 0 12px rgba(205,127,50,0.20);
}

.modern-ui .glass-table tbody tr:nth-child(3) td:first-child{
  color: #CD7F32 !important;
  font-weight: 800;
  text-shadow: 0 0 8px rgba(205,127,50,0.5);
}

.modern-ui .glass-tabs{
  justify-content: center;
}

/* ================== LEFT BUTTONS: kill old backgrounds + perfect center ================== */

/* 1) Scoatem imaginile vechi din containere (astea iti dau bej/gri) */
.modern-ui .btn-area .big-button-area,
.modern-ui .btn-area .small-button-area{
  background: none !important;
  background-image: none !important;
}

/* 2) Re-stilizare completa pe butoane (exact clasele tale) */
.modern-ui .btn-area a.client-dl,
.modern-ui .btn-area a.wiki,
.modern-ui .btn-area a.vote-4-coins{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background: rgba(18,18,18,0.55) !important;
  border: 1px solid rgba(var(--accent),0.35) !important;
  border-radius: 22px !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.05),
    0 10px 25px rgba(0,0,0,0.45),
    0 0 18px rgba(var(--accent),0.15) !important;

  text-decoration:none !important;
  position:relative !important;
  overflow:hidden !important;

  padding: 0 !important;
  margin: 0 !important;
}

/* 3) CENTRARE 100%: anulam centrare veche pe span si o facem absolute perfect */
.modern-ui .btn-area a.client-dl span,
.modern-ui .btn-area a.wiki span,
.modern-ui .btn-area a.vote-4-coins span{
  position:absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 100% !important;
  text-align:center !important;

  background: transparent !important;
  background-image:none !important;

  color: rgba(255,255,255,0.95) !important;
  text-shadow: 0 0 12px rgba(var(--accent),0.45) !important;
  letter-spacing: 1px !important;
  font-weight: 900 !important;

  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* 4) Dimensiuni */
.modern-ui .btn-area a.client-dl{
  height: 100% !important;        /* pastreaza layout-ul tau */
  font-size: 24px !important;
}
.modern-ui .btn-area a.wiki,
.modern-ui .btn-area a.vote-4-coins{
  height: 50% !important;
  font-size: 14px !important;
}

/* 5) Hover */
.modern-ui .btn-area a.client-dl:hover,
.modern-ui .btn-area a.wiki:hover,
.modern-ui .btn-area a.vote-4-coins:hover{
  background: rgba(var(--accent),0.18) !important;
  border-color: rgba(var(--accent-strong),0.85) !important;
  transform: translateY(-2px);
}

/* ================= NAVBAR: spacing mare intre elemente ================= */

.modern-ui .navbar-glass .navbar-container{
  display: flex;
  justify-content: center;
}

.modern-ui .navbar-glass .navbar-list{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 290px !important;          /* ← aici e distanta mare */
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* scoatem orice margini vechi care pot strica calculele */
.modern-ui .navbar-glass .navbar-list li{
  margin: 0 !important;
  padding: 0 !important;
}

/* optional: logo un pic mai “respirat” */
.modern-ui .navbar-glass .navbar-list li.logo{
  margin: 0 20px !important;
}

/* ================== NAV DROPDOWN (SINGLE CLEAN VERSION) ================== */
/* Clasament -> Jucatori / Bresle (centru perfect, vertical, mic, dispare corect) */

.modern-ui .navbar-list .nav-dropdown-item{
  position: relative !important;
}

/* inchis by default */
.modern-ui .navbar-list .nav-dropdown-menu{
  position: absolute !important;
  top: calc(100% + 8px) !important;

  /* centrat sub butonul "Clasament" */
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;

  display: none !important;

  width: 170px !important;
  min-width: 170px !important;

  padding: 6px !important;
  border-radius: 12px !important;

  background: rgba(10,10,10,0.78) !important;
  border: 1px solid rgba(var(--accent),0.22) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.55) !important;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  z-index: 99999 !important;
}

/* apare pe hover (desktop) */
.modern-ui .navbar-list .nav-dropdown-item:hover > .nav-dropdown-menu{
  display: block !important;
}

/* apare pe click (mobile/touch) cand JS pune .is-open */
.modern-ui .navbar-list .nav-dropdown-item.is-open > .nav-dropdown-menu{
  display: block !important;
}

/* itemele: unu sub altu */
.modern-ui .navbar-list .nav-dropdown-menu a{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  width: 100% !important;
  padding: 8px 10px !important;

  font-size: 12px !important;
  line-height: 1.1 !important;

  border-radius: 10px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid transparent !important;

  color: rgba(255,255,255,0.88) !important;
  text-decoration: none !important;

  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.modern-ui .navbar-list .nav-dropdown-menu a i{
  font-size: 11px !important;
  opacity: 0.85 !important;
}

.modern-ui .navbar-list .nav-dropdown-menu a:hover{
  transform: translateY(-1px) !important;
  background: rgba(var(--accent),0.16) !important;
  border-color: rgba(var(--accent),0.25) !important;
}

.modern-ui .navbar-list .nav-dropdown-menu{
  top: calc(100% + 2px) !important;   /* era 8-12px; pune 0-4 dupa gust */
}

/* =========================
   REGISTER (modern)
   ========================= */

.register-page .register-hero{
  border-radius: 18px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 18px 55px rgba(0,0,0,0.35);
}

.register-page .register-hero .bd-c{
  padding: 26px 26px 22px 26px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0.15));
}

.register-page .register-sub{
  margin: 6px 0 0 0;
  color: rgba(255,255,255,0.75);
  font-size: 14px;
}

.register-card{
  margin-top: 14px;
  padding: 18px !important;
}

.register-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 14px;
}

.reg-field label{
  display: block;
  margin: 0 0 6px 2px;
  color: rgba(255,255,255,0.85);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .2px;
}

.register-card .form-control{
  height: 44px;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: rgba(255,255,255,0.92) !important;
}

.register-card .form-control::placeholder{
  color: rgba(255,255,255,0.55) !important;
}

.reg-captcha{
  grid-column: 1 / -1;
}

.captcha-row{
  display: flex;
  gap: 12px;
  align-items: center;
}

.captcha-img{
  min-width: 180px;
  height: 44px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.captcha-img img{
  max-width: 100%;
  height: 44px;
  display: block;
}

.captcha-input{
  flex: 1;
  font-size: 18px !important;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.reg-actions{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.reg-hint{
  margin-top: 10px;
  color: rgba(255,255,255,0.70);
  font-size: 13px;
  text-align: center;
}

.reg-hint a{
  color: rgba(255,255,255,0.92);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.20);
}

.reg-hint a:hover{
  color: #fff;
  border-bottom-color: rgba(255,255,255,0.45);
}

/* mobile safe */
@media (max-width: 900px){
  .register-grid{ grid-template-columns: 1fr; }
  .captcha-row{ flex-direction: column; align-items: stretch; }
  .captcha-img{ width: 100%; }
}


/* ============================
   TOP PLAYERS (section_ranking) – FINAL CLEAN GLASS
   (fara sa strice header-ul / top-lists-icon)
   ============================ */

#section_ranking{
  width: 100% !important;
  background: transparent !important;
  padding: 8px 10px 6px !important;
  margin: 0 !important;
}

/* nu atinge transform pe header/icon! */
.top-lists-wrapper .top-list .header .top-lists-icon{
  transform: translateX(-50%) translateY(-50%) !important;
}

/* tabel – card rows */
#section_ranking table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
  margin: 0 !important;
}

#section_ranking tr,
#section_ranking td{
  background: transparent !important;
  border: 0 !important;
}

/* rand = “card” */
#section_ranking tr{
  box-shadow: 0 10px 25px rgba(0,0,0,0.30) !important;
}

#section_ranking td{
  padding: 9px 10px !important;
  vertical-align: middle !important;
}

/* fundal pe celule (ca in vechiul css coloreaza td) */
#section_ranking tr td{
  background: rgba(255,255,255,0.07) !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

/* rotunjire corecta pe rand (doar capete) */
#section_ranking tr td:first-child{
  border-left: 1px solid rgba(255,255,255,0.10) !important;
  border-top-left-radius: 14px !important;
  border-bottom-left-radius: 14px !important;
  width: 44px !important;
  text-align: center !important;
}
#section_ranking tr td:last-child{
  border-right: 1px solid rgba(255,255,255,0.10) !important;
  border-top-right-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

/* nume + level */
#section_ranking td.r_name a{
  color: rgba(255,255,255,0.92) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  font-size: 13px !important;
}
#section_ranking td.r_name span{
  display: inline-block;
  margin-top: 4px;
  color: rgba(255,255,255,0.70) !important;
  font-size: 11px !important;
}
#section_ranking td.r_name b{
  color: rgba(0,206,209,0.95) !important;
}

/* empire icon */
#section_ranking td.r_stats{
  text-align: right !important;
  padding-right: 12px !important;
  width: 42px !important;
}
#section_ranking td.r_stats img{
  width: 24px !important;
  height: 24px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  opacity: 0.95 !important;
}

/* hover */
#section_ranking tr:hover td{
  background: rgba(255,255,255,0.10) !important;
}

/* rank badge 4-10 */
#section_ranking .rank-badge{
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
  color: rgba(255,255,255,0.92);
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.14);
}

/* medal 1/2/3 (podium discret, glass) */
#section_ranking .rank-medal{
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 12px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.95);
}
#section_ranking .rank-medal.rank-1{
  background: linear-gradient(90deg, rgba(255,215,0,0.22), rgba(255,255,255,0.08));
  border-color: rgba(255,215,0,0.22);
}
#section_ranking .rank-medal.rank-2{
  background: linear-gradient(90deg, rgba(192,192,192,0.22), rgba(255,255,255,0.08));
  border-color: rgba(192,192,192,0.20);
}
#section_ranking .rank-medal.rank-3{
  background: linear-gradient(90deg, rgba(205,127,50,0.24), rgba(255,255,255,0.08));
  border-color: rgba(205,127,50,0.22);
}

/* si pe randurile 1/2/3 un accent discret (NU “galben bloc”) */
#section_ranking tr.pos_one td{
  background: linear-gradient(90deg, rgba(255,215,0,0.16), rgba(255,255,255,0.07)) !important;
}
#section_ranking tr.pos_two td{
  background: linear-gradient(90deg, rgba(192,192,192,0.16), rgba(255,255,255,0.07)) !important;
}
#section_ranking tr.pos_three td,
#section_ranking tr.pos_tree td{
  background: linear-gradient(90deg, rgba(205,127,50,0.18), rgba(255,255,255,0.07)) !important;
}

/* ============================
   KILL OLD YELLOW/BROWN TOP PLAYERS THEME
   ============================ */

/* containerul mare + header-ul vechi (ala maro/galben) */
.top-lists-wrapper,
.top-lists-wrapper .top-list.metins,
.top-lists-wrapper .top-list.metins .header{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* uneori header-ul are background pe .row / span */
.top-lists-wrapper .top-list.metins .header,
.top-lists-wrapper .top-list.metins .header .row,
.top-lists-wrapper .top-list.metins .header span{
  background: transparent !important;
}

/* daca ai rama aia aurie sus, o scoatem */
.top-lists-wrapper .top-list.metins .header:before,
.top-lists-wrapper .top-list.metins .header:after{
  content: none !important;
  background: transparent !important;
}

/* scoate complet highlight-ul “galben” de pe 1/2/3 */
#section_ranking tr.pos_one td,
#section_ranking tr.pos_two td,
#section_ranking tr.pos_three td,
#section_ranking tr.pos_tree td{
  background: rgba(255,255,255,0.07) !important;   /* doar glass */
  border-color: rgba(255,255,255,0.12) !important;
}

/* si medalioanele 1/2/3 fara gold/silver/bronze */
#section_ranking .rank-medal.rank-1,
#section_ranking .rank-medal.rank-2,
#section_ranking .rank-medal.rank-3{
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.16) !important;
}

/* Top10: doar 1/2/3 cu glow discret, rest normal */
#section_ranking tr.pos_one td,
#section_ranking tr.pos_two td,
#section_ranking tr.pos_three td{
  background: rgba(255,255,255,0.09) !important;
  border-color: rgba(0,206,209,0.22) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35), 0 0 18px rgba(0,206,209,0.12) !important;
}

/* 4..10 fara highlight */
#section_ranking tr.pos_four td,
#section_ranking tr.pos_five td,
#section_ranking tr.pos_six td,
#section_ranking tr.pos_seven td,
#section_ranking tr.pos_eight td,
#section_ranking tr.pos_nine td,
#section_ranking tr.pos_ten td{
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.12) !important;
}


/* =========================
   PREZENTARE – glass transparent + mutat stanga
   ========================= */

/* =========================
   PREZENTARE – red glass ca "Autentificare"
   ========================= */

.todays-events.glass-inner{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  text-align: left;
  margin-left: 0px;   /* mutat usor spre stanga */
}

.todays-events.glass-inner a{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 170px;
  padding: 10px 22px;

  background: linear-gradient(135deg,
    rgba(180,30,30,0.35),
    rgba(90,10,10,0.35)
  ) !important;

  border: 1px solid rgba(255,80,80,0.35) !important;
  border-radius: 14px;

  color: #ffb3b3 !important;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 10px 25px rgba(0,0,0,0.45),
    inset 0 0 12px rgba(255,60,60,0.25);

  transition: all .2s ease;
}

.todays-events.glass-inner a:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg,
    rgba(220,40,40,0.45),
    rgba(120,15,15,0.45)
  ) !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.55),
    0 0 14px rgba(255,60,60,0.45),
    inset 0 0 14px rgba(255,80,80,0.35);

  color: #ffd6d6 !important;
}

/* =========================
   AUTENTIFICARE – FORCE red glass (override total)
   ========================= */

.login-area.glass-inner form input.btn-login{
  display: block !important;
  margin: 16px auto 0 auto !important;
  float: none !important;

  width: 100% !important;
  max-width: 190px !important;

  background: linear-gradient(135deg,
    rgba(160,25,25,0.40),
    rgba(80,8,8,0.40)
  ) !important;

  border: 1px solid rgba(255,70,70,0.35) !important;
  border-radius: 14px !important;

  color: #ffbcbc !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;

  padding: 11px 22px !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  box-shadow:
    0 10px 22px rgba(0,0,0,0.45),
    inset 0 0 12px rgba(255,60,60,0.25) !important;

  transition: all .2s ease !important;
}

/* hover */
.login-area.glass-inner form input.btn-login:hover{
  background: linear-gradient(135deg,
    rgba(210,35,35,0.50),
    rgba(120,15,15,0.50)
  ) !important;

  box-shadow:
    0 14px 28px rgba(0,0,0,0.55),
    0 0 14px rgba(255,60,60,0.45),
    inset 0 0 14px rgba(255,80,80,0.35) !important;

  color: #ffe1e1 !important;
  transform: translateY(-1px);
}

/* FIX: textul din buton sa fie PERFECT centrat */
.login-area.glass-inner form input.btn-login{
  height: 44px !important;          /* fixeaza inaltimea */
  line-height: 44px !important;     /* centreaza vertical textul */
  padding: 0 22px !important;       /* fara padding vertical */
  text-align: center !important;
}

/* daca bootstrap aplica "btn" pe el in vreun fel */
.login-area.glass-inner form .btn-login{
  vertical-align: middle !important;
}

/* ============================
   ONLINE STATS – MODERN GLASS
   ============================ */

.online-stats.glass-inner{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 14px !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.45) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

/* NUMERELE MARI */
.online-stats .number{
  font-size: 34px !important;
  font-weight: 900 !important;
  letter-spacing: 1px;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center;
  color: #ff4d4d !important; /* rosu ca pe butoane */
  text-shadow:
    0 0 12px rgba(255,77,77,0.35),
    0 4px 18px rgba(0,0,0,0.6);
}

/* TEXTELE DE SUB NUMERE */
.online-stats p:not(.number){
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75) !important;
  text-align: center;
}

/* spatiu intre cele doua blocuri */
.online-stats .number + p{
  margin-bottom: 6px !important;
}

/* linie discreta intre ele */
.online-stats .number#player-online-24h-counter{
  margin-top: 8px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,0.10);
}

/* ============================
   FIX: shamanca peste Online Stats
   ============================ */

.online-stats.glass-inner{
  position: relative !important;
  overflow: hidden !important;
  padding-right: 90px !important; /* lasa loc pentru imagine in dreapta */
}

/* ridica textul peste orice overlay/imagine */
.online-stats.glass-inner .number,
.online-stats.glass-inner p{
  position: relative !important;
  z-index: 5 !important;
}

/* daca shamanca e pusa din CSS ca pseudo-element */
.online-stats.glass-inner::before,
.online-stats.glass-inner::after{
  z-index: 1 !important;
  right: -35px !important;   /* impinge mai in dreapta */
  opacity: 0.55 !important;  /* mai discreta */
  pointer-events: none !important;
}

/* =================================================
   FORCE COMPACT – ONLINE STATS (players online)
   ================================================= */

.sidebar .online-stats.glass-inner{
  padding: 10px 12px 10px 14px !important;
  margin-top: 10px !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding-right: 90px !important; /* loc pentru shamanca */
}

/* NUMERE */
.sidebar .online-stats.glass-inner .number{
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  margin: 0 0 2px 0 !important;
  color: #ff5a5a !important; /* rosu ca tema */
}

/* TEXTE */
.sidebar .online-stats.glass-inner p{
  font-size: 11px !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: .4px;
  color: rgba(255,255,255,0.75) !important;
}

/* ultima bucata fara spatiu jos */
.sidebar .online-stats.glass-inner p:last-child{
  margin-bottom: 0 !important;
}

/* taie orice distanta veche */
.sidebar .online-stats.glass-inner *{
  line-height: 1.1 !important;
}


/* =========================================
   TOP PLAYERS – RED THEME (kill blue)
   ========================================= */

/* nivel 120 – din albastru in rosu */
#section_ranking td.r_name b{
  color: #ff4d4d !important;
  text-shadow: 0 0 8px rgba(255,77,77,0.35);
}

/* card normal */
#section_ranking tbody tr td{
  border: 1px solid rgba(255,80,80,0.18) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35) !important;
}

/* hover red glow */
#section_ranking tr:hover td{
  background: rgba(255,80,80,0.08) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,0.35),
    0 0 14px rgba(255,80,80,0.25) !important;
}

/* icon empire – scoate vibe albastru */
#section_ranking td.r_stats img{
  border: 1px solid rgba(255,80,80,0.35) !important;
  box-shadow: 0 0 10px rgba(255,80,80,0.25) !important;
}

/* locurile 1 2 3 – red glass podium */
#section_ranking tr.pos_one td{
  background: linear-gradient(90deg,
    rgba(255,60,60,0.28),
    rgba(255,255,255,0.05)
  ) !important;
  border-color: rgba(255,60,60,0.45) !important;
}

#section_ranking tr.pos_two td{
  background: linear-gradient(90deg,
    rgba(200,70,70,0.22),
    rgba(255,255,255,0.05)
  ) !important;
  border-color: rgba(200,70,70,0.35) !important;
}

#section_ranking tr.pos_three td,
#section_ranking tr.pos_tree td{
  background: linear-gradient(90deg,
    rgba(160,60,60,0.22),
    rgba(255,255,255,0.05)
  ) !important;
  border-color: rgba(160,60,60,0.35) !important;
}

/* badge numeric (4,5,6...) */
#section_ranking .rank-badge{
  background: rgba(255,80,80,0.15) !important;
  border: 1px solid rgba(255,80,80,0.35) !important;
  color: #ffdede !important;
  box-shadow: 0 0 10px rgba(255,80,80,0.25) !important;
}

/* ============================
   STATISTICI - COMPACT + COLORED (glass)
   ============================ */

/* zona din stanga mai ingusta */
#slider-topper .bar-chart-wrapper{
  width: 270px !important;      /* <- mai mic (poti 240-290) */
  gap: 8px !important;
  margin-left: 14px !important;
}

/* randurile mai joase */
#slider-topper .chart-element .bar{
  height: 28px !important;      /* <- mai mic */
  border-radius: 10px !important;
  padding: 0 10px !important;
}

/* text mai mic */
#slider-topper .chart-element .bar span{
  font-size: 11px !important;
  letter-spacing: 0.25px !important;
}

/* numarul din dreapta mai mic */
#slider-topper .chart-element > span{
  font-size: 13px !important;
  min-width: 36px !important;
  padding-right: 4px !important;
}

/* ===== COLORED LINES (ca inainte, dar modern) ===== */
#slider-topper .bar-first{
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.05)) !important;
  border-color: rgba(255,255,255,0.12) !important;
  box-shadow: inset 3px 0 0 rgba(0, 206, 209, 0.85), 0 10px 22px rgba(0,0,0,0.28) !important;
}

#slider-topper .bar-second{
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.05)) !important;
  border-color: rgba(255,255,255,0.12) !important;
  box-shadow: inset 3px 0 0 rgba(160, 90, 255, 0.85), 0 10px 22px rgba(0,0,0,0.28) !important;
}

#slider-topper .bar-third{
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.05)) !important;
  border-color: rgba(255,255,255,0.12) !important;
  box-shadow: inset 3px 0 0 rgba(60, 140, 255, 0.85), 0 10px 22px rgba(0,0,0,0.28) !important;
}

#slider-topper .bar-fourth{
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.05)) !important;
  border-color: rgba(255,255,255,0.12) !important;
  box-shadow: inset 3px 0 0 rgba(220, 40, 40, 0.85), 0 10px 22px rgba(0,0,0,0.28) !important;
}

/* hover usor */
#slider-topper .chart-element:hover .bar{
  background: rgba(255,255,255,0.09) !important;
}

/* ============================
   STATISTICI – NUMERE IN BADGE (clar + modern)
   ============================ */

/* structura rand */
#slider-topper .chart-element{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* badge-ul cu numarul */
#slider-topper .chart-element > span{
  order: -1; /* muta numarul in stanga */
  min-width: 36px !important;
  height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  color: #fff !important;

  background: rgba(0,0,0,0.45) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 8px !important;

  box-shadow: 0 4px 12px rgba(0,0,0,0.35) !important;
}

/* micsoram bara ca sa incapa frumos */
#slider-topper .chart-element .bar{
  flex: 1 !important;
}

/* badge colorat in functie de rand */
#slider-topper .bar-first + span{
  border-color: rgba(0,206,209,0.6) !important;
  box-shadow: inset 0 0 0 1px rgba(0,206,209,0.6), 0 4px 12px rgba(0,0,0,0.35) !important;
}
#slider-topper .bar-second + span{
  border-color: rgba(160,90,255,0.6) !important;
  box-shadow: inset 0 0 0 1px rgba(160,90,255,0.6), 0 4px 12px rgba(0,0,0,0.35) !important;
}
#slider-topper .bar-third + span{
  border-color: rgba(60,140,255,0.6) !important;
  box-shadow: inset 0 0 0 1px rgba(60,140,255,0.6), 0 4px 12px rgba(0,0,0,0.35) !important;
}
#slider-topper .bar-fourth + span{
  border-color: rgba(220,40,40,0.6) !important;
  box-shadow: inset 0 0 0 1px rgba(220,40,40,0.6), 0 4px 12px rgba(0,0,0,0.35) !important;
}

/* =========================
   STATISTICI - titlu modern
   ========================= */

.boss-kills h3.orange{
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 10px 0 18px 18px !important;
  padding-left: 14px;
  position: relative;
}

/* bara rosie din stanga titlului */
.boss-kills h3.orange:before{
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: linear-gradient(180deg, #ff3b3b, #8b0000);
  box-shadow: 0 0 12px rgba(255,0,0,0.45);
}

/* =========================
   STATISTICI - badge numere (mai lat + safe pt 1000+)
   ========================= */

/* badge-ul cu numarul (cel din stanga) */
.boss-kills .stat-badge,
.boss-kills .bar-chart-wrapper .stat-number,
.boss-kills .bar-chart-wrapper .stat-left{
  min-width: 54px !important;     /* era mic -> acum incape 1000+ */
  height: 28px !important;
  padding: 0 10px !important;     /* padding lateral pt numere mari */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .3px;
  border-radius: 10px !important;
  white-space: nowrap !important; /* NU rupe pe rand */
}

/* daca numarul e pus intr-un span separat */
.boss-kills .bar-chart-wrapper .stat-badge span,
.boss-kills .bar-chart-wrapper .stat-number span{
  white-space: nowrap !important;
}

/* =========================
   STATISTICI – centreaza perfect numarul in badge
   ========================= */

.stat-badge{
  display: flex !important;
  align-items: center !important;   /* centru vertical */
  justify-content: center !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* =========================
   STATISTICI – FIX ALIGN (badge + text pe aceeasi linie)
   ========================= */

/* rand = aliniere perfecta */
#slider-topper .chart-element{
  display: flex !important;
  align-items: center !important;
}

/* bara: centreaza textul pe verticala */
#slider-topper .chart-element .bar{
  display: flex !important;
  align-items: center !important;
  height: 28px !important;          /* tine la fel ca tine */
  padding: 0 10px !important;
}

/* textul din bara */
#slider-topper .chart-element .bar span{
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* badge numar (stanga) */
#slider-topper .chart-element > span{
  height: 28px !important;          /* ACEEASI inaltime ca bara */
  min-width: 54px !important;       /* incape 1000+ */
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  line-height: 1 !important;
  margin: 0 !important;
  transform: none !important;       /* scoate tweak-urile care strica */
}

/* =========================
   LOGO VIDEO NAVBAR
   ========================= */

.logo-video video{
  height: 90px;          /* 🔧 aici controlezi mărimea */
  width: auto;
  display: block;
  border-radius: 300px;

  filter: drop-shadow(0 10px 22px rgba(0,0,0,0.45));
  transition: transform .25s ease, filter .25s ease;
  pointer-events: none; /* sa nu poti da play/pause */
}

/* hover subtil */
.logo-video:hover video{
  transform: scale(1.05);
  filter: drop-shadow(0 0 18px rgba(255,0,0,0.55));
}

.logo-video video{
  height: 100px;
}
.navbar.navbar-glass .navbar-list li.logo{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.navbar.navbar-glass .navbar-list{
  position: relative !important;
}
.navbar.navbar-glass .navbar-list > li.logo{
  left: calc(50% + 30px) !important;  /* 🔧 60px = mutat dreapta */
  transform: translateX(-50%) !important;
}

.modal-backdrop {
  pointer-events: none !important;
}

.logo.logo-video a img.site-logo{
  transform: translateX(-55px) !important; /* muta la stanga */
}

select.form-control {
    background: rgba(30, 30, 30, 0.85) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
}

select.form-control:focus {
    background: rgba(30, 30, 30, 0.95) !important;
    color: #fff !important;
    border-color: #a94442 !important;
    box-shadow: none !important;
    outline: none !important;
}

select.form-control option {
    background: #1f1f1f;
    color: #fff;
}

/* Final premium badge override: applies to every premium card state. */
html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium{
  top: 12px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  height: 24px !important;
  min-width: 96px !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 127, .58) !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 215, 127, .16), transparent),
    linear-gradient(180deg, rgba(36, 12, 3, .96), rgba(12, 3, 0, .98)) !important;
  color: #ffe9b4 !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
  box-shadow: 0 0 14px rgba(255, 142, 33, .18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium:before,
html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium:after{
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 18px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 211, 119, .72)) !important;
}

html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium:before{
  right: 100% !important;
  transform: translateY(-50%) !important;
}

html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium:after{
  left: 100% !important;
  transform: translateY(-50%) rotate(180deg) !important;
}

/* Premium ranking cards: darker, cleaner, more luxury than flat gold panels. */
body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-1.is-premium,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-2.is-premium,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-3.is-premium{
  isolation: isolate !important;
  border: 1px solid rgba(255, 197, 92, .62) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255, 206, 105, .11), transparent 34%),
    radial-gradient(circle at 50% 10%, rgba(255, 157, 44, .18), transparent 36%),
    linear-gradient(180deg, rgba(26, 8, 2, .95), rgba(8, 1, 0, .98) 72%, rgba(24, 7, 1, .96)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 234, 168, .08),
    0 18px 48px rgba(0, 0, 0, .48),
    0 0 32px rgba(180, 73, 14, .2),
    inset 0 0 0 1px rgba(255, 222, 150, .06),
    inset 0 24px 42px rgba(255, 157, 44, .07) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium:before{
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  z-index: -1 !important;
  border: 1px solid rgba(255, 204, 101, .25) !important;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.035), transparent),
    radial-gradient(circle at 50% 0%, rgba(255, 206, 105, .12), transparent 46%) !important;
  opacity: 1 !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium:after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(135deg, rgba(255, 226, 144, .18), transparent 18%, transparent 72%, rgba(162, 58, 10, .18)),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.32) 100%) !important;
  opacity: .9 !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium summary{
  gap: 9px !important;
  padding: 34px 16px 18px !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card__premium{
  top: 12px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  height: 24px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border-color: rgba(255, 215, 127, .58) !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 215, 127, .16), transparent),
    linear-gradient(180deg, rgba(36, 12, 3, .96), rgba(12, 3, 0, .98)) !important;
  color: #ffe9b4 !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
  box-shadow:
    0 0 14px rgba(255, 142, 33, .18),
    inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card__premium:before,
body.modern-ui .volta-rank-sort-premium .volta-player-card__premium:after{
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 18px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 211, 119, .72)) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card__premium:before{
  right: 100% !important;
  transform: translateY(-50%) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card__premium:after{
  left: 100% !important;
  transform: translateY(-50%) rotate(180deg) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card__premium i{
  color: #ffd66e !important;
  font-size: 9px !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__rank{
  position: relative !important;
  top: 0 !important;
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 4px !important;
  background:
    linear-gradient(180deg, #fff0b0 0%, #e0a133 48%, #8b4309 100%) !important;
  color: #1d0800 !important;
  font-size: 17px !important;
  box-shadow:
    0 0 0 3px rgba(255, 191, 70, .1),
    0 0 22px rgba(255, 179, 55, .38),
    inset 0 1px 0 rgba(255,255,255,.55) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__portrait{
  width: 78px !important;
  height: 78px !important;
  border: 2px solid rgba(255, 212, 112, .88) !important;
  background: #160500 !important;
  box-shadow:
    0 0 0 5px rgba(96, 25, 5, .72),
    0 0 0 6px rgba(255, 202, 102, .32),
    0 0 34px rgba(255, 137, 30, .34) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__main strong{
  max-width: 160px !important;
  color: #fff1c4 !important;
  font-size: 21px !important;
  text-shadow:
    0 0 12px rgba(255, 169, 48, .32),
    0 2px 0 rgba(0,0,0,.84) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__main em{
  margin-top: 2px !important;
  color: #ffc95d !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__level{
  min-width: 78px !important;
  padding: 8px 10px !important;
  border-color: rgba(255, 203, 105, .32) !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.86)) !important;
  box-shadow: inset 0 0 18px rgba(255, 153, 40, .08) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__level b{
  color: #ffd66e !important;
  text-shadow: 0 0 12px rgba(255, 151, 39, .3) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium:hover{
  transform: translateY(-4px) !important;
  border-color: rgba(255, 225, 142, .86) !important;
  box-shadow:
    0 0 0 1px rgba(255, 237, 174, .14),
    0 24px 58px rgba(0, 0, 0, .55),
    0 0 40px rgba(255, 110, 22, .28),
    inset 0 0 36px rgba(255, 176, 54, .13) !important;
}

/* Final Download background override: no static image, video only. */
body.volta-page-download,
body:has(.volta-download-home),
body.volta-page-download .volta-download-home,
body:has(.volta-download-home) .volta-download-home{
  background-image:
    radial-gradient(circle at 48% 0%, rgba(255, 111, 28, .18), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.48), rgba(50, 14, 4, .18), rgba(0,0,0,.5)) !important;
  background-color: #050302 !important;
}

body.volta-page-download .volta-download-stage,
body:has(.volta-download-home) .volta-download-stage{
  background-image:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 25, .16), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.38), rgba(64,18,5,.14) 48%, rgba(0,0,0,.42)),
    linear-gradient(to bottom, rgba(0,0,0,.02), rgba(5,3,2,.45)) !important;
}

body.volta-page-download .volta-download-video,
body:has(.volta-download-home) .volta-download-video{
  z-index: 0 !important;
  display: block !important;
}

body.volta-page-download .volta-download-video video,
body:has(.volta-download-home) .volta-download-video video{
  opacity: 1 !important;
  filter: saturate(1.14) contrast(1.04) brightness(.96) !important;
}

/* Download premium polish: larger mirror panel + stronger cinematic stage. */
body.volta-page-download .volta-download-hero-home,
body:has(.volta-download-home) .volta-download-hero-home,
.volta-download-home .volta-download-hero-home{
  grid-template-columns: minmax(0, 1fr) 520px !important;
  gap: 30px !important;
  align-items: stretch !important;
}

body.volta-page-download .volta-download-stage,
body:has(.volta-download-home) .volta-download-stage,
.volta-download-home .volta-download-stage{
  position: relative !important;
  min-height: 650px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 219, 139, .54) !important;
  background-image:
    radial-gradient(circle at 50% 18%, rgba(255, 124, 28, .24), transparent 27%),
    linear-gradient(90deg, rgba(0,0,0,.68), rgba(80, 24, 6, .18) 47%, rgba(0,0,0,.68)),
    linear-gradient(to bottom, rgba(0,0,0,.05), rgba(4,2,1,.82)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    inset 0 -140px 180px rgba(0,0,0,.62),
    0 28px 80px rgba(0,0,0,.55),
    0 0 34px rgba(255, 95, 24, .12) !important;
}

body.volta-page-download .volta-download-stage:before,
body:has(.volta-download-home) .volta-download-stage:before,
.volta-download-home .volta-download-stage:before{
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  display: block !important;
  border: 1px solid rgba(231, 184, 94, .18) !important;
  box-shadow: inset 0 0 35px rgba(255, 119, 29, .08) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.volta-page-download .volta-download-stage:after,
body:has(.volta-download-home) .volta-download-stage:after,
.volta-download-home .volta-download-stage:after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 46% !important;
  display: block !important;
  background:
    radial-gradient(circle at 50% 100%, rgba(255, 94, 19, .2), transparent 42%),
    linear-gradient(to top, rgba(255, 91, 24, .14), transparent) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.volta-page-download .volta-download-stage .volta-hero__copy,
body:has(.volta-download-home) .volta-download-stage .volta-hero__copy,
.volta-download-home .volta-download-stage .volta-hero__copy{
  position: relative !important;
  z-index: 2 !important;
  max-width: 860px !important;
}

body.volta-page-download .volta-download-stage h1,
body:has(.volta-download-home) .volta-download-stage h1,
.volta-download-home .volta-download-stage h1{
  font-size: clamp(78px, 7.8vw, 148px) !important;
  text-shadow:
    0 2px 0 rgba(84, 28, 8, .95),
    0 0 22px rgba(255, 98, 25, .42),
    0 0 54px rgba(255, 163, 67, .2) !important;
}

body.volta-page-download .volta-download-stage h2,
body:has(.volta-download-home) .volta-download-stage h2,
.volta-download-home .volta-download-stage h2{
  color: var(--volta-gold-soft) !important;
  font-size: clamp(25px, 2.1vw, 36px) !important;
  text-shadow: 0 0 18px rgba(255, 114, 27, .22) !important;
}

body.volta-page-download .volta-download-stage .volta-play-button,
body:has(.volta-download-home) .volta-download-stage .volta-play-button,
.volta-download-home .volta-download-stage .volta-play-button{
  width: min(340px, 100%) !important;
  min-height: 92px !important;
  border-color: rgba(255, 221, 139, .7) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 28px rgba(255, 116, 29, .24) !important;
}

body.volta-page-download .volta-download-mirrors,
body:has(.volta-download-home) .volta-download-mirrors,
.volta-download-home .volta-download-mirrors{
  align-self: stretch !important;
  min-height: 650px !important;
  padding: 30px 30px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  border-color: rgba(255, 219, 139, .58) !important;
  background:
    radial-gradient(circle at 55% 0%, rgba(255, 128, 30, .18), transparent 36%),
    linear-gradient(180deg, rgba(18, 11, 6, .92), rgba(7, 4, 2, .94)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    inset 0 -80px 120px rgba(91, 29, 8, .18),
    0 28px 80px rgba(0,0,0,.58),
    0 0 36px rgba(255, 106, 25, .15) !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center,
.volta-download-home .volta-download-mirrors .volta-panel__head--center{
  padding-bottom: 18px !important;
  margin-bottom: 22px !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center h2,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center h2,
.volta-download-home .volta-download-mirrors .volta-panel__head--center h2{
  font-size: 27px !important;
  text-shadow: 0 0 18px rgba(255, 125, 27, .28) !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center i,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center i,
.volta-download-home .volta-download-mirrors .volta-panel__head--center i{
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(231, 184, 94, .4) !important;
  color: #fff1c7 !important;
  background: radial-gradient(circle, rgba(255, 191, 84, .28), rgba(87, 34, 10, .36)) !important;
  box-shadow: 0 0 20px rgba(255, 128, 30, .18) !important;
}

body.volta-page-download .volta-download-mirror-list,
body:has(.volta-download-home) .volta-download-mirror-list,
.volta-download-home .volta-download-mirror-list{
  gap: 16px !important;
  margin-top: 0 !important;
}

body.volta-page-download .volta-download-mirror,
body:has(.volta-download-home) .volta-download-mirror,
.volta-download-home .volta-download-mirror{
  min-height: 114px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 18px !important;
  border-color: rgba(231, 184, 94, .24) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.03)),
    radial-gradient(circle at 0 50%, rgba(255, 155, 43, .14), transparent 42%) !important;
}

body.volta-page-download .volta-download-mirror__badge,
body:has(.volta-download-home) .volta-download-mirror__badge,
.volta-download-home .volta-download-mirror__badge{
  width: 48px !important;
  height: 48px !important;
  font-size: 19px !important;
  box-shadow: 0 0 18px rgba(255, 184, 64, .22) !important;
}

body.volta-page-download .volta-download-mirror__body strong,
body:has(.volta-download-home) .volta-download-mirror__body strong,
.volta-download-home .volta-download-mirror__body strong{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 24px !important;
  color: #fff3cf !important;
}

body.volta-page-download .volta-download-mirror__body span,
body:has(.volta-download-home) .volta-download-mirror__body span,
.volta-download-home .volta-download-mirror__body span{
  color: #f1d99d !important;
  letter-spacing: .08em !important;
}

body.volta-page-download .volta-download-mirror > a,
body:has(.volta-download-home) .volta-download-mirror > a,
.volta-download-home .volta-download-mirror > a{
  grid-column: 1 / -1 !important;
  min-height: 50px !important;
  font-size: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 221, 139, .16), rgba(105, 42, 10, .46)),
    rgba(35, 16, 6, .74) !important;
}

body.volta-page-download .volta-download-mirrors .volta-small-button,
body:has(.volta-download-home) .volta-download-mirrors .volta-small-button,
.volta-download-home .volta-download-mirrors .volta-small-button{
  width: 100% !important;
  min-height: 56px !important;
  margin-top: auto !important;
  font-size: 14px !important;
  border-color: rgba(255, 219, 139, .62) !important;
  box-shadow: 0 0 24px rgba(255, 106, 25, .15) !important;
}

@media (max-width: 1420px){
  body.volta-page-download .volta-download-hero-home,
  body:has(.volta-download-home) .volta-download-hero-home,
  .volta-download-home .volta-download-hero-home{
    grid-template-columns: minmax(0, 1fr) 460px !important;
  }
}

@media (max-width: 1280px){
  body.volta-page-download .volta-download-hero-home,
  body:has(.volta-download-home) .volta-download-hero-home,
  .volta-download-home .volta-download-hero-home{
    grid-template-columns: 1fr !important;
  }

  body.volta-page-download .volta-download-mirrors,
  body:has(.volta-download-home) .volta-download-mirrors,
  .volta-download-home .volta-download-mirrors{
    min-height: auto !important;
  }
}

/* =========================================================
   VOLTA2 FINAL OVERRIDE - premium across all sections
   This must stay at the end of the file.
   ========================================================= */
html,
body.modern-ui{
  background: #050201 !important;
}

body.modern-ui{
  color: #f7ead0 !important;
}

body.modern-ui:before{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255, 136, 31, .21), transparent 34%),
    radial-gradient(circle at 12% 54%, rgba(168, 31, 14, .18), transparent 31%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.63) 66%, #020100) !important;
}

body.modern-ui:after{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-image:
    radial-gradient(circle, rgba(255, 176, 67, .85) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255, 79, 22, .7) 0 1px, transparent 1.7px) !important;
  background-size: 150px 150px, 238px 238px !important;
  opacity: .28 !important;
  animation: voltaEmbers 18s linear infinite !important;
}

#body-bg,
#body-vide,
#body-vide .bg-holder{
  position: fixed !important;
  inset: 0 !important;
  z-index: -5 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #050201 !important;
}

#body-bg video,
#body-vide video,
#body-vide .bg-holder video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  opacity: .84 !important;
  filter: saturate(1.16) contrast(1.08) brightness(.78) !important;
}

#body-bg:after,
#body-vide:after{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -4 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.5) 52%, rgba(0,0,0,.86)),
    radial-gradient(circle at 50% 16%, rgba(255, 134, 28, .2), transparent 39%) !important;
}

body.modern-ui .volta-home-nav,
body.modern-ui .volta-download-nav,
body.modern-ui .volta-register-nav,
body.modern-ui .volta-ranking-nav,
body.modern-ui .navbar.navbar-glass{
  min-height: 86px !important;
  padding: 0 34px !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(231, 184, 94, .28) !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.97), rgba(42, 16, 7, .86) 50%, rgba(0,0,0,.97)),
    rgba(3, 1, 0, .94) !important;
  box-shadow:
    0 14px 42px rgba(0,0,0,.56),
    inset 0 -1px 0 rgba(255, 190, 88, .1) !important;
  backdrop-filter: blur(10px) !important;
}

body.modern-ui .navbar.navbar-glass{
  position: sticky !important;
  top: 0 !important;
  z-index: 55 !important;
  display: flex !important;
  align-items: center !important;
}

body.modern-ui .volta-home-nav__links,
body.modern-ui .navbar-list{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

body.modern-ui .volta-home-nav__links a,
body.modern-ui .navbar-list > li > a,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
  position: relative !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-left: 1px solid rgba(231, 184, 94, .09) !important;
  color: #eee0bf !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

body.modern-ui .volta-home-nav__links a:last-child,
body.modern-ui .navbar-list > li:last-child > a{
  border-right: 1px solid rgba(231, 184, 94, .09) !important;
}

body.modern-ui .volta-home-nav__links a:before,
body.modern-ui .navbar-list > li > a:before,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:before{
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 5px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #e7b85e, transparent) !important;
  opacity: 0 !important;
  transform: scaleX(.35) !important;
  transition: opacity .28s ease, transform .28s ease !important;
}

body.modern-ui .volta-home-nav__links a:after,
body.modern-ui .navbar-list > li > a:after,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 1px !important;
  width: 7px !important;
  height: 7px !important;
  border: 1px solid #e7b85e !important;
  background: rgba(12, 4, 1, .95) !important;
  transform: translateX(-50%) rotate(45deg) !important;
  opacity: 0 !important;
  transition: opacity .28s ease !important;
}

body.modern-ui .volta-home-nav__links a:hover,
body.modern-ui .volta-home-nav__links a.is-active,
body.modern-ui .navbar-list > li > a:hover,
body.modern-ui .navbar-list > li.active > a,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover{
  color: #ffe39b !important;
  text-shadow: 0 0 18px rgba(255, 116, 25, .4) !important;
}

body.modern-ui .volta-home-nav__links a:hover:before,
body.modern-ui .volta-home-nav__links a.is-active:before,
body.modern-ui .navbar-list > li > a:hover:before,
body.modern-ui .navbar-list > li.active > a:before,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover:before{
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

body.modern-ui .volta-home-nav__links a:hover:after,
body.modern-ui .volta-home-nav__links a.is-active:after,
body.modern-ui .navbar-list > li > a:hover:after,
body.modern-ui .navbar-list > li.active > a:after,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover:after{
  opacity: 1 !important;
}

body.modern-ui .volta-home-nav__brand img,
body.modern-ui .site-logo{
  filter: drop-shadow(0 0 18px rgba(255, 81, 18, .48)) !important;
}

body.modern-ui .volta-home-nav__login,
body.modern-ui .btn-login,
body.modern-ui .login-btn,
body.modern-ui .btn,
body.modern-ui button,
body.modern-ui input[type="submit"],
body.modern-ui input[type="button"],
body.modern-ui .button{
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 213, 127, .58) !important;
  border-radius: 4px !important;
  color: #fff0c4 !important;
  background:
    linear-gradient(180deg, rgba(255, 202, 111, .15), rgba(95, 33, 7, .76)),
    linear-gradient(90deg, rgba(72, 8, 5, .9), rgba(118, 41, 9, .82), rgba(72, 8, 5, .9)) !important;
  box-shadow: 0 0 22px rgba(255, 114, 24, .14), inset 0 0 0 1px rgba(255,255,255,.045) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, filter .28s ease !important;
}

body.modern-ui .volta-home-nav__login:before,
body.modern-ui .btn-login:before,
body.modern-ui .login-btn:before,
body.modern-ui .btn:before,
body.modern-ui button:before{
  content: "" !important;
  position: absolute !important;
  inset: -45% auto -45% -72% !important;
  width: 46% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent) !important;
  transform: skewX(-20deg) !important;
  transition: left .55s ease !important;
}

body.modern-ui .volta-home-nav__login:hover,
body.modern-ui .btn-login:hover,
body.modern-ui .login-btn:hover,
body.modern-ui .btn:hover,
body.modern-ui button:hover,
body.modern-ui input[type="submit"]:hover,
body.modern-ui input[type="button"]:hover,
body.modern-ui .button:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(255, 229, 159, .9) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 0 34px rgba(255, 116, 24, .28), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.modern-ui .btn:hover:before,
body.modern-ui button:hover:before,
body.modern-ui .btn-login:hover:before,
body.modern-ui .login-btn:hover:before{
  left: 128% !important;
}

body.modern-ui .site-wrapper,
body.modern-ui .padding-container,
body.modern-ui .glass-card,
body.modern-ui .glass-inner,
body.modern-ui .mt2cms2-c-l,
body.modern-ui .page-hd,
body.modern-ui .panel,
body.modern-ui .panel-default,
body.modern-ui .box,
body.modern-ui .content-box,
body.modern-ui .form-card,
body.modern-ui .volta-panel,
body.modern-ui .volta-download-feature,
body.modern-ui .volta-register-panel,
body.modern-ui .volta-ranking-panel,
body.modern-ui .volta-ranking-side-card,
body.modern-ui .volta-ranking-board{
  position: relative !important;
  border: 1px solid rgba(231, 184, 94, .25) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), transparent 34%),
    radial-gradient(circle at 50% 0, rgba(255, 129, 29, .12), transparent 42%),
    linear-gradient(180deg, rgba(14, 7, 4, .8), rgba(4, 2, 1, .72)) !important;
  color: #f7ead0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 -80px 110px rgba(77, 23, 6, .12),
    0 22px 58px rgba(0,0,0,.48),
    0 0 28px rgba(255, 118, 23, .08) !important;
  backdrop-filter: blur(9px) saturate(1.08) !important;
}

body.modern-ui .glass-card:before,
body.modern-ui .glass-inner:before,
body.modern-ui .padding-container:before,
body.modern-ui .volta-panel:before,
body.modern-ui .volta-register-panel:before,
body.modern-ui .volta-ranking-panel:before,
body.modern-ui .volta-ranking-board:before,
body.modern-ui .volta-ranking-side-card:before{
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  pointer-events: none !important;
  border: 1px solid rgba(231, 184, 94, .14) !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.4) !important;
}

body.modern-ui h1,
body.modern-ui h2,
body.modern-ui h3,
body.modern-ui h4,
body.modern-ui .glass-title,
body.modern-ui .page-title,
body.modern-ui .panel-title,
.volta-home-title,
.volta-download-hero-card__title,
.volta-register-title,
.volta-ranking-title{
  font-family: Georgia, "Times New Roman", serif !important;
  color: #fff0c4 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 22px rgba(255, 99, 20, .32) !important;
}

body.modern-ui input[type="text"],
body.modern-ui input[type="email"],
body.modern-ui input[type="password"],
body.modern-ui input[type="number"],
body.modern-ui select,
body.modern-ui textarea,
body.modern-ui .form-control{
  min-height: 44px !important;
  border: 1px solid rgba(231, 184, 94, .27) !important;
  border-radius: 4px !important;
  color: #fff3d7 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(22, 8, 4, .6)),
    rgba(4, 2, 1, .7) !important;
  box-shadow: inset 0 0 18px rgba(0,0,0,.45), 0 0 0 rgba(255, 121, 27, 0) !important;
}

body.modern-ui input:focus,
body.modern-ui select:focus,
body.modern-ui textarea:focus,
body.modern-ui .form-control:focus{
  outline: none !important;
  border-color: rgba(255, 217, 128, .8) !important;
  box-shadow: inset 0 0 18px rgba(0,0,0,.38), 0 0 22px rgba(255, 119, 24, .19) !important;
}

body.modern-ui table,
body.modern-ui .table,
body.modern-ui .glass-table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  color: #f7ead0 !important;
}

body.modern-ui table thead th,
body.modern-ui .table thead th,
body.modern-ui .glass-table thead th{
  padding: 14px 16px !important;
  border: 0 !important;
  color: #ffe5a8 !important;
  background:
    linear-gradient(180deg, rgba(255, 196, 90, .13), rgba(33, 12, 5, .78)) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 13px !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
}

body.modern-ui table tbody td,
body.modern-ui .table tbody td,
body.modern-ui .glass-table tbody td{
  padding: 14px 16px !important;
  border-top: 1px solid rgba(231, 184, 94, .12) !important;
  border-bottom: 1px solid rgba(0,0,0,.35) !important;
  color: #f1e3c8 !important;
  background:
    linear-gradient(90deg, rgba(255, 169, 47, .05), transparent 50%),
    rgba(18, 10, 6, .72) !important;
}

body.modern-ui table tbody tr:nth-child(1) td,
body.modern-ui .glass-table tbody tr:nth-child(1) td{
  background:
    linear-gradient(90deg, rgba(224, 170, 48, .24), rgba(94, 30, 11, .54)) !important;
  border-color: rgba(255, 214, 116, .3) !important;
}

body.modern-ui table tbody tr:nth-child(2) td,
body.modern-ui .glass-table tbody tr:nth-child(2) td{
  background:
    linear-gradient(90deg, rgba(185, 190, 197, .14), rgba(52, 38, 30, .58)) !important;
}

body.modern-ui table tbody tr:nth-child(3) td,
body.modern-ui .glass-table tbody tr:nth-child(3) td{
  background:
    linear-gradient(90deg, rgba(189, 103, 42, .16), rgba(61, 28, 15, .58)) !important;
}

body.modern-ui table tbody tr:hover td,
body.modern-ui .table tbody tr:hover td,
body.modern-ui .glass-table tbody tr:hover td{
  color: #fff3cf !important;
  background:
    linear-gradient(90deg, rgba(255, 171, 49, .16), rgba(91, 24, 9, .6)) !important;
  box-shadow: inset 0 0 0 1px rgba(231, 184, 94, .12) !important;
}

.ranking-page .glass-tabs,
.glass-tabs{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 24px 0 !important;
}

.glass-tab{
  min-height: 58px !important;
  border: 1px solid rgba(231, 184, 94, .25) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.22)),
    rgba(13, 7, 4, .72) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.28) !important;
}

.glass-tab.is-active,
.glass-tab:hover{
  border-color: rgba(255, 213, 127, .68) !important;
  background:
    linear-gradient(180deg, rgba(255, 183, 72, .16), rgba(96, 22, 8, .55)),
    rgba(12, 5, 2, .82) !important;
  box-shadow: 0 0 24px rgba(255, 103, 22, .22), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

.glass-tab img{
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(255, 157, 43, .35)) !important;
}

.volta-home-shell,
.volta-download-home,
.volta-register-page,
.volta-ranking-page,
.ranking-page{
  animation: voltaFadeUp .55s ease both !important;
}

.volta-home-leaderboard,
.volta-home-stat,
.volta-home-card,
.volta-download-hero-card,
.volta-download-mirrors,
.volta-register-card,
.volta-register-info,
.volta-ranking-board,
.volta-ranking-side-card,
.glass-card,
.glass-inner{
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, filter .3s ease !important;
}

.volta-home-leaderboard:hover,
.volta-home-stat:hover,
.volta-home-card:hover,
.volta-download-hero-card:hover,
.volta-download-mirrors:hover,
.volta-register-card:hover,
.volta-register-info:hover,
.volta-ranking-board:hover,
.volta-ranking-side-card:hover,
.glass-card:hover,
.glass-inner:hover{
  transform: translateY(-3px) !important;
  filter: brightness(1.04) !important;
  border-color: rgba(255, 216, 132, .5) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.055),
    0 26px 64px rgba(0,0,0,.52),
    0 0 30px rgba(255, 121, 27, .17) !important;
}

@media (max-width: 1180px){
  body.modern-ui .volta-home-nav,
  body.modern-ui .volta-download-nav,
  body.modern-ui .volta-register-nav,
  body.modern-ui .volta-ranking-nav,
  body.modern-ui .navbar.navbar-glass{
    padding: 0 18px !important;
  }

  body.modern-ui .volta-home-nav__links a,
  body.modern-ui .navbar-list > li > a,
  body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
    padding: 0 13px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 780px){
  body.modern-ui .volta-home-nav,
  body.modern-ui .volta-download-nav,
  body.modern-ui .volta-register-nav,
  body.modern-ui .volta-ranking-nav,
  body.modern-ui .navbar.navbar-glass{
    min-height: 72px !important;
  }

  body.modern-ui .volta-home-nav__links,
  body.modern-ui .navbar-list,
  .ranking-page .glass-tabs,
  .glass-tabs{
    gap: 8px !important;
    flex-wrap: wrap !important;
    grid-template-columns: 1fr !important;
  }

  body.modern-ui .volta-home-nav__links a,
  body.modern-ui .navbar-list > li > a,
  body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
    min-height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(231, 184, 94, .12) !important;
    background: rgba(0,0,0,.22) !important;
  }

  body.modern-ui table,
  body.modern-ui .table,
  body.modern-ui .glass-table{
    font-size: 12px !important;
  }

  body.modern-ui table thead th,
  body.modern-ui table tbody td,
  body.modern-ui .table thead th,
  body.modern-ui .table tbody td{
    padding: 10px 8px !important;
  }
}

/* =========================================================
   VOLTA2 GLOBAL PREMIUM SKIN - final visual layer
   ========================================================= */
:root{
  --volta-bg: #050201;
  --volta-panel: rgba(10, 6, 4, .76);
  --volta-panel-strong: rgba(16, 9, 5, .88);
  --volta-panel-soft: rgba(34, 15, 7, .54);
  --volta-gold: #e7b85e;
  --volta-gold-soft: rgba(231, 184, 94, .42);
  --volta-gold-faint: rgba(231, 184, 94, .18);
  --volta-red: #a51d11;
  --volta-orange: #ff7b22;
  --volta-text: #f6ead3;
  --volta-muted: #cdbb98;
  --volta-line: rgba(231, 184, 94, .23);
}

html{
  background: var(--volta-bg) !important;
}

body.modern-ui{
  min-height: 100vh;
  color: var(--volta-text);
  background: var(--volta-bg) !important;
  font-family: "Lato", Arial, sans-serif;
  overflow-x: hidden;
}

body.modern-ui:before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 10%, rgba(255, 145, 43, .2), transparent 34%),
    radial-gradient(circle at 15% 62%, rgba(156, 20, 10, .18), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.68) 74%, #030100);
}

body.modern-ui:after{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .34;
  background-image:
    radial-gradient(circle, rgba(255, 174, 61, .8) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255, 88, 24, .7) 0 1px, transparent 1.7px);
  background-size: 150px 150px, 230px 230px;
  background-position: 0 0, 42px 70px;
  animation: voltaEmbers 18s linear infinite;
}

#body-bg,
#body-vide,
#body-vide .bg-holder{
  position: fixed !important;
  inset: 0 !important;
  z-index: -5 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #050201 !important;
}

#body-bg video,
#body-vide video,
#body-vide .bg-holder video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  opacity: .82 !important;
  filter: saturate(1.15) contrast(1.08) brightness(.82) !important;
}

#body-bg:after,
#body-vide:after{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -4;
  background:
    linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.54) 48%, rgba(0,0,0,.86)),
    radial-gradient(circle at 50% 20%, rgba(255, 138, 31, .18), transparent 38%);
}

body.modern-ui a{
  color: #ffe4a8;
  transition: color .28s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}

body.modern-ui a:hover,
body.modern-ui a:focus{
  color: #fff3cf;
  text-decoration: none;
}

body.modern-ui h1,
body.modern-ui h2,
body.modern-ui h3,
body.modern-ui h4,
body.modern-ui .page-title,
body.modern-ui .panel-title{
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .05em;
  color: #fff0c4;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(255, 99, 20, .28);
}

body.modern-ui .volta-home-nav,
body.modern-ui .volta-download-nav,
body.modern-ui .volta-register-nav,
body.modern-ui .volta-ranking-nav,
body.modern-ui .navbar.navbar-glass{
  min-height: 86px !important;
  padding: 0 34px !important;
  border-bottom: 1px solid rgba(231, 184, 94, .25) !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.96), rgba(39, 14, 6, .82) 50%, rgba(0,0,0,.96)),
    rgba(3, 1, 0, .92) !important;
  box-shadow:
    0 14px 40px rgba(0,0,0,.55),
    inset 0 -1px 0 rgba(255, 190, 88, .1) !important;
  backdrop-filter: blur(10px);
}

body.modern-ui .navbar.navbar-glass{
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
}

body.modern-ui .navbar-container,
body.modern-ui .navbar-list{
  width: 100%;
}

body.modern-ui .navbar-list,
body.modern-ui .volta-home-nav__links{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

body.modern-ui .volta-home-nav__links a,
body.modern-ui .navbar-list > li > a,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
  position: relative;
  min-height: 54px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 22px !important;
  color: #efe0bf !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px !important;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
  border-left: 1px solid rgba(231, 184, 94, .09);
}

body.modern-ui .volta-home-nav__links a:last-child,
body.modern-ui .navbar-list > li:last-child > a{
  border-right: 1px solid rgba(231, 184, 94, .09);
}

body.modern-ui .volta-home-nav__links a:before,
body.modern-ui .navbar-list > li > a:before,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:before{
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 5px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--volta-gold), transparent);
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .28s ease, transform .28s ease;
}

body.modern-ui .volta-home-nav__links a:after,
body.modern-ui .navbar-list > li > a:after,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 7px;
  height: 7px;
  border: 1px solid var(--volta-gold);
  transform: translateX(-50%) rotate(45deg);
  background: rgba(15, 5, 2, .95);
  opacity: 0;
  transition: opacity .28s ease;
}

body.modern-ui .volta-home-nav__links a:hover,
body.modern-ui .volta-home-nav__links a.is-active,
body.modern-ui .navbar-list > li > a:hover,
body.modern-ui .navbar-list > li.active > a,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover{
  color: #ffe39b !important;
  text-shadow: 0 0 18px rgba(255, 116, 25, .4);
}

body.modern-ui .volta-home-nav__links a:hover:before,
body.modern-ui .volta-home-nav__links a.is-active:before,
body.modern-ui .navbar-list > li > a:hover:before,
body.modern-ui .navbar-list > li.active > a:before,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover:before{
  opacity: 1;
  transform: scaleX(1);
}

body.modern-ui .volta-home-nav__links a:hover:after,
body.modern-ui .volta-home-nav__links a.is-active:after,
body.modern-ui .navbar-list > li > a:hover:after,
body.modern-ui .navbar-list > li.active > a:after,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover:after{
  opacity: 1;
}

body.modern-ui .volta-home-nav__brand img,
body.modern-ui .site-logo{
  filter: drop-shadow(0 0 18px rgba(255, 81, 18, .48));
}

body.modern-ui .volta-home-nav__login,
body.modern-ui .btn-login,
body.modern-ui .login-btn{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 213, 127, .55) !important;
  color: #ffe7ad !important;
  background:
    linear-gradient(180deg, rgba(255, 190, 88, .18), rgba(94, 34, 7, .66)),
    rgba(23, 9, 3, .78) !important;
  box-shadow: 0 0 22px rgba(255, 128, 32, .16), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  text-transform: uppercase;
}

body.modern-ui .volta-home-nav__login:before,
body.modern-ui .btn-login:before,
body.modern-ui .login-btn:before,
body.modern-ui .btn:before{
  content: "";
  position: absolute;
  inset: -40% auto -40% -70%;
  width: 46%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform: skewX(-20deg);
  transition: left .55s ease;
}

body.modern-ui .volta-home-nav__login:hover,
body.modern-ui .btn-login:hover,
body.modern-ui .login-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 0 34px rgba(255, 138, 29, .28), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.modern-ui .volta-home-nav__login:hover:before,
body.modern-ui .btn-login:hover:before,
body.modern-ui .login-btn:hover:before,
body.modern-ui .btn:hover:before{
  left: 128%;
}

body.modern-ui .nav-dropdown-menu{
  padding: 10px;
  border: 1px solid rgba(231, 184, 94, .28);
  background:
    linear-gradient(180deg, rgba(25, 11, 6, .97), rgba(4, 2, 1, .97)),
    rgba(8, 4, 2, .98);
  box-shadow: 0 20px 46px rgba(0,0,0,.62), 0 0 22px rgba(255, 108, 24, .14);
}

body.modern-ui .nav-dropdown-menu a{
  border: 1px solid transparent;
  color: #f3dfb9;
}

body.modern-ui .nav-dropdown-menu a:hover{
  border-color: rgba(231, 184, 94, .24);
  background: rgba(255, 146, 35, .1);
  color: #fff0c4;
}

body.modern-ui #content.site-content{
  position: relative;
  z-index: 2;
  padding-top: 34px;
  padding-bottom: 56px;
}

body.volta-home-page #content.site-content{
  display: none !important;
}

body.modern-ui .site-wrapper,
body.modern-ui .padding-container,
body.modern-ui .glass-card,
body.modern-ui .glass-inner,
body.modern-ui .mt2cms2-c-l,
body.modern-ui .page-hd,
body.modern-ui .panel,
body.modern-ui .panel-default,
body.modern-ui .box,
body.modern-ui .content-box,
body.modern-ui .form-card,
body.modern-ui .volta-panel,
body.modern-ui .volta-download-feature,
body.modern-ui .volta-register-panel,
body.modern-ui .volta-ranking-panel{
  position: relative;
  border: 1px solid var(--volta-line) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), transparent 34%),
    radial-gradient(circle at 50% 0, rgba(255, 129, 29, .11), transparent 42%),
    linear-gradient(180deg, rgba(14, 7, 4, .82), rgba(4, 2, 1, .74)) !important;
  color: var(--volta-text);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 -80px 110px rgba(77, 23, 6, .12),
    0 22px 58px rgba(0,0,0,.48),
    0 0 28px rgba(255, 118, 23, .08) !important;
  backdrop-filter: blur(9px) saturate(1.08);
}

body.modern-ui .glass-card,
body.modern-ui .glass-inner,
body.modern-ui .padding-container,
body.modern-ui .panel,
body.modern-ui .volta-panel,
body.modern-ui .volta-register-panel,
body.modern-ui .volta-ranking-panel{
  border-radius: 8px !important;
}

body.modern-ui .glass-card:before,
body.modern-ui .glass-inner:before,
body.modern-ui .padding-container:before,
body.modern-ui .volta-panel:before,
body.modern-ui .volta-register-panel:before,
body.modern-ui .volta-ranking-panel:before{
  content: "";
  position: absolute;
  inset: 10px;
  pointer-events: none;
  border: 1px solid rgba(231, 184, 94, .14);
  box-shadow: inset 0 0 28px rgba(0,0,0,.4);
}

body.modern-ui .glass-card:hover,
body.modern-ui .glass-inner:hover,
body.modern-ui .volta-panel:hover,
body.modern-ui .volta-register-panel:hover,
body.modern-ui .volta-ranking-panel:hover,
body.modern-ui .volta-download-feature:hover{
  border-color: rgba(255, 216, 132, .5) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.055),
    0 26px 64px rgba(0,0,0,.52),
    0 0 30px rgba(255, 121, 27, .17) !important;
}

body.modern-ui .btn,
body.modern-ui button,
body.modern-ui input[type="submit"],
body.modern-ui input[type="button"],
body.modern-ui .button,
body.modern-ui .btn-primary,
body.modern-ui .btn-danger,
body.modern-ui .btn-success,
body.modern-ui .btn-warning{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(231, 184, 94, .55) !important;
  border-radius: 4px !important;
  color: #fff0c4 !important;
  background:
    linear-gradient(180deg, rgba(255, 202, 111, .14), rgba(103, 35, 9, .78)),
    linear-gradient(90deg, rgba(72, 8, 5, .9), rgba(118, 41, 9, .82), rgba(72, 8, 5, .9)) !important;
  box-shadow: 0 0 22px rgba(255, 114, 24, .13), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, filter .28s ease;
}

body.modern-ui .btn:hover,
body.modern-ui button:hover,
body.modern-ui input[type="submit"]:hover,
body.modern-ui input[type="button"]:hover,
body.modern-ui .button:hover{
  transform: translateY(-2px);
  border-color: rgba(255, 229, 159, .9) !important;
  filter: brightness(1.08);
  box-shadow: 0 0 34px rgba(255, 116, 24, .28), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.modern-ui input[type="text"],
body.modern-ui input[type="email"],
body.modern-ui input[type="password"],
body.modern-ui input[type="number"],
body.modern-ui select,
body.modern-ui textarea,
body.modern-ui .form-control{
  min-height: 44px;
  border: 1px solid rgba(231, 184, 94, .24) !important;
  border-radius: 4px !important;
  color: #fff3d7 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.52), rgba(22, 8, 4, .58)),
    rgba(4, 2, 1, .68) !important;
  box-shadow: inset 0 0 18px rgba(0,0,0,.45), 0 0 0 rgba(255, 121, 27, 0) !important;
  transition: border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

body.modern-ui input::placeholder,
body.modern-ui textarea::placeholder{
  color: rgba(246, 234, 211, .48) !important;
}

body.modern-ui input:focus,
body.modern-ui select:focus,
body.modern-ui textarea:focus,
body.modern-ui .form-control:focus{
  outline: none !important;
  border-color: rgba(255, 217, 128, .78) !important;
  box-shadow: inset 0 0 18px rgba(0,0,0,.38), 0 0 22px rgba(255, 119, 24, .18) !important;
}

body.modern-ui label{
  color: #f2d695;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

body.modern-ui table,
body.modern-ui .table,
body.modern-ui .ranking-table,
body.modern-ui .glass-table{
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  color: var(--volta-text);
}

body.modern-ui table thead th,
body.modern-ui .table thead th,
body.modern-ui .ranking-table thead th,
body.modern-ui .glass-table thead th{
  padding: 14px 16px !important;
  border: 0 !important;
  color: #ffe5a8 !important;
  background:
    linear-gradient(180deg, rgba(255, 196, 90, .13), rgba(33, 12, 5, .78)) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  letter-spacing: .065em;
  text-transform: uppercase;
}

body.modern-ui table tbody tr,
body.modern-ui .table tbody tr,
body.modern-ui .ranking-table tbody tr,
body.modern-ui .glass-table tbody tr{
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

body.modern-ui table tbody td,
body.modern-ui .table tbody td,
body.modern-ui .ranking-table tbody td,
body.modern-ui .glass-table tbody td{
  padding: 14px 16px !important;
  border-top: 1px solid rgba(231, 184, 94, .12) !important;
  border-bottom: 1px solid rgba(0,0,0,.35) !important;
  color: #f1e3c8 !important;
  background:
    linear-gradient(90deg, rgba(255, 169, 47, .05), transparent 50%),
    rgba(18, 10, 6, .72) !important;
}

body.modern-ui table tbody tr:nth-child(1) td,
body.modern-ui .ranking-table tbody tr:nth-child(1) td,
body.modern-ui .glass-table tbody tr:nth-child(1) td{
  background:
    linear-gradient(90deg, rgba(224, 170, 48, .24), rgba(94, 30, 11, .54)) !important;
  border-color: rgba(255, 214, 116, .3) !important;
}

body.modern-ui table tbody tr:nth-child(2) td,
body.modern-ui .ranking-table tbody tr:nth-child(2) td,
body.modern-ui .glass-table tbody tr:nth-child(2) td{
  background:
    linear-gradient(90deg, rgba(185, 190, 197, .14), rgba(52, 38, 30, .58)) !important;
}

body.modern-ui table tbody tr:nth-child(3) td,
body.modern-ui .ranking-table tbody tr:nth-child(3) td,
body.modern-ui .glass-table tbody tr:nth-child(3) td{
  background:
    linear-gradient(90deg, rgba(189, 103, 42, .16), rgba(61, 28, 15, .58)) !important;
}

body.modern-ui table tbody tr:hover td,
body.modern-ui .table tbody tr:hover td,
body.modern-ui .ranking-table tbody tr:hover td,
body.modern-ui .glass-table tbody tr:hover td{
  color: #fff3cf !important;
  background:
    linear-gradient(90deg, rgba(255, 171, 49, .16), rgba(91, 24, 9, .6)) !important;
  box-shadow: inset 0 0 0 1px rgba(231, 184, 94, .12);
}

body.modern-ui .alert,
body.modern-ui .well,
body.modern-ui .list-group-item{
  border: 1px solid rgba(231, 184, 94, .22) !important;
  color: #f6ead3;
  background: rgba(9, 5, 3, .72) !important;
}

body.modern-ui .text-muted,
body.modern-ui small,
body.modern-ui .help-block{
  color: var(--volta-muted) !important;
}

body.modern-ui hr{
  border-color: rgba(231, 184, 94, .18) !important;
}

body.modern-ui footer,
body.modern-ui .footer{
  border-top: 1px solid rgba(231, 184, 94, .16);
  background: rgba(0,0,0,.58);
  color: #b9a583;
}

.volta-home-shell,
.volta-download-home,
.volta-register-page,
.volta-ranking-page{
  animation: voltaFadeUp .55s ease both;
}

.volta-home-leaderboard,
.volta-home-stat,
.volta-home-card,
.volta-download-hero-card,
.volta-download-mirrors,
.volta-register-card,
.volta-register-info,
.volta-ranking-board,
.volta-ranking-side-card{
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, filter .3s ease;
}

.volta-home-leaderboard:hover,
.volta-home-stat:hover,
.volta-home-card:hover,
.volta-download-hero-card:hover,
.volta-download-mirrors:hover,
.volta-register-card:hover,
.volta-register-info:hover,
.volta-ranking-board:hover,
.volta-ranking-side-card:hover{
  transform: translateY(-3px);
  filter: brightness(1.04);
}

.volta-home-title,
.volta-download-hero-card__title,
.volta-register-title,
.volta-ranking-title{
  animation: voltaTitleGlow 3.4s ease-in-out infinite;
}

.volta-home-cta,
.volta-download-primary,
.volta-register-submit,
.volta-ranking-tab.is-active{
  animation: voltaButtonGlow 2.8s ease-in-out infinite;
}

@keyframes voltaEmbers{
  0%{ background-position: 0 0, 42px 70px; opacity: .26; }
  50%{ opacity: .4; }
  100%{ background-position: 0 -420px, 42px -310px; opacity: .26; }
}

@keyframes voltaFadeUp{
  from{ opacity: 0; transform: translateY(18px); }
  to{ opacity: 1; transform: translateY(0); }
}

@keyframes voltaTitleGlow{
  0%, 100%{ text-shadow: 0 0 18px rgba(255, 102, 24, .3), 0 3px 0 rgba(60, 18, 5, .8); }
  50%{ text-shadow: 0 0 30px rgba(255, 155, 42, .48), 0 0 56px rgba(165, 29, 17, .22), 0 3px 0 rgba(60, 18, 5, .8); }
}

@keyframes voltaButtonGlow{
  0%, 100%{ box-shadow: 0 0 22px rgba(255, 106, 25, .22), inset 0 0 0 1px rgba(255,255,255,.05); }
  50%{ box-shadow: 0 0 38px rgba(255, 146, 35, .38), inset 0 0 0 1px rgba(255,255,255,.08); }
}

@media (max-width: 1180px){
  body.modern-ui .volta-home-nav,
  body.modern-ui .volta-download-nav,
  body.modern-ui .volta-register-nav,
  body.modern-ui .volta-ranking-nav,
  body.modern-ui .navbar.navbar-glass{
    padding: 0 18px !important;
  }

  body.modern-ui .volta-home-nav__links a,
  body.modern-ui .navbar-list > li > a,
  body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
    padding: 0 13px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 780px){
  body.modern-ui .volta-home-nav,
  body.modern-ui .volta-download-nav,
  body.modern-ui .volta-register-nav,
  body.modern-ui .volta-ranking-nav,
  body.modern-ui .navbar.navbar-glass{
    min-height: 72px !important;
  }

  body.modern-ui .volta-home-nav__links,
  body.modern-ui .navbar-list{
    gap: 8px !important;
    flex-wrap: wrap;
  }

  body.modern-ui .volta-home-nav__links a,
  body.modern-ui .navbar-list > li > a,
  body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
    min-height: 40px;
    padding: 0 10px !important;
    border: 1px solid rgba(231, 184, 94, .12);
    background: rgba(0,0,0,.22);
  }

  body.modern-ui table,
  body.modern-ui .table,
  body.modern-ui .ranking-table,
  body.modern-ui .glass-table{
    font-size: 12px;
  }

  body.modern-ui table thead th,
  body.modern-ui table tbody td,
  body.modern-ui .table thead th,
  body.modern-ui .table tbody td{
    padding: 10px 8px !important;
  }
}

/* REAL final fix: remove the big black wrapper behind the Download content. */
html body.volta-page-download,
html body:has(.volta-download-home){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.volta-page-download #content.site-content,
html body:has(.volta-download-home) #content.site-content,
html body.volta-page-download section#content.site-content,
html body:has(.volta-download-home) section#content.site-content,
html body.volta-page-download .site-container,
html body:has(.volta-download-home) .site-container,
html body.volta-page-download .site-wrapper,
html body:has(.volta-download-home) .site-wrapper,
html body.volta-page-download .site-wrapper > .row,
html body:has(.volta-download-home) .site-wrapper > .row,
html body.volta-page-download .content-area.glass-card,
html body:has(.volta-download-home) .content-area.glass-card,
html body.volta-page-download .news-area.glass-inner,
html body:has(.volta-download-home) .news-area.glass-inner,
html body.volta-page-download .volta-download-home,
html body:has(.volta-download-home) .volta-download-home,
html body.volta-page-download .volta-download-shell,
html body:has(.volta-download-home) .volta-download-shell{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

html body.volta-page-download .volta-download-home:before,
html body:has(.volta-download-home) .volta-download-home:before,
html body.volta-page-download .volta-download-shell:before,
html body:has(.volta-download-home) .volta-download-shell:before,
html body.volta-page-download .content-area.glass-card:before,
html body:has(.volta-download-home) .content-area.glass-card:before,
html body.volta-page-download .news-area.glass-inner:before,
html body:has(.volta-download-home) .news-area.glass-inner:before{
  display: none !important;
  content: none !important;
  background: transparent !important;
}

html body.volta-page-download .volta-download-video,
html body:has(.volta-download-home) .volta-download-video{
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
}

html body.volta-page-download .volta-download-video video,
html body:has(.volta-download-home) .volta-download-video video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.03) brightness(.9) !important;
}

html body.volta-page-download .volta-download-nav,
html body:has(.volta-download-home) .volta-download-nav{
  z-index: 50 !important;
}

html body.volta-page-download .volta-download-home,
html body:has(.volta-download-home) .volta-download-home{
  position: relative !important;
  z-index: 2 !important;
}

html body.volta-page-download .volta-download-stage,
html body:has(.volta-download-home) .volta-download-stage,
html body.volta-page-download .volta-download-mirrors,
html body:has(.volta-download-home) .volta-download-mirrors,
html body.volta-page-download .volta-download-stats,
html body:has(.volta-download-home) .volta-download-stats,
html body.volta-page-download .volta-download-info .volta-panel,
html body:has(.volta-download-home) .volta-download-info .volta-panel{
  background-color: rgba(7, 4, 2, .34) !important;
}

/* Premium download cards: glass, ornamental corners, sharper gold hierarchy. */
html body.volta-page-download .volta-download-stage,
html body:has(.volta-download-home) .volta-download-stage,
html body.volta-page-download .volta-download-mirrors,
html body:has(.volta-download-home) .volta-download-mirrors{
  border: 1px solid rgba(255, 213, 125, .72) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 175, 64, .13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.055), transparent 22%, rgba(255, 118, 29, .06) 58%, transparent),
    rgba(8, 4, 2, .36) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.055),
    inset 0 0 55px rgba(255, 118, 29, .08),
    0 0 0 1px rgba(80, 32, 8, .58),
    0 24px 70px rgba(0,0,0,.42),
    0 0 34px rgba(255, 120, 32, .12) !important;
  backdrop-filter: blur(5px) saturate(1.18) !important;
}

html body.volta-page-download .volta-download-stage:before,
html body:has(.volta-download-home) .volta-download-stage:before,
html body.volta-page-download .volta-download-mirrors:before,
html body:has(.volta-download-home) .volta-download-mirrors:before{
  content: "" !important;
  position: absolute !important;
  inset: 13px !important;
  display: block !important;
  border: 1px solid rgba(255, 213, 125, .2) !important;
  background:
    linear-gradient(90deg, rgba(255, 213, 125, .32), transparent 14%, transparent 86%, rgba(255, 213, 125, .32)) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(255, 213, 125, .24), transparent 16%, transparent 84%, rgba(255, 213, 125, .24)) bottom / 100% 1px no-repeat !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body.volta-page-download .volta-download-stage .volta-hero__copy,
html body:has(.volta-download-home) .volta-download-stage .volta-hero__copy,
html body.volta-page-download .volta-download-mirrors > *,
html body:has(.volta-download-home) .volta-download-mirrors > *{
  position: relative !important;
  z-index: 2 !important;
}

html body.volta-page-download .volta-download-stage h1,
html body:has(.volta-download-home) .volta-download-stage h1{
  color: #fff5e8 !important;
  -webkit-text-stroke: 1px rgba(255, 221, 164, .18);
  text-shadow:
    0 2px 0 rgba(76, 22, 5, .9),
    0 0 18px rgba(255, 136, 48, .48),
    0 0 48px rgba(255, 214, 133, .18) !important;
}

html body.volta-page-download .volta-download-stage h2,
html body:has(.volta-download-home) .volta-download-stage h2{
  color: #ffe08f !important;
}

html body.volta-page-download .volta-download-stage p,
html body:has(.volta-download-home) .volta-download-stage p{
  color: rgba(255,255,255,.84) !important;
}

html body.volta-page-download .volta-download-stage .volta-play-button,
html body:has(.volta-download-home) .volta-download-stage .volta-play-button,
html body.volta-page-download .volta-download-mirrors .volta-small-button,
html body:has(.volta-download-home) .volta-download-mirrors .volta-small-button{
  border: 1px solid rgba(255, 218, 126, .76) !important;
  background:
    linear-gradient(180deg, rgba(255, 219, 126, .18), rgba(107, 41, 10, .52)),
    linear-gradient(90deg, rgba(23, 9, 3, .78), rgba(91, 35, 8, .66), rgba(23, 9, 3, .78)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 18px 38px rgba(255,255,255,.035),
    0 0 24px rgba(255, 126, 30, .17) !important;
}

html body.volta-page-download .volta-download-mirrors .volta-panel__head--center,
html body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center{
  justify-content: flex-start !important;
  border-bottom: 1px solid rgba(255, 213, 125, .3) !important;
}

html body.volta-page-download .volta-download-mirrors .volta-panel__head--center i,
html body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center i{
  border-color: rgba(255, 213, 125, .55) !important;
  background:
    radial-gradient(circle at 50% 25%, rgba(255, 232, 167, .42), rgba(152, 73, 17, .5)),
    rgba(20, 8, 3, .5) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 18px rgba(255, 148, 45, .18) !important;
}

html body.volta-page-download .volta-download-mirrors .volta-panel__head--center h2,
html body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center h2{
  color: #fff0c6 !important;
}

html body.volta-page-download .volta-download-mirror,
html body:has(.volta-download-home) .volta-download-mirror{
  border: 1px solid rgba(255, 213, 125, .34) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.085), rgba(255,255,255,.022)),
    linear-gradient(135deg, rgba(255, 140, 35, .1), transparent 45%),
    rgba(10, 5, 2, .34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 12px 26px rgba(0,0,0,.24) !important;
}

html body.volta-page-download .volta-download-mirror:hover,
html body:has(.volta-download-home) .volta-download-mirror:hover{
  border-color: rgba(255, 226, 145, .75) !important;
  background:
    linear-gradient(90deg, rgba(255, 156, 44, .14), rgba(255,255,255,.04)),
    rgba(10, 5, 2, .38) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    0 16px 34px rgba(0,0,0,.32),
    0 0 22px rgba(255, 122, 32, .16) !important;
}

html body.volta-page-download .volta-download-mirror__badge,
html body:has(.volta-download-home) .volta-download-mirror__badge{
  color: #2b1003 !important;
  background:
    linear-gradient(180deg, #fff0b8, #d59a30 58%, #9e5c12) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.28),
    0 0 18px rgba(255, 184, 64, .26) !important;
}

html body.volta-page-download .volta-download-mirror__body strong,
html body:has(.volta-download-home) .volta-download-mirror__body strong{
  color: #fff0c5 !important;
  text-shadow: 0 0 12px rgba(255, 136, 48, .14) !important;
}

html body.volta-page-download .volta-download-mirror > a,
html body:has(.volta-download-home) .volta-download-mirror > a{
  border-color: rgba(255, 213, 125, .52) !important;
  background:
    linear-gradient(180deg, rgba(255, 219, 126, .12), rgba(108, 40, 9, .48)),
    rgba(16, 7, 3, .52) !important;
}

/* Final premium direction: visible luxury glass, not invisible panels. */
html body.volta-page-download .volta-download-stage,
html body:has(.volta-download-home) .volta-download-stage,
html body.volta-page-download .volta-download-mirrors,
html body:has(.volta-download-home) .volta-download-mirrors{
  border-radius: 2px !important;
  border: 1px solid rgba(255, 218, 132, .82) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018) 18%, rgba(0,0,0,.03)),
    radial-gradient(circle at 50% 0%, rgba(255, 169, 55, .22), transparent 38%),
    radial-gradient(circle at 50% 100%, rgba(121, 34, 8, .32), transparent 42%),
    linear-gradient(135deg, rgba(17, 8, 3, .78), rgba(53, 19, 6, .66) 48%, rgba(9, 4, 2, .82)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.075),
    inset 0 28px 70px rgba(255, 198, 98, .055),
    inset 0 -65px 95px rgba(0,0,0,.36),
    0 0 0 1px rgba(68, 26, 7, .72),
    0 30px 78px rgba(0,0,0,.44),
    0 0 42px rgba(255, 123, 31, .16) !important;
  backdrop-filter: blur(10px) saturate(1.25) contrast(1.03) !important;
}

html body.volta-page-download .volta-download-stage:before,
html body:has(.volta-download-home) .volta-download-stage:before,
html body.volta-page-download .volta-download-mirrors:before,
html body:has(.volta-download-home) .volta-download-mirrors:before{
  inset: 12px !important;
  border-color: rgba(255, 224, 147, .28) !important;
  background:
    linear-gradient(90deg, rgba(255, 224, 147, .52), transparent 17%, transparent 83%, rgba(255, 224, 147, .52)) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(255, 224, 147, .34), transparent 18%, transparent 82%, rgba(255, 224, 147, .34)) bottom / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(255, 224, 147, .44), transparent 16%, transparent 84%, rgba(255, 224, 147, .28)) left / 1px 100% no-repeat,
    linear-gradient(180deg, rgba(255, 224, 147, .44), transparent 16%, transparent 84%, rgba(255, 224, 147, .28)) right / 1px 100% no-repeat !important;
  box-shadow:
    inset 0 0 34px rgba(255, 132, 35, .06),
    0 0 18px rgba(255, 211, 129, .04) !important;
}

html body.volta-page-download .volta-download-stage:after,
html body:has(.volta-download-home) .volta-download-stage:after{
  height: 100% !important;
  background:
    linear-gradient(100deg, transparent 0%, rgba(255,255,255,.06) 46%, rgba(255,255,255,.105) 50%, rgba(255,255,255,.02) 56%, transparent 100%),
    radial-gradient(circle at 50% 50%, transparent 0%, rgba(0,0,0,.16) 72%) !important;
  opacity: .65 !important;
}

html body.volta-page-download .volta-download-mirrors:after,
html body:has(.volta-download-home) .volta-download-mirrors:after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.075) 48%, transparent 58%),
    radial-gradient(circle at 50% 0%, rgba(255, 173, 61, .12), transparent 44%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

html body.volta-page-download .volta-download-stage .volta-kicker,
html body:has(.volta-download-home) .volta-download-stage .volta-kicker{
  color: #fff2c6 !important;
  text-shadow: 0 0 18px rgba(255, 146, 43, .28) !important;
}

html body.volta-page-download .volta-download-stage h1,
html body:has(.volta-download-home) .volta-download-stage h1{
  color: #fff7eb !important;
  text-shadow:
    0 2px 0 rgba(86, 28, 7, .95),
    0 0 20px rgba(255, 125, 35, .58),
    0 0 58px rgba(255, 198, 101, .24) !important;
}

html body.volta-page-download .volta-download-stage h2,
html body:has(.volta-download-home) .volta-download-stage h2{
  color: #ffe18f !important;
  text-shadow: 0 1px 0 rgba(70, 22, 5, .9), 0 0 16px rgba(255, 128, 32, .2) !important;
}

html body.volta-page-download .volta-download-mirrors .volta-panel__head--center,
html body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center{
  padding: 0 0 18px !important;
  margin-bottom: 18px !important;
}

html body.volta-page-download .volta-download-mirrors .volta-panel__head--center h2,
html body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center h2{
  font-size: 25px !important;
  letter-spacing: .025em !important;
  color: #fff4ce !important;
}

html body.volta-page-download .volta-download-mirror,
html body:has(.volta-download-home) .volta-download-mirror{
  border-color: rgba(255, 218, 132, .42) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(90deg, rgba(255, 153, 44, .12), rgba(20, 8, 3, .64) 42%, rgba(6, 3, 1, .7)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    inset 0 16px 38px rgba(255,255,255,.025),
    0 12px 30px rgba(0,0,0,.28) !important;
}

html body.volta-page-download .volta-download-mirror > a,
html body:has(.volta-download-home) .volta-download-mirror > a{
  color: #fff2c3 !important;
  background:
    linear-gradient(180deg, rgba(255, 221, 126, .16), rgba(109, 42, 10, .58)),
    linear-gradient(90deg, rgba(20, 8, 3, .72), rgba(90, 35, 8, .72), rgba(20, 8, 3, .72)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.055),
    0 0 18px rgba(255, 123, 31, .09) !important;
}

/* Compact download layout: smaller panels, same premium look. */
html body.volta-page-download .volta-download-shell,
html body:has(.volta-download-home) .volta-download-shell,
html body.volta-page-download .volta-home-shell.volta-download-shell,
html body:has(.volta-download-home) .volta-home-shell.volta-download-shell{
  width: min(1420px, calc(100% - 96px)) !important;
}

html body.volta-page-download .volta-download-hero-home,
html body:has(.volta-download-home) .volta-download-hero-home{
  grid-template-columns: minmax(0, 1fr) 390px !important;
  gap: 24px !important;
  min-height: 430px !important;
}

html body.volta-page-download .volta-download-stage,
html body:has(.volta-download-home) .volta-download-stage{
  min-height: 430px !important;
  padding: 34px 38px !important;
}

html body.volta-page-download .volta-download-stage:before,
html body:has(.volta-download-home) .volta-download-stage:before,
html body.volta-page-download .volta-download-mirrors:before,
html body:has(.volta-download-home) .volta-download-mirrors:before{
  inset: 10px !important;
}

html body.volta-page-download .volta-download-stage .volta-hero__copy,
html body:has(.volta-download-home) .volta-download-stage .volta-hero__copy{
  max-width: 760px !important;
}

html body.volta-page-download .volta-download-stage .volta-kicker,
html body:has(.volta-download-home) .volta-download-stage .volta-kicker{
  font-size: 27px !important;
}

html body.volta-page-download .volta-download-stage h1,
html body:has(.volta-download-home) .volta-download-stage h1{
  font-size: clamp(58px, 5.7vw, 96px) !important;
}

html body.volta-page-download .volta-download-stage h2,
html body:has(.volta-download-home) .volta-download-stage h2{
  font-size: clamp(22px, 1.75vw, 29px) !important;
}

html body.volta-page-download .volta-download-stage p,
html body:has(.volta-download-home) .volta-download-stage p{
  max-width: 650px !important;
  font-size: 14px !important;
}

html body.volta-page-download .volta-download-stage .volta-play-button,
html body:has(.volta-download-home) .volta-download-stage .volta-play-button{
  width: min(270px, 100%) !important;
  min-height: 66px !important;
  margin-top: 20px !important;
}

html body.volta-page-download .volta-download-stage .volta-play-button strong,
html body:has(.volta-download-home) .volta-download-stage .volta-play-button strong{
  font-size: 20px !important;
}

html body.volta-page-download .volta-download-mirrors,
html body:has(.volta-download-home) .volta-download-mirrors{
  min-height: 430px !important;
  padding: 22px 24px !important;
}

html body.volta-page-download .volta-download-mirrors .volta-panel__head--center,
html body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center{
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
}

html body.volta-page-download .volta-download-mirrors .volta-panel__head--center i,
html body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center i{
  width: 38px !important;
  height: 38px !important;
}

html body.volta-page-download .volta-download-mirrors .volta-panel__head--center h2,
html body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center h2{
  font-size: 23px !important;
}

html body.volta-page-download .volta-download-mirror-list,
html body:has(.volta-download-home) .volta-download-mirror-list{
  gap: 12px !important;
}

html body.volta-page-download .volta-download-mirror,
html body:has(.volta-download-home) .volta-download-mirror{
  min-height: 88px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px 14px 13px !important;
}

html body.volta-page-download .volta-download-mirror__badge,
html body:has(.volta-download-home) .volta-download-mirror__badge{
  width: 38px !important;
  height: 38px !important;
  font-size: 16px !important;
}

html body.volta-page-download .volta-download-mirror__body strong,
html body:has(.volta-download-home) .volta-download-mirror__body strong{
  font-size: 19px !important;
}

html body.volta-page-download .volta-download-mirror__body span,
html body:has(.volta-download-home) .volta-download-mirror__body span{
  font-size: 10px !important;
}

html body.volta-page-download .volta-download-mirror > a,
html body:has(.volta-download-home) .volta-download-mirror > a{
  grid-column: 1 / -1 !important;
  min-height: 36px !important;
}

html body.volta-page-download .volta-download-mirrors .volta-small-button,
html body:has(.volta-download-home) .volta-download-mirrors .volta-small-button{
  min-height: 44px !important;
}

@media (max-width: 1420px){
  html body.volta-page-download .volta-download-shell,
  html body:has(.volta-download-home) .volta-download-shell{
    width: min(1180px, calc(100% - 48px)) !important;
  }

  html body.volta-page-download .volta-download-hero-home,
  html body:has(.volta-download-home) .volta-download-hero-home{
    grid-template-columns: minmax(0, 1fr) 360px !important;
  }
}

@media (max-width: 1180px){
  html body.volta-page-download .volta-download-hero-home,
  html body:has(.volta-download-home) .volta-download-hero-home{
    grid-template-columns: 1fr !important;
  }
}

/* Register page redesign: same cinematic system as Download. */
html body.volta-page-register,
html body:has(.volta-register-page){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.volta-page-register > .navbar.navbar-glass,
html body:has(.volta-register-page) > .navbar.navbar-glass,
html body.volta-page-register #body-bg,
html body:has(.volta-register-page) #body-bg,
html body.volta-page-register #page-loader,
html body:has(.volta-register-page) #page-loader,
html body.volta-page-register #mini-icons,
html body:has(.volta-register-page) #mini-icons,
html body.volta-page-register .content-area.glass-card > .row,
html body:has(.volta-register-page) .content-area.glass-card > .row{
  display: none !important;
}

html body.volta-page-register #content.site-content,
html body:has(.volta-register-page) #content.site-content,
html body.volta-page-register section#content.site-content,
html body:has(.volta-register-page) section#content.site-content,
html body.volta-page-register .site-container,
html body:has(.volta-register-page) .site-container,
html body.volta-page-register .site-wrapper,
html body:has(.volta-register-page) .site-wrapper,
html body.volta-page-register .site-wrapper > .row,
html body:has(.volta-register-page) .site-wrapper > .row,
html body.volta-page-register .col-xs-12,
html body:has(.volta-register-page) .col-xs-12,
html body.volta-page-register .content-area.glass-card,
html body:has(.volta-register-page) .content-area.glass-card,
html body.volta-page-register .news-area.glass-inner,
html body:has(.volta-register-page) .news-area.glass-inner,
html body.volta-page-register .volta-register-page,
html body:has(.volta-register-page) .volta-register-page,
html body.volta-page-register .volta-register-shell,
html body:has(.volta-register-page) .volta-register-shell{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.volta-page-register .volta-download-video,
html body:has(.volta-register-page) .volta-download-video,
html body.volta-page-register .volta-register-video,
html body:has(.volta-register-page) .volta-register-video{
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
}

html body.volta-page-register .volta-download-video video,
html body:has(.volta-register-page) .volta-download-video video,
html body.volta-page-register .volta-register-video video,
html body:has(.volta-register-page) .volta-register-video video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: saturate(1.14) contrast(1.04) brightness(.88) !important;
}

html body.volta-page-register .volta-register-nav,
html body:has(.volta-register-page) .volta-register-nav{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  width: 100% !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 0 34px !important;
  display: grid !important;
  grid-template-columns: 230px 1fr 224px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(231, 184, 94, .18) !important;
  border-radius: 0 !important;
  background: linear-gradient(to bottom, rgba(5,3,2,.92), rgba(5,3,2,.58)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px) !important;
}

.volta-register-page{
  position: relative !important;
  z-index: 2 !important;
  min-height: 100vh !important;
  color: var(--volta-text) !important;
}

.volta-register-shell{
  width: min(1320px, calc(100% - 96px)) !important;
  margin: 0 auto !important;
  padding: 128px 0 70px !important;
}

.volta-register-layout{
  display: grid !important;
  grid-template-columns: minmax(0, 460px) minmax(0, 620px) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 26px !important;
}

.volta-register-intro,
.volta-register-card{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 2px !important;
  border: 1px solid rgba(255, 218, 132, .82) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018) 18%, rgba(0,0,0,.03)),
    radial-gradient(circle at 50% 0%, rgba(255, 169, 55, .22), transparent 38%),
    radial-gradient(circle at 50% 100%, rgba(121, 34, 8, .32), transparent 42%),
    linear-gradient(135deg, rgba(17, 8, 3, .78), rgba(53, 19, 6, .66) 48%, rgba(9, 4, 2, .82)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.075),
    inset 0 28px 70px rgba(255, 198, 98, .055),
    inset 0 -65px 95px rgba(0,0,0,.36),
    0 0 0 1px rgba(68, 26, 7, .72),
    0 30px 78px rgba(0,0,0,.44),
    0 0 42px rgba(255, 123, 31, .16) !important;
  backdrop-filter: blur(10px) saturate(1.25) contrast(1.03) !important;
}

.volta-register-intro:before,
.volta-register-card:before{
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border: 1px solid rgba(255, 224, 147, .28) !important;
  background:
    linear-gradient(90deg, rgba(255, 224, 147, .52), transparent 17%, transparent 83%, rgba(255, 224, 147, .52)) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(255, 224, 147, .34), transparent 18%, transparent 82%, rgba(255, 224, 147, .34)) bottom / 100% 1px no-repeat,
    linear-gradient(180deg, rgba(255, 224, 147, .44), transparent 16%, transparent 84%, rgba(255, 224, 147, .28)) left / 1px 100% no-repeat,
    linear-gradient(180deg, rgba(255, 224, 147, .44), transparent 16%, transparent 84%, rgba(255, 224, 147, .28)) right / 1px 100% no-repeat !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.volta-register-intro > *,
.volta-register-card > *{
  position: relative !important;
  z-index: 2 !important;
}

.volta-register-intro{
  min-height: 560px !important;
  padding: 54px 44px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.volta-register-intro h1{
  margin: 8px 0 4px !important;
  color: #fff7eb !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(54px, 5.2vw, 82px) !important;
  line-height: .92 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 0 rgba(86, 28, 7, .95), 0 0 20px rgba(255, 125, 35, .58), 0 0 58px rgba(255, 198, 101, .24) !important;
}

.volta-register-intro h2{
  margin: 0 0 16px !important;
  color: #ffe18f !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 28px !important;
  text-transform: uppercase !important;
}

.volta-register-intro p{
  max-width: 380px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.volta-register-perks{
  display: grid !important;
  gap: 12px !important;
  margin: 28px 0 8px !important;
}

.volta-register-perks div{
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(255, 218, 132, .34) !important;
  background: linear-gradient(90deg, rgba(255, 153, 44, .12), rgba(20, 8, 3, .62)) !important;
}

.volta-register-perks i{
  grid-row: span 2 !important;
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  color: #2b1003 !important;
  background: linear-gradient(180deg, #fff0b8, #d59a30 58%, #9e5c12) !important;
  clip-path: polygon(50% 0, 92% 18%, 92% 72%, 50% 100%, 8% 72%, 8% 18%) !important;
}

.volta-register-perks strong,
.volta-register-perks span{
  display: block !important;
}

.volta-register-perks strong{
  color: #fff0c5 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
}

.volta-register-perks span{
  color: #f1d99d !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
}

.volta-register-card{
  min-height: 560px !important;
  padding: 34px 40px 36px !important;
}

.volta-register-card .volta-panel__head--center{
  justify-content: flex-start !important;
  margin-bottom: 22px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(255, 213, 125, .3) !important;
}

.volta-register-card .volta-panel__head--center i{
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 213, 125, .55) !important;
  color: #fff1c7 !important;
  background: radial-gradient(circle at 50% 25%, rgba(255, 232, 167, .42), rgba(152, 73, 17, .5)) !important;
}

.volta-register-card .volta-panel__head--center h2{
  color: #fff4ce !important;
  font-size: 27px !important;
}

.volta-register-form{
  display: grid !important;
  gap: 14px !important;
}

.volta-field label{
  display: block !important;
  margin-bottom: 7px !important;
  color: #ffe4a8 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.volta-input-wrap{
  position: relative !important;
}

.volta-input-wrap i{
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255, 218, 132, .82) !important;
  z-index: 2 !important;
}

.volta-register-form .form-control{
  width: 100% !important;
  height: 48px !important;
  padding: 0 14px 0 42px !important;
  color: #fff5dc !important;
  border: 1px solid rgba(255, 218, 132, .34) !important;
  border-radius: 0 !important;
  background: rgba(12, 6, 3, .52) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.volta-register-form .form-control:focus{
  border-color: rgba(255, 226, 145, .78) !important;
  box-shadow: 0 0 22px rgba(255, 122, 32, .16), inset 0 0 0 1px rgba(255,255,255,.045) !important;
}

.volta-field small{
  display: block !important;
  margin-top: 7px !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 11px !important;
}

.volta-captcha-row{
  display: grid !important;
  grid-template-columns: 150px 1fr !important;
  gap: 14px !important;
  align-items: end !important;
}

.volta-captcha-image{
  height: 73px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 218, 132, .34) !important;
  background: rgba(255,255,255,.82) !important;
}

.volta-captcha-image img{
  max-width: 100% !important;
  max-height: 64px !important;
}

.volta-register-note{
  min-height: 48px !important;
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 14px !important;
  color: #fff0c5 !important;
  border: 1px solid rgba(255, 218, 132, .34) !important;
  background: linear-gradient(90deg, rgba(255, 153, 44, .12), rgba(20, 8, 3, .62)) !important;
}

.volta-submit-button{
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #fff2c3 !important;
  border: 1px solid rgba(255, 218, 132, .76) !important;
  background:
    linear-gradient(180deg, rgba(255, 221, 126, .18), rgba(107, 41, 10, .52)),
    linear-gradient(90deg, rgba(23, 9, 3, .78), rgba(91, 35, 8, .66), rgba(23, 9, 3, .78)) !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 24px rgba(255, 126, 30, .17) !important;
}

.volta-register-form .alert{
  border-radius: 0 !important;
  border: 1px solid rgba(255, 218, 132, .34) !important;
  background: rgba(12, 6, 3, .72) !important;
  color: #fff0c5 !important;
}

@media (max-width: 1180px){
  .volta-register-shell{
    width: min(780px, calc(100% - 40px)) !important;
  }

  .volta-register-layout{
    grid-template-columns: 1fr !important;
  }

  .volta-register-intro,
  .volta-register-card{
    min-height: auto !important;
  }
}

@media (max-width: 680px){
  html body.volta-page-register .volta-register-nav,
  html body:has(.volta-register-page) .volta-register-nav{
    min-height: 78px !important;
    padding: 0 18px !important;
    display: flex !important;
    justify-content: space-between !important;
  }

  .volta-register-shell{
    width: calc(100% - 22px) !important;
    padding-top: 96px !important;
  }

  .volta-register-intro,
  .volta-register-card{
    padding: 30px 20px !important;
  }

  .volta-captcha-row{
    grid-template-columns: 1fr !important;
  }
}

/* Register final compact pass: fit the first viewport, darker premium panels. */
html body.volta-page-register .volta-register-page:after,
html body:has(.volta-register-page) .volta-register-page:after{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  display: block !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 118, 29, .08), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.34), rgba(0,0,0,.18), rgba(0,0,0,.34)),
    rgba(0,0,0,.28) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

html body.volta-page-register .volta-register-shell,
html body:has(.volta-register-page) .volta-register-shell{
  position: relative !important;
  z-index: 2 !important;
  width: min(1120px, calc(100% - 56px)) !important;
  min-height: calc(100vh - 88px) !important;
  margin: 0 auto !important;
  padding: 118px 0 34px !important;
  display: grid !important;
  align-items: center !important;
}

html body.volta-page-register .volta-register-layout,
html body:has(.volta-register-page) .volta-register-layout{
  grid-template-columns: minmax(0, 390px) minmax(0, 500px) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

html body.volta-page-register .volta-register-intro,
html body:has(.volta-register-page) .volta-register-intro,
html body.volta-page-register .volta-register-card,
html body:has(.volta-register-page) .volta-register-card{
  min-height: 0 !important;
  border-color: rgba(255, 207, 113, .72) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012) 18%, rgba(0,0,0,.08)),
    radial-gradient(circle at 50% 0%, rgba(255, 139, 38, .13), transparent 36%),
    linear-gradient(135deg, rgba(8, 4, 2, .9), rgba(32, 11, 4, .86) 48%, rgba(5, 2, 1, .92)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.052),
    inset 0 22px 58px rgba(255, 180, 70, .035),
    inset 0 -54px 82px rgba(0,0,0,.48),
    0 0 0 1px rgba(64, 24, 6, .78),
    0 24px 64px rgba(0,0,0,.52),
    0 0 30px rgba(255, 105, 26, .11) !important;
  backdrop-filter: blur(9px) saturate(1.15) contrast(1.05) !important;
}

html body.volta-page-register .volta-register-intro{
  padding: 36px 34px !important;
  justify-content: center !important;
}

html body.volta-page-register .volta-register-card{
  padding: 28px 34px 30px !important;
}

html body.volta-page-register .volta-register-intro h1,
html body:has(.volta-register-page) .volta-register-intro h1{
  font-size: clamp(44px, 4.3vw, 64px) !important;
  margin-top: 6px !important;
}

html body.volta-page-register .volta-register-intro h2,
html body:has(.volta-register-page) .volta-register-intro h2{
  font-size: 22px !important;
  margin-bottom: 12px !important;
}

html body.volta-page-register .volta-register-intro p,
html body:has(.volta-register-page) .volta-register-intro p{
  max-width: 330px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html body.volta-page-register .volta-register-perks,
html body:has(.volta-register-page) .volta-register-perks{
  gap: 9px !important;
  margin: 20px 0 4px !important;
}

html body.volta-page-register .volta-register-perks div,
html body:has(.volta-register-page) .volta-register-perks div{
  grid-template-columns: 38px 1fr !important;
  padding: 10px 12px !important;
  background:
    linear-gradient(90deg, rgba(255, 143, 40, .1), rgba(8, 4, 2, .58)) !important;
}

html body.volta-page-register .volta-register-perks i,
html body:has(.volta-register-page) .volta-register-perks i{
  width: 34px !important;
  height: 34px !important;
}

html body.volta-page-register .volta-register-perks strong,
html body:has(.volta-register-page) .volta-register-perks strong{
  font-size: 15px !important;
}

html body.volta-page-register .volta-register-perks span,
html body:has(.volta-register-page) .volta-register-perks span{
  font-size: 10px !important;
}

html body.volta-page-register .volta-register-download,
html body:has(.volta-register-page) .volta-register-download{
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 18px !important;
}

html body.volta-page-register .volta-register-download strong,
html body:has(.volta-register-page) .volta-register-download strong{
  font-size: 19px !important;
}

html body.volta-page-register .volta-register-card .volta-panel__head--center,
html body:has(.volta-register-page) .volta-register-card .volta-panel__head--center{
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
}

html body.volta-page-register .volta-register-card .volta-panel__head--center i,
html body:has(.volta-register-page) .volta-register-card .volta-panel__head--center i{
  width: 36px !important;
  height: 36px !important;
}

html body.volta-page-register .volta-register-card .volta-panel__head--center h2,
html body:has(.volta-register-page) .volta-register-card .volta-panel__head--center h2{
  font-size: 24px !important;
}

html body.volta-page-register .volta-register-form,
html body:has(.volta-register-page) .volta-register-form{
  gap: 10px !important;
}

html body.volta-page-register .volta-field label,
html body:has(.volta-register-page) .volta-field label{
  margin-bottom: 5px !important;
  font-size: 11px !important;
}

html body.volta-page-register .volta-register-form .form-control,
html body:has(.volta-register-page) .volta-register-form .form-control{
  height: 42px !important;
  background: rgba(5, 3, 2, .74) !important;
}

html body.volta-page-register .volta-field small,
html body:has(.volta-register-page) .volta-field small{
  margin-top: 5px !important;
  font-size: 10px !important;
}

html body.volta-page-register .volta-captcha-row,
html body:has(.volta-register-page) .volta-captcha-row{
  grid-template-columns: 128px 1fr !important;
  gap: 12px !important;
}

html body.volta-page-register .volta-captcha-image,
html body:has(.volta-register-page) .volta-captcha-image{
  height: 62px !important;
}

html body.volta-page-register .volta-captcha-image img,
html body:has(.volta-register-page) .volta-captcha-image img{
  max-height: 54px !important;
}

html body.volta-page-register .volta-register-note,
html body:has(.volta-register-page) .volta-register-note{
  min-height: 42px !important;
  padding: 10px 12px !important;
  background: linear-gradient(90deg, rgba(255, 143, 40, .1), rgba(8, 4, 2, .62)) !important;
}

html body.volta-page-register .volta-submit-button,
html body:has(.volta-register-page) .volta-submit-button{
  min-height: 48px !important;
}

@media (max-height: 760px) and (min-width: 1181px){
  html body.volta-page-register .volta-register-shell,
  html body:has(.volta-register-page) .volta-register-shell{
    padding-top: 100px !important;
    padding-bottom: 22px !important;
  }

  html body.volta-page-register .volta-register-intro,
  html body:has(.volta-register-page) .volta-register-intro{
    padding: 28px 30px !important;
  }

  html body.volta-page-register .volta-register-card,
  html body:has(.volta-register-page) .volta-register-card{
    padding: 24px 30px !important;
  }

  html body.volta-page-register .volta-register-perks div,
  html body:has(.volta-register-page) .volta-register-perks div{
    padding: 8px 11px !important;
  }
}

/* Ranking pages: Players / Guilds / Promoters public cinematic layout. */
html body.volta-page-players,
html body.volta-page-guilds,
html body.volta-page-referrals,
html body:has(.ranking-page){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.volta-page-players > .navbar.navbar-glass,
html body.volta-page-guilds > .navbar.navbar-glass,
html body.volta-page-referrals > .navbar.navbar-glass,
html body:has(.ranking-page) > .navbar.navbar-glass,
html body.volta-page-players #body-bg,
html body.volta-page-guilds #body-bg,
html body.volta-page-referrals #body-bg,
html body:has(.ranking-page) #body-bg,
html body.volta-page-players #page-loader,
html body.volta-page-guilds #page-loader,
html body.volta-page-referrals #page-loader,
html body:has(.ranking-page) #page-loader,
html body.volta-page-players .content-area.glass-card > .row,
html body.volta-page-guilds .content-area.glass-card > .row,
html body.volta-page-referrals .content-area.glass-card > .row,
html body:has(.ranking-page) .content-area.glass-card > .row{
  display: none !important;
}

html body.volta-page-players #content.site-content,
html body.volta-page-guilds #content.site-content,
html body.volta-page-referrals #content.site-content,
html body:has(.ranking-page) #content.site-content,
html body.volta-page-players .site-container,
html body.volta-page-guilds .site-container,
html body.volta-page-referrals .site-container,
html body:has(.ranking-page) .site-container,
html body.volta-page-players .site-wrapper,
html body.volta-page-guilds .site-wrapper,
html body.volta-page-referrals .site-wrapper,
html body:has(.ranking-page) .site-wrapper,
html body.volta-page-players .site-wrapper > .row,
html body.volta-page-guilds .site-wrapper > .row,
html body.volta-page-referrals .site-wrapper > .row,
html body:has(.ranking-page) .site-wrapper > .row,
html body.volta-page-players .col-xs-12,
html body.volta-page-guilds .col-xs-12,
html body.volta-page-referrals .col-xs-12,
html body:has(.ranking-page) .col-xs-12,
html body.volta-page-players .content-area.glass-card,
html body.volta-page-guilds .content-area.glass-card,
html body.volta-page-referrals .content-area.glass-card,
html body:has(.ranking-page) .content-area.glass-card,
html body.volta-page-players .news-area.glass-inner,
html body.volta-page-guilds .news-area.glass-inner,
html body.volta-page-referrals .news-area.glass-inner,
html body:has(.ranking-page) .news-area.glass-inner{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.volta-page-players .volta-download-video,
html body.volta-page-guilds .volta-download-video,
html body.volta-page-referrals .volta-download-video,
html body:has(.ranking-page) .volta-download-video{
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
}

html body.volta-page-players .volta-download-video video,
html body.volta-page-guilds .volta-download-video video,
html body.volta-page-referrals .volta-download-video video,
html body:has(.ranking-page) .volta-download-video video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.05) brightness(.78) !important;
}

html body.volta-page-players .volta-ranking-nav,
html body.volta-page-guilds .volta-ranking-nav,
html body.volta-page-referrals .volta-ranking-nav,
html body:has(.ranking-page) .volta-ranking-nav{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  width: 100% !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 0 34px !important;
  display: grid !important;
  grid-template-columns: 230px 1fr 224px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(231, 184, 94, .18) !important;
  border-radius: 0 !important;
  background: linear-gradient(to bottom, rgba(5,3,2,.92), rgba(5,3,2,.58)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px) !important;
}

.ranking-page{
  position: relative !important;
  z-index: 2 !important;
  width: min(1240px, calc(100% - 64px)) !important;
  min-height: calc(100vh - 88px) !important;
  margin: 0 auto !important;
  padding: 124px 0 52px !important;
  color: var(--volta-text) !important;
  background: transparent !important;
}

.ranking-page:before{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(255, 118, 29, .1), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.36), rgba(0,0,0,.18), rgba(0,0,0,.36)),
    rgba(0,0,0,.3) !important;
  pointer-events: none !important;
}

.ranking-page .glass-page-header,
.ranking-page .glass-page-body{
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 207, 113, .72) !important;
  border-radius: 2px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012) 18%, rgba(0,0,0,.08)),
    radial-gradient(circle at 50% 0%, rgba(255, 139, 38, .13), transparent 36%),
    linear-gradient(135deg, rgba(8, 4, 2, .9), rgba(32, 11, 4, .86) 48%, rgba(5, 2, 1, .92)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.052),
    inset 0 -54px 82px rgba(0,0,0,.48),
    0 0 0 1px rgba(64, 24, 6, .78),
    0 24px 64px rgba(0,0,0,.52),
    0 0 30px rgba(255, 105, 26, .11) !important;
  backdrop-filter: blur(9px) saturate(1.15) contrast(1.05) !important;
}

.ranking-page .glass-page-header{
  min-height: 132px !important;
  margin-bottom: 18px !important;
  padding: 30px 34px !important;
  display: flex !important;
  align-items: center !important;
}

.ranking-page .glass-page-body{
  padding: 24px 26px 28px !important;
}

.ranking-page .glass-title{
  margin: 0 !important;
  color: #fff4ce !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(32px, 3.1vw, 52px) !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 0 rgba(86, 28, 7, .95), 0 0 20px rgba(255, 125, 35, .38) !important;
}

.ranking-page .glass-subtitle{
  margin: 8px 0 0 !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 14px !important;
}

.ranking-page .glass-toolbar{
  margin-bottom: 18px !important;
}

.ranking-page .glass-search-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 160px !important;
  gap: 12px !important;
}

.ranking-page .glass-input{
  height: 46px !important;
  color: #fff5dc !important;
  border: 1px solid rgba(255, 218, 132, .34) !important;
  border-radius: 0 !important;
  background: rgba(5, 3, 2, .74) !important;
}

.ranking-page .glass-btn{
  height: 46px !important;
  color: #fff2c3 !important;
  border: 1px solid rgba(255, 218, 132, .68) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(255, 221, 126, .18), rgba(107, 41, 10, .52)) !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.ranking-page .glass-tabs{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.ranking-page .glass-tab{
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #f1d99d !important;
  border: 1px solid rgba(255, 218, 132, .3) !important;
  background: linear-gradient(90deg, rgba(255, 143, 40, .1), rgba(8, 4, 2, .62)) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
}

.ranking-page .glass-tab img{
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}

.ranking-page .glass-tab.is-active,
.ranking-page .glass-tab:hover{
  color: #fff4ce !important;
  border-color: rgba(255, 226, 145, .76) !important;
  box-shadow: 0 0 22px rgba(255, 122, 32, .14) !important;
}

.ranking-page .glass-table-wrap{
  overflow-x: auto !important;
  border: 1px solid rgba(255, 218, 132, .28) !important;
  background: rgba(5, 3, 2, .42) !important;
}

.ranking-page .glass-table{
  width: 100% !important;
  margin: 0 !important;
  color: #fff0c5 !important;
  border-collapse: collapse !important;
}

.ranking-page .glass-table thead th{
  padding: 15px 16px !important;
  color: #ffe4a8 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 218, 132, .28) !important;
  background: rgba(0,0,0,.34) !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.ranking-page .glass-table tbody td{
  padding: 14px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 218, 132, .12) !important;
  background: rgba(255,255,255,.018) !important;
  vertical-align: middle !important;
}

.ranking-page .glass-table tbody tr:hover td{
  background: rgba(255, 143, 40, .09) !important;
}

.ranking-page .glass-pagination{
  margin-top: 18px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: center !important;
}

.ranking-page .glass-pagination a{
  min-width: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f1d99d !important;
  border: 1px solid rgba(255, 218, 132, .3) !important;
  background: rgba(5, 3, 2, .64) !important;
  text-decoration: none !important;
}

.ranking-page .glass-pagination a.active,
.ranking-page .glass-pagination a:hover{
  color: #fff4ce !important;
  border-color: rgba(255, 226, 145, .76) !important;
  background: rgba(107, 41, 10, .52) !important;
}

@media (max-width: 820px){
  html body.volta-page-players .volta-ranking-nav,
  html body.volta-page-guilds .volta-ranking-nav,
  html body.volta-page-referrals .volta-ranking-nav,
  html body:has(.ranking-page) .volta-ranking-nav{
    min-height: 78px !important;
    padding: 0 18px !important;
    display: flex !important;
    justify-content: space-between !important;
  }

  .ranking-page{
    width: calc(100% - 22px) !important;
    padding-top: 96px !important;
  }

  .ranking-page .glass-search-row,
  .ranking-page .glass-tabs{
    grid-template-columns: 1fr !important;
  }
}

/* Leaderboard premium rows: richer top table styling. */
.ranking-page .glass-table-wrap{
  padding: 12px !important;
  border-color: rgba(255, 218, 132, .46) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 148, 42, .1), transparent 38%),
    rgba(5, 3, 2, .58) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 46px rgba(255, 105, 26, .06),
    0 18px 44px rgba(0,0,0,.34) !important;
}

.ranking-page .glass-table{
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

.ranking-page .glass-table thead th{
  padding: 12px 16px !important;
  color: #ffe9ad !important;
  border-bottom: 1px solid rgba(255, 218, 132, .32) !important;
  background:
    linear-gradient(180deg, rgba(255, 221, 126, .08), rgba(0,0,0,.18)),
    rgba(5, 3, 2, .74) !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

.ranking-page .glass-table tbody tr{
  position: relative !important;
  transition: transform .22s ease, filter .22s ease !important;
}

.ranking-page .glass-table tbody tr:hover{
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
}

.ranking-page .glass-table tbody th,
.ranking-page .glass-table tbody td{
  height: 54px !important;
  padding: 10px 16px !important;
  color: #f4dfb7 !important;
  border-top: 1px solid rgba(255, 218, 132, .12) !important;
  border-bottom: 1px solid rgba(255, 218, 132, .12) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),
    rgba(20, 11, 6, .72) !important;
  vertical-align: middle !important;
  font-weight: 800 !important;
}

.ranking-page .glass-table tbody th:first-child,
.ranking-page .glass-table tbody td:first-child{
  border-left: 1px solid rgba(255, 218, 132, .18) !important;
  border-radius: 8px 0 0 8px !important;
}

.ranking-page .glass-table tbody td:last-child{
  border-right: 1px solid rgba(255, 218, 132, .18) !important;
  border-radius: 0 8px 8px 0 !important;
}

.ranking-page .glass-table tbody th[scope="row"],
.ranking-page .glass-table tbody td:first-child{
  width: 70px !important;
  color: #2b1003 !important;
  text-align: center !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 0 !important;
}

.ranking-page .glass-table tbody th[scope="row"]:before,
.ranking-page .glass-table tbody td:first-child:before{
  content: attr(scope) !important;
}

.ranking-page .glass-table tbody th[scope="row"]{
  position: relative !important;
}

.ranking-page .glass-table tbody th[scope="row"]::after{
  content: attr(data-rank) !important;
}

.ranking-page .glass-table tbody th[scope="row"]{
  font-size: 0 !important;
}

.ranking-page .glass-table tbody th[scope="row"]{
  color: transparent !important;
}

.ranking-page .glass-table tbody th[scope="row"]::before{
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #2b1003 !important;
  background: linear-gradient(180deg, #ffe9a0, #c58a23) !important;
  clip-path: polygon(50% 0, 92% 18%, 92% 72%, 50% 100%, 8% 72%, 8% 18%) !important;
  box-shadow: 0 0 16px rgba(255, 180, 58, .22) !important;
}

.ranking-page .glass-table tbody tr:nth-child(1) th[scope="row"]::before{ content: "1" !important; background: linear-gradient(180deg, #fff3b9, #dba331 58%, #9f6515) !important; }
.ranking-page .glass-table tbody tr:nth-child(2) th[scope="row"]::before{ content: "2" !important; background: linear-gradient(180deg, #ffffff, #c8c8c8 58%, #8f8f8f) !important; }
.ranking-page .glass-table tbody tr:nth-child(3) th[scope="row"]::before{ content: "3" !important; background: linear-gradient(180deg, #ffd2a0, #c87935 58%, #8e4216) !important; }
.ranking-page .glass-table tbody tr:nth-child(n+4) th[scope="row"]::before{ content: ""; }

.ranking-page .glass-table tbody tr:nth-child(n+4) th[scope="row"]{
  color: #ffe4a8 !important;
  font-size: 14px !important;
}

.ranking-page .glass-table tbody tr:nth-child(n+4) th[scope="row"]::before{
  content: none !important;
}

.ranking-page .glass-table tbody tr:nth-child(1) th,
.ranking-page .glass-table tbody tr:nth-child(1) td{
  border-color: rgba(255, 224, 145, .42) !important;
  background:
    linear-gradient(90deg, rgba(255, 208, 71, .28), rgba(92, 29, 11, .52)),
    rgba(20, 11, 6, .78) !important;
  box-shadow: inset 0 0 22px rgba(255, 215, 84, .08) !important;
}

.ranking-page .glass-table tbody tr:nth-child(2) th,
.ranking-page .glass-table tbody tr:nth-child(2) td{
  border-color: rgba(231, 231, 231, .28) !important;
  background:
    linear-gradient(90deg, rgba(220, 220, 220, .16), rgba(72, 42, 29, .5)),
    rgba(20, 11, 6, .76) !important;
}

.ranking-page .glass-table tbody tr:nth-child(3) th,
.ranking-page .glass-table tbody tr:nth-child(3) td{
  border-color: rgba(218, 127, 57, .32) !important;
  background:
    linear-gradient(90deg, rgba(214, 116, 48, .2), rgba(72, 30, 18, .52)),
    rgba(20, 11, 6, .76) !important;
}

.ranking-page .glass-table tbody td:nth-child(2){
  color: #fff2ce !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  text-shadow: 0 0 12px rgba(255, 134, 35, .14) !important;
}

.ranking-page .glass-table tbody td img{
  width: 32px !important;
  height: 20px !important;
  object-fit: cover !important;
  border: 1px solid rgba(255, 218, 132, .36) !important;
  box-shadow: 0 0 12px rgba(0,0,0,.28) !important;
}

.ranking-page .glass-table tbody td.level-table,
.ranking-page .glass-table tbody td.exp-table{
  color: #ffe4a8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 950 !important;
}

.ranking-page .glass-table tbody td.level-table{
  text-align: center !important;
}

.ranking-page .glass-table tbody td.exp-table{
  color: #fff0c5 !important;
}

/* Referrals table uses TD for rank, keep those numbers visible. */
.ranking-page .glass-table tbody td:first-child{
  color: #ffe4a8 !important;
  font-size: 14px !important;
  text-align: center !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

.ranking-page .glass-table tbody td:first-child:before{
  content: none !important;
}

/* Final: remove the dark page sheet so the MP4 background stays visible. */
body.volta-page-download,
body:has(.volta-download-home),
body.volta-page-download .volta-download-home,
body:has(.volta-download-home) .volta-download-home,
.volta-download-home{
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}

body.volta-page-download .volta-download-home:before,
body:has(.volta-download-home) .volta-download-home:before,
.volta-download-home:before{
  display: none !important;
  content: none !important;
  background: transparent !important;
}

body.volta-page-download .volta-download-video,
body:has(.volta-download-home) .volta-download-video,
.volta-download-video{
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
}

body.volta-page-download .volta-download-video video,
body:has(.volta-download-home) .volta-download-video video,
.volta-download-video video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.03) brightness(.88) !important;
}

body.volta-page-download .volta-download-nav,
body.volta-page-download .volta-download-home,
body:has(.volta-download-home) .volta-download-nav,
body:has(.volta-download-home) .volta-download-home{
  position: relative !important;
  z-index: 2 !important;
}

body.volta-page-download > .volta-download-nav,
body:has(.volta-download-home) > .volta-download-nav,
.volta-download-nav{
  position: fixed !important;
  z-index: 50 !important;
}

body.volta-page-download .volta-download-stage,
body:has(.volta-download-home) .volta-download-stage,
.volta-download-home .volta-download-stage,
body.volta-page-download .volta-download-mirrors,
body:has(.volta-download-home) .volta-download-mirrors,
.volta-download-home .volta-download-mirrors,
body.volta-page-download .volta-download-stats,
body:has(.volta-download-home) .volta-download-stats,
.volta-download-home .volta-download-stats,
body.volta-page-download .volta-download-info .volta-panel,
body:has(.volta-download-home) .volta-download-info .volta-panel,
.volta-download-home .volta-download-info .volta-panel{
  background-color: rgba(7, 4, 2, .38) !important;
}

/* Download compact premium pass: smaller glass panels, more video visible. */
body.volta-page-download .volta-download-shell,
body:has(.volta-download-home) .volta-download-shell,
.volta-download-home .volta-download-shell{
  width: min(1780px, calc(100% - 72px)) !important;
}

body.volta-page-download .volta-download-hero-home,
body:has(.volta-download-home) .volta-download-hero-home,
.volta-download-home .volta-download-hero-home{
  grid-template-columns: minmax(0, 1fr) 470px !important;
  gap: 28px !important;
  min-height: 500px !important;
}

body.volta-page-download .volta-download-stage,
body:has(.volta-download-home) .volta-download-stage,
.volta-download-home .volta-download-stage{
  min-height: 500px !important;
  background-image:
    radial-gradient(circle at 50% 20%, rgba(255, 124, 28, .14), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.5), rgba(80, 24, 6, .12) 47%, rgba(0,0,0,.52)),
    linear-gradient(to bottom, rgba(0,0,0,.02), rgba(4,2,1,.5)) !important;
  background-color: rgba(7, 4, 2, .48) !important;
  border-color: rgba(255, 219, 139, .42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 -90px 120px rgba(0,0,0,.42),
    0 22px 62px rgba(0,0,0,.42),
    0 0 26px rgba(255, 95, 24, .08) !important;
  backdrop-filter: blur(2px) saturate(1.08) !important;
}

body.volta-page-download .volta-download-stage:before,
body:has(.volta-download-home) .volta-download-stage:before,
.volta-download-home .volta-download-stage:before{
  inset: 14px !important;
  border-color: rgba(231, 184, 94, .14) !important;
}

body.volta-page-download .volta-download-stage:after,
body:has(.volta-download-home) .volta-download-stage:after,
.volta-download-home .volta-download-stage:after{
  height: 34% !important;
  background: linear-gradient(to top, rgba(255, 91, 24, .08), transparent) !important;
}

body.volta-page-download .volta-download-stage h1,
body:has(.volta-download-home) .volta-download-stage h1,
.volta-download-home .volta-download-stage h1{
  font-size: clamp(66px, 6.4vw, 118px) !important;
}

body.volta-page-download .volta-download-stage h2,
body:has(.volta-download-home) .volta-download-stage h2,
.volta-download-home .volta-download-stage h2{
  font-size: clamp(23px, 1.8vw, 31px) !important;
}

body.volta-page-download .volta-download-stage .volta-play-button,
body:has(.volta-download-home) .volta-download-stage .volta-play-button,
.volta-download-home .volta-download-stage .volta-play-button{
  width: min(300px, 100%) !important;
  min-height: 78px !important;
  margin-top: 24px !important;
}

body.volta-page-download .volta-download-mirrors,
body:has(.volta-download-home) .volta-download-mirrors,
.volta-download-home .volta-download-mirrors{
  min-height: 500px !important;
  padding: 24px 26px 24px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 128, 30, .12), transparent 36%),
    linear-gradient(180deg, rgba(18, 11, 6, .66), rgba(7, 4, 2, .72)) !important;
  border-color: rgba(255, 219, 139, .44) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 22px 62px rgba(0,0,0,.44),
    0 0 26px rgba(255, 106, 25, .1) !important;
  backdrop-filter: blur(3px) saturate(1.12) !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center,
.volta-download-home .volta-download-mirrors .volta-panel__head--center{
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center h2,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center h2,
.volta-download-home .volta-download-mirrors .volta-panel__head--center h2{
  font-size: 25px !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center i,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center i,
.volta-download-home .volta-download-mirrors .volta-panel__head--center i{
  width: 42px !important;
  height: 42px !important;
}

body.volta-page-download .volta-download-mirror-list,
body:has(.volta-download-home) .volta-download-mirror-list,
.volta-download-home .volta-download-mirror-list{
  gap: 14px !important;
}

body.volta-page-download .volta-download-mirror,
body:has(.volta-download-home) .volta-download-mirror,
.volta-download-home .volta-download-mirror{
  min-height: 92px !important;
  grid-template-columns: 50px minmax(0, 1fr) 118px !important;
  gap: 14px !important;
  padding: 15px 16px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    rgba(12, 7, 4, .42) !important;
  backdrop-filter: blur(2px) !important;
}

body.volta-page-download .volta-download-mirror__badge,
body:has(.volta-download-home) .volta-download-mirror__badge,
.volta-download-home .volta-download-mirror__badge{
  width: 42px !important;
  height: 42px !important;
  font-size: 17px !important;
}

body.volta-page-download .volta-download-mirror__body strong,
body:has(.volta-download-home) .volta-download-mirror__body strong,
.volta-download-home .volta-download-mirror__body strong{
  font-size: 21px !important;
}

body.volta-page-download .volta-download-mirror > a,
body:has(.volta-download-home) .volta-download-mirror > a,
.volta-download-home .volta-download-mirror > a{
  grid-column: auto !important;
  min-height: 42px !important;
  padding: 0 18px !important;
}

body.volta-page-download .volta-download-mirrors .volta-small-button,
body:has(.volta-download-home) .volta-download-mirrors .volta-small-button,
.volta-download-home .volta-download-mirrors .volta-small-button{
  min-height: 50px !important;
  background: linear-gradient(180deg, rgba(255, 221, 139, .1), rgba(102, 39, 9, .36)) !important;
}

@media (max-width: 1420px){
  body.volta-page-download .volta-download-hero-home,
  body:has(.volta-download-home) .volta-download-hero-home,
  .volta-download-home .volta-download-hero-home{
    grid-template-columns: minmax(0, 1fr) 430px !important;
  }
}

@media (max-width: 1280px){
  body.volta-page-download .volta-download-hero-home,
  body:has(.volta-download-home) .volta-download-hero-home,
  .volta-download-home .volta-download-hero-home{
    grid-template-columns: 1fr !important;
  }
}

/* Remove the remaining dead vertical gap on Download. */
body.volta-page-download .volta-download-home,
body:has(.volta-download-home) .volta-download-home{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.volta-page-download .volta-download-shell,
body:has(.volta-download-home) .volta-download-shell{
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  margin-top: 0 !important;
  padding-top: 88px !important;
}

body.volta-page-download .volta-download-hero-home,
body:has(.volta-download-home) .volta-download-hero-home{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.volta-page-download .volta-download-stage,
body:has(.volta-download-home) .volta-download-stage{
  margin-top: 0 !important;
}

/* Pull Download content directly under the fixed top panel. */
body.volta-page-download .volta-download-shell,
body:has(.volta-download-home) .volta-download-shell{
  padding-top: 0 !important;
}

body.volta-page-download .volta-download-hero-home,
body:has(.volta-download-home) .volta-download-hero-home{
  margin-top: 88px !important;
}

@media (max-width: 820px){
  body.volta-page-download .volta-download-hero-home,
  body:has(.volta-download-home) .volta-download-hero-home{
    margin-top: 78px !important;
  }
}

/* =========================================================
   VOLTA2 HOMEPAGE 2026 - cinematic redesign preview
   ========================================================= */

body.modern-ui{
  min-height: 100vh;
  background: #050608 !important;
  overflow-x: hidden;
}

body.volta-home-page > .navbar.navbar-glass,
body.volta-home-page > .site-content{
  display: none !important;
}

body.volta-home-page #page-loader{
  display: none !important;
}

body.volta-home-page #body-bg{
  display: none !important;
}

.volta-home-redesign{
  position: relative;
  min-height: 100vh;
  color: #fff;
  isolation: isolate;
  font-family: "Inter", "Arial", sans-serif;
}

.volta-home-redesign__video,
.volta-home-redesign__video video{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
}

.volta-home-redesign__video{
  z-index: -3;
  background: #050608;
}

.volta-home-redesign__video video{
  object-fit: cover;
  filter: saturate(1.16) contrast(1.05) brightness(.68);
}

.volta-home-redesign__shade{
  position: fixed;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 22% 18%, rgba(243, 82, 35, .38), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(0, 214, 201, .26), transparent 26%),
    radial-gradient(circle at 70% 78%, rgba(118, 72, 255, .23), transparent 34%),
    linear-gradient(115deg, rgba(3, 5, 9, .94) 0%, rgba(8, 10, 18, .7) 47%, rgba(3, 5, 9, .94) 100%);
}

.volta-home-redesign:before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 82%);
}

.volta-home-nav{
  position: sticky;
  top: 0;
  z-index: 20;
  width: min(1180px, calc(100% - 36px));
  min-height: 82px;
  margin: 18px auto 0;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: rgba(5, 8, 13, .72);
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
  backdrop-filter: blur(20px);
}

.volta-home-nav__brand{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  min-width: 128px;
}

.volta-home-nav__brand img{
  max-width: 118px;
  max-height: 58px;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.55));
}

.volta-home-nav__links{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.volta-home-nav__links a,
.volta-home-nav__cta,
.volta-panel__head > a{
  color: rgba(255,255,255,.82) !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 8px;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.volta-home-nav__links a{
  padding: 11px 14px;
}

.volta-home-nav__links a:hover{
  color: #fff !important;
  background: rgba(255,255,255,.1);
}

.volta-home-nav__cta{
  min-width: 132px;
  padding: 13px 18px;
  text-align: center;
  color: #171009 !important;
  background: linear-gradient(135deg, #ffe08a, #ff7a2f);
  box-shadow: 0 14px 38px rgba(255, 117, 37, .34);
}

.volta-home-shell{
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
  padding: 46px 0 70px;
}

.volta-hero{
  min-height: calc(100vh - 170px);
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
  gap: 24px;
  align-items: center;
}

.volta-hero__copy{
  max-width: 720px;
}

.volta-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px 13px;
  border: 1px solid rgba(0, 214, 201, .35);
  border-radius: 8px;
  color: #bffffa;
  background: rgba(0, 214, 201, .09);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.volta-pulse{
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #17f7a3;
  box-shadow: 0 0 0 8px rgba(23, 247, 163, .12), 0 0 24px rgba(23, 247, 163, .75);
}

.volta-hero h1{
  max-width: 760px;
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(54px, 7vw, 104px);
  line-height: .92;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
  text-shadow: 0 20px 70px rgba(0,0,0,.55);
}

.volta-hero p{
  max-width: 610px;
  margin: 0;
  color: rgba(255,255,255,.77);
  font-size: 18px;
  line-height: 1.65;
}

.volta-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.volta-btn,
.volta-login button{
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 8px;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.volta-btn:hover,
.volta-login button:hover,
.volta-rank:hover{
  transform: translateY(-2px);
}

.volta-btn--primary,
.volta-login button{
  color: #170f08 !important;
  background: linear-gradient(135deg, #ffec9a, #ff7a2f 62%, #ef3e2e);
  box-shadow: 0 18px 45px rgba(255, 112, 43, .32);
}

.volta-btn--ghost{
  border-color: rgba(255,255,255,.2);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
}

.volta-command,
.volta-panel{
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(12, 16, 25, .74), rgba(7, 10, 17, .78));
  box-shadow: 0 32px 80px rgba(0,0,0,.42);
  backdrop-filter: blur(24px);
}

.volta-command{
  padding: 22px;
}

.volta-command__header,
.volta-panel__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.volta-command__header{
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.volta-command__header span,
.volta-panel__eyebrow,
.volta-stat span{
  color: rgba(255,255,255,.56);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.volta-command__header strong{
  padding: 8px 11px;
  color: #05120d;
  border-radius: 999px;
  background: #17f7a3;
  font-size: 12px;
  text-transform: uppercase;
}

.volta-stat-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.volta-stat{
  min-height: 118px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
}

.volta-stat strong{
  color: #fff;
  font-size: 38px;
  line-height: 1;
  font-weight: 950;
}

.volta-home-grid{
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .55fr);
  grid-template-areas:
    "ranking account"
    "news news";
  gap: 18px;
  margin-top: 28px;
}

.volta-panel{
  padding: 22px;
}

.volta-panel--ranking{ grid-area: ranking; }
.volta-panel--account{ grid-area: account; }
.volta-panel--news{ grid-area: news; }

.volta-panel__head{
  margin-bottom: 18px;
}

.volta-panel h2{
  margin: 4px 0 0;
  color: #fff;
  font-size: 28px;
  font-weight: 950;
  letter-spacing: 0;
}

.volta-panel__head > a{
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.07);
  white-space: nowrap;
}

.volta-rank-list{
  display: grid;
  gap: 10px;
}

.volta-rank{
  min-height: 82px;
  display: grid;
  grid-template-columns: 58px 54px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.volta-rank--1{
  border-color: rgba(255, 218, 97, .48);
  background: linear-gradient(90deg, rgba(255, 190, 73, .2), rgba(255,255,255,.045));
}

.volta-rank:hover{
  border-color: rgba(0, 214, 201, .45);
  background: linear-gradient(90deg, rgba(0, 214, 201, .14), rgba(255,255,255,.06));
}

.volta-rank__place{
  color: rgba(255,255,255,.42);
  font-size: 28px;
  font-weight: 950;
}

.volta-rank__avatar{
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.2);
}

.volta-rank__avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.volta-rank__body{
  min-width: 0;
}

.volta-rank__body strong,
.volta-rank__body small{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.volta-rank__body strong{
  color: #fff;
  font-size: 17px;
  font-weight: 950;
}

.volta-rank__body small{
  margin-top: 4px;
  color: rgba(255,255,255,.6);
  font-size: 12px;
  font-weight: 800;
}

.volta-rank__spark{
  color: #ffe08a;
  text-align: right;
}

.volta-login{
  display: grid;
  gap: 12px;
}

.volta-login input{
  width: 100%;
  height: 52px;
  padding: 0 14px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 8px;
  background: rgba(0,0,0,.26);
  outline: none;
}

.volta-login input:focus{
  border-color: rgba(0, 214, 201, .55);
  box-shadow: 0 0 0 4px rgba(0, 214, 201, .1);
}

.volta-login__links,
.volta-account{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.volta-login__links a,
.volta-account a{
  color: rgba(255,255,255,.72) !important;
  text-decoration: none !important;
  font-weight: 800;
}

.volta-account{
  flex-direction: column;
}

.volta-account strong{
  color: #fff;
  font-size: 18px;
}

.volta-news-content{
  max-height: 430px;
  overflow: auto;
  padding-right: 8px;
}

.volta-news-content,
.volta-news-content *{
  color: rgba(255,255,255,.82) !important;
}

.volta-news-content .panel,
.volta-news-content .panel-heading,
.volta-news-content .panel-body,
.volta-news-content .well,
.volta-news-content table,
.volta-news-content tr,
.volta-news-content td,
.volta-news-content th{
  border-color: rgba(255,255,255,.12) !important;
  background: transparent !important;
}

.volta-empty{
  padding: 24px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  color: rgba(255,255,255,.72);
  background: rgba(255,255,255,.06);
}

@media (max-width: 980px){
  .volta-home-nav,
  .volta-hero,
  .volta-home-grid{
    grid-template-columns: 1fr;
  }

  .volta-home-grid{
    grid-template-areas:
      "ranking"
      "account"
      "news";
  }

  .volta-hero{
    min-height: auto;
    padding-top: 36px;
  }

  .volta-home-nav{
    align-items: stretch;
    flex-direction: column;
  }

  .volta-home-nav__brand,
  .volta-home-nav__cta{
    width: 100%;
  }
}

@media (max-width: 560px){
  .volta-home-nav,
  .volta-home-shell{
    width: min(100% - 24px, 1180px);
  }

  .volta-home-shell{
    padding-top: 30px;
  }

  .volta-hero h1{
    font-size: 44px;
  }

  .volta-stat-grid{
    grid-template-columns: 1fr;
  }

  .volta-rank{
    grid-template-columns: 44px 46px minmax(0, 1fr);
  }

  .volta-rank__spark{
    display: none;
  }
}

/* =========================================================
   VOLTA2 DARK FANTASY PREMIUM - final visual direction
   ========================================================= */

:root{
  --volta-black: #050302;
  --volta-panel: rgba(11, 8, 5, .78);
  --volta-panel-strong: rgba(15, 10, 5, .9);
  --volta-gold: #e7b85e;
  --volta-gold-soft: #ffdf8d;
  --volta-bronze: #9c5524;
  --volta-red: #b62413;
  --volta-lava: #ff6a19;
  --volta-text: #ead9bd;
  --volta-muted: rgba(234, 217, 189, .68);
  --volta-green: #62f345;
}

html{
  scroll-behavior: smooth;
}

body.modern-ui{
  margin: 0;
  min-height: 100vh;
  color: var(--volta-text);
  background: var(--volta-black) !important;
  scrollbar-color: var(--volta-bronze) #070403;
}

body.volta-home-page:before,
body.volta-home-page:after{
  display: none !important;
}

.volta-home-redesign{
  min-height: 100vh;
  overflow-x: hidden;
  font-family: "Trebuchet MS", Arial, sans-serif;
  background:
    linear-gradient(to bottom, rgba(4,2,1,.3), #050302 84%),
    url("../videos/background.png") center top / cover fixed no-repeat;
}

.volta-home-redesign__video video{
  opacity: .82;
  filter: saturate(1.18) contrast(1.06) brightness(.82);
  transform: scale(1.01);
}

.volta-home-redesign__shade{
  background:
    radial-gradient(circle at 48% 8%, rgba(255, 120, 31, .26), transparent 24%),
    radial-gradient(circle at 16% 34%, rgba(171, 28, 11, .2), transparent 28%),
    radial-gradient(circle at 82% 42%, rgba(255, 91, 23, .18), transparent 24%),
    linear-gradient(90deg, rgba(0,0,0,.48), rgba(16,6,2,.18) 40%, rgba(0,0,0,.48)),
    linear-gradient(to bottom, rgba(0,0,0,.08), rgba(5,3,2,.64) 92%);
}

.volta-home-redesign:before{
  display: none !important;
}

.volta-embers{
  position: fixed;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}

.volta-embers span{
  position: absolute;
  bottom: -18px;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: #ff9a32;
  box-shadow: 0 0 14px #ff4d16, 0 0 28px rgba(255, 110, 32, .75);
  animation: voltaEmber 9s linear infinite;
}

.volta-embers span:nth-child(1){ left: 7%; animation-delay: 0s; animation-duration: 8s; }
.volta-embers span:nth-child(2){ left: 16%; animation-delay: 1.4s; animation-duration: 10s; }
.volta-embers span:nth-child(3){ left: 24%; animation-delay: 2.2s; animation-duration: 7s; }
.volta-embers span:nth-child(4){ left: 34%; animation-delay: .8s; animation-duration: 11s; }
.volta-embers span:nth-child(5){ left: 45%; animation-delay: 2.9s; animation-duration: 9s; }
.volta-embers span:nth-child(6){ left: 55%; animation-delay: 1.1s; animation-duration: 12s; }
.volta-embers span:nth-child(7){ left: 63%; animation-delay: 3.4s; animation-duration: 8s; }
.volta-embers span:nth-child(8){ left: 71%; animation-delay: .2s; animation-duration: 10s; }
.volta-embers span:nth-child(9){ left: 80%; animation-delay: 2s; animation-duration: 7.5s; }
.volta-embers span:nth-child(10){ left: 88%; animation-delay: 1.7s; animation-duration: 11s; }
.volta-embers span:nth-child(11){ left: 94%; animation-delay: 3s; animation-duration: 9s; }
.volta-embers span:nth-child(12){ left: 51%; animation-delay: 4s; animation-duration: 13s; }

@keyframes voltaEmber{
  0%{ transform: translate3d(0,0,0) scale(.6); opacity: 0; }
  10%{ opacity: .95; }
  100%{ transform: translate3d(42px,-105vh,0) scale(1.25); opacity: 0; }
}

.volta-home-nav{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 88px;
  margin: 0;
  padding: 0 34px;
  display: grid;
  grid-template-columns: 230px 1fr 224px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid rgba(231, 184, 94, .16);
  border-radius: 0;
  background: linear-gradient(to bottom, rgba(5,3,2,.88), rgba(5,3,2,.46));
  box-shadow: none;
  backdrop-filter: blur(10px);
}

.volta-home-nav__brand{
  width: auto;
  min-width: 0;
  justify-content: flex-start;
}

.volta-home-nav__brand img{
  max-width: 198px;
  max-height: 72px;
  filter: drop-shadow(0 0 20px rgba(255, 82, 22, .42));
}

.volta-home-nav__links{
  gap: 34px;
}

.volta-home-nav__links a{
  position: relative;
  padding: 34px 0 30px;
  color: #dfd1ba !important;
  font-size: 14px;
  letter-spacing: .02em;
  font-weight: 800;
  text-transform: uppercase;
  background: transparent !important;
}

.volta-home-nav__links a:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 16px;
  width: 0;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--volta-gold), transparent);
  box-shadow: 0 0 14px rgba(231, 184, 94, .8);
  transition: width .28s ease;
}

.volta-home-nav__links a:before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 12px;
  width: 6px;
  height: 6px;
  opacity: 0;
  transform: translateX(-50%) rotate(45deg);
  border: 1px solid var(--volta-gold);
  background: #120804;
  transition: opacity .28s ease;
}

.volta-home-nav__links a:hover,
.volta-home-nav__links a.is-active{
  color: var(--volta-gold-soft) !important;
}

.volta-home-nav__links a:hover:after,
.volta-home-nav__links a.is-active:after{
  width: 72px;
}

.volta-home-nav__links a:hover:before,
.volta-home-nav__links a.is-active:before{
  opacity: 1;
}

.volta-home-nav__cta,
.volta-small-button,
.volta-play-button,
.volta-login button{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(231, 184, 94, .58);
  color: var(--volta-gold-soft) !important;
  background:
    linear-gradient(180deg, rgba(255, 221, 139, .18), rgba(113, 51, 17, .42)),
    linear-gradient(90deg, rgba(0,0,0,.7), rgba(59, 24, 6, .74), rgba(0,0,0,.7));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 24px rgba(183, 76, 20, .2);
}

.volta-home-nav__actions{
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

.volta-home-nav__cta{
  min-width: 0;
  justify-self: end;
  padding: 14px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.volta-home-nav__logout{
  padding-inline: 18px;
  border-color: rgba(255, 112, 72, .58) !important;
  color: #ffd7b8 !important;
  background:
    linear-gradient(180deg, rgba(255, 150, 83, .16), rgba(96, 14, 8, .48)),
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(73, 18, 8, .78), rgba(0,0,0,.78)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 0 22px rgba(204, 46, 18, .22) !important;
}

.volta-home-nav__logout:hover{
  border-color: rgba(255, 176, 107, .86) !important;
  color: #fff0da !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.07), 0 0 28px rgba(224, 67, 23, .34) !important;
}

.volta-home-nav__cta i,
.volta-home-nav__cta span{
  position: relative;
  z-index: 1;
  color: var(--volta-gold-soft) !important;
}

.volta-home-nav__cta:after,
.volta-small-button:after,
.volta-play-button:after,
.volta-login button:after{
  content: "";
  position: absolute;
  inset: -80% auto -80% -40%;
  width: 36px;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  transition: left .45s ease;
}

.volta-home-nav__cta:hover:after,
.volta-small-button:hover:after,
.volta-play-button:hover:after,
.volta-login button:hover:after{
  left: 130%;
}

.volta-menu-toggle{
  display: none;
}

.volta-home-shell{
  width: min(1840px, calc(100% - 70px));
  min-width: min(1180px, calc(100% - 70px));
  padding: 104px 0 28px;
}

.volta-hero{
  min-height: 610px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 414px;
  gap: 28px;
  align-items: stretch;
}

.volta-hero__stage{
  position: relative;
  min-height: 610px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-bottom: 1px solid rgba(231, 184, 94, .18);
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 25, .25), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.62), rgba(64,18,5,.24) 48%, rgba(0,0,0,.64)),
    linear-gradient(to bottom, rgba(0,0,0,.08), rgba(5,3,2,.82)),
    url("../videos/background.png") center center / cover no-repeat;
}

.volta-hero__stage:before,
.volta-hero__stage:after{
  display: none;
}

.volta-character{
  display: none;
}

.volta-hero__copy{
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin-top: 18px;
  text-align: center;
}

.volta-kicker{
  display: block;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  color: var(--volta-gold-soft);
  background: transparent;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 2vw, 34px);
  letter-spacing: .18em;
  text-shadow: 0 0 18px rgba(255, 114, 32, .5);
}

.volta-hero h1{
  margin: 0;
  color: #ffd98b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(72px, 9vw, 152px);
  line-height: .82;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  text-shadow:
    0 2px 0 #5d2209,
    0 0 16px rgba(255, 98, 22, .9),
    0 0 46px rgba(255, 43, 13, .72);
  animation: voltaTitleGlow 3.5s ease-in-out infinite;
}

@keyframes voltaTitleGlow{
  0%,100%{ filter: brightness(1); }
  50%{ filter: brightness(1.18); }
}

.volta-hero h2{
  margin: 18px 0 8px;
  color: var(--volta-gold-soft);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: break-word;
}

.volta-hero p{
  max-width: 620px;
  margin: 0 auto;
  color: rgba(244, 226, 196, .82);
  font-size: 16px;
  line-height: 1.6;
}

.volta-play-button{
  width: min(280px, 100%);
  min-height: 78px;
  margin: 26px auto 13px;
  padding: 0 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  animation: voltaButtonGlow 2.8s ease-in-out infinite;
}

.volta-play-button strong{
  color: var(--volta-gold-soft);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  text-transform: uppercase;
}

.volta-play-button span{
  margin-top: 3px;
  color: #f4e0b4;
  font-size: 12px;
  text-transform: uppercase;
}

@keyframes voltaButtonGlow{
  0%,100%{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 20px rgba(179, 72, 20, .2); }
  50%{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 0 36px rgba(255, 102, 24, .45); }
}

.volta-online-pill{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ead9bd;
  font-size: 14px;
  text-transform: uppercase;
}

.volta-pulse{
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--volta-green);
  box-shadow: 0 0 0 6px rgba(98, 243, 69, .08), 0 0 18px rgba(98, 243, 69, .8);
}

.volta-panel{
  position: relative;
  border: 1px solid rgba(231, 184, 94, .46);
  border-radius: 0;
  background:
    linear-gradient(rgba(13, 8, 4, .82), rgba(8, 5, 3, .88)),
    url("../videos/background.jpg") center / cover no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 20px 55px rgba(0,0,0,.56);
  backdrop-filter: blur(12px);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.volta-panel:before,
.volta-panel:after{
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  pointer-events: none;
  border-color: var(--volta-gold);
  opacity: .8;
}

.volta-panel:before{
  top: -2px;
  left: -2px;
  border-top: 2px solid;
  border-left: 2px solid;
}

.volta-panel:after{
  right: -2px;
  bottom: -2px;
  border-right: 2px solid;
  border-bottom: 2px solid;
}

.volta-panel:hover{
  transform: translateY(-3px);
  border-color: rgba(255, 220, 133, .78);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.045), 0 24px 65px rgba(0,0,0,.62), 0 0 34px rgba(180, 68, 18, .18);
}

.volta-leaderboard{
  align-self: center;
  min-height: 532px;
  padding: 20px 24px 18px;
}

.volta-panel__head{
  margin: 0 0 16px;
}

.volta-panel__head--center{
  justify-content: center;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(231, 184, 94, .22);
  color: var(--volta-gold-soft);
}

.volta-panel__head--center i{
  color: var(--volta-gold);
  font-size: 20px;
}

.volta-panel h2,
.volta-panel__title{
  margin: 0;
  color: var(--volta-gold-soft);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.volta-leaderboard__table{
  display: grid;
  gap: 0;
}

.volta-leaderboard__row{
  min-height: 37px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 48px 78px;
  align-items: center;
  gap: 8px;
  color: var(--volta-text) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(231, 184, 94, .11);
  font-size: 14px;
  transition: background .25s ease, transform .25s ease;
}

.volta-leaderboard__row:not(.volta-leaderboard__row--head):hover{
  background: rgba(255, 122, 32, .08);
  transform: translateX(2px);
}

.volta-leaderboard__row--head{
  min-height: 28px;
  color: var(--volta-gold);
  font-size: 11px;
  text-transform: uppercase;
}

.volta-rank-badge{
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--volta-gold);
  font-weight: 900;
  border-radius: 4px;
}

.rank-1 .volta-rank-badge,
.rank-2 .volta-rank-badge,
.rank-3 .volta-rank-badge{
  color: #1c0d04;
  clip-path: polygon(50% 0, 92% 18%, 92% 72%, 50% 100%, 8% 72%, 8% 18%);
}

.rank-1 .volta-rank-badge{ background: linear-gradient(#ffe69a, #c98c22); }
.rank-2 .volta-rank-badge{ background: linear-gradient(#f0f0f0, #9d9d9d); }
.rank-3 .volta-rank-badge{ background: linear-gradient(#f0a06a, #a94b20); }

.volta-player{
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}

.volta-player img{
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  object-fit: cover;
  border: 1px solid rgba(231, 184, 94, .42);
  border-radius: 50%;
}

.volta-player strong{
  overflow: hidden;
  color: #f3e4c8;
  font-size: 14px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.volta-leaderboard__row > span:last-child{
  color: var(--volta-gold);
  text-align: right;
}

.volta-small-button{
  width: 204px;
  min-height: 39px;
  margin: 18px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.volta-stats-bar{
  min-height: 104px;
  margin: 26px 0 24px;
  padding: 14px 28px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: center;
  gap: 0;
  border: 1px solid rgba(231, 184, 94, .42);
  background: linear-gradient(90deg, rgba(9,6,4,.9), rgba(18,12,7,.78), rgba(9,6,4,.9));
  box-shadow: 0 24px 60px rgba(0,0,0,.54), inset 0 0 28px rgba(255, 110, 24, .05);
}

.volta-stat{
  min-height: 72px;
  padding: 0 22px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 14px;
  border: 0;
  border-right: 1px solid rgba(231, 184, 94, .16);
  border-radius: 0;
  background: transparent;
}

.volta-stat:last-child{
  border-right: 0;
}

.volta-stat i{
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--volta-gold);
  font-size: 34px;
  text-shadow: 0 0 18px rgba(255, 125, 32, .42);
}

.volta-stat strong{
  color: #f6ead3;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.05;
}

.volta-stat span{
  color: var(--volta-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.volta-info-grid{
  display: grid;
  grid-template-columns: minmax(320px, .86fr) minmax(420px, 1.08fr) minmax(320px, .86fr);
  gap: 28px;
}

.volta-info-grid .volta-panel{
  min-height: 318px;
  padding: 24px 32px;
}

.volta-panel__title{
  position: relative;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(231, 184, 94, .22);
}

.volta-status-list,
.volta-quick-list{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.volta-status-list li,
.volta-quick-list li{
  min-height: 38px;
  display: grid;
  align-items: center;
  border-bottom: 1px solid rgba(231, 184, 94, .12);
}

.volta-status-list li{
  grid-template-columns: 26px 1fr auto;
  gap: 10px;
}

.volta-status-list i{
  color: var(--volta-gold);
}

.volta-status-list strong{
  color: var(--volta-green);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.volta-uptime{
  margin-top: 16px;
  text-align: center;
  text-transform: uppercase;
}

.volta-uptime strong{
  color: var(--volta-gold);
}

.volta-about-body{
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 24px;
  align-items: center;
  padding: 20px 0;
}

.volta-about-body img{
  width: 100%;
  filter: drop-shadow(0 0 24px rgba(255, 88, 20, .36));
}

.volta-about-body p{
  margin: 0;
  color: rgba(244, 226, 196, .82);
  font-size: 15px;
  line-height: 1.7;
}

.volta-benefits{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(231, 184, 94, .2);
}

.volta-benefits div{
  min-height: 90px;
  padding: 16px;
  display: grid;
  grid-template-columns: 42px 1fr;
  align-content: center;
  column-gap: 12px;
  border-right: 1px solid rgba(231, 184, 94, .16);
}

.volta-benefits div:last-child{
  border-right: 0;
}

.volta-benefits i{
  grid-row: 1 / span 2;
  color: var(--volta-gold);
  font-size: 34px;
}

.volta-benefits strong{
  color: var(--volta-gold-soft);
  font-size: 13px;
  text-transform: uppercase;
}

.volta-benefits span{
  color: var(--volta-muted);
  font-size: 11px;
  text-transform: uppercase;
}

.volta-quick-list li{
  grid-template-columns: 1fr auto;
  gap: 18px;
}

.volta-quick-list span{
  color: var(--volta-muted);
}

.volta-quick-list strong{
  color: var(--volta-gold);
  font-weight: 500;
  text-align: right;
}

.volta-empty{
  border-color: rgba(231, 184, 94, .26);
  color: var(--volta-muted);
  background: rgba(0,0,0,.32);
}

@media (max-width: 1280px){
  .volta-home-nav{
    grid-template-columns: 190px 1fr 190px;
    padding: 0 22px;
  }

  .volta-home-shell{
    width: min(1180px, calc(100% - 36px));
  }

  .volta-hero{
    grid-template-columns: 1fr;
  }

  .volta-leaderboard{
    width: min(720px, 100%);
    justify-self: center;
  }

  .volta-stats-bar{
    grid-template-columns: repeat(3, 1fr);
  }

  .volta-stat:nth-child(3){
    border-right: 0;
  }

  .volta-info-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px){
  body.modern-ui,
  .volta-home-redesign{
    max-width: 100vw;
    overflow-x: hidden;
  }

  .volta-home-nav{
    min-height: 78px;
    width: 100vw;
    padding: 0 18px;
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
  }

  .volta-home-nav__brand{
    width: auto !important;
    min-width: 0;
  }

  .volta-home-nav__brand img{
    max-width: 172px;
  }

  .volta-menu-toggle{
    position: fixed;
    top: 17px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    z-index: 60;
    width: 44px;
    height: 44px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    justify-self: end;
    border: 2px solid rgba(255, 216, 128, .78);
    border-radius: 8px;
    background: rgba(60,20,5,.92);
    box-shadow: 0 0 22px rgba(255, 106, 25, .34);
  }

  .volta-menu-toggle span{
    width: 24px;
    height: 3px;
    background: var(--volta-gold);
    box-shadow: 0 0 8px rgba(255, 216, 128, .45);
  }

  .volta-home-nav__links,
  .volta-home-nav__cta{
    display: none;
  }

  .volta-home-nav.is-open{
    grid-template-columns: 1fr 46px;
    align-items: start;
    padding-bottom: 18px;
    background: rgba(5,3,2,.94);
  }

  .volta-home-nav.is-open .volta-home-nav__links,
  .volta-home-nav.is-open .volta-home-nav__cta{
    grid-column: 1 / -1;
    width: 100%;
    display: flex;
  }

  .volta-home-nav.is-open .volta-home-nav__links{
    flex-direction: column;
    gap: 0;
    align-items: stretch;
  }

  .volta-home-nav.is-open .volta-home-nav__links a{
    padding: 14px 0;
  }

  .volta-home-nav.is-open .volta-home-nav__cta{
    justify-self: stretch;
  }

  .volta-home-shell{
    padding-top: 92px;
    width: calc(100vw - 22px) !important;
    max-width: calc(100vw - 22px);
  }

  .volta-hero__stage{
    min-height: 560px;
    width: 100%;
    max-width: 100%;
  }

  .volta-hero p{
    max-width: 330px;
  }

  .volta-leaderboard{
    max-width: 100%;
  }

  .volta-hero__stage:before,
  .volta-hero__stage:after{
    opacity: .28;
  }

  .volta-stats-bar{
    grid-template-columns: 1fr;
    padding: 8px 18px;
  }

  .volta-stat{
    border-right: 0;
    border-bottom: 1px solid rgba(231, 184, 94, .16);
  }

  .volta-stat:last-child{
    border-bottom: 0;
  }

  .volta-leaderboard__row{
    grid-template-columns: 28px minmax(0, 1fr) 30px 52px;
    gap: 5px;
  }

  .volta-about-body,
  .volta-benefits{
    grid-template-columns: 1fr;
  }

  .volta-about-body img{
    max-width: 220px;
    margin: 0 auto;
  }

  .volta-benefits div{
    border-right: 0;
    border-bottom: 1px solid rgba(231, 184, 94, .16);
  }
}

@media (max-width: 520px){
  .volta-home-shell{
    width: min(100% - 22px, 1180px);
  }

  .volta-hero__stage{
    min-height: 520px;
  }

  .volta-hero h1{
    font-size: 64px;
  }

  .volta-kicker{
    font-size: 18px;
  }

  .volta-hero h2{
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 1.35;
  }

  .volta-leaderboard{
    padding: 18px 10px;
  }

  .volta-leaderboard__row{
    grid-template-columns: 28px minmax(0, 1fr) 30px 52px;
    gap: 5px;
    font-size: 11px;
  }

  .volta-rank-badge{
    width: 23px;
    height: 23px;
  }

  .volta-player strong{
    font-size: 12px;
  }

  .volta-player img{
    display: none;
  }

  .volta-info-grid .volta-panel{
    padding: 22px 18px;
  }
}

/* =========================================================
   VOLTA2 DOWNLOAD PAGE - dark fantasy subpage
   ========================================================= */

body.volta-page-download{
  min-height: 100vh;
  background:
    radial-gradient(circle at 48% 0%, rgba(255, 111, 28, .26), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.88), rgba(50, 14, 4, .35), rgba(0,0,0,.86)),
    #050302 !important;
}

body.volta-page-download > .navbar.navbar-glass,
body.volta-page-download #body-bg,
body.volta-page-download #page-loader,
body.volta-page-download #mini-icons,
body.volta-page-download .content-area.glass-card > .row{
  display: none !important;
}

body.volta-page-download .site-content{
  margin: 0 !important;
  padding: 0 !important;
}

body.volta-page-download .site-container,
body.volta-page-download .site-wrapper,
body.volta-page-download .site-wrapper > .row,
body.volta-page-download .col-xs-12{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.volta-page-download .content-area.glass-card,
body.volta-page-download .news-area.glass-inner{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.volta-download{
  min-height: 100vh;
  color: var(--volta-text);
  overflow-x: hidden;
  font-family: "Trebuchet MS", Arial, sans-serif;
}

.volta-download:before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 30%, rgba(180, 32, 14, .28), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(255, 116, 28, .22), transparent 28%),
    linear-gradient(to bottom, rgba(0,0,0,.08), #050302 88%);
}

.volta-download > *{
  position: relative;
  z-index: 1;
}

.volta-subnav{
  min-height: 88px;
  padding: 0 34px;
  display: grid;
  grid-template-columns: 230px 1fr 224px;
  align-items: center;
  border-bottom: 1px solid rgba(231, 184, 94, .18);
  background: rgba(5, 3, 2, .78);
  backdrop-filter: blur(12px);
}

.volta-subnav__brand img{
  max-width: 198px;
  max-height: 70px;
  filter: drop-shadow(0 0 20px rgba(255, 82, 22, .42));
}

.volta-subnav__links{
  display: flex;
  justify-content: center;
  gap: 34px;
}

.volta-subnav__links a{
  position: relative;
  padding: 34px 0 30px;
  color: #dfd1ba !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.volta-subnav__links a:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 16px;
  width: 0;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--volta-gold), transparent);
  transition: width .28s ease;
}

.volta-subnav__links a:hover,
.volta-subnav__links a.is-active{
  color: var(--volta-gold-soft) !important;
}

.volta-subnav__links a:hover:after,
.volta-subnav__links a.is-active:after{
  width: 74px;
}

.volta-subnav__login{
  justify-self: end;
  min-height: 48px;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  color: var(--volta-gold-soft) !important;
  text-decoration: none !important;
  border: 1px solid rgba(231, 184, 94, .58);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 221, 139, .18), rgba(113, 51, 17, .42));
  font-weight: 900;
  text-transform: uppercase;
  transition: transform .25s ease, box-shadow .25s ease;
}

.volta-subnav__login:hover{
  transform: translateY(-2px);
  box-shadow: 0 0 28px rgba(255, 106, 25, .25);
}

.volta-download-hero{
  width: min(1460px, calc(100% - 56px));
  min-height: 470px;
  margin: 34px auto 0;
  padding: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 34px;
  align-items: end;
  border: 1px solid rgba(231, 184, 94, .42);
  background:
    linear-gradient(90deg, rgba(5,3,2,.72), rgba(5,3,2,.25) 50%, rgba(5,3,2,.78)),
    url("../videos/background.png") center / cover no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 28px 80px rgba(0,0,0,.55);
}

.volta-download-kicker{
  color: var(--volta-gold-soft);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.volta-download-hero h1{
  max-width: 820px;
  margin: 12px 0 14px;
  color: #ffdc8d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(48px, 6vw, 92px);
  line-height: .94;
  text-transform: uppercase;
  text-shadow: 0 0 26px rgba(255, 93, 20, .55), 0 3px 0 #5d2209;
}

.volta-download-hero p{
  max-width: 660px;
  margin: 0;
  color: rgba(244, 226, 196, .82);
  font-size: 17px;
  line-height: 1.6;
}

.volta-download-hero__actions{
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.volta-gold-btn,
.volta-ghost-btn{
  min-height: 50px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: 950;
  text-transform: uppercase;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.volta-gold-btn{
  border: 1px solid rgba(231, 184, 94, .62);
  color: var(--volta-gold-soft) !important;
  background: linear-gradient(180deg, rgba(255, 221, 139, .2), rgba(111, 45, 12, .62));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 0 24px rgba(183, 76, 20, .22);
}

.volta-ghost-btn{
  border: 1px solid rgba(231, 184, 94, .28);
  color: #f0dfbf !important;
  background: rgba(0,0,0,.34);
}

.volta-gold-btn:hover,
.volta-ghost-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(255, 220, 133, .82);
  box-shadow: 0 0 30px rgba(255, 106, 25, .24);
}

.volta-download-hero__panel{
  padding: 22px;
  border: 1px solid rgba(231, 184, 94, .36);
  background: rgba(5, 3, 2, .72);
  backdrop-filter: blur(10px);
}

.volta-download-status{
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--volta-green);
  font-weight: 950;
  text-transform: uppercase;
}

.volta-download-metrics{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.volta-download-metrics div{
  min-height: 86px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(231, 184, 94, .18);
  background: rgba(255,255,255,.04);
}

.volta-download-metrics strong{
  color: var(--volta-gold-soft);
  font-size: 26px;
  line-height: 1;
}

.volta-download-metrics span{
  margin-top: 8px;
  color: var(--volta-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.volta-download-grid{
  width: min(1460px, calc(100% - 56px));
  margin: 26px auto 70px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 26px;
}

.volta-download-main,
.volta-download-side{
  min-width: 0;
}

.volta-section-head,
.volta-side-card,
.volta-download-card,
.volta-download-empty{
  border: 1px solid rgba(231, 184, 94, .38);
  background:
    linear-gradient(rgba(13, 8, 4, .82), rgba(8, 5, 3, .88)),
    url("../videos/background.jpg") center / cover no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 20px 55px rgba(0,0,0,.46);
}

.volta-section-head{
  padding: 22px 26px;
  margin-bottom: 14px;
}

.volta-section-head span{
  color: var(--volta-muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.volta-section-head h2{
  margin: 6px 0 0;
  color: var(--volta-gold-soft);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  text-transform: uppercase;
}

.volta-download-list{
  display: grid;
  gap: 14px;
}

.volta-download-card{
  position: relative;
  padding: 20px;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.volta-download-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255, 220, 133, .78);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.045), 0 24px 65px rgba(0,0,0,.62), 0 0 34px rgba(180, 68, 18, .2);
}

.volta-download-card__icon{
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(231, 184, 94, .38);
  background: radial-gradient(circle, rgba(255, 186, 79, .18), rgba(80, 24, 8, .5));
}

.volta-download-card__icon i{
  color: var(--volta-gold-soft);
  font-size: 26px;
  text-shadow: 0 0 18px rgba(255, 111, 28, .42);
}

.volta-download-card__body span{
  color: var(--volta-gold);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.volta-download-card__body h3{
  margin: 4px 0 5px;
  color: #fff1ce;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
  font-weight: 900;
}

.volta-download-card__body p{
  margin: 0;
  color: var(--volta-muted);
  line-height: 1.55;
}

.volta-download-card__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.volta-download-card__actions button{
  border-radius: 8px;
}

.volta-ghost-btn.is-copied{
  border-color: rgba(98, 243, 69, .6);
  color: var(--volta-green) !important;
}

.volta-download-side{
  display: grid;
  gap: 16px;
  align-content: start;
}

.volta-side-card{
  padding: 24px;
}

.volta-side-card h3{
  margin: 0 0 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(231, 184, 94, .2);
  color: var(--volta-gold-soft);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  text-transform: uppercase;
}

.volta-side-card ul,
.volta-side-card ol{
  margin: 0;
  padding: 0;
}

.volta-side-card ul{
  list-style: none;
}

.volta-side-card li{
  min-height: 38px;
  color: var(--volta-muted);
  border-bottom: 1px solid rgba(231, 184, 94, .12);
}

.volta-side-card ul li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.volta-side-card ol{
  padding-left: 18px;
}

.volta-side-card ol li{
  padding: 9px 0;
}

.volta-side-card strong{
  color: var(--volta-gold);
  text-align: right;
}

.volta-download-empty{
  padding: 24px;
  color: var(--volta-muted);
}

.volta-download-empty strong{
  display: block;
  color: var(--volta-gold-soft);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
}

@media (max-width: 1100px){
  .volta-subnav,
  .volta-download-hero,
  .volta-download-grid{
    grid-template-columns: 1fr;
  }

  .volta-subnav{
    padding: 16px 22px;
    gap: 12px;
  }

  .volta-subnav__brand,
  .volta-subnav__login{
    justify-self: center;
  }

  .volta-subnav__links{
    flex-wrap: wrap;
    gap: 18px;
  }

  .volta-subnav__links a{
    padding: 10px 0;
  }
}

@media (max-width: 680px){
  .volta-download-hero,
  .volta-download-grid{
    width: calc(100% - 22px);
  }

  .volta-download-hero{
    min-height: auto;
    margin-top: 18px;
    padding: 34px 18px;
  }

  .volta-download-hero h1{
    font-size: 42px;
  }

  .volta-download-metrics,
  .volta-download-card{
    grid-template-columns: 1fr;
  }

  .volta-download-card__actions{
    justify-content: stretch;
  }

  .volta-download-card__actions .volta-gold-btn,
  .volta-download-card__actions .volta-ghost-btn,
  .volta-download-hero__actions .volta-gold-btn,
  .volta-download-hero__actions .volta-ghost-btn{
    width: 100%;
  }
}

/* Download must follow the Home composition exactly */
body.volta-page-download #content.site-content,
body.volta-page-download section#content.site-content{
  margin: 0 !important;
  padding: 0 !important;
}

body.volta-page-download .volta-download-home{
  min-height: 100vh;
  color: var(--volta-text);
  background:
    radial-gradient(circle at 48% 0%, rgba(255, 111, 28, .26), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.88), rgba(50, 14, 4, .35), rgba(0,0,0,.86)),
    #050302;
}

.volta-download-video{
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background: #050302;
}

.volta-download-video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .82;
  filter: saturate(1.18) contrast(1.06) brightness(.82);
  transform: scale(1.01);
}

body.volta-page-download .volta-download-home:before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 34%, rgba(171, 28, 11, .34), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(255, 91, 23, .28), transparent 26%),
    linear-gradient(to bottom, rgba(0,0,0,.1), #050302 92%);
}

body.volta-page-download .volta-download-home > *{
  position: relative;
  z-index: 1;
}

body.volta-page-download .volta-download-nav{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  border-radius: 0;
  background: linear-gradient(to bottom, rgba(5,3,2,.92), rgba(5,3,2,.58));
}

body.volta-page-download .volta-download-shell{
  width: min(1840px, calc(100% - 70px));
  margin: 0 auto;
  padding: 104px 0 70px;
}

body.volta-page-download .volta-download-hero-home{
  min-height: 610px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 414px;
  gap: 28px;
  align-items: stretch;
}

body.volta-page-download .volta-download-stage{
  min-height: 610px;
  border: 1px solid rgba(231, 184, 94, .2);
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 25, .25), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.62), rgba(64,18,5,.24) 48%, rgba(0,0,0,.64)),
    linear-gradient(to bottom, rgba(0,0,0,.08), rgba(5,3,2,.82));
}

body.volta-page-download .volta-download-stage .volta-hero__copy{
  max-width: 760px;
}

body.volta-page-download .volta-download-stage h1{
  font-size: clamp(62px, 7.5vw, 128px);
}

body.volta-page-download .volta-download-stage h2{
  max-width: 900px;
}

.volta-download-mirrors{
  align-self: center;
  min-height: 532px;
  padding: 20px 24px 18px;
}

.volta-download-mirror-list{
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.volta-download-mirror{
  min-height: 78px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 102px;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(231, 184, 94, .14);
  background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.volta-download-mirror:hover{
  transform: translateY(-2px);
  border-color: rgba(255, 220, 133, .62);
  background: linear-gradient(90deg, rgba(255, 130, 34, .13), rgba(255,255,255,.04));
}

.volta-download-mirror__badge{
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: #1c0d04;
  background: linear-gradient(#ffe69a, #c98c22);
  font-weight: 950;
  clip-path: polygon(50% 0, 92% 18%, 92% 72%, 50% 100%, 8% 72%, 8% 18%);
}

.volta-download-mirror__body{
  min-width: 0;
}

.volta-download-mirror__body strong,
.volta-download-mirror__body span{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.volta-download-mirror__body strong{
  color: #fff1ce;
  font-size: 16px;
  font-weight: 950;
}

.volta-download-mirror__body span{
  margin-top: 4px;
  color: var(--volta-muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.volta-download-mirror > a{
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--volta-gold-soft) !important;
  text-decoration: none !important;
  border: 1px solid rgba(231, 184, 94, .46);
  background: rgba(89, 36, 10, .55);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.volta-download-stats{
  margin-top: 26px;
}

.volta-download-info{
  margin-top: 24px;
}

@media (max-width: 1280px){
  body.volta-page-download .volta-download-hero-home{
    grid-template-columns: 1fr;
  }

  .volta-download-mirrors{
    width: min(720px, 100%);
    justify-self: center;
  }
}

@media (max-width: 820px){
  body.volta-page-download .volta-download-shell{
    width: calc(100vw - 22px);
    max-width: calc(100vw - 22px);
    padding-top: 92px;
  }

  body.volta-page-download .volta-download-stage{
    min-height: 560px;
  }
}

@media (max-width: 520px){
  body.volta-page-download .volta-download-stage h1{
    font-size: 54px;
  }

  .volta-download-mirrors{
    padding: 18px 10px;
  }

  .volta-download-mirror{
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .volta-download-mirror > a{
    grid-column: 1 / -1;
  }
}

/* Hard alignment: Download uses the same top panel placement as Home.
   Uses :has() so it still works if the body class was not uploaded yet. */
body:has(.volta-download-home){
  min-height: 100vh;
  background:
    radial-gradient(circle at 48% 0%, rgba(255, 111, 28, .26), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.88), rgba(50, 14, 4, .35), rgba(0,0,0,.86)),
    #050302 !important;
}

body:has(.volta-download-home) .volta-download-video{
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
}

body:has(.volta-download-home) .volta-download-video video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .82;
}

body:has(.volta-download-home) > .navbar.navbar-glass,
body:has(.volta-download-home) #body-bg,
body:has(.volta-download-home) #page-loader,
body:has(.volta-download-home) #mini-icons,
body:has(.volta-download-home) .content-area.glass-card > .row{
  display: none !important;
}

body:has(.volta-download-home) #content.site-content,
body:has(.volta-download-home) .site-container,
body:has(.volta-download-home) .site-wrapper,
body:has(.volta-download-home) .site-wrapper > .row,
body:has(.volta-download-home) .col-xs-12,
body:has(.volta-download-home) .content-area.glass-card,
body:has(.volta-download-home) .news-area.glass-inner{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.volta-page-download > .volta-download-nav,
.volta-download-nav{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 200 !important;
  width: 100% !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 0 34px !important;
  display: grid !important;
  grid-template-columns: 230px 1fr 224px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(231, 184, 94, .18) !important;
  border-radius: 0 !important;
  background: linear-gradient(to bottom, rgba(5,3,2,.92), rgba(5,3,2,.58)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px);
}

.volta-download-home .volta-download-shell{
  width: min(1840px, calc(100% - 70px)) !important;
  margin: 0 auto !important;
  padding: 88px 0 70px !important;
}

.volta-download-home .volta-download-hero-home{
  min-height: 610px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 414px !important;
  gap: 28px !important;
  align-items: stretch !important;
}

body.volta-page-download .volta-download-home:before,
body:has(.volta-download-home) .volta-download-home:before{
  background:
    radial-gradient(circle at 48% 0%, rgba(255, 111, 28, .14), transparent 28%),
    linear-gradient(to bottom, rgba(0,0,0,.18), rgba(5,3,2,.42) 92%) !important;
}

.volta-download-home .volta-download-stage{
  min-height: 610px !important;
}

@media (max-width: 1280px){
  body.volta-page-download > .volta-download-nav,
  .volta-download-nav{
    grid-template-columns: 190px 1fr 190px !important;
    padding: 0 22px !important;
  }

  .volta-download-home .volta-download-shell{
    width: min(1180px, calc(100% - 36px)) !important;
  }

  .volta-download-home .volta-download-hero-home{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px){
  body.volta-page-download > .volta-download-nav,
  .volta-download-nav{
    min-height: 78px !important;
    width: 100vw !important;
    padding: 0 18px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
  }

  .volta-download-home .volta-download-shell{
    width: calc(100vw - 22px) !important;
    max-width: calc(100vw - 22px) !important;
    padding-top: 78px !important;
  }

  .volta-download-home .volta-download-stage{
    min-height: 560px !important;
  }
}

/* Final Download background override: no static image, video only. */
body.volta-page-download,
body:has(.volta-download-home),
body.volta-page-download .volta-download-home,
body:has(.volta-download-home) .volta-download-home{
  background-image:
    radial-gradient(circle at 48% 0%, rgba(255, 111, 28, .18), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.48), rgba(50, 14, 4, .18), rgba(0,0,0,.5)) !important;
  background-color: #050302 !important;
}

body.volta-page-download .volta-download-stage,
body:has(.volta-download-home) .volta-download-stage{
  background-image:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 25, .16), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.38), rgba(64,18,5,.14) 48%, rgba(0,0,0,.42)),
    linear-gradient(to bottom, rgba(0,0,0,.02), rgba(5,3,2,.45)) !important;
}

body.volta-page-download .volta-download-video,
body:has(.volta-download-home) .volta-download-video{
  z-index: -3 !important;
  display: block !important;
}

body.volta-page-download .volta-download-video video,
body:has(.volta-download-home) .volta-download-video video{
  opacity: .9 !important;
  filter: saturate(1.12) contrast(1.04) brightness(.9) !important;
}

/* Final visual priority for Download panels. Keep this at the end. */
body.volta-page-download .volta-download-hero-home,
body:has(.volta-download-home) .volta-download-hero-home,
.volta-download-home .volta-download-hero-home{
  grid-template-columns: minmax(0, 1fr) 520px !important;
  gap: 30px !important;
  align-items: stretch !important;
}

body.volta-page-download .volta-download-stage,
body:has(.volta-download-home) .volta-download-stage,
.volta-download-home .volta-download-stage{
  position: relative !important;
  min-height: 650px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 219, 139, .54) !important;
  background-image:
    radial-gradient(circle at 50% 18%, rgba(255, 124, 28, .24), transparent 27%),
    linear-gradient(90deg, rgba(0,0,0,.68), rgba(80, 24, 6, .18) 47%, rgba(0,0,0,.68)),
    linear-gradient(to bottom, rgba(0,0,0,.05), rgba(4,2,1,.82)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    inset 0 -140px 180px rgba(0,0,0,.62),
    0 28px 80px rgba(0,0,0,.55),
    0 0 34px rgba(255, 95, 24, .12) !important;
}

body.volta-page-download .volta-download-stage:before,
body:has(.volta-download-home) .volta-download-stage:before,
.volta-download-home .volta-download-stage:before{
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  display: block !important;
  border: 1px solid rgba(231, 184, 94, .18) !important;
  box-shadow: inset 0 0 35px rgba(255, 119, 29, .08) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.volta-page-download .volta-download-stage:after,
body:has(.volta-download-home) .volta-download-stage:after,
.volta-download-home .volta-download-stage:after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 46% !important;
  display: block !important;
  background:
    radial-gradient(circle at 50% 100%, rgba(255, 94, 19, .2), transparent 42%),
    linear-gradient(to top, rgba(255, 91, 24, .14), transparent) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body.volta-page-download .volta-download-stage .volta-hero__copy,
body:has(.volta-download-home) .volta-download-stage .volta-hero__copy,
.volta-download-home .volta-download-stage .volta-hero__copy{
  position: relative !important;
  z-index: 2 !important;
  max-width: 860px !important;
}

body.volta-page-download .volta-download-stage h1,
body:has(.volta-download-home) .volta-download-stage h1,
.volta-download-home .volta-download-stage h1{
  font-size: clamp(78px, 7.8vw, 148px) !important;
  text-shadow:
    0 2px 0 rgba(84, 28, 8, .95),
    0 0 22px rgba(255, 98, 25, .42),
    0 0 54px rgba(255, 163, 67, .2) !important;
}

body.volta-page-download .volta-download-stage h2,
body:has(.volta-download-home) .volta-download-stage h2,
.volta-download-home .volta-download-stage h2{
  color: var(--volta-gold-soft) !important;
  font-size: clamp(25px, 2.1vw, 36px) !important;
  text-shadow: 0 0 18px rgba(255, 114, 27, .22) !important;
}

body.volta-page-download .volta-download-stage .volta-play-button,
body:has(.volta-download-home) .volta-download-stage .volta-play-button,
.volta-download-home .volta-download-stage .volta-play-button{
  width: min(340px, 100%) !important;
  min-height: 92px !important;
  border-color: rgba(255, 221, 139, .7) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 28px rgba(255, 116, 29, .24) !important;
}

body.volta-page-download .volta-download-mirrors,
body:has(.volta-download-home) .volta-download-mirrors,
.volta-download-home .volta-download-mirrors{
  align-self: stretch !important;
  min-height: 650px !important;
  padding: 30px 30px 26px !important;
  display: flex !important;
  flex-direction: column !important;
  border-color: rgba(255, 219, 139, .58) !important;
  background:
    radial-gradient(circle at 55% 0%, rgba(255, 128, 30, .18), transparent 36%),
    linear-gradient(180deg, rgba(18, 11, 6, .92), rgba(7, 4, 2, .94)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    inset 0 -80px 120px rgba(91, 29, 8, .18),
    0 28px 80px rgba(0,0,0,.58),
    0 0 36px rgba(255, 106, 25, .15) !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center,
.volta-download-home .volta-download-mirrors .volta-panel__head--center{
  padding-bottom: 18px !important;
  margin-bottom: 22px !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center h2,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center h2,
.volta-download-home .volta-download-mirrors .volta-panel__head--center h2{
  font-size: 27px !important;
  text-shadow: 0 0 18px rgba(255, 125, 27, .28) !important;
}

body.volta-page-download .volta-download-mirrors .volta-panel__head--center i,
body:has(.volta-download-home) .volta-download-mirrors .volta-panel__head--center i,
.volta-download-home .volta-download-mirrors .volta-panel__head--center i{
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(231, 184, 94, .4) !important;
  color: #fff1c7 !important;
  background: radial-gradient(circle, rgba(255, 191, 84, .28), rgba(87, 34, 10, .36)) !important;
  box-shadow: 0 0 20px rgba(255, 128, 30, .18) !important;
}

body.volta-page-download .volta-download-mirror-list,
body:has(.volta-download-home) .volta-download-mirror-list,
.volta-download-home .volta-download-mirror-list{
  gap: 16px !important;
  margin-top: 0 !important;
}

body.volta-page-download .volta-download-mirror,
body:has(.volta-download-home) .volta-download-mirror,
.volta-download-home .volta-download-mirror{
  min-height: 114px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 18px !important;
  border-color: rgba(231, 184, 94, .24) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.03)),
    radial-gradient(circle at 0 50%, rgba(255, 155, 43, .14), transparent 42%) !important;
}

body.volta-page-download .volta-download-mirror__badge,
body:has(.volta-download-home) .volta-download-mirror__badge,
.volta-download-home .volta-download-mirror__badge{
  width: 48px !important;
  height: 48px !important;
  font-size: 19px !important;
  box-shadow: 0 0 18px rgba(255, 184, 64, .22) !important;
}

body.volta-page-download .volta-download-mirror__body strong,
body:has(.volta-download-home) .volta-download-mirror__body strong,
.volta-download-home .volta-download-mirror__body strong{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 24px !important;
  color: #fff3cf !important;
}

body.volta-page-download .volta-download-mirror__body span,
body:has(.volta-download-home) .volta-download-mirror__body span,
.volta-download-home .volta-download-mirror__body span{
  color: #f1d99d !important;
  letter-spacing: .08em !important;
}

body.volta-page-download .volta-download-mirror > a,
body:has(.volta-download-home) .volta-download-mirror > a,
.volta-download-home .volta-download-mirror > a{
  grid-column: 1 / -1 !important;
  min-height: 50px !important;
  font-size: 13px !important;
  background:
    linear-gradient(180deg, rgba(255, 221, 139, .16), rgba(105, 42, 10, .46)),
    rgba(35, 16, 6, .74) !important;
}

body.volta-page-download .volta-download-mirrors .volta-small-button,
body:has(.volta-download-home) .volta-download-mirrors .volta-small-button,
.volta-download-home .volta-download-mirrors .volta-small-button{
  width: 100% !important;
  min-height: 56px !important;
  margin-top: auto !important;
  font-size: 14px !important;
  border-color: rgba(255, 219, 139, .62) !important;
  box-shadow: 0 0 24px rgba(255, 106, 25, .15) !important;
}

@media (max-width: 1420px){
  body.volta-page-download .volta-download-hero-home,
  body:has(.volta-download-home) .volta-download-hero-home,
  .volta-download-home .volta-download-hero-home{
    grid-template-columns: minmax(0, 1fr) 460px !important;
  }
}

@media (max-width: 1280px){
  body.volta-page-download .volta-download-hero-home,
  body:has(.volta-download-home) .volta-download-hero-home,
  .volta-download-home .volta-download-hero-home{
    grid-template-columns: 1fr !important;
  }

  body.volta-page-download .volta-download-mirrors,
  body:has(.volta-download-home) .volta-download-mirrors,
  .volta-download-home .volta-download-mirrors{
    min-height: auto !important;
  }
}
/* =========================================================
   VOLTA2 TRUE FINAL OVERRIDE - keep this at EOF
   ========================================================= */
html,
body.modern-ui{
  background: #050201 !important;
}

body.modern-ui{
  color: #f7ead0 !important;
}

#body-bg,
#body-vide,
#body-vide .bg-holder{
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -5 !important;
  overflow: hidden !important;
  background: #050201 !important;
}

#body-bg video,
#body-vide video,
#body-vide .bg-holder video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  opacity: .84 !important;
  filter: saturate(1.16) contrast(1.08) brightness(.78) !important;
}

#body-bg:after,
#body-vide:after{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -4 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.5) 52%, rgba(0,0,0,.86)),
    radial-gradient(circle at 50% 16%, rgba(255, 134, 28, .2), transparent 39%) !important;
}

body.modern-ui:after{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: .28 !important;
  background-image:
    radial-gradient(circle, rgba(255,176,67,.85) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(255,79,22,.7) 0 1px, transparent 1.7px) !important;
  background-size: 150px 150px, 238px 238px !important;
  animation: voltaEmbers 18s linear infinite !important;
}

body.modern-ui .volta-home-nav,
body.modern-ui .volta-download-nav,
body.modern-ui .volta-register-nav,
body.modern-ui .volta-ranking-nav,
body.modern-ui .navbar.navbar-glass{
  min-height: 86px !important;
  padding: 0 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(231,184,94,.28) !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.97), rgba(42,16,7,.86) 50%, rgba(0,0,0,.97)),
    rgba(3,1,0,.94) !important;
  box-shadow: 0 14px 42px rgba(0,0,0,.56), inset 0 -1px 0 rgba(255,190,88,.1) !important;
  backdrop-filter: blur(10px) !important;
}

body.modern-ui .navbar.navbar-glass{
  position: sticky !important;
  top: 0 !important;
  z-index: 55 !important;
  display: flex !important;
  align-items: center !important;
}

body.modern-ui .volta-home-nav__links,
body.modern-ui .navbar-list{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

body.modern-ui .volta-home-nav__links a,
body.modern-ui .navbar-list > li > a,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
  position: relative !important;
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-left: 1px solid rgba(231,184,94,.09) !important;
  color: #eee0bf !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-home-nav__links a:before,
body.modern-ui .navbar-list > li > a:before,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:before{
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 5px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #e7b85e, transparent) !important;
  opacity: 0 !important;
  transform: scaleX(.35) !important;
  transition: opacity .28s ease, transform .28s ease !important;
}

body.modern-ui .volta-home-nav__links a:after,
body.modern-ui .navbar-list > li > a:after,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 1px !important;
  width: 7px !important;
  height: 7px !important;
  border: 1px solid #e7b85e !important;
  background: rgba(12,4,1,.95) !important;
  transform: translateX(-50%) rotate(45deg) !important;
  opacity: 0 !important;
  transition: opacity .28s ease !important;
}

body.modern-ui .volta-home-nav__links a:hover,
body.modern-ui .volta-home-nav__links a.is-active,
body.modern-ui .navbar-list > li > a:hover,
body.modern-ui .navbar-list > li.active > a,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover{
  color: #ffe39b !important;
  text-shadow: 0 0 18px rgba(255,116,25,.4) !important;
}

body.modern-ui .volta-home-nav__links a:hover:before,
body.modern-ui .volta-home-nav__links a.is-active:before,
body.modern-ui .navbar-list > li > a:hover:before,
body.modern-ui .navbar-list > li.active > a:before,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover:before{
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

body.modern-ui .volta-home-nav__links a:hover:after,
body.modern-ui .volta-home-nav__links a.is-active:after,
body.modern-ui .navbar-list > li > a:hover:after,
body.modern-ui .navbar-list > li.active > a:after,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover:after{
  opacity: 1 !important;
}

body.modern-ui .site-wrapper,
body.modern-ui .padding-container,
body.modern-ui .glass-card,
body.modern-ui .glass-inner,
body.modern-ui .mt2cms2-c-l,
body.modern-ui .page-hd,
body.modern-ui .panel,
body.modern-ui .panel-default,
body.modern-ui .box,
body.modern-ui .content-box,
body.modern-ui .form-card,
body.modern-ui .volta-panel,
body.modern-ui .volta-download-feature,
body.modern-ui .volta-register-panel,
body.modern-ui .volta-ranking-panel,
body.modern-ui .volta-ranking-side-card,
body.modern-ui .volta-ranking-board{
  position: relative !important;
  border: 1px solid rgba(231,184,94,.25) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.045), transparent 34%),
    radial-gradient(circle at 50% 0, rgba(255,129,29,.12), transparent 42%),
    linear-gradient(180deg, rgba(14,7,4,.8), rgba(4,2,1,.72)) !important;
  color: #f7ead0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -80px 110px rgba(77,23,6,.12), 0 22px 58px rgba(0,0,0,.48), 0 0 28px rgba(255,118,23,.08) !important;
  backdrop-filter: blur(9px) saturate(1.08) !important;
}

body.modern-ui .glass-card:before,
body.modern-ui .glass-inner:before,
body.modern-ui .padding-container:before,
body.modern-ui .volta-panel:before,
body.modern-ui .volta-register-panel:before,
body.modern-ui .volta-ranking-panel:before,
body.modern-ui .volta-ranking-board:before,
body.modern-ui .volta-ranking-side-card:before{
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  pointer-events: none !important;
  border: 1px solid rgba(231,184,94,.14) !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.4) !important;
}

body.modern-ui h1,
body.modern-ui h2,
body.modern-ui h3,
body.modern-ui h4,
body.modern-ui .glass-title,
body.modern-ui .page-title,
body.modern-ui .panel-title,
.volta-home-title,
.volta-download-hero-card__title,
.volta-register-title,
.volta-ranking-title{
  font-family: Georgia, "Times New Roman", serif !important;
  color: #fff0c4 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 22px rgba(255,99,20,.32) !important;
}

body.modern-ui .volta-home-nav__login,
body.modern-ui .btn-login,
body.modern-ui .login-btn,
body.modern-ui .btn,
body.modern-ui button,
body.modern-ui input[type="submit"],
body.modern-ui input[type="button"],
body.modern-ui .button{
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,213,127,.58) !important;
  border-radius: 4px !important;
  color: #fff0c4 !important;
  background:
    linear-gradient(180deg, rgba(255,202,111,.15), rgba(95,33,7,.76)),
    linear-gradient(90deg, rgba(72,8,5,.9), rgba(118,41,9,.82), rgba(72,8,5,.9)) !important;
  box-shadow: 0 0 22px rgba(255,114,24,.14), inset 0 0 0 1px rgba(255,255,255,.045) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, filter .28s ease !important;
}

body.modern-ui .btn:hover,
body.modern-ui button:hover,
body.modern-ui input[type="submit"]:hover,
body.modern-ui input[type="button"]:hover,
body.modern-ui .button:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(255,229,159,.9) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 0 34px rgba(255,116,24,.28), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.modern-ui input[type="text"],
body.modern-ui input[type="email"],
body.modern-ui input[type="password"],
body.modern-ui input[type="number"],
body.modern-ui select,
body.modern-ui textarea,
body.modern-ui .form-control{
  min-height: 44px !important;
  border: 1px solid rgba(231,184,94,.27) !important;
  border-radius: 4px !important;
  color: #fff3d7 !important;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(22,8,4,.6)), rgba(4,2,1,.7) !important;
  box-shadow: inset 0 0 18px rgba(0,0,0,.45), 0 0 0 rgba(255,121,27,0) !important;
}

body.modern-ui input:focus,
body.modern-ui select:focus,
body.modern-ui textarea:focus,
body.modern-ui .form-control:focus{
  outline: none !important;
  border-color: rgba(255,217,128,.8) !important;
  box-shadow: inset 0 0 18px rgba(0,0,0,.38), 0 0 22px rgba(255,119,24,.19) !important;
}

body.modern-ui table,
body.modern-ui .table,
body.modern-ui .glass-table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  color: #f7ead0 !important;
}

body.modern-ui table thead th,
body.modern-ui .table thead th,
body.modern-ui .glass-table thead th{
  padding: 14px 16px !important;
  border: 0 !important;
  color: #ffe5a8 !important;
  background: linear-gradient(180deg, rgba(255,196,90,.13), rgba(33,12,5,.78)) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 13px !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
}

body.modern-ui table tbody td,
body.modern-ui .table tbody td,
body.modern-ui .glass-table tbody td{
  padding: 14px 16px !important;
  border-top: 1px solid rgba(231,184,94,.12) !important;
  border-bottom: 1px solid rgba(0,0,0,.35) !important;
  color: #f1e3c8 !important;
  background: linear-gradient(90deg, rgba(255,169,47,.05), transparent 50%), rgba(18,10,6,.72) !important;
}

body.modern-ui table tbody tr:nth-child(1) td,
body.modern-ui .glass-table tbody tr:nth-child(1) td{
  background: linear-gradient(90deg, rgba(224,170,48,.24), rgba(94,30,11,.54)) !important;
  border-color: rgba(255,214,116,.3) !important;
}

body.modern-ui table tbody tr:nth-child(2) td,
body.modern-ui .glass-table tbody tr:nth-child(2) td{
  background: linear-gradient(90deg, rgba(185,190,197,.14), rgba(52,38,30,.58)) !important;
}

body.modern-ui table tbody tr:nth-child(3) td,
body.modern-ui .glass-table tbody tr:nth-child(3) td{
  background: linear-gradient(90deg, rgba(189,103,42,.16), rgba(61,28,15,.58)) !important;
}

body.modern-ui table tbody tr:hover td,
body.modern-ui .table tbody tr:hover td,
body.modern-ui .glass-table tbody tr:hover td{
  color: #fff3cf !important;
  background: linear-gradient(90deg, rgba(255,171,49,.16), rgba(91,24,9,.6)) !important;
  box-shadow: inset 0 0 0 1px rgba(231,184,94,.12) !important;
}

.ranking-page .glass-tabs,
.glass-tabs{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 24px 0 !important;
}

.glass-tab{
  min-height: 58px !important;
  border: 1px solid rgba(231,184,94,.25) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.22)), rgba(13,7,4,.72) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.28) !important;
}

.glass-tab.is-active,
.glass-tab:hover{
  border-color: rgba(255,213,127,.68) !important;
  background: linear-gradient(180deg, rgba(255,183,72,.16), rgba(96,22,8,.55)), rgba(12,5,2,.82) !important;
  box-shadow: 0 0 24px rgba(255,103,22,.22), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

.volta-home-shell,
.volta-download-home,
.volta-register-page,
.volta-ranking-page,
.ranking-page{
  animation: voltaFadeUp .55s ease both !important;
}

.volta-home-leaderboard,
.volta-home-stat,
.volta-home-card,
.volta-download-hero-card,
.volta-download-mirrors,
.volta-register-card,
.volta-register-info,
.volta-ranking-board,
.volta-ranking-side-card,
.glass-card,
.glass-inner{
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, filter .3s ease !important;
}

.volta-home-leaderboard:hover,
.volta-home-stat:hover,
.volta-home-card:hover,
.volta-download-hero-card:hover,
.volta-download-mirrors:hover,
.volta-register-card:hover,
.volta-register-info:hover,
.volta-ranking-board:hover,
.volta-ranking-side-card:hover,
.glass-card:hover,
.glass-inner:hover{
  transform: translateY(-3px) !important;
  filter: brightness(1.04) !important;
  border-color: rgba(255,216,132,.5) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.055), 0 26px 64px rgba(0,0,0,.52), 0 0 30px rgba(255,121,27,.17) !important;
}

@media (max-width: 1180px){
  body.modern-ui .volta-home-nav,
  body.modern-ui .volta-download-nav,
  body.modern-ui .volta-register-nav,
  body.modern-ui .volta-ranking-nav,
  body.modern-ui .navbar.navbar-glass{
    padding: 0 18px !important;
  }

  body.modern-ui .volta-home-nav__links a,
  body.modern-ui .navbar-list > li > a,
  body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
    padding: 0 13px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 780px){
  body.modern-ui .volta-home-nav,
  body.modern-ui .volta-download-nav,
  body.modern-ui .volta-register-nav,
  body.modern-ui .volta-ranking-nav,
  body.modern-ui .navbar.navbar-glass{
    min-height: 72px !important;
  }

  body.modern-ui .volta-home-nav__links,
  body.modern-ui .navbar-list,
  .ranking-page .glass-tabs,
  .glass-tabs{
    gap: 8px !important;
    flex-wrap: wrap !important;
    grid-template-columns: 1fr !important;
  }

  body.modern-ui .volta-home-nav__links a,
  body.modern-ui .navbar-list > li > a,
  body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
    min-height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(231,184,94,.12) !important;
    background: rgba(0,0,0,.22) !important;
  }
}

/* =========================================================
   VOLTA2 HOME REAL LAYOUT FIX - no more tiny preview
   ========================================================= */
body.volta-home-page .volta-home-redesign{
  min-height: 100vh !important;
  background: transparent !important;
}

body.volta-home-page .volta-home-redesign__video{
  position: fixed !important;
  inset: 0 !important;
  z-index: -3 !important;
}

body.volta-home-page .volta-home-redesign__video video{
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
  object-position: center top !important;
  opacity: .92 !important;
  filter: saturate(1.2) contrast(1.08) brightness(.78) !important;
}

body.volta-home-page .volta-home-redesign__shade{
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255, 119, 26, .23), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.58), rgba(25,7,2,.18) 45%, rgba(0,0,0,.58)),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.56) 65%, rgba(0,0,0,.88)) !important;
}

body.volta-home-page .volta-home-nav{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 0 42px !important;
  display: grid !important;
  grid-template-columns: 240px 1fr 230px !important;
  align-items: center !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.98), rgba(39,13,5,.82) 52%, rgba(0,0,0,.98)) !important;
  border-bottom: 1px solid rgba(231,184,94,.3) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.55) !important;
}

body.volta-home-page .volta-home-nav__brand img{
  max-width: 210px !important;
  max-height: 78px !important;
}

body.volta-home-page .volta-home-nav__links{
  gap: 24px !important;
}

body.volta-home-page .volta-home-nav__links a{
  min-height: 58px !important;
  padding: 0 16px !important;
  font-size: 15px !important;
}

body.volta-home-page .volta-home-shell{
  width: min(1760px, calc(100vw - 64px)) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 126px 0 54px !important;
}

body.volta-home-page .volta-hero{
  width: 100% !important;
  min-height: 640px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 430px !important;
  gap: 34px !important;
  align-items: stretch !important;
}

body.volta-home-page .volta-hero__stage{
  min-height: 640px !important;
  border: 1px solid rgba(255, 219, 139, .44) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255, 128, 29, .24), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.7), rgba(75,21,5,.14) 50%, rgba(0,0,0,.7)),
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.75)),
    url("../videos/background.png") center center / cover no-repeat !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 -150px 190px rgba(0,0,0,.6),
    0 28px 80px rgba(0,0,0,.55),
    0 0 34px rgba(255,105,24,.12) !important;
}

body.volta-home-page .volta-hero__copy{
  max-width: 900px !important;
  margin-top: 0 !important;
}

body.volta-home-page .volta-kicker{
  font-size: clamp(25px, 2.3vw, 42px) !important;
  margin-bottom: 10px !important;
}

body.volta-home-page .volta-hero h1{
  font-size: clamp(110px, 8.8vw, 176px) !important;
  line-height: .82 !important;
}

body.volta-home-page .volta-hero h2{
  font-size: clamp(27px, 2.3vw, 38px) !important;
  margin-top: 24px !important;
}

body.volta-home-page .volta-hero p{
  max-width: 760px !important;
  font-size: 18px !important;
}

body.volta-home-page .volta-play-button{
  width: 340px !important;
  min-height: 92px !important;
  margin-top: 34px !important;
}

body.volta-home-page .volta-play-button strong{
  font-size: 29px !important;
}

body.volta-home-page .volta-leaderboard{
  min-height: 640px !important;
  padding: 28px 28px 24px !important;
}

body.volta-home-page .volta-leaderboard .volta-panel__head--center h2{
  font-size: 25px !important;
}

body.volta-home-page .volta-leaderboard__row{
  min-height: 46px !important;
  grid-template-columns: 44px minmax(0, 1fr) 54px 92px !important;
  font-size: 15px !important;
}

body.volta-home-page .volta-leaderboard__row--head{
  font-size: 12px !important;
}

body.volta-home-page .volta-player img{
  width: 32px !important;
  height: 32px !important;
}

body.volta-home-page .volta-rank-badge{
  width: 34px !important;
  height: 34px !important;
  font-size: 16px !important;
}

body.volta-home-page .volta-stats-bar{
  width: 100% !important;
  min-height: 96px !important;
  margin: 28px 0 28px !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  border: 1px solid rgba(231,184,94,.38) !important;
  background:
    linear-gradient(180deg, rgba(20,10,5,.78), rgba(5,3,2,.76)) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.42), 0 0 24px rgba(255,105,24,.1) !important;
}

body.volta-home-page .volta-stat{
  min-height: 96px !important;
  padding: 18px 20px !important;
  display: grid !important;
  grid-template-columns: 52px 1fr !important;
  align-items: center !important;
}

body.volta-home-page .volta-stat i{
  font-size: 31px !important;
}

body.volta-home-page .volta-stat strong{
  font-size: 26px !important;
}

body.volta-home-page .volta-stat span{
  font-size: 12px !important;
}

body.volta-home-page .volta-info-grid{
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .92fr) minmax(520px, 1.16fr) minmax(360px, .92fr) !important;
  gap: 28px !important;
}

body.volta-home-page .volta-info-grid .volta-panel{
  min-height: 300px !important;
  padding: 28px 30px !important;
}

body.volta-home-page .volta-panel__title{
  font-size: 22px !important;
  margin-bottom: 22px !important;
}

body.volta-home-page .volta-status-list li,
body.volta-home-page .volta-quick-list li{
  min-height: 34px !important;
  font-size: 14px !important;
}

body.volta-home-page .volta-benefits{
  gap: 14px !important;
}

body.volta-home-page .volta-benefits div{
  min-height: 96px !important;
  padding: 14px !important;
}

@media (max-width: 1280px){
  body.volta-home-page .volta-home-shell{
    width: min(1180px, calc(100vw - 36px)) !important;
  }

  body.volta-home-page .volta-hero{
    grid-template-columns: 1fr !important;
  }

  body.volta-home-page .volta-stats-bar{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.volta-home-page .volta-info-grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px){
  body.volta-home-page .volta-home-nav{
    min-height: 78px !important;
    padding: 0 18px !important;
    grid-template-columns: 1fr 46px !important;
  }

  body.volta-home-page .volta-home-shell{
    width: calc(100vw - 22px) !important;
    padding-top: 92px !important;
  }

  body.volta-home-page .volta-hero__stage,
  body.volta-home-page .volta-leaderboard{
    min-height: auto !important;
  }

  body.volta-home-page .volta-hero h1{
    font-size: clamp(66px, 20vw, 110px) !important;
  }

  body.volta-home-page .volta-stats-bar{
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   VOLTA2 HOME MODERN VISUAL - cinematic notifications
   ========================================================= */
body.volta-home-page .volta-home-shell{
  width: min(1780px, calc(100vw - 72px)) !important;
  padding-top: 118px !important;
}

body.volta-home-page .volta-hero{
  min-height: 660px !important;
  grid-template-columns: minmax(0, 1fr) 450px !important;
  gap: 34px !important;
}

body.volta-home-page .volta-hero__stage{
  min-height: 660px !important;
  padding: 58px 64px !important;
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  align-items: end !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.volta-home-page .volta-hero__stage:before{
  content: "" !important;
  position: absolute !important;
  inset: -8px -18px -18px !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border: 1px solid rgba(231,184,94,.16) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,136,31,.24), transparent 31%),
    linear-gradient(90deg, rgba(0,0,0,.6), rgba(35,10,3,.12) 48%, rgba(0,0,0,.55)),
    linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.72)) !important;
  box-shadow:
    inset 0 0 80px rgba(255,112,25,.08),
    inset 0 -160px 210px rgba(0,0,0,.7),
    0 26px 90px rgba(0,0,0,.42) !important;
  backdrop-filter: blur(1.5px) !important;
}

body.volta-home-page .volta-hero__stage:after{
  content: "" !important;
  position: absolute !important;
  left: 34px !important;
  right: 34px !important;
  bottom: 26px !important;
  height: 1px !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, transparent, rgba(255,218,128,.52), transparent) !important;
}

body.volta-home-page .volta-hero__copy{
  z-index: 2 !important;
  max-width: 980px !important;
  align-self: center !important;
  justify-self: center !important;
  text-align: center !important;
}

body.volta-home-page .volta-kicker{
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 9px 16px !important;
  margin-bottom: 14px !important;
  border: 1px solid rgba(231,184,94,.32) !important;
  border-radius: 999px !important;
  color: #ffe7ad !important;
  background: rgba(5,2,1,.38) !important;
  font-size: 15px !important;
  letter-spacing: .22em !important;
  box-shadow: 0 0 24px rgba(255,107,24,.16), inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

body.volta-home-page .volta-kicker:before,
body.volta-home-page .volta-kicker:after{
  content: "" !important;
  width: 34px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #e7b85e) !important;
}

body.volta-home-page .volta-kicker:after{
  background: linear-gradient(90deg, #e7b85e, transparent) !important;
}

body.volta-home-page .volta-hero h1{
  font-size: clamp(118px, 9.2vw, 188px) !important;
  letter-spacing: .015em !important;
  background: linear-gradient(180deg, #fff7d5 0%, #ffd06a 40%, #d74d18 72%, #fff0bc 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 20px rgba(255,88,23,.55)) drop-shadow(0 0 54px rgba(173,28,12,.42)) !important;
  text-shadow: none !important;
}

body.volta-home-page .volta-hero h2{
  color: #fff0bf !important;
  font-size: clamp(27px, 2vw, 36px) !important;
  text-shadow: 0 0 22px rgba(255,108,24,.34) !important;
}

body.volta-home-page .volta-hero p{
  max-width: 760px !important;
  color: rgba(255,239,205,.86) !important;
  font-size: 18px !important;
}

body.volta-home-page .volta-hero-actions{
  margin-top: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

body.volta-home-page .volta-play-button{
  width: 318px !important;
  min-height: 78px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background:
    linear-gradient(180deg, rgba(255,218,128,.2), rgba(91,23,8,.72)),
    linear-gradient(90deg, rgba(86,8,5,.95), rgba(170,50,15,.82), rgba(86,8,5,.95)) !important;
  box-shadow: 0 0 36px rgba(255,95,24,.32), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

body.volta-home-page .volta-online-pill{
  min-height: 54px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(98,243,69,.22) !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.38) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 24px rgba(98,243,69,.08) !important;
}

body.volta-home-page .volta-notifications{
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-self: end !important;
}

body.volta-home-page .volta-notice{
  position: relative !important;
  min-height: 128px !important;
  padding: 18px 18px 18px 16px !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 24px !important;
  gap: 14px !important;
  align-items: center !important;
  overflow: hidden !important;
  text-decoration: none !important;
  border: 1px solid rgba(231,184,94,.26) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), transparent 30%),
    radial-gradient(circle at 0 0, rgba(255,137,31,.2), transparent 46%),
    rgba(7,3,1,.58) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 18px 44px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease !important;
}

body.volta-home-page .volta-notice:before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(110deg, transparent 0 42%, rgba(255,255,255,.16) 50%, transparent 58% 100%) !important;
  transform: translateX(-120%) !important;
  transition: transform .65s ease !important;
}

body.volta-home-page .volta-notice:hover{
  transform: translateY(-5px) !important;
  border-color: rgba(255,222,143,.68) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), transparent 30%),
    radial-gradient(circle at 0 0, rgba(255,137,31,.32), transparent 48%),
    rgba(16,6,2,.7) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.055), 0 26px 64px rgba(0,0,0,.46), 0 0 32px rgba(255,100,24,.22) !important;
}

body.volta-home-page .volta-notice:hover:before{
  transform: translateX(120%) !important;
}

body.volta-home-page .volta-notice--hot{
  border-color: rgba(255,213,127,.48) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), transparent 30%),
    radial-gradient(circle at 0 0, rgba(255,169,45,.34), transparent 48%),
    linear-gradient(180deg, rgba(78,18,8,.68), rgba(6,3,1,.62)) !important;
}

body.volta-home-page .volta-notice__icon{
  width: 52px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(231,184,94,.42) !important;
  border-radius: 6px !important;
  color: #ffe5a4 !important;
  background: radial-gradient(circle, rgba(255,190,82,.34), rgba(75,22,7,.6)) !important;
  box-shadow: 0 0 22px rgba(255,122,25,.18) !important;
  font-size: 20px !important;
}

body.volta-home-page .volta-notice__body small{
  display: block !important;
  margin-bottom: 5px !important;
  color: #e7b85e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.volta-home-page .volta-notice__body strong{
  display: block !important;
  color: #fff0c4 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

body.volta-home-page .volta-notice__body em{
  display: block !important;
  margin-top: 8px !important;
  color: rgba(246,234,211,.74) !important;
  font-size: 13px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}

body.volta-home-page .volta-notice__arrow{
  color: rgba(255,231,173,.68) !important;
}

body.volta-home-page .volta-leaderboard{
  min-height: 660px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,137,31,.2), transparent 36%),
    linear-gradient(180deg, rgba(15,7,3,.82), rgba(4,2,1,.78)) !important;
  backdrop-filter: blur(13px) saturate(1.12) !important;
}

body.volta-home-page .volta-stats-bar{
  margin-top: 34px !important;
  border-radius: 8px !important;
}

body.volta-home-page .volta-info-grid .volta-panel{
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), transparent 34%),
    rgba(7,3,1,.56) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
}

@media (max-width: 1380px){
  body.volta-home-page .volta-notifications{
    grid-template-columns: 1fr !important;
  }

  body.volta-home-page .volta-notice{
    min-height: 104px !important;
  }
}

@media (max-width: 1280px){
  body.volta-home-page .volta-hero{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px){
  body.volta-home-page .volta-home-shell{
    width: calc(100vw - 22px) !important;
  }

  body.volta-home-page .volta-hero__stage{
    padding: 34px 18px !important;
  }

  body.volta-home-page .volta-notice{
    grid-template-columns: 46px minmax(0, 1fr) !important;
  }

  body.volta-home-page .volta-notice__arrow{
    display: none !important;
  }
}

/* VOLTA2 HOME POLISH - richer cinematic hero */
body.volta-home-page .volta-hero__stage{
  padding: 46px 58px 34px !important;
  border-radius: 12px !important;
}

body.volta-home-page .volta-hero__stage:before{
  inset: -10px !important;
  border-color: rgba(255, 220, 136, .22) !important;
  background:
    radial-gradient(circle at 50% 33%, rgba(255, 184, 78, .18), transparent 18%),
    radial-gradient(circle at 50% 21%, rgba(255, 84, 21, .24), transparent 34%),
    linear-gradient(90deg, rgba(0,0,0,.74), rgba(59,16,4,.16) 48%, rgba(0,0,0,.68)),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.72)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 110px rgba(255,111,23,.1),
    inset 0 -155px 220px rgba(0,0,0,.72),
    0 28px 92px rgba(0,0,0,.5),
    0 0 46px rgba(255,100,25,.14) !important;
}

body.volta-home-page .volta-hero__stage:after{
  left: 46px !important;
  right: 46px !important;
  bottom: 152px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent, rgba(255,221,139,.25), rgba(255,221,139,.75), rgba(255,221,139,.25), transparent) !important;
}

body.volta-home-page .volta-hero__copy{
  position: relative !important;
  width: 100% !important;
  max-width: 1040px !important;
  padding: 0 18px !important;
}

body.volta-home-page .volta-hero__copy:before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 45% !important;
  width: 360px !important;
  height: 360px !important;
  z-index: -1 !important;
  border: 1px solid rgba(231,184,94,.22) !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  background:
    radial-gradient(circle, rgba(255,130,28,.16), transparent 56%),
    conic-gradient(from 0deg, transparent, rgba(231,184,94,.18), transparent, rgba(165,29,17,.16), transparent) !important;
  box-shadow: 0 0 60px rgba(255,99,23,.18), inset 0 0 46px rgba(0,0,0,.42) !important;
  opacity: .78 !important;
  animation: voltaCrestSpin 18s linear infinite !important;
}

body.volta-home-page .volta-kicker{
  margin-bottom: 8px !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.42), rgba(96,34,9,.62), rgba(0,0,0,.42)) !important;
  box-shadow: 0 0 22px rgba(255,108,24,.2), inset 0 0 18px rgba(255,221,139,.06) !important;
}

body.volta-home-page .volta-hero h1{
  max-width: 100% !important;
  font-size: clamp(92px, 8vw, 152px) !important;
  line-height: .86 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  transform: translateZ(0) !important;
}

body.volta-home-page .volta-hero h2{
  margin-top: 16px !important;
  font-size: clamp(24px, 1.8vw, 32px) !important;
  letter-spacing: .03em !important;
}

body.volta-home-page .volta-hero p{
  max-width: 720px !important;
  font-size: 16px !important;
}

body.volta-home-page .volta-hero-runes{
  margin: 18px auto 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.volta-home-page .volta-hero-runes span{
  min-height: 34px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(231,184,94,.25) !important;
  border-radius: 999px !important;
  color: #f9df9d !important;
  background: rgba(0,0,0,.34) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 0 18px rgba(255,112,24,.08) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.volta-home-page .volta-hero-runes i{
  color: #ffc766 !important;
}

body.volta-home-page .volta-hero-actions{
  margin-top: 24px !important;
}

body.volta-home-page .volta-play-button{
  width: 292px !important;
  min-height: 70px !important;
  transform: perspective(600px) translateZ(0) !important;
}

body.volta-home-page .volta-play-button:hover{
  transform: perspective(600px) translateY(-3px) scale(1.02) !important;
}

body.volta-home-page .volta-notifications{
  gap: 14px !important;
}

body.volta-home-page .volta-notice{
  min-height: 118px !important;
  padding: 16px !important;
  border-radius: 10px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.09), transparent 28%),
    radial-gradient(circle at 0 0, rgba(255,137,31,.2), transparent 48%),
    linear-gradient(180deg, rgba(18,8,4,.74), rgba(5,2,1,.62)) !important;
}

body.volta-home-page .volta-notice:after{
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 10px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(231,184,94,.4), transparent) !important;
  opacity: .8 !important;
}

body.volta-home-page .volta-notice__icon{
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255,230,158,.28), rgba(118,38,9,.58)),
    rgba(0,0,0,.3) !important;
}

body.volta-home-page .volta-notice__body strong{
  font-size: 17px !important;
}

body.volta-home-page .volta-notice__body em{
  font-size: 12px !important;
}

body.volta-home-page .volta-notice--hot .volta-notice__icon{
  animation: voltaIconPulse 2.6s ease-in-out infinite !important;
}

@keyframes voltaCrestSpin{
  from{ transform: translate(-50%, -50%) rotate(45deg); }
  to{ transform: translate(-50%, -50%) rotate(405deg); }
}

@keyframes voltaIconPulse{
  0%,100%{ box-shadow: 0 0 18px rgba(255,122,25,.18); }
  50%{ box-shadow: 0 0 30px rgba(255,169,45,.38); }
}

@media (max-width: 1100px){
  body.volta-home-page .volta-hero h1{
    white-space: normal !important;
    font-size: clamp(72px, 15vw, 132px) !important;
  }
}

@media (max-width: 820px){
  body.volta-home-page .volta-hero__stage{
    padding: 30px 16px !important;
  }

  body.volta-home-page .volta-hero__copy:before{
    width: 240px !important;
    height: 240px !important;
  }
}

/* Hide legacy CMS navbar on redesigned pages */
body.volta-page-download > .navbar.navbar-glass,
body.volta-page-register > .navbar.navbar-glass,
body.volta-page-players > .navbar.navbar-glass,
body.volta-page-guilds > .navbar.navbar-glass,
body.volta-page-referrals > .navbar.navbar-glass,
body:has(.volta-download-home) > .navbar.navbar-glass,
body:has(.volta-register-page) > .navbar.navbar-glass,
body:has(.ranking-page) > .navbar.navbar-glass{
  display: none !important;
}

body.volta-page-download #content.site-content,
body.volta-page-register #content.site-content,
body.volta-page-players #content.site-content,
body.volta-page-guilds #content.site-content,
body.volta-page-referrals #content.site-content{
  padding-top: 0 !important;
}

/* Remove broken decorative corner squares from panels */
body.modern-ui .volta-panel:before,
body.modern-ui .volta-panel:after,
body.modern-ui .glass-card:before,
body.modern-ui .glass-inner:before,
body.modern-ui .padding-container:before,
body.modern-ui .volta-register-panel:before,
body.modern-ui .volta-register-panel:after,
body.modern-ui .volta-ranking-panel:before,
body.modern-ui .volta-ranking-panel:after,
body.modern-ui .volta-ranking-board:before,
body.modern-ui .volta-ranking-board:after,
body.modern-ui .volta-ranking-side-card:before,
body.modern-ui .volta-ranking-side-card:after{
  content: none !important;
  display: none !important;
}

body.modern-ui .volta-panel,
body.modern-ui .glass-card,
body.modern-ui .glass-inner,
body.modern-ui .volta-register-panel,
body.modern-ui .volta-ranking-panel,
body.modern-ui .volta-ranking-board,
body.modern-ui .volta-ranking-side-card{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 32px rgba(255, 129, 29, .06),
    0 22px 58px rgba(0,0,0,.48),
    0 0 28px rgba(255, 118, 23, .08) !important;
}

/* Home leaderboard: top 10 + quick access to guilds/promoters */
body.volta-home-page .volta-leaderboard{
  min-height: 720px !important;
  padding: 22px 24px !important;
}

body.volta-home-page .volta-leaderboard-tabs{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: -2px 0 14px !important;
}

body.volta-home-page .volta-leaderboard-tabs a{
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid rgba(231,184,94,.18) !important;
  border-radius: 6px !important;
  color: #decba6 !important;
  background: rgba(0,0,0,.26) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.volta-home-page .volta-leaderboard-tabs a:hover,
body.volta-home-page .volta-leaderboard-tabs a.is-active{
  color: #ffe39b !important;
  border-color: rgba(255,220,133,.55) !important;
  background: linear-gradient(180deg, rgba(255,184,72,.14), rgba(91,24,8,.38)) !important;
  box-shadow: 0 0 18px rgba(255,105,24,.16) !important;
}

body.volta-home-page .volta-leaderboard__row{
  min-height: 36px !important;
  grid-template-columns: 40px minmax(0, 1fr) 42px 92px !important;
  gap: 7px !important;
  font-size: 13px !important;
}

body.volta-home-page .volta-leaderboard__row--head{
  min-height: 26px !important;
  font-size: 10px !important;
}

body.volta-home-page .volta-rank-badge{
  width: 28px !important;
  height: 28px !important;
  font-size: 13px !important;
}

body.volta-home-page .volta-player{
  min-width: 0 !important;
}

body.volta-home-page .volta-player img{
  width: 30px !important;
  height: 30px !important;
  padding: 2px !important;
  border: 1px solid rgba(231,184,94,.42) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle, rgba(255,203,104,.16), rgba(47,12,4,.62)) !important;
  box-shadow: 0 0 14px rgba(255,122,25,.14) !important;
  object-fit: cover !important;
}

body.volta-home-page .volta-player strong{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.volta-home-page .volta-player-guild{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #ffcf73 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: right !important;
}

body.volta-home-page .volta-small-button{
  margin-top: 14px !important;
  min-height: 42px !important;
}

body.volta-home-page .volta-side-rankings{
  margin-top: 16px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

body.volta-home-page .volta-side-ranking{
  min-height: 126px !important;
  padding: 12px !important;
  display: grid !important;
  gap: 7px !important;
  align-content: start !important;
  border: 1px solid rgba(231,184,94,.2) !important;
  border-radius: 8px !important;
  color: #f7ead0 !important;
  text-decoration: none !important;
  background:
    radial-gradient(circle at 0 0, rgba(255,137,31,.16), transparent 52%),
    rgba(0,0,0,.24) !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

body.volta-home-page .volta-side-ranking:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(255,220,133,.5) !important;
  box-shadow: 0 0 22px rgba(255,105,24,.15) !important;
}

body.volta-home-page .volta-side-ranking strong{
  margin-bottom: 4px !important;
  color: #ffe39b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
}

body.volta-home-page .volta-side-ranking span{
  min-height: 23px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 6px !important;
  color: #ead9bd !important;
  font-size: 12px !important;
}

body.volta-home-page .volta-side-ranking em{
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #1e1005 !important;
  background: linear-gradient(180deg, #ffe39b, #bd731f) !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body.volta-home-page .volta-side-ranking small{
  color: #ffcf73 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

/* Premium top navigation redesign */
body.modern-ui .volta-home-nav,
body.modern-ui .volta-download-nav,
body.modern-ui .volta-register-nav,
body.modern-ui .volta-ranking-nav{
  min-height: 88px !important;
  padding: 0 40px !important;
  display: grid !important;
  grid-template-columns: 230px 1fr 224px !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(231,184,94,.32) !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.98), rgba(31,10,4,.9) 18%, rgba(56,18,6,.72) 50%, rgba(31,10,4,.9) 82%, rgba(0,0,0,.98)) !important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.54),
    inset 0 -1px 0 rgba(255,219,139,.12),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body.modern-ui .volta-home-nav:before{
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(231,184,94,.22), rgba(255,226,151,.48), rgba(231,184,94,.22), transparent) !important;
  pointer-events: none !important;
}

body.modern-ui .volta-home-nav:after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -5px !important;
  width: 9px !important;
  height: 9px !important;
  display: block !important;
  border: 1px solid rgba(231,184,94,.75) !important;
  background: #120603 !important;
  transform: translateX(-50%) rotate(45deg) !important;
  box-shadow: 0 0 14px rgba(255,126,28,.28) !important;
  pointer-events: none !important;
}

body.modern-ui .volta-home-nav__brand{
  position: relative !important;
  height: 88px !important;
  display: flex !important;
  align-items: center !important;
}

body.modern-ui .volta-home-nav__brand:after{
  content: "" !important;
  position: absolute !important;
  left: -18px !important;
  right: 8px !important;
  top: 16px !important;
  bottom: 16px !important;
  z-index: -1 !important;
  background: radial-gradient(circle at 40% 50%, rgba(255,100,24,.22), transparent 62%) !important;
  filter: blur(8px) !important;
}

body.modern-ui .volta-home-nav__brand img{
  max-width: 190px !important;
  max-height: 68px !important;
}

body.modern-ui .volta-home-nav__links{
  position: relative !important;
  width: max-content !important;
  max-width: 100% !important;
  justify-self: center !important;
  gap: 4px !important;
  padding: 7px !important;
  border: 1px solid rgba(231,184,94,.16) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.18)),
    rgba(0,0,0,.22) !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.38), 0 0 24px rgba(255,106,24,.08) !important;
}

body.modern-ui .volta-home-nav__links a{
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #e8d8b7 !important;
  background: transparent !important;
  font-size: 13px !important;
  letter-spacing: .05em !important;
}

body.modern-ui .volta-home-nav__links a:before{
  left: 18px !important;
  right: 18px !important;
  bottom: 6px !important;
  height: 1px !important;
}

body.modern-ui .volta-home-nav__links a:after{
  display: none !important;
}

body.modern-ui .volta-home-nav__links a:hover,
body.modern-ui .volta-home-nav__links a.is-active{
  color: #fff1c9 !important;
  background:
    linear-gradient(180deg, rgba(255,211,127,.14), rgba(111,35,9,.34)) !important;
  box-shadow: inset 0 0 0 1px rgba(231,184,94,.22), 0 0 18px rgba(255,105,24,.16) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-discord,
body.modern-ui .volta-home-nav__links a.volta-nav-present,
body.modern-ui .navbar-list > li > a.volta-nav-discord,
body.modern-ui .navbar-list > li > a.volta-nav-present{
  gap: 8px !important;
  border: 1px solid rgba(231,184,94,.22) !important;
  background: rgba(0,0,0,.24) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-discord,
body.modern-ui .navbar-list > li > a.volta-nav-discord{
  color: #e9dcff !important;
  border-color: rgba(138, 111, 255, .32) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(120, 92, 255, .22), transparent 58%),
    rgba(0,0,0,.24) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-present,
body.modern-ui .navbar-list > li > a.volta-nav-present{
  color: #fff0c4 !important;
  border-color: rgba(255, 213, 127, .44) !important;
  background:
    linear-gradient(180deg, rgba(255, 207, 103, .14), rgba(94, 28, 8, .42)),
    rgba(0,0,0,.24) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-discord:hover,
body.modern-ui .navbar-list > li > a.volta-nav-discord:hover{
  color: #ffffff !important;
  border-color: rgba(165, 145, 255, .7) !important;
  box-shadow: 0 0 24px rgba(120, 92, 255, .28), inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-present:hover,
body.modern-ui .navbar-list > li > a.volta-nav-present:hover{
  color: #fff7df !important;
  border-color: rgba(255, 229, 159, .8) !important;
  box-shadow: 0 0 26px rgba(255, 139, 31, .28), inset 0 0 0 1px rgba(255,255,255,.07) !important;
}

body.modern-ui .volta-home-nav__links a.is-active:before,
body.modern-ui .volta-home-nav__links a:hover:before{
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

body.modern-ui .volta-home-nav__cta{
  justify-self: end !important;
  min-height: 48px !important;
  padding: 0 22px !important;
  border-radius: 8px !important;
}

@media (max-width: 1380px){
  body.modern-ui .volta-home-nav__actions{
    gap: 8px !important;
  }

  body.modern-ui .volta-home-nav__logout{
    min-width: 48px !important;
    padding: 0 14px !important;
  }

  body.modern-ui .volta-home-nav__logout span{
    display: none !important;
  }
}

@media (max-width: 1180px){
  body.modern-ui .volta-home-nav,
  body.modern-ui .volta-download-nav,
  body.modern-ui .volta-register-nav,
  body.modern-ui .volta-ranking-nav{
    grid-template-columns: 190px 1fr 190px !important;
    padding: 0 18px !important;
  }

  body.modern-ui .volta-home-nav__links a{
    padding: 0 11px !important;
    font-size: 12px !important;
  }
}

/* Register page premium scale and composition */
html body.volta-page-register .volta-register-shell,
html body:has(.volta-register-page) .volta-register-shell{
  width: min(1320px, calc(100vw - 72px)) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 132px 0 70px !important;
}

html body.volta-page-register .volta-register-layout,
html body:has(.volta-register-page) .volta-register-layout{
  min-height: calc(100vh - 190px) !important;
  display: grid !important;
  grid-template-columns: minmax(440px, .95fr) minmax(520px, 1.05fr) !important;
  gap: 32px !important;
  align-items: center !important;
}

html body.volta-page-register .volta-register-page,
html body:has(.volta-register-page) .volta-register-page{
  min-height: 100vh !important;
}

html body.volta-page-register .volta-register-page:before,
html body:has(.volta-register-page) .volta-register-page:before{
  content: "" !important;
  position: fixed !important;
  inset: 88px 0 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,112,24,.22), transparent 31%),
    linear-gradient(90deg, rgba(0,0,0,.62), rgba(48,13,4,.16) 50%, rgba(0,0,0,.62)),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.78)) !important;
}

html body.volta-page-register .volta-register-layout{
  position: relative !important;
  z-index: 2 !important;
}

html body.volta-page-register .volta-register-intro,
html body:has(.volta-register-page) .volta-register-intro,
html body.volta-page-register .volta-register-card,
html body:has(.volta-register-page) .volta-register-card{
  min-height: 650px !important;
  padding: 42px !important;
  border: 1px solid rgba(255,220,133,.46) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), transparent 34%),
    radial-gradient(circle at 50% 0, rgba(255,132,31,.18), transparent 38%),
    rgba(7,3,1,.66) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    inset 0 -120px 160px rgba(72,20,5,.2),
    0 28px 86px rgba(0,0,0,.54),
    0 0 42px rgba(255,105,24,.16) !important;
  backdrop-filter: blur(13px) saturate(1.1) !important;
}

html body.volta-page-register .volta-register-intro{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
}

html body.volta-page-register .volta-register-intro:after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 22% !important;
  width: 340px !important;
  height: 340px !important;
  z-index: 0 !important;
  border: 1px solid rgba(231,184,94,.2) !important;
  border-radius: 50% !important;
  transform: translateX(-50%) rotate(45deg) !important;
  background: radial-gradient(circle, rgba(255,132,31,.16), transparent 58%), conic-gradient(transparent, rgba(231,184,94,.18), transparent, rgba(165,29,17,.16), transparent) !important;
  opacity: .65 !important;
  animation: voltaCrestSpin 20s linear infinite !important;
}

html body.volta-page-register .volta-register-intro > *,
html body.volta-page-register .volta-register-card > *{
  position: relative !important;
  z-index: 2 !important;
}

html body.volta-page-register .volta-register-intro .volta-kicker,
html body:has(.volta-register-page) .volta-register-intro .volta-kicker{
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  letter-spacing: .18em !important;
}

html body.volta-page-register .volta-register-intro h1,
html body:has(.volta-register-page) .volta-register-intro h1{
  margin: 0 !important;
  font-size: clamp(58px, 5vw, 92px) !important;
  line-height: .92 !important;
  background: linear-gradient(180deg, #fff7d5, #ffd06a 42%, #d75a1d 76%, #fff0bc) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 24px rgba(255,92,22,.42)) !important;
  text-shadow: none !important;
}

html body.volta-page-register .volta-register-intro h2,
html body:has(.volta-register-page) .volta-register-intro h2{
  margin: 14px 0 10px !important;
  color: #ffe6a6 !important;
  font-size: 28px !important;
}

html body.volta-page-register .volta-register-intro p,
html body:has(.volta-register-page) .volta-register-intro p{
  max-width: 470px !important;
  color: rgba(246,234,211,.82) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

html body.volta-page-register .volta-register-perks,
html body:has(.volta-register-page) .volta-register-perks{
  margin: 34px 0 26px !important;
  display: grid !important;
  gap: 14px !important;
}

html body.volta-page-register .volta-register-perks div,
html body:has(.volta-register-page) .volta-register-perks div{
  min-height: 82px !important;
  padding: 16px 18px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 16px !important;
  border: 1px solid rgba(231,184,94,.24) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 0 50%, rgba(255,137,31,.18), transparent 42%),
    rgba(0,0,0,.24) !important;
}

html body.volta-page-register .volta-register-perks i,
html body:has(.volta-register-page) .volta-register-perks i{
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(231,184,94,.36) !important;
  border-radius: 10px !important;
  color: #ffe39b !important;
  background: radial-gradient(circle, rgba(255,190,82,.28), rgba(84,25,7,.58)) !important;
  font-size: 19px !important;
}

html body.volta-page-register .volta-register-perks strong,
html body:has(.volta-register-page) .volta-register-perks strong{
  color: #fff0c4 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 17px !important;
  text-transform: uppercase !important;
}

html body.volta-page-register .volta-register-perks span,
html body:has(.volta-register-page) .volta-register-perks span{
  margin-top: 4px !important;
  color: rgba(246,234,211,.66) !important;
  font-size: 12px !important;
}

html body.volta-page-register .volta-register-download,
html body:has(.volta-register-page) .volta-register-download{
  width: 100% !important;
  min-height: 74px !important;
  margin: 0 !important;
}

html body.volta-page-register .volta-register-card,
html body:has(.volta-register-page) .volta-register-card{
  padding: 34px 38px !important;
}

html body.volta-page-register .volta-register-card .volta-panel__head--center,
html body:has(.volta-register-page) .volta-register-card .volta-panel__head--center{
  justify-content: flex-start !important;
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
}

html body.volta-page-register .volta-register-card .volta-panel__head--center i,
html body:has(.volta-register-page) .volta-register-card .volta-panel__head--center i{
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(231,184,94,.42) !important;
  border-radius: 10px !important;
  background: radial-gradient(circle, rgba(255,190,82,.26), rgba(91,30,8,.56)) !important;
}

html body.volta-page-register .volta-register-card .volta-panel__head--center h2,
html body:has(.volta-register-page) .volta-register-card .volta-panel__head--center h2{
  font-size: 30px !important;
}

html body.volta-page-register .volta-register-form,
html body:has(.volta-register-page) .volta-register-form{
  gap: 15px !important;
}

html body.volta-page-register .volta-field label,
html body:has(.volta-register-page) .volta-field label{
  margin-bottom: 8px !important;
  color: #f6d996 !important;
  font-size: 12px !important;
}

html body.volta-page-register .volta-input-wrap,
html body:has(.volta-register-page) .volta-input-wrap{
  min-height: 54px !important;
  border: 1px solid rgba(231,184,94,.3) !important;
  border-radius: 8px !important;
  background: rgba(0,0,0,.32) !important;
  box-shadow: inset 0 0 24px rgba(0,0,0,.34) !important;
}

html body.volta-page-register .volta-input-wrap i,
html body:has(.volta-register-page) .volta-input-wrap i{
  width: 46px !important;
  color: #e7b85e !important;
}

html body.volta-page-register .volta-register-form .form-control,
html body:has(.volta-register-page) .volta-register-form .form-control{
  min-height: 52px !important;
  padding-left: 0 !important;
  font-size: 14px !important;
}

html body.volta-page-register .volta-captcha-row,
html body:has(.volta-register-page) .volta-captcha-row{
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: end !important;
}

html body.volta-page-register .volta-captcha-image,
html body:has(.volta-register-page) .volta-captcha-image{
  min-height: 54px !important;
  border-radius: 8px !important;
}

html body.volta-page-register .volta-register-note,
html body:has(.volta-register-page) .volta-register-note{
  min-height: 56px !important;
  border-radius: 8px !important;
  background: rgba(255,137,31,.1) !important;
}

html body.volta-page-register .volta-submit-button,
html body:has(.volta-register-page) .volta-submit-button{
  min-height: 64px !important;
  border-radius: 8px !important;
  font-size: 17px !important;
}

@media (max-width: 1180px){
  html body.volta-page-register .volta-register-layout,
  html body:has(.volta-register-page) .volta-register-layout{
    grid-template-columns: 1fr !important;
  }

  html body.volta-page-register .volta-register-intro,
  html body:has(.volta-register-page) .volta-register-intro,
  html body.volta-page-register .volta-register-card,
  html body:has(.volta-register-page) .volta-register-card{
    min-height: auto !important;
  }
}

@media (max-width: 720px){
  html body.volta-page-register .volta-register-shell,
  html body:has(.volta-register-page) .volta-register-shell{
    width: calc(100vw - 22px) !important;
    padding-top: 96px !important;
  }

  html body.volta-page-register .volta-register-intro,
  html body:has(.volta-register-page) .volta-register-intro,
  html body.volta-page-register .volta-register-card,
  html body:has(.volta-register-page) .volta-register-card{
    padding: 24px 18px !important;
  }

  html body.volta-page-register .volta-captcha-row,
  html body:has(.volta-register-page) .volta-captcha-row{
    grid-template-columns: 1fr !important;
  }
}

/* Register form readability fix */
html body.volta-page-register .volta-register-card,
html body:has(.volta-register-page) .volta-register-card{
  max-width: 680px !important;
  justify-self: center !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), transparent 32%),
    radial-gradient(circle at 50% 0, rgba(255,132,31,.13), transparent 34%),
    linear-gradient(180deg, rgba(12,6,3,.88), rgba(5,2,1,.84)) !important;
}

html body.volta-page-register .volta-register-form,
html body:has(.volta-register-page) .volta-register-form{
  display: grid !important;
  gap: 18px !important;
}

html body.volta-page-register .volta-input-wrap,
html body:has(.volta-register-page) .volta-input-wrap{
  position: relative !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  align-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.volta-page-register .volta-input-wrap i,
html body:has(.volta-register-page) .volta-input-wrap i{
  position: static !important;
  width: 54px !important;
  height: 100% !important;
  min-height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border-right: 1px solid rgba(231,184,94,.16) !important;
  background: rgba(255, 176, 58, .06) !important;
  transform: none !important;
}

html body.volta-page-register .volta-register-form .form-control,
html body:has(.volta-register-page) .volta-register-form .form-control{
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 54px !important;
}

html body.volta-page-register .volta-register-form select.form-control,
html body:has(.volta-register-page) .volta-register-form select.form-control{
  padding-right: 38px !important;
  color: #fff0c4 !important;
  background-color: transparent !important;
  cursor: pointer !important;
}

html body.volta-page-register .volta-register-form select.form-control option,
html body:has(.volta-register-page) .volta-register-form select.form-control option{
  color: #fff0c4 !important;
  background-color: #160804 !important;
}

html body.volta-page-register .volta-register-form select.form-control option:checked,
html body.volta-page-register .volta-register-form select.form-control option:hover,
html body:has(.volta-register-page) .volta-register-form select.form-control option:checked,
html body:has(.volta-register-page) .volta-register-form select.form-control option:hover{
  color: #1b0b03 !important;
  background-color: #e7b85e !important;
}

html body.volta-page-register .volta-field label,
html body:has(.volta-register-page) .volta-field label{
  display: block !important;
  margin: 0 0 8px !important;
  line-height: 1.2 !important;
}

html body.volta-page-register .volta-field small,
html body:has(.volta-register-page) .volta-field small{
  display: block !important;
  margin-top: 7px !important;
  color: rgba(246,234,211,.64) !important;
  line-height: 1.35 !important;
}

html body.volta-page-register .volta-captcha-row,
html body:has(.volta-register-page) .volta-captcha-row{
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: end !important;
}

html body.volta-page-register .volta-captcha-image,
html body:has(.volta-register-page) .volta-captcha-image{
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(231,184,94,.3) !important;
  background: rgba(255,255,255,.88) !important;
}

html body.volta-page-register .volta-captcha-image img,
html body:has(.volta-register-page) .volta-captcha-image img{
  max-width: 100% !important;
  max-height: 54px !important;
  object-fit: contain !important;
}

html body.volta-page-register .volta-register-note,
html body:has(.volta-register-page) .volta-register-note{
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
}

html body.volta-page-register .volta-register-note i,
html body:has(.volta-register-page) .volta-register-note i{
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  color: #ffe39b !important;
}

html body.volta-page-register .volta-submit-button,
html body:has(.volta-register-page) .volta-submit-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

@media (max-width: 720px){
  html body.volta-page-register .volta-captcha-row,
  html body:has(.volta-register-page) .volta-captcha-row{
    grid-template-columns: 1fr !important;
  }
}

/* Final premium navigation polish */
body.modern-ui .volta-home-nav__links{
  position: relative !important;
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid rgba(231,184,94,.13) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(90deg, rgba(255,156,52,.05), rgba(255,213,127,.09), rgba(255,77,25,.05)),
    rgba(8,2,0,.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.65),
    0 18px 55px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(14px) saturate(128%) !important;
}

body.modern-ui .volta-home-nav__links:before,
body.modern-ui .volta-home-nav__links:after{
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 42px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,210,122,.65), transparent) !important;
  pointer-events: none !important;
}

body.modern-ui .volta-home-nav__links:before{
  left: -48px !important;
}

body.modern-ui .volta-home-nav__links:after{
  right: -48px !important;
}

body.modern-ui .volta-home-nav__links a,
body.modern-ui .navbar-list > li > a,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle{
  min-height: 46px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(231,184,94,.08) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,202,111,.08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.18)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, color .28s ease, background .28s ease !important;
}

body.modern-ui .volta-home-nav__links a:hover,
body.modern-ui .volta-home-nav__links a.is-active,
body.modern-ui .navbar-list > li > a:hover,
body.modern-ui .navbar-list > li.active > a{
  transform: translateY(-1px) !important;
  border-color: rgba(255,213,127,.42) !important;
  background:
    linear-gradient(180deg, rgba(255,190,89,.16), rgba(85,20,5,.24)),
    rgba(0,0,0,.28) !important;
  box-shadow:
    0 0 22px rgba(255,117,27,.18),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-discord,
body.modern-ui .navbar-list > li > a.volta-nav-discord{
  color: #efe7ff !important;
  border-color: rgba(128,103,255,.36) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(130,95,255,.26), transparent 62%),
    linear-gradient(180deg, rgba(35,23,74,.42), rgba(12,5,16,.42)) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-discord:hover,
body.modern-ui .navbar-list > li > a.volta-nav-discord:hover{
  border-color: rgba(180,165,255,.78) !important;
  box-shadow:
    0 0 26px rgba(129,96,255,.32),
    inset 0 0 18px rgba(129,96,255,.12) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-present,
body.modern-ui .navbar-list > li > a.volta-nav-present{
  order: 99 !important;
  color: #fff2ca !important;
  border-color: rgba(255,205,112,.55) !important;
  background:
    linear-gradient(180deg, rgba(255,188,74,.2), rgba(115,27,5,.46)),
    radial-gradient(circle at 50% 0, rgba(255,231,154,.2), transparent 58%) !important;
  box-shadow:
    0 0 20px rgba(255,128,30,.14),
    inset 0 0 0 1px rgba(255,255,255,.055) !important;
}

body.modern-ui .volta-home-nav__links a.volta-nav-present:hover,
body.modern-ui .navbar-list > li > a.volta-nav-present:hover{
  color: #fff8e5 !important;
  border-color: rgba(255,232,164,.86) !important;
  box-shadow:
    0 0 30px rgba(255,139,31,.34),
    inset 0 0 22px rgba(255,169,45,.12) !important;
}

body.modern-ui .volta-home-nav__links a i{
  font-size: 14px !important;
  color: currentColor !important;
  text-shadow: 0 0 14px currentColor !important;
}

@media (max-width: 1180px){
  body.modern-ui .volta-home-nav__links{
    gap: 4px !important;
    padding: 6px !important;
  }

  body.modern-ui .volta-home-nav__links a{
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }

  body.modern-ui .volta-home-nav__links:before,
  body.modern-ui .volta-home-nav__links:after{
    display: none !important;
  }
}

/* Full-width active line for premium nav buttons */
body.modern-ui .volta-home-nav__links a:before,
body.modern-ui .navbar-list > li > a:before,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:before{
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 7px !important;
  width: auto !important;
  height: 2px !important;
  opacity: 0 !important;
  transform: scaleX(.18) !important;
  transform-origin: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(255,196,86,.95) 14%, #ffe2a0 50%, rgba(255,111,24,.95) 86%, transparent 100%) !important;
  box-shadow: 0 0 12px rgba(255,151,35,.75) !important;
  transition: opacity .28s ease, transform .28s ease !important;
}

body.modern-ui .volta-home-nav__links a:after,
body.modern-ui .navbar-list > li > a:after,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 3px !important;
  width: 7px !important;
  height: 7px !important;
  display: block !important;
  opacity: 0 !important;
  transform: translateX(-50%) rotate(45deg) scale(.65) !important;
  border: 1px solid rgba(255,226,160,.95) !important;
  background: rgba(96,28,6,.96) !important;
  box-shadow: 0 0 12px rgba(255,151,35,.85) !important;
  transition: opacity .28s ease, transform .28s ease !important;
}

body.modern-ui .volta-home-nav__links a:hover:before,
body.modern-ui .volta-home-nav__links a.is-active:before,
body.modern-ui .navbar-list > li > a:hover:before,
body.modern-ui .navbar-list > li.active > a:before,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover:before{
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

body.modern-ui .volta-home-nav__links a:hover:after,
body.modern-ui .volta-home-nav__links a.is-active:after,
body.modern-ui .navbar-list > li > a:hover:after,
body.modern-ui .navbar-list > li.active > a:after,
body.modern-ui .navbar-list > li > .nav-dropdown-toggle:hover:after{
  opacity: 1 !important;
  transform: translateX(-50%) rotate(45deg) scale(1) !important;
}

/* Unified cinematic background for all redesigned pages */
html body.volta-page-download,
html body.volta-page-register,
html body.volta-page-players,
html body.volta-page-guilds,
html body.volta-page-referrals,
html body:has(.volta-download-home),
html body:has(.volta-register-page),
html body:has(.ranking-page){
  min-height: 100vh !important;
  overflow-x: hidden !important;
  background: #050201 !important;
  background-image: none !important;
}

html body.volta-page-download #body-bg,
html body.volta-page-register #body-bg,
html body.volta-page-players #body-bg,
html body.volta-page-guilds #body-bg,
html body.volta-page-referrals #body-bg,
html body:has(.volta-download-home) #body-bg,
html body:has(.volta-register-page) #body-bg,
html body:has(.ranking-page) #body-bg{
  display: none !important;
}

html body.volta-page-download .volta-download-video,
html body.volta-page-register .volta-download-video,
html body.volta-page-register .volta-register-video,
html body.volta-page-players .volta-download-video,
html body.volta-page-guilds .volta-download-video,
html body.volta-page-referrals .volta-download-video,
html body:has(.volta-download-home) .volta-download-video,
html body:has(.volta-register-page) .volta-download-video,
html body:has(.volta-register-page) .volta-register-video,
html body:has(.ranking-page) .volta-download-video{
  position: fixed !important;
  inset: 0 !important;
  z-index: -3 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background: #050201 !important;
}

html body.volta-page-download .volta-download-video video,
html body.volta-page-register .volta-download-video video,
html body.volta-page-register .volta-register-video video,
html body.volta-page-players .volta-download-video video,
html body.volta-page-guilds .volta-download-video video,
html body.volta-page-referrals .volta-download-video video,
html body:has(.volta-download-home) .volta-download-video video,
html body:has(.volta-register-page) .volta-download-video video,
html body:has(.volta-register-page) .volta-register-video video,
html body:has(.ranking-page) .volta-download-video video{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  opacity: .92 !important;
  filter: saturate(1.18) contrast(1.06) brightness(.82) !important;
  transform: scale(1.01) !important;
}

html body.volta-page-download .volta-download-video:after,
html body.volta-page-register .volta-download-video:after,
html body.volta-page-register .volta-register-video:after,
html body.volta-page-players .volta-download-video:after,
html body.volta-page-guilds .volta-download-video:after,
html body.volta-page-referrals .volta-download-video:after,
html body:has(.volta-download-home) .volta-download-video:after,
html body:has(.volta-register-page) .volta-download-video:after,
html body:has(.volta-register-page) .volta-register-video:after,
html body:has(.ranking-page) .volta-download-video:after{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255,119,26,.23), transparent 28%),
    radial-gradient(circle at 16% 34%, rgba(171,28,11,.2), transparent 28%),
    radial-gradient(circle at 82% 42%, rgba(255,91,23,.18), transparent 24%),
    linear-gradient(90deg, rgba(0,0,0,.48), rgba(16,6,2,.18) 40%, rgba(0,0,0,.48)),
    linear-gradient(180deg, rgba(0,0,0,.24), rgba(6,2,0,.54) 58%, rgba(0,0,0,.86)) !important;
}

html body.volta-page-download #content.site-content,
html body.volta-page-register #content.site-content,
html body.volta-page-players #content.site-content,
html body.volta-page-guilds #content.site-content,
html body.volta-page-referrals #content.site-content,
html body:has(.volta-download-home) #content.site-content,
html body:has(.volta-register-page) #content.site-content,
html body:has(.ranking-page) #content.site-content,
html body.volta-page-download .site-container,
html body.volta-page-register .site-container,
html body.volta-page-players .site-container,
html body.volta-page-guilds .site-container,
html body.volta-page-referrals .site-container,
html body:has(.volta-download-home) .site-container,
html body:has(.volta-register-page) .site-container,
html body:has(.ranking-page) .site-container,
html body.volta-page-download .content-area.glass-card,
html body.volta-page-register .content-area.glass-card,
html body.volta-page-players .content-area.glass-card,
html body.volta-page-guilds .content-area.glass-card,
html body.volta-page-referrals .content-area.glass-card,
html body:has(.volta-download-home) .content-area.glass-card,
html body:has(.volta-register-page) .content-area.glass-card,
html body:has(.ranking-page) .content-area.glass-card{
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.volta-page-download .volta-download-home,
html body.volta-page-register .volta-register-page,
html body.volta-page-players .ranking-page,
html body.volta-page-guilds .ranking-page,
html body.volta-page-referrals .ranking-page,
html body:has(.volta-download-home) .volta-download-home,
html body:has(.volta-register-page) .volta-register-page,
html body:has(.ranking-page) .ranking-page{
  position: relative !important;
  z-index: 2 !important;
  min-height: 100vh !important;
  padding-top: clamp(126px, 11vh, 170px) !important;
  background: transparent !important;
  background-image: none !important;
  animation: voltaFadeUp .42s ease both !important;
}

html body.volta-page-download .volta-home-shell,
html body.volta-page-register .volta-home-shell,
html body.volta-page-players .volta-home-shell,
html body.volta-page-guilds .volta-home-shell,
html body.volta-page-referrals .volta-home-shell,
html body:has(.volta-download-home) .volta-home-shell,
html body:has(.volta-register-page) .volta-home-shell,
html body:has(.ranking-page) .volta-home-shell{
  position: relative !important;
  z-index: 3 !important;
}

html body.volta-page-download .volta-embers,
html body.volta-page-register .volta-embers,
html body.volta-page-players .volta-embers,
html body.volta-page-guilds .volta-embers,
html body.volta-page-referrals .volta-embers,
html body:has(.volta-download-home) .volta-embers,
html body:has(.volta-register-page) .volta-embers,
html body:has(.ranking-page) .volta-embers{
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

@media (max-width: 900px){
  html body.volta-page-download .volta-download-home,
  html body.volta-page-register .volta-register-page,
  html body.volta-page-players .ranking-page,
  html body.volta-page-guilds .ranking-page,
  html body.volta-page-referrals .ranking-page,
  html body:has(.volta-download-home) .volta-download-home,
  html body:has(.volta-register-page) .volta-register-page,
  html body:has(.ranking-page) .ranking-page{
    padding-top: 108px !important;
  }
}

/* Hotfix: keep the MP4 visible on inner pages, above the body background */
html body.volta-page-download,
html body.volta-page-register,
html body.volta-page-players,
html body.volta-page-guilds,
html body.volta-page-referrals,
html body:has(.volta-download-home),
html body:has(.volta-register-page),
html body:has(.ranking-page){
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.volta-page-download .volta-download-video,
html body.volta-page-register .volta-download-video,
html body.volta-page-register .volta-register-video,
html body.volta-page-players .volta-download-video,
html body.volta-page-guilds .volta-download-video,
html body.volta-page-referrals .volta-download-video,
html body:has(.volta-download-home) .volta-download-video,
html body:has(.volta-register-page) .volta-download-video,
html body:has(.volta-register-page) .volta-register-video,
html body:has(.ranking-page) .volta-download-video{
  z-index: 0 !important;
  opacity: 1 !important;
}

html body.volta-page-download .volta-download-video video,
html body.volta-page-register .volta-download-video video,
html body.volta-page-register .volta-register-video video,
html body.volta-page-players .volta-download-video video,
html body.volta-page-guilds .volta-download-video video,
html body.volta-page-referrals .volta-download-video video,
html body:has(.volta-download-home) .volta-download-video video,
html body:has(.volta-register-page) .volta-download-video video,
html body:has(.volta-register-page) .volta-register-video video,
html body:has(.ranking-page) .volta-download-video video{
  opacity: .92 !important;
  filter: saturate(1.18) contrast(1.06) brightness(.82) !important;
}

html body.volta-page-download .volta-download-home:before,
html body.volta-page-register .volta-register-page:before,
html body.volta-page-players .ranking-page:before,
html body.volta-page-guilds .ranking-page:before,
html body.volta-page-referrals .ranking-page:before,
html body:has(.volta-download-home) .volta-download-home:before,
html body:has(.volta-register-page) .volta-register-page:before,
html body:has(.ranking-page) .ranking-page:before{
  display: none !important;
  content: none !important;
  background: transparent !important;
}

html body.volta-page-download .volta-download-home,
html body.volta-page-register .volta-register-page,
html body.volta-page-players .ranking-page,
html body.volta-page-guilds .ranking-page,
html body.volta-page-referrals .ranking-page,
html body:has(.volta-download-home) .volta-download-home,
html body:has(.volta-register-page) .volta-register-page,
html body:has(.ranking-page) .ranking-page,
html body.volta-page-download .site-wrapper,
html body.volta-page-register .site-wrapper,
html body.volta-page-players .site-wrapper,
html body.volta-page-guilds .site-wrapper,
html body.volta-page-referrals .site-wrapper,
html body:has(.volta-download-home) .site-wrapper,
html body:has(.volta-register-page) .site-wrapper,
html body:has(.ranking-page) .site-wrapper{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.volta-page-download .volta-download-nav,
html body.volta-page-register .volta-download-nav,
html body.volta-page-players .volta-download-nav,
html body.volta-page-guilds .volta-download-nav,
html body.volta-page-referrals .volta-download-nav,
html body:has(.volta-download-home) .volta-download-nav,
html body:has(.volta-register-page) .volta-download-nav,
html body:has(.ranking-page) .volta-download-nav{
  z-index: 50 !important;
}

html body.volta-page-download #content.site-content,
html body.volta-page-register #content.site-content,
html body.volta-page-players #content.site-content,
html body.volta-page-guilds #content.site-content,
html body.volta-page-referrals #content.site-content,
html body:has(.volta-download-home) #content.site-content,
html body:has(.volta-register-page) #content.site-content,
html body:has(.ranking-page) #content.site-content{
  z-index: 2 !important;
}

/* Kill legacy CKEditor security overlay if an old cached footer still loads it */
.cke_notifications_area,
.cke_notification,
.cke_notification_warning,
.cke_notification_message,
.cke_notification_close{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Premium account/auth dashboard */
html body.volta-page-login,
html body.volta-page-administration,
html body.volta-page-login #content.site-content,
html body.volta-page-administration #content.site-content,
html body:has(.volta-auth-page),
html body:has(.volta-account-page){
  background: transparent !important;
  background-image: none !important;
  overflow-x: hidden !important;
}

html body.volta-page-login #body-bg,
html body.volta-page-administration #body-bg,
html body:has(.volta-auth-page) #body-bg,
html body:has(.volta-account-page) #body-bg{
  display: none !important;
}

html body.volta-page-login .volta-download-video,
html body.volta-page-administration .volta-download-video,
html body:has(.volta-auth-page) .volta-download-video,
html body:has(.volta-account-page) .volta-download-video{
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background: #050201 !important;
}

html body.volta-page-login .volta-download-video video,
html body.volta-page-administration .volta-download-video video,
html body:has(.volta-auth-page) .volta-download-video video,
html body:has(.volta-account-page) .volta-download-video video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  opacity: .9 !important;
  filter: saturate(1.18) contrast(1.06) brightness(.76) !important;
}

html body.volta-page-login .volta-download-video:after,
html body.volta-page-administration .volta-download-video:after,
html body:has(.volta-auth-page) .volta-download-video:after,
html body:has(.volta-account-page) .volta-download-video:after{
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(255, 130, 34, .24), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.56), rgba(30,8,2,.18), rgba(0,0,0,.56)),
    linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.72)) !important;
}

html body.volta-page-login .site-container,
html body.volta-page-administration .site-container,
html body:has(.volta-auth-page) .site-container,
html body:has(.volta-account-page) .site-container,
html body.volta-page-login .site-wrapper,
html body.volta-page-administration .site-wrapper,
html body:has(.volta-auth-page) .site-wrapper,
html body:has(.volta-account-page) .site-wrapper,
html body.volta-page-login .content-area.glass-card,
html body.volta-page-administration .content-area.glass-card,
html body:has(.volta-auth-page) .content-area.glass-card,
html body:has(.volta-account-page) .content-area.glass-card{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.volta-auth-page,
.volta-account-page{
  position: relative !important;
  z-index: 2 !important;
  min-height: 100vh !important;
  padding: clamp(128px, 12vh, 176px) 0 70px !important;
}

.volta-auth-shell,
.volta-account-shell{
  width: min(1180px, calc(100% - 72px)) !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 3 !important;
}

.volta-auth-shell{
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(420px, .78fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.volta-auth-intro,
.volta-auth-card,
.volta-account-hero,
.volta-account-card,
.volta-account-actions{
  border: 1px solid rgba(255, 214, 132, .55) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), transparent 28%),
    radial-gradient(circle at 50% 0, rgba(255, 137, 35, .18), transparent 34%),
    rgba(8, 3, 1, .64) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.5),
    inset 0 0 0 1px rgba(255,255,255,.035) !important;
  backdrop-filter: blur(13px) saturate(130%) !important;
}

.volta-auth-intro{
  min-height: 520px !important;
  padding: 48px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.volta-auth-intro h1,
.volta-account-hero h1{
  margin: 8px 0 14px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(54px, 5vw, 92px) !important;
  line-height: .92 !important;
  color: #fff5df !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 28px rgba(255, 115, 30, .42), 0 2px 0 rgba(74, 20, 4, .9) !important;
}

.volta-auth-intro p,
.volta-account-hero p{
  max-width: 560px !important;
  color: rgba(255,244,220,.82) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

.volta-auth-perks{
  display: grid !important;
  gap: 14px !important;
  margin-top: 32px !important;
}

.volta-auth-perks > div{
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid rgba(231,184,94,.2) !important;
  background: rgba(0,0,0,.24) !important;
}

.volta-auth-perks i,
.volta-account-card .volta-panel__head i,
.volta-account-actions .volta-panel__head i,
.volta-auth-card .volta-panel__head i{
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  color: #ffe39b !important;
  border: 1px solid rgba(231,184,94,.42) !important;
  background: linear-gradient(180deg, rgba(255,206,102,.18), rgba(100,32,8,.46)) !important;
  box-shadow: 0 0 18px rgba(255,130,31,.18) !important;
}

.volta-auth-perks strong{
  color: #ffe6a8 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

.volta-auth-perks span{
  display: block !important;
  color: rgba(255,244,220,.62) !important;
}

.volta-auth-card{
  padding: 34px !important;
  align-self: center !important;
}

.volta-auth-form{
  display: grid !important;
  gap: 18px !important;
}

.volta-auth-links{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(231,184,94,.18) !important;
}

.volta-auth-links a{
  color: #ffe39b !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

.volta-alert{
  margin: 0 0 18px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(231,184,94,.28) !important;
  color: #fff4dc !important;
  background: rgba(0,0,0,.35) !important;
}

.volta-alert--success{ border-color: rgba(96,255,97,.34) !important; color: #c7ffc4 !important; }
.volta-alert--danger{ border-color: rgba(255,70,46,.48) !important; color: #ffd0c9 !important; }
.volta-alert--info{ border-color: rgba(99,190,255,.38) !important; color: #d8efff !important; }

.volta-account-shell{
  display: grid !important;
  gap: 22px !important;
}

.volta-account-hero{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 34px 42px !important;
}

.volta-account-seal{
  display: grid !important;
  place-items: center !important;
  min-height: 130px !important;
  border-left: 1px solid rgba(231,184,94,.18) !important;
}

.volta-account-seal img{
  max-width: 190px !important;
  filter: drop-shadow(0 0 24px rgba(255,104,24,.4)) !important;
}

.volta-account-grid{
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
}

.volta-account-card,
.volta-account-actions{
  padding: 28px !important;
}

.volta-account-name{
  margin-top: 18px !important;
  color: #fff5de !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 38px !important;
  font-weight: 900 !important;
}

.volta-account-email{
  margin-top: 6px !important;
  color: rgba(255,244,220,.66) !important;
  overflow-wrap: anywhere !important;
}

.volta-account-wallet{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin: 24px 0 !important;
}

.volta-account-wallet > div{
  padding: 16px !important;
  border: 1px solid rgba(231,184,94,.22) !important;
  background: rgba(0,0,0,.24) !important;
}

.volta-account-wallet i{
  color: #ffd978 !important;
}

.volta-account-wallet strong{
  display: block !important;
  margin-top: 8px !important;
  color: #fff4d2 !important;
  font-size: 24px !important;
}

.volta-account-wallet span{
  color: rgba(255,244,220,.58) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
}

.volta-account-primary,
.volta-action-card button{
  width: 100% !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #fff2c9 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255,213,127,.55) !important;
  background: linear-gradient(180deg, rgba(255,196,86,.16), rgba(124,39,9,.58)) !important;
  box-shadow: 0 0 22px rgba(255,115,30,.16) !important;
}

.volta-action-list{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.volta-action-card{
  min-height: 150px !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px 14px !important;
  padding: 18px !important;
  color: inherit !important;
  text-decoration: none !important;
  border: 1px solid rgba(231,184,94,.22) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), transparent 32%),
    rgba(0,0,0,.28) !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}

.volta-action-card:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(255,221,139,.68) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), 0 0 24px rgba(255,126,31,.18) !important;
}

.volta-action-card i{
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  color: #ffe39b !important;
  border: 1px solid rgba(231,184,94,.35) !important;
  background: rgba(255,183,63,.1) !important;
}

.volta-action-card strong{
  color: #ffe7ad !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
}

.volta-action-card span{
  grid-column: 2 !important;
  color: rgba(255,244,220,.62) !important;
  line-height: 1.45 !important;
}

.volta-action-card button{
  grid-column: 1 / -1 !important;
  margin-top: auto !important;
  cursor: pointer !important;
}

.volta-action-card--danger{
  border-color: rgba(255,90,60,.34) !important;
}

.volta-action-card--danger button{
  border-color: rgba(255,116,78,.58) !important;
  background: linear-gradient(180deg, rgba(255,100,58,.24), rgba(104,14,5,.64)) !important;
}

.volta-action-card--staff{
  border-color: rgba(178,126,255,.56) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(152,96,255,.22), transparent 36%),
    linear-gradient(135deg, rgba(32,13,55,.84), rgba(18,5,1,.92)) !important;
}

.volta-action-card--staff i{
  color: #d4bcff !important;
  border-color: rgba(178,126,255,.5) !important;
  background: rgba(119,70,210,.16) !important;
  box-shadow: 0 0 24px rgba(153,101,255,.24) !important;
}

@media (max-width: 980px){
  .volta-auth-shell,
  .volta-account-grid,
  .volta-account-hero{
    grid-template-columns: 1fr !important;
  }

  .volta-account-seal{
    border-left: 0 !important;
    border-top: 1px solid rgba(231,184,94,.18) !important;
    padding-top: 18px !important;
  }

  .volta-action-list{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px){
  .volta-auth-shell,
  .volta-account-shell{
    width: calc(100% - 24px) !important;
  }

  .volta-auth-intro,
  .volta-auth-card,
  .volta-account-hero,
  .volta-account-card,
  .volta-account-actions{
    padding: 22px !important;
  }

  .volta-account-wallet{
    grid-template-columns: 1fr !important;
  }
}

/* Global login overlay: open over any page instead of navigating away */
.volta-login-modal{
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 28px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .24s ease, visibility .24s ease !important;
}

.volta-login-modal.is-open{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.volta-login-modal__backdrop{
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 126, 31, .18), transparent 28%),
    rgba(0,0,0,.72) !important;
  backdrop-filter: blur(10px) saturate(128%) !important;
}

.volta-login-modal__panel{
  position: relative !important;
  width: min(460px, calc(100vw - 34px)) !important;
  padding: 30px !important;
  transform: translateY(18px) scale(.97) !important;
  border: 1px solid rgba(255, 218, 132, .68) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), transparent 30%),
    radial-gradient(circle at 50% 0, rgba(255,136,35,.2), transparent 36%),
    rgba(8,3,1,.86) !important;
  box-shadow:
    0 34px 100px rgba(0,0,0,.7),
    0 0 46px rgba(255,106,25,.16),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
  transition: transform .28s ease !important;
}

.volta-login-modal.is-open .volta-login-modal__panel{
  transform: translateY(0) scale(1) !important;
}

.volta-login-modal__close{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  color: #ffe6a8 !important;
  border: 1px solid rgba(231,184,94,.32) !important;
  background: rgba(0,0,0,.38) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.volta-login-modal__mark{
  display: grid !important;
  place-items: center !important;
  margin: 0 0 14px !important;
}

.volta-login-modal__mark img{
  max-width: 190px !important;
  filter: drop-shadow(0 0 22px rgba(255,99,24,.45)) !important;
}

.volta-login-modal__copy{
  margin: -4px 0 22px !important;
  color: rgba(255,244,220,.7) !important;
  text-align: center !important;
}

body.volta-modal-open{
  overflow: hidden !important;
}

body.volta-page-login .volta-auth-page{
  display: none !important;
}
/* Premium ranking board */
body.modern-ui .volta-rank-premium{
  width: min(1180px, calc(100vw - 48px)) !important;
  margin: 0 auto 56px !important;
  color: #f9e7bd !important;
}

body.modern-ui .volta-rank-hero{
  display: flex !important;
  justify-content: space-between !important;
  gap: 22px !important;
  align-items: center !important;
  margin-bottom: 18px !important;
  padding: 26px 30px !important;
  border: 1px solid rgba(231,184,94,.42) !important;
  background:
    linear-gradient(90deg, rgba(104,38,10,.72), rgba(8,3,1,.82)),
    radial-gradient(circle at 82% 50%, rgba(255,134,30,.18), transparent 34%) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.05) !important;
  position: relative !important;
  overflow: hidden !important;
}

body.modern-ui .volta-rank-hero:before{
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border: 1px solid rgba(231,184,94,.16) !important;
  pointer-events: none !important;
}

body.modern-ui .volta-rank-kicker{
  display: block !important;
  margin-bottom: 8px !important;
  color: #ffd879 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  font-size: 12px !important;
}

body.modern-ui .volta-rank-hero .glass-title{
  margin: 0 !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: .98 !important;
  color: #fff0cb !important;
  font-family: Georgia, "Times New Roman", serif !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 24px rgba(255,118,24,.28), 0 3px 0 rgba(0,0,0,.38) !important;
}

body.modern-ui .volta-rank-hero .glass-subtitle{
  max-width: 680px !important;
  margin: 10px 0 0 !important;
  color: rgba(255,239,208,.78) !important;
  font-weight: 700 !important;
}

body.modern-ui .volta-rank-hero__seal{
  width: 82px !important;
  height: 82px !important;
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,216,125,.48) !important;
  background: linear-gradient(180deg, rgba(126,55,18,.66), rgba(8,3,1,.78)) !important;
  color: #ffd878 !important;
  font-size: 34px !important;
  box-shadow: inset 0 0 24px rgba(255,131,25,.16), 0 0 30px rgba(255,118,24,.16) !important;
}

body.modern-ui .volta-rank-premium .glass-page-body{
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.modern-ui .volta-rank-premium .glass-toolbar{
  margin-bottom: 14px !important;
  padding: 14px !important;
  border: 1px solid rgba(231,184,94,.26) !important;
  background: rgba(6,2,1,.66) !important;
  box-shadow: inset 0 0 30px rgba(0,0,0,.38) !important;
}

body.modern-ui .volta-rank-premium .glass-search-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  gap: 12px !important;
}

body.modern-ui .volta-rank-premium .glass-input{
  height: 48px !important;
  border: 1px solid rgba(231,184,94,.34) !important;
  background: rgba(0,0,0,.48) !important;
  color: #fff0cf !important;
  box-shadow: inset 0 0 18px rgba(0,0,0,.35) !important;
}

body.modern-ui .volta-rank-premium .glass-btn{
  height: 48px !important;
  border: 1px solid rgba(255,214,119,.62) !important;
  background: linear-gradient(180deg, rgba(145,61,18,.94), rgba(74,18,8,.94)) !important;
  color: #ffe8b5 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-rank-tabs{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
}

body.modern-ui .volta-rank-tabs .glass-tab{
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border: 1px solid rgba(231,184,94,.24) !important;
  background: linear-gradient(180deg, rgba(34,13,5,.82), rgba(7,2,1,.82)) !important;
  color: #f7dfaa !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

body.modern-ui .volta-rank-tabs .glass-tab i{
  color: #ffd878 !important;
  font-size: 18px !important;
}

body.modern-ui .volta-rank-tabs .glass-tab.is-active,
body.modern-ui .volta-rank-tabs .glass-tab:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(255,218,132,.72) !important;
  background: linear-gradient(180deg, rgba(116,39,13,.9), rgba(27,7,3,.92)) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.32), 0 0 26px rgba(255,110,24,.16) !important;
}

body.modern-ui .volta-rank-board{
  border: 1px solid rgba(231,184,94,.38) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.05), transparent 32%),
    rgba(4,1,0,.76) !important;
  box-shadow: 0 28px 78px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.04) !important;
  overflow: hidden !important;
}

body.modern-ui .volta-rank-board .glass-table{
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
}

body.modern-ui .volta-rank-board thead th{
  padding: 16px 18px !important;
  border: 0 !important;
  color: #ffd878 !important;
  background: rgba(0,0,0,.52) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

body.modern-ui .volta-rank-row{
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}

body.modern-ui .volta-rank-row:hover{
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
}

body.modern-ui .volta-rank-row td,
body.modern-ui .volta-rank-row th{
  padding: 14px 18px !important;
  border-top: 1px solid rgba(231,184,94,.14) !important;
  border-bottom: 1px solid rgba(231,184,94,.14) !important;
  background: linear-gradient(90deg, rgba(35,15,7,.88), rgba(14,6,3,.82)) !important;
  vertical-align: middle !important;
}

body.modern-ui .volta-rank-row th:first-child,
body.modern-ui .volta-rank-row td:first-child{
  border-left: 1px solid rgba(231,184,94,.14) !important;
}

body.modern-ui .volta-rank-row td:last-child{
  border-right: 1px solid rgba(231,184,94,.14) !important;
}

body.modern-ui .volta-rank-row.rank-1 td,
body.modern-ui .volta-rank-row.rank-1 th{
  background: linear-gradient(90deg, rgba(107,75,11,.92), rgba(84,27,14,.82)) !important;
  box-shadow: inset 0 0 24px rgba(255,203,84,.12) !important;
}

body.modern-ui .volta-rank-row.rank-2 td,
body.modern-ui .volta-rank-row.rank-2 th{
  background: linear-gradient(90deg, rgba(72,72,72,.9), rgba(55,24,19,.82)) !important;
}

body.modern-ui .volta-rank-row.rank-3 td,
body.modern-ui .volta-rank-row.rank-3 th{
  background: linear-gradient(90deg, rgba(89,45,18,.9), rgba(60,24,15,.82)) !important;
}

body.modern-ui .volta-rank-badge{
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  clip-path: polygon(50% 0, 92% 24%, 92% 74%, 50% 100%, 8% 74%, 8% 24%) !important;
  background: rgba(255,216,125,.14) !important;
  color: #ffd878 !important;
  font-weight: 1000 !important;
  font-size: 16px !important;
}

body.modern-ui .rank-1 .volta-rank-badge{
  background: linear-gradient(180deg, #ffe58f, #b87319) !important;
  color: #241002 !important;
}

body.modern-ui .rank-2 .volta-rank-badge{
  background: linear-gradient(180deg, #f6f6f6, #8e8e8e) !important;
  color: #101010 !important;
}

body.modern-ui .rank-3 .volta-rank-badge{
  background: linear-gradient(180deg, #ffb36d, #a34818) !important;
  color: #170601 !important;
}

body.modern-ui .volta-rank-player{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 220px !important;
}

body.modern-ui .volta-rank-player img{
  width: 48px !important;
  height: 48px !important;
  object-fit: cover !important;
  border: 1px solid rgba(255,218,132,.48) !important;
  background: rgba(0,0,0,.45) !important;
  box-shadow: 0 0 18px rgba(255,97,20,.12) !important;
}

body.modern-ui .volta-rank-player strong{
  display: block !important;
  color: #fff0cf !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}

body.modern-ui .volta-rank-player span{
  display: block !important;
  margin-top: 3px !important;
  color: rgba(255,216,125,.74) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 900 !important;
}

body.modern-ui .volta-rank-icon{
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,218,132,.45) !important;
  background: linear-gradient(180deg, rgba(125,59,19,.8), rgba(19,7,2,.86)) !important;
  color: #ffd878 !important;
  font-size: 20px !important;
}

body.modern-ui .volta-rank-empire{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #f6dfad !important;
  font-weight: 900 !important;
}

body.modern-ui .volta-rank-empire img{
  width: 32px !important;
  height: 20px !important;
  object-fit: cover !important;
  border: 1px solid rgba(255,218,132,.32) !important;
}

body.modern-ui .volta-rank-guild{
  color: #ffe3a0 !important;
  font-weight: 900 !important;
}

body.modern-ui .volta-rank-level{
  color: #ff4f45 !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
}

body.modern-ui .volta-rank-points{
  color: #ffd878 !important;
  font-weight: 1000 !important;
}

body.modern-ui .volta-rank-premium .glass-pagination{
  margin-top: 18px !important;
}

body.modern-ui .volta-rank-premium .pagination a,
body.modern-ui .volta-rank-premium .glass-pagination a{
  border: 1px solid rgba(231,184,94,.34) !important;
  background: rgba(0,0,0,.55) !important;
  color: #ffe8b5 !important;
  font-weight: 900 !important;
}

body.modern-ui .volta-rank-premium .pagination .active a,
body.modern-ui .volta-rank-premium .glass-pagination a.active{
  background: linear-gradient(180deg, rgba(145,61,18,.94), rgba(74,18,8,.94)) !important;
  border-color: rgba(255,218,132,.72) !important;
}

@media (max-width: 820px){
  body.modern-ui .volta-rank-premium{
    width: min(100% - 24px, 1180px) !important;
  }
  body.modern-ui .volta-rank-hero{
    padding: 22px !important;
  }
  body.modern-ui .volta-rank-hero__seal{
    display: none !important;
  }
  body.modern-ui .volta-rank-premium .glass-search-row,
  body.modern-ui .volta-rank-tabs{
    grid-template-columns: 1fr !important;
  }
  body.modern-ui .volta-rank-board{
    overflow-x: auto !important;
  }
  body.modern-ui .volta-rank-board .glass-table{
    min-width: 760px !important;
  }
}

/* Player ranking card layout */
body.modern-ui .volta-player-rank-board{
  margin-top: 18px !important;
  padding: 16px !important;
  border: 1px solid rgba(234,184,91,.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,132,32,.18), transparent 38%),
    linear-gradient(180deg, rgba(12,4,1,.72), rgba(4,1,0,.86)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,232,170,.08), 0 22px 70px rgba(0,0,0,.48) !important;
}

body.modern-ui .volta-player-card-grid{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(160px, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

body.modern-ui .volta-player-card{
  position: relative !important;
  min-height: 178px !important;
  border: 1px solid rgba(224,170,74,.32) !important;
  background:
    linear-gradient(135deg, rgba(255,168,45,.1), transparent 34%),
    linear-gradient(180deg, rgba(20,8,3,.72), rgba(7,2,0,.82)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,230,160,.05), 0 18px 38px rgba(0,0,0,.36) !important;
  overflow: hidden !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease !important;
}

body.modern-ui .volta-player-card:before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,220,130,.18), transparent 22%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent) !important;
  opacity: .55 !important;
  pointer-events: none !important;
}

body.modern-ui .volta-player-card:hover,
body.modern-ui .volta-player-card[open]{
  transform: translateY(-4px) !important;
  border-color: rgba(255,214,124,.72) !important;
  box-shadow: 0 0 0 1px rgba(255,214,124,.14), 0 22px 58px rgba(120,33,10,.45) !important;
}

body.modern-ui .volta-player-card summary{
  position: relative !important;
  z-index: 1 !important;
  min-height: 176px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  justify-items: center !important;
  gap: 10px !important;
  padding: 18px 14px 16px !important;
  cursor: pointer !important;
  list-style: none !important;
  text-align: center !important;
}

body.modern-ui .volta-player-card summary::-webkit-details-marker{
  display: none !important;
}

body.modern-ui .volta-player-card__rank{
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  clip-path: polygon(50% 0, 92% 22%, 92% 78%, 50% 100%, 8% 78%, 8% 22%) !important;
  background: linear-gradient(180deg, #3d2b10, #100804) !important;
  color: #ffe7a6 !important;
  font-weight: 1000 !important;
  font-size: 18px !important;
  box-shadow: inset 0 0 16px rgba(255,220,123,.12), 0 8px 18px rgba(0,0,0,.34) !important;
}

body.modern-ui .volta-player-card__portrait{
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  padding: 3px !important;
  background: linear-gradient(180deg, #ffe08b, #7c2c12) !important;
  box-shadow: 0 0 24px rgba(255,147,45,.22) !important;
}

body.modern-ui .volta-player-card__portrait img{
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

body.modern-ui .volta-player-card__main strong{
  display: block !important;
  color: #fff2c8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  text-shadow: 0 0 14px rgba(255,154,44,.36) !important;
}

body.modern-ui .volta-player-card__main em{
  display: block !important;
  margin-top: 5px !important;
  color: #d9a246 !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-player-card__level{
  min-width: 88px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(255,217,129,.26) !important;
  background: rgba(0,0,0,.38) !important;
}

body.modern-ui .volta-player-card__level small{
  display: block !important;
  color: rgba(255,232,181,.72) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-player-card__level b{
  color: #ff4b3f !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

body.modern-ui .volta-player-card__details{
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 8px !important;
  padding: 0 14px 14px !important;
  margin-top: -4px !important;
}

body.modern-ui .volta-player-card__details div{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border-top: 1px solid rgba(255,220,130,.14) !important;
  padding-top: 8px !important;
}

body.modern-ui .volta-player-card__details span{
  color: rgba(255,232,181,.66) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-player-card__details strong{
  color: #ffe49a !important;
  font-weight: 1000 !important;
  text-align: right !important;
}

body.modern-ui .volta-player-card__empire{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.modern-ui .volta-player-card__empire img{
  width: 24px !important;
  height: 16px !important;
  object-fit: cover !important;
  border: 1px solid rgba(255,218,132,.3) !important;
}

body.modern-ui .volta-player-card.rank-1,
body.modern-ui .volta-player-card.rank-2,
body.modern-ui .volta-player-card.rank-3{
  min-height: 245px !important;
}

body.modern-ui .volta-player-card.rank-1{
  order: 2 !important;
  grid-column: 3 / span 2 !important;
  min-height: 315px !important;
  margin-top: -26px !important;
  background:
    radial-gradient(circle at 50% 7%, rgba(255,233,143,.45), transparent 30%),
    linear-gradient(180deg, rgba(156,86,12,.92), rgba(38,12,2,.9)) !important;
  border-color: rgba(255,224,132,.88) !important;
  box-shadow: 0 0 0 1px rgba(255,224,132,.22), 0 28px 78px rgba(255,113,19,.34), inset 0 0 42px rgba(255,184,73,.12) !important;
}

body.modern-ui .volta-player-card.rank-2{
  order: 1 !important;
  grid-column: 1 / span 2 !important;
  margin-top: 28px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(235,235,235,.22), transparent 34%),
    linear-gradient(180deg, rgba(72,63,58,.78), rgba(12,6,4,.88)) !important;
}

body.modern-ui .volta-player-card.rank-3{
  order: 3 !important;
  grid-column: 5 / span 1 !important;
  margin-top: 28px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,143,64,.24), transparent 34%),
    linear-gradient(180deg, rgba(96,42,12,.82), rgba(14,5,2,.9)) !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__rank{
  background: linear-gradient(180deg, #fff0a6, #cf861e 48%, #6c2d08) !important;
  color: #2a1003 !important;
}

body.modern-ui .volta-player-card.rank-2 .volta-player-card__rank{
  background: linear-gradient(180deg, #fff, #aaa 48%, #4b4b4b) !important;
  color: #171717 !important;
}

body.modern-ui .volta-player-card.rank-3 .volta-player-card__rank{
  background: linear-gradient(180deg, #ffd1a2, #c46b2c 48%, #69300f) !important;
  color: #2a1003 !important;
}

body.modern-ui .volta-player-card.rank-1 summary,
body.modern-ui .volta-player-card.rank-2 summary,
body.modern-ui .volta-player-card.rank-3 summary{
  min-height: 242px !important;
}

body.modern-ui .volta-player-card.rank-1 summary{
  min-height: 312px !important;
  padding-top: 26px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__portrait,
body.modern-ui .volta-player-card.rank-2 .volta-player-card__portrait,
body.modern-ui .volta-player-card.rank-3 .volta-player-card__portrait{
  width: 88px !important;
  height: 88px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__portrait{
  width: 118px !important;
  height: 118px !important;
  box-shadow: 0 0 38px rgba(255,194,80,.44) !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__rank{
  width: 54px !important;
  height: 54px !important;
  font-size: 23px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__main strong{
  font-size: 28px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__level{
  min-width: 112px !important;
  padding: 9px 16px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__level b{
  font-size: 28px !important;
}

body.modern-ui .volta-player-card.rank-4,
body.modern-ui .volta-player-card.rank-5,
body.modern-ui .volta-player-card.rank-6,
body.modern-ui .volta-player-card.rank-7,
body.modern-ui .volta-player-card.rank-8,
body.modern-ui .volta-player-card.rank-9,
body.modern-ui .volta-player-card.rank-10,
body.modern-ui .volta-player-card.rank-11,
body.modern-ui .volta-player-card.rank-12,
body.modern-ui .volta-player-card.rank-13,
body.modern-ui .volta-player-card.rank-14,
body.modern-ui .volta-player-card.rank-15,
body.modern-ui .volta-player-card.rank-16,
body.modern-ui .volta-player-card.rank-17,
body.modern-ui .volta-player-card.rank-18,
body.modern-ui .volta-player-card.rank-19,
body.modern-ui .volta-player-card.rank-20,
body.modern-ui .volta-player-card.rank-21,
body.modern-ui .volta-player-card.rank-22,
body.modern-ui .volta-player-card.rank-23,
body.modern-ui .volta-player-card.rank-24,
body.modern-ui .volta-player-card.rank-25{
  order: 10 !important;
}

body.modern-ui .volta-player-empty{
  grid-column: 1 / -1 !important;
  border: 1px solid rgba(255,217,129,.28) !important;
  padding: 28px !important;
  text-align: center !important;
  color: #ffe7a6 !important;
  background: rgba(0,0,0,.45) !important;
}

@media (max-width: 1180px){
  body.modern-ui .volta-player-card-grid{
    grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  }
  body.modern-ui .volta-player-card.rank-1{
    grid-column: 2 / span 2 !important;
    margin-top: 0 !important;
  }
  body.modern-ui .volta-player-card.rank-2{
    grid-column: 1 / span 2 !important;
    margin-top: 0 !important;
  }
  body.modern-ui .volta-player-card.rank-3{
    grid-column: span 2 !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 760px){
  body.modern-ui .volta-player-card-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.modern-ui .volta-player-card.rank-1,
  body.modern-ui .volta-player-card.rank-2,
  body.modern-ui .volta-player-card.rank-3{
    grid-column: span 1 !important;
    min-height: 230px !important;
    margin-top: 0 !important;
  }
  body.modern-ui .volta-player-card.rank-1 summary{
    min-height: 242px !important;
  }
  body.modern-ui .volta-player-card.rank-1 .volta-player-card__portrait{
    width: 88px !important;
    height: 88px !important;
  }
}

@media (max-width: 460px){
  body.modern-ui .volta-player-card-grid{
    grid-template-columns: 1fr !important;
  }
}

/* Cleaner premium podium override */
body.modern-ui .volta-player-card-grid{
  grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
  gap: 16px !important;
}

body.modern-ui .volta-player-card{
  min-height: 188px !important;
  border-color: rgba(214,160,72,.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,179,68,.14), transparent 34%),
    linear-gradient(180deg, rgba(18,8,4,.74), rgba(5,1,0,.86)) !important;
}

body.modern-ui .volta-player-card summary{
  min-height: 186px !important;
  padding: 18px 14px !important;
}

body.modern-ui .volta-player-card.rank-2{
  order: 1 !important;
  grid-column: 1 / span 1 !important;
  min-height: 230px !important;
  margin-top: 34px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(235,238,238,.22), transparent 34%),
    linear-gradient(180deg, rgba(63,59,54,.82), rgba(13,6,4,.9)) !important;
}

body.modern-ui .volta-player-card.rank-1{
  order: 2 !important;
  grid-column: 2 / span 2 !important;
  min-height: 272px !important;
  margin-top: 0 !important;
  background:
    radial-gradient(circle at 50% 4%, rgba(255,226,129,.38), transparent 36%),
    linear-gradient(180deg, rgba(118,61,10,.9), rgba(24,7,2,.92)) !important;
  border-color: rgba(255,217,122,.74) !important;
  box-shadow: 0 0 0 1px rgba(255,217,122,.18), 0 24px 58px rgba(155,64,12,.34), inset 0 0 40px rgba(255,172,56,.1) !important;
}

body.modern-ui .volta-player-card.rank-3{
  order: 3 !important;
  grid-column: 4 / span 1 !important;
  min-height: 230px !important;
  margin-top: 34px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(244,135,65,.22), transparent 34%),
    linear-gradient(180deg, rgba(86,38,14,.84), rgba(13,5,2,.9)) !important;
}

body.modern-ui .volta-player-card.rank-1 summary{
  min-height: 270px !important;
  padding: 22px 18px !important;
}

body.modern-ui .volta-player-card.rank-2 summary,
body.modern-ui .volta-player-card.rank-3 summary{
  min-height: 228px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__portrait{
  width: 104px !important;
  height: 104px !important;
}

body.modern-ui .volta-player-card.rank-2 .volta-player-card__portrait,
body.modern-ui .volta-player-card.rank-3 .volta-player-card__portrait{
  width: 84px !important;
  height: 84px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__rank{
  width: 50px !important;
  height: 50px !important;
  font-size: 22px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__main strong{
  font-size: 27px !important;
}

body.modern-ui .volta-player-card.rank-2 .volta-player-card__main strong,
body.modern-ui .volta-player-card.rank-3 .volta-player-card__main strong{
  font-size: 23px !important;
}

body.modern-ui .volta-player-card.rank-1 .volta-player-card__level{
  min-width: 104px !important;
}

body.modern-ui .volta-player-card.rank-4,
body.modern-ui .volta-player-card.rank-5,
body.modern-ui .volta-player-card.rank-6,
body.modern-ui .volta-player-card.rank-7,
body.modern-ui .volta-player-card.rank-8,
body.modern-ui .volta-player-card.rank-9,
body.modern-ui .volta-player-card.rank-10,
body.modern-ui .volta-player-card.rank-11,
body.modern-ui .volta-player-card.rank-12,
body.modern-ui .volta-player-card.rank-13,
body.modern-ui .volta-player-card.rank-14,
body.modern-ui .volta-player-card.rank-15,
body.modern-ui .volta-player-card.rank-16,
body.modern-ui .volta-player-card.rank-17,
body.modern-ui .volta-player-card.rank-18,
body.modern-ui .volta-player-card.rank-19,
body.modern-ui .volta-player-card.rank-20,
body.modern-ui .volta-player-card.rank-21,
body.modern-ui .volta-player-card.rank-22,
body.modern-ui .volta-player-card.rank-23,
body.modern-ui .volta-player-card.rank-24,
body.modern-ui .volta-player-card.rank-25,
body.modern-ui .volta-player-card.rank-26,
body.modern-ui .volta-player-card.rank-27,
body.modern-ui .volta-player-card.rank-28,
body.modern-ui .volta-player-card.rank-29,
body.modern-ui .volta-player-card.rank-30,
body.modern-ui .volta-player-card.rank-31,
body.modern-ui .volta-player-card.rank-32,
body.modern-ui .volta-player-card.rank-33,
body.modern-ui .volta-player-card.rank-34,
body.modern-ui .volta-player-card.rank-35,
body.modern-ui .volta-player-card.rank-36,
body.modern-ui .volta-player-card.rank-37,
body.modern-ui .volta-player-card.rank-38,
body.modern-ui .volta-player-card.rank-39,
body.modern-ui .volta-player-card.rank-40,
body.modern-ui .volta-player-card.rank-41,
body.modern-ui .volta-player-card.rank-42,
body.modern-ui .volta-player-card.rank-43,
body.modern-ui .volta-player-card.rank-44,
body.modern-ui .volta-player-card.rank-45,
body.modern-ui .volta-player-card.rank-46,
body.modern-ui .volta-player-card.rank-47,
body.modern-ui .volta-player-card.rank-48,
body.modern-ui .volta-player-card.rank-49,
body.modern-ui .volta-player-card.rank-50,
body.modern-ui .volta-player-card.rank-51,
body.modern-ui .volta-player-card.rank-52,
body.modern-ui .volta-player-card.rank-53,
body.modern-ui .volta-player-card.rank-54,
body.modern-ui .volta-player-card.rank-55,
body.modern-ui .volta-player-card.rank-56,
body.modern-ui .volta-player-card.rank-57,
body.modern-ui .volta-player-card.rank-58,
body.modern-ui .volta-player-card.rank-59,
body.modern-ui .volta-player-card.rank-60,
body.modern-ui .volta-player-card.rank-61,
body.modern-ui .volta-player-card.rank-62,
body.modern-ui .volta-player-card.rank-63,
body.modern-ui .volta-player-card.rank-64,
body.modern-ui .volta-player-card.rank-65,
body.modern-ui .volta-player-card.rank-66,
body.modern-ui .volta-player-card.rank-67,
body.modern-ui .volta-player-card.rank-68,
body.modern-ui .volta-player-card.rank-69,
body.modern-ui .volta-player-card.rank-70,
body.modern-ui .volta-player-card.rank-71,
body.modern-ui .volta-player-card.rank-72,
body.modern-ui .volta-player-card.rank-73,
body.modern-ui .volta-player-card.rank-74,
body.modern-ui .volta-player-card.rank-75,
body.modern-ui .volta-player-card.rank-76,
body.modern-ui .volta-player-card.rank-77,
body.modern-ui .volta-player-card.rank-78,
body.modern-ui .volta-player-card.rank-79,
body.modern-ui .volta-player-card.rank-80,
body.modern-ui .volta-player-card.rank-81,
body.modern-ui .volta-player-card.rank-82,
body.modern-ui .volta-player-card.rank-83,
body.modern-ui .volta-player-card.rank-84,
body.modern-ui .volta-player-card.rank-85,
body.modern-ui .volta-player-card.rank-86,
body.modern-ui .volta-player-card.rank-87,
body.modern-ui .volta-player-card.rank-88,
body.modern-ui .volta-player-card.rank-89,
body.modern-ui .volta-player-card.rank-90,
body.modern-ui .volta-player-card.rank-91,
body.modern-ui .volta-player-card.rank-92,
body.modern-ui .volta-player-card.rank-93,
body.modern-ui .volta-player-card.rank-94,
body.modern-ui .volta-player-card.rank-95,
body.modern-ui .volta-player-card.rank-96,
body.modern-ui .volta-player-card.rank-97,
body.modern-ui .volta-player-card.rank-98,
body.modern-ui .volta-player-card.rank-99,
body.modern-ui .volta-player-card.rank-100{
  order: 10 !important;
  grid-column: span 1 !important;
  margin-top: 0 !important;
}

body.modern-ui .volta-player-card.is-premium{
  order: -5 !important;
  position: relative !important;
  overflow: hidden !important;
  border-color: rgba(255,219,126,.78) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(255,224,126,.28), transparent 40%),
    radial-gradient(circle at 10% 18%, rgba(255,91,27,.2), transparent 34%),
    linear-gradient(180deg, rgba(49,19,4,.94), rgba(9,2,0,.96)) !important;
  box-shadow:
    0 0 0 1px rgba(255,237,174,.16),
    0 20px 54px rgba(176,72,15,.36),
    inset 0 0 38px rgba(255,176,54,.12) !important;
}

body.modern-ui .volta-player-card.is-premium:before{
  opacity: .95 !important;
  background:
    linear-gradient(120deg, transparent, rgba(255,230,147,.18), transparent),
    linear-gradient(180deg, rgba(255,181,55,.1), transparent 42%) !important;
}

body.modern-ui .volta-player-card.is-premium summary{
  padding-top: 24px !important;
}

body.modern-ui .volta-player-card__premium{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(255,220,128,.68) !important;
  background: linear-gradient(180deg, rgba(125,63,13,.92), rgba(46,14,2,.96)) !important;
  color: #ffe39a !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.75) !important;
  box-shadow: 0 0 18px rgba(255,151,37,.28), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.modern-ui .volta-player-card.is-premium .volta-player-card__rank{
  background: linear-gradient(180deg, #fff2b4, #d99b2c 52%, #7b3906) !important;
  color: #170700 !important;
  box-shadow: 0 0 20px rgba(255,190,67,.46), inset 0 1px 0 rgba(255,255,255,.6) !important;
}

body.modern-ui .volta-player-card.is-premium .volta-player-card__portrait{
  border-color: rgba(255,226,132,.88) !important;
  box-shadow: 0 0 0 4px rgba(255,144,31,.14), 0 0 32px rgba(255,172,49,.36) !important;
}

body.modern-ui .volta-player-card.is-premium .volta-player-card__main strong{
  color: #fff0b9 !important;
  text-shadow: 0 0 16px rgba(255,164,45,.38), 0 2px 0 rgba(0,0,0,.75) !important;
}

body.modern-ui .volta-player-card.is-premium .volta-player-card__main em,
body.modern-ui .volta-player-card.is-premium .volta-player-card__level b,
body.modern-ui .volta-player-card__premium-stat strong{
  color: #ffcf62 !important;
}

@media (max-width: 1120px){
  body.modern-ui .volta-player-card-grid{
    grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  }
  body.modern-ui .volta-player-card.rank-1,
  body.modern-ui .volta-player-card.rank-2,
  body.modern-ui .volta-player-card.rank-3{
    grid-column: span 1 !important;
    min-height: 230px !important;
    margin-top: 0 !important;
  }
  body.modern-ui .volta-player-card.rank-1 summary,
  body.modern-ui .volta-player-card.rank-2 summary,
  body.modern-ui .volta-player-card.rank-3 summary{
    min-height: 228px !important;
  }
}

@media (max-width: 520px){
  body.modern-ui .volta-player-card-grid{
    grid-template-columns: 1fr !important;
  }
}

/* Guild and promoter card rankings */
body.modern-ui .volta-card-rank-board{
  margin-top: 18px !important;
  padding: 16px !important;
  border: 1px solid rgba(234,184,91,.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,132,32,.14), transparent 36%),
    linear-gradient(180deg, rgba(12,4,1,.7), rgba(4,1,0,.86)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,232,170,.07), 0 22px 70px rgba(0,0,0,.44) !important;
}

body.modern-ui .volta-card-rank-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}

body.modern-ui .volta-rank-card{
  position: relative !important;
  min-height: 190px !important;
  border: 1px solid rgba(224,170,74,.35) !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(255,189,82,.16), transparent 34%),
    linear-gradient(180deg, rgba(19,8,3,.76), rgba(5,1,0,.88)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,230,160,.05), 0 18px 38px rgba(0,0,0,.34) !important;
  overflow: hidden !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}

body.modern-ui .volta-rank-card:before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(135deg, rgba(255,232,160,.1), transparent 26%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.05), transparent) !important;
  pointer-events: none !important;
}

body.modern-ui .volta-rank-card:hover,
body.modern-ui .volta-rank-card[open]{
  transform: translateY(-4px) !important;
  border-color: rgba(255,214,124,.7) !important;
  box-shadow: 0 0 0 1px rgba(255,214,124,.12), 0 22px 54px rgba(120,33,10,.42) !important;
}

body.modern-ui .volta-rank-card summary{
  position: relative !important;
  z-index: 1 !important;
  min-height: 188px !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  justify-items: center !important;
  gap: 10px !important;
  padding: 18px 14px !important;
  cursor: pointer !important;
  list-style: none !important;
  text-align: center !important;
}

body.modern-ui .volta-rank-card summary::-webkit-details-marker{
  display: none !important;
}

body.modern-ui .volta-rank-card__badge{
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  clip-path: polygon(50% 0, 92% 22%, 92% 78%, 50% 100%, 8% 78%, 8% 22%) !important;
  background: linear-gradient(180deg, #3d2b10, #100804) !important;
  color: #ffe7a6 !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
  box-shadow: inset 0 0 16px rgba(255,220,123,.12), 0 8px 18px rgba(0,0,0,.34) !important;
}

body.modern-ui .volta-rank-card__crest{
  width: 58px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,218,132,.42) !important;
  background: linear-gradient(180deg, rgba(112,54,14,.82), rgba(15,5,2,.92)) !important;
  color: #ffd878 !important;
  font-size: 26px !important;
  box-shadow: 0 0 24px rgba(255,147,45,.2) !important;
}

body.modern-ui .volta-rank-card__title strong{
  display: block !important;
  color: #fff2c8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  text-shadow: 0 0 14px rgba(255,154,44,.34) !important;
}

body.modern-ui .volta-rank-card__title em{
  display: block !important;
  margin-top: 6px !important;
  color: #d9a246 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-rank-card__score{
  min-width: 96px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255,217,129,.28) !important;
  background: rgba(0,0,0,.38) !important;
}

body.modern-ui .volta-rank-card__score small{
  display: block !important;
  color: rgba(255,232,181,.72) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-rank-card__score b{
  color: #ff4b3f !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

body.modern-ui .volta-rank-card__details{
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 8px !important;
  padding: 0 14px 14px !important;
}

body.modern-ui .volta-rank-card__details div{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border-top: 1px solid rgba(255,220,130,.14) !important;
  padding-top: 8px !important;
}

body.modern-ui .volta-rank-card__details span{
  color: rgba(255,232,181,.66) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-rank-card__details strong{
  color: #ffe49a !important;
  font-weight: 1000 !important;
  text-align: right !important;
}

body.modern-ui .volta-rank-card__empire{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.modern-ui .volta-rank-card__empire img{
  width: 24px !important;
  height: 16px !important;
  object-fit: cover !important;
  border: 1px solid rgba(255,218,132,.3) !important;
}

body.modern-ui .volta-rank-card__details .volta-guild-members{
  margin-top: 4px !important;
  border-top-color: rgba(255,218,132,.28) !important;
}

body.modern-ui .volta-guild-member-list{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.modern-ui .volta-guild-member-list li{
  display: grid !important;
  grid-template-columns: 28px 1fr auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 8px !important;
  border: 1px solid rgba(255,218,132,.14) !important;
  background: linear-gradient(90deg, rgba(255,169,54,.08), rgba(0,0,0,.24)) !important;
}

body.modern-ui .volta-guild-member-job{
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  padding: 2px !important;
  background: linear-gradient(180deg, rgba(255,224,139,.9), rgba(112,39,12,.9)) !important;
}

body.modern-ui .volta-guild-member-job img{
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

body.modern-ui .volta-guild-member-name{
  color: #fff2c8 !important;
  font-weight: 900 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.modern-ui .volta-guild-member-level{
  color: #ff5b4e !important;
  font-weight: 1000 !important;
  font-size: 12px !important;
}

body.modern-ui .volta-guild-member-empty{
  display: block !important;
  text-align: center !important;
  color: rgba(255,232,181,.72) !important;
  font-weight: 800 !important;
}

body.modern-ui .volta-guild-member-more{
  margin: 8px 0 0 !important;
  color: #ffd878 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-rank-card.rank-1{
  grid-column: span 2 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,226,129,.3), transparent 38%),
    linear-gradient(180deg, rgba(94,48,10,.9), rgba(18,5,1,.92)) !important;
  border-color: rgba(255,217,122,.72) !important;
}

body.modern-ui .volta-rank-card.rank-2{
  background:
    radial-gradient(circle at 50% 0%, rgba(235,238,238,.19), transparent 34%),
    linear-gradient(180deg, rgba(58,53,49,.82), rgba(12,5,3,.9)) !important;
}

body.modern-ui .volta-rank-card.rank-3{
  background:
    radial-gradient(circle at 50% 0%, rgba(244,135,65,.2), transparent 34%),
    linear-gradient(180deg, rgba(83,36,12,.84), rgba(12,5,2,.9)) !important;
}

body.modern-ui .volta-rank-card.rank-1 .volta-rank-card__badge{
  background: linear-gradient(180deg, #fff0a6, #cf861e 48%, #6c2d08) !important;
  color: #2a1003 !important;
}

body.modern-ui .volta-rank-card.rank-2 .volta-rank-card__badge{
  background: linear-gradient(180deg, #fff, #aaa 48%, #4b4b4b) !important;
  color: #171717 !important;
}

body.modern-ui .volta-rank-card.rank-3 .volta-rank-card__badge{
  background: linear-gradient(180deg, #ffd1a2, #c46b2c 48%, #69300f) !important;
  color: #2a1003 !important;
}

body.modern-ui .volta-rank-card.rank-1 .volta-rank-card__crest{
  width: 70px !important;
  height: 70px !important;
  font-size: 32px !important;
  border-color: rgba(255,225,132,.7) !important;
}

body.modern-ui .volta-rank-card.rank-1 .volta-rank-card__title strong{
  font-size: 28px !important;
}

body.modern-ui .volta-promoter-card .volta-rank-card__crest{
  color: #ffe5a8 !important;
  background: linear-gradient(180deg, rgba(104,45,16,.86), rgba(19,6,2,.94)) !important;
}

@media (max-width: 1120px){
  body.modern-ui .volta-card-rank-grid{
    grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  }
}

@media (max-width: 520px){
  body.modern-ui .volta-card-rank-grid{
    grid-template-columns: 1fr !important;
  }
  body.modern-ui .volta-rank-card.rank-1{
    grid-column: span 1 !important;
  }
}

/* Ranking spacing and solid premium panels */
html body.volta-page-players .ranking-page,
html body.volta-page-guilds .ranking-page,
html body.volta-page-referrals .ranking-page,
html body:has(.ranking-page) .ranking-page{
  padding-top: 18px !important;
  min-height: auto !important;
}

html body.volta-page-players #content.site-content,
html body.volta-page-guilds #content.site-content,
html body.volta-page-referrals #content.site-content,
html body:has(.ranking-page) #content.site-content{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html body.volta-page-players .site-container,
html body.volta-page-guilds .site-container,
html body.volta-page-referrals .site-container,
html body:has(.ranking-page) .site-container,
html body.volta-page-players .site-wrapper,
html body.volta-page-guilds .site-wrapper,
html body.volta-page-referrals .site-wrapper,
html body:has(.ranking-page) .site-wrapper{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.modern-ui .volta-rank-premium{
  margin-top: 0 !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(152,59,14,.22), transparent 36%),
    linear-gradient(180deg, rgba(13,4,1,.96), rgba(4,1,0,.98)) !important;
  border-color: rgba(223,166,70,.48) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,222,145,.08) !important;
}

body.modern-ui .volta-rank-hero{
  margin-bottom: 12px !important;
  padding: 18px 22px !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(180,72,18,.22), transparent 32%),
    linear-gradient(180deg, rgba(18,7,2,.96), rgba(7,2,0,.98)) !important;
  border-color: rgba(222,165,72,.45) !important;
}

body.modern-ui .volta-rank-premium .glass-page-body{
  padding: 12px !important;
  background: linear-gradient(180deg, rgba(11,4,1,.96), rgba(4,1,0,.98)) !important;
  border-color: rgba(222,165,72,.38) !important;
}

body.modern-ui .volta-player-rank-board,
body.modern-ui .volta-card-rank-board{
  margin-top: 12px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(142,56,13,.18), transparent 34%),
    linear-gradient(180deg, rgba(9,3,1,.97), rgba(2,0,0,.99)) !important;
  border-color: rgba(222,165,72,.42) !important;
  box-shadow: inset 0 0 0 1px rgba(255,222,145,.07), 0 18px 52px rgba(0,0,0,.52) !important;
}

body.modern-ui .volta-player-card,
body.modern-ui .volta-rank-card{
  background:
    radial-gradient(circle at 50% -10%, rgba(160,66,16,.2), transparent 34%),
    linear-gradient(180deg, rgba(17,6,2,.96), rgba(5,1,0,.99)) !important;
  border-color: rgba(219,161,68,.42) !important;
  box-shadow: inset 0 0 0 1px rgba(255,222,145,.05), 0 15px 34px rgba(0,0,0,.5) !important;
}

body.modern-ui .volta-player-card.rank-1,
body.modern-ui .volta-rank-card.rank-1{
  background:
    radial-gradient(circle at 50% 0%, rgba(196,118,25,.34), transparent 37%),
    linear-gradient(180deg, rgba(58,22,5,.98), rgba(9,2,0,.99)) !important;
}

body.modern-ui .volta-player-card.rank-2,
body.modern-ui .volta-rank-card.rank-2{
  background:
    radial-gradient(circle at 50% 0%, rgba(160,160,160,.18), transparent 34%),
    linear-gradient(180deg, rgba(32,26,22,.98), rgba(7,2,0,.99)) !important;
}

body.modern-ui .volta-player-card.rank-3,
body.modern-ui .volta-rank-card.rank-3{
  background:
    radial-gradient(circle at 50% 0%, rgba(180,86,31,.22), transparent 34%),
    linear-gradient(180deg, rgba(44,18,7,.98), rgba(7,2,0,.99)) !important;
}

@media (max-width: 900px){
  html body.volta-page-players .ranking-page,
  html body.volta-page-guilds .ranking-page,
  html body.volta-page-referrals .ranking-page,
  html body:has(.ranking-page) .ranking-page{
    padding-top: 12px !important;
  }
}

/* Ranking hard lift and opaque panels */
html body.volta-page-players #content.site-content,
html body.volta-page-guilds #content.site-content,
html body.volta-page-referrals #content.site-content,
html body:has(.ranking-page) #content.site-content{
  padding-top: 0 !important;
  margin-top: -78px !important;
}

html body.volta-page-players .ranking-page,
html body.volta-page-guilds .ranking-page,
html body.volta-page-referrals .ranking-page,
html body:has(.ranking-page) .ranking-page{
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: #070100 !important;
  background-image: none !important;
}

html body.volta-page-players .content-area.glass-card,
html body.volta-page-guilds .content-area.glass-card,
html body.volta-page-referrals .content-area.glass-card,
html body:has(.ranking-page) .content-area.glass-card{
  background: #050100 !important;
  background-image: none !important;
}

body.modern-ui .volta-rank-premium,
body.modern-ui .volta-rank-premium .glass-page-body,
body.modern-ui .volta-rank-hero,
body.modern-ui .volta-rank-premium .glass-toolbar,
body.modern-ui .volta-player-rank-board,
body.modern-ui .volta-card-rank-board{
  background: #080200 !important;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(118,43,10,.18), transparent 34%),
    linear-gradient(180deg, #0b0301, #030000) !important;
}

body.modern-ui .volta-player-card,
body.modern-ui .volta-rank-card{
  background: #0a0200 !important;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(127,48,12,.2), transparent 33%),
    linear-gradient(180deg, #110501, #040000) !important;
}

body.modern-ui .volta-player-card.rank-1,
body.modern-ui .volta-rank-card.rank-1{
  background: #130600 !important;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(171,95,20,.28), transparent 36%),
    linear-gradient(180deg, #1a0801, #060000) !important;
}

body.modern-ui .volta-rank-premium .glass-input,
body.modern-ui .volta-rank-premium .glass-tab,
body.modern-ui .volta-player-card__level,
body.modern-ui .volta-rank-card__score{
  background: #060100 !important;
  background-image: none !important;
}

@media (max-width: 900px){
  html body.volta-page-players #content.site-content,
  html body.volta-page-guilds #content.site-content,
  html body.volta-page-referrals #content.site-content,
  html body:has(.ranking-page) #content.site-content{
    margin-top: -38px !important;
  }
}

/* Ranking wrapper transparent, panels lifted */
html body.volta-page-players #content.site-content,
html body.volta-page-guilds #content.site-content,
html body.volta-page-referrals #content.site-content,
html body:has(.ranking-page) #content.site-content{
  margin-top: -126px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.volta-page-players .content-area.glass-card,
html body.volta-page-guilds .content-area.glass-card,
html body.volta-page-referrals .content-area.glass-card,
html body:has(.ranking-page) .content-area.glass-card,
html body.volta-page-players .ranking-page,
html body.volta-page-guilds .ranking-page,
html body.volta-page-referrals .ranking-page,
html body:has(.ranking-page) .ranking-page{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.modern-ui .volta-rank-premium{
  background:
    linear-gradient(180deg, rgba(10,3,1,.98), rgba(3,0,0,.99)) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,222,145,.08) !important;
}

@media (max-width: 900px){
  html body.volta-page-players #content.site-content,
  html body.volta-page-guilds #content.site-content,
  html body.volta-page-referrals #content.site-content,
  html body:has(.ranking-page) #content.site-content{
    margin-top: -72px !important;
  }
}

/* Ranking final lift to nav ornament */
html body.volta-page-players #content.site-content,
html body.volta-page-guilds #content.site-content,
html body.volta-page-referrals #content.site-content,
html body:has(.ranking-page) #content.site-content{
  margin-top: -273px !important;
}

@media (max-width: 900px){
  html body.volta-page-players #content.site-content,
  html body.volta-page-guilds #content.site-content,
  html body.volta-page-referrals #content.site-content,
  html body:has(.ranking-page) #content.site-content{
    margin-top: -126px !important;
  }
}

/* Premium players: promoted first, but real rank stays visible */
body.modern-ui .volta-player-card.is-premium{
  order: -5 !important;
  position: relative !important;
  overflow: hidden !important;
  border-color: rgba(255,219,126,.82) !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(255,224,126,.3), transparent 40%),
    radial-gradient(circle at 14% 20%, rgba(255,86,25,.2), transparent 34%),
    linear-gradient(180deg, rgba(48,18,4,.98), rgba(8,2,0,.99)) !important;
  box-shadow:
    0 0 0 1px rgba(255,237,174,.16),
    0 20px 54px rgba(176,72,15,.36),
    inset 0 0 38px rgba(255,176,54,.12) !important;
}

body.modern-ui .volta-player-card.is-premium:after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(115deg, transparent 0%, rgba(255,222,145,.13) 44%, transparent 62%) !important;
  opacity: .75 !important;
}

body.modern-ui .volta-player-card__premium{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(255,220,128,.72) !important;
  background: linear-gradient(180deg, rgba(128,62,12,.96), rgba(45,13,2,.98)) !important;
  color: #ffe39a !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 18px rgba(255,151,37,.28), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.modern-ui .volta-player-card.is-premium .volta-player-card__rank{
  background: linear-gradient(180deg, #fff2b4, #d99b2c 52%, #7b3906) !important;
  color: #170700 !important;
  box-shadow: 0 0 20px rgba(255,190,67,.46), inset 0 1px 0 rgba(255,255,255,.6) !important;
}

body.modern-ui .volta-player-card.is-premium .volta-player-card__portrait{
  border-color: rgba(255,226,132,.9) !important;
  box-shadow: 0 0 0 4px rgba(255,144,31,.14), 0 0 32px rgba(255,172,49,.36) !important;
}

body.modern-ui .volta-player-card.is-premium .volta-player-card__main strong{
  color: #fff0b9 !important;
  text-shadow: 0 0 16px rgba(255,164,45,.38), 0 2px 0 rgba(0,0,0,.75) !important;
}

body.modern-ui .volta-player-card.is-premium .volta-player-card__main em,
body.modern-ui .volta-player-card.is-premium .volta-player-card__level b,
body.modern-ui .volta-player-card__premium-stat strong{
  color: #ffcf62 !important;
}

/* Player ranking filters: keep default level order clean */
body.modern-ui .volta-player-filters{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  gap: 12px !important;
  margin: 14px 0 12px !important;
}

body.modern-ui .volta-player-filter{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 62px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(215,157,65,.4) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(143,56,13,.22), transparent 42%),
    linear-gradient(180deg, rgba(22,7,2,.96), rgba(5,1,0,.99)) !important;
  color: #ffe5a7 !important;
  text-decoration: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,222,145,.06), 0 12px 28px rgba(0,0,0,.35) !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

body.modern-ui .volta-player-filter:hover,
body.modern-ui .volta-player-filter.is-active{
  transform: translateY(-2px) !important;
  border-color: rgba(255,210,104,.82) !important;
  box-shadow: 0 0 24px rgba(255,139,31,.22), inset 0 0 22px rgba(255,157,37,.09) !important;
}

body.modern-ui .volta-player-filter i{
  color: #ffcf62 !important;
  font-size: 19px !important;
}

body.modern-ui .volta-player-filter span{
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-player-filter small{
  display: block !important;
  color: rgba(255,226,170,.7) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.modern-ui .volta-player-filter--premium.is-active{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,214,105,.25), transparent 42%),
    linear-gradient(180deg, rgba(82,31,6,.98), rgba(8,2,0,.99)) !important;
}

body.modern-ui .volta-premium-rank-panel{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 12px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(255,210,104,.62) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,183,62,.22), transparent 38%),
    linear-gradient(180deg, rgba(44,14,3,.98), rgba(7,1,0,.99)) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.42), inset 0 0 26px rgba(255,151,37,.08) !important;
}

body.modern-ui .volta-premium-rank-panel__icon{
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border: 1px solid rgba(255,221,126,.7) !important;
  background: linear-gradient(180deg, rgba(126,62,12,.96), rgba(48,13,1,.98)) !important;
  color: #ffdf87 !important;
  box-shadow: 0 0 22px rgba(255,166,40,.22) !important;
}

body.modern-ui .volta-premium-rank-panel strong{
  display: block !important;
  color: #fff0be !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 21px !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

body.modern-ui .volta-premium-rank-panel span{
  color: rgba(255,231,190,.78) !important;
  font-size: 13px !important;
}

body.modern-ui .volta-player-card.is-premium{
  order: 10 !important;
}

body.modern-ui .volta-player-card.rank-1.is-premium{
  order: 2 !important;
}

body.modern-ui .volta-player-card.rank-2.is-premium{
  order: 1 !important;
}

body.modern-ui .volta-player-card.rank-3.is-premium{
  order: 3 !important;
}

@media (max-width: 760px){
  body.modern-ui .volta-player-filters{
    grid-template-columns: 1fr !important;
  }
}

/* Premium ranking is a filtered list, not a podium. Keep the real rank visible,
   but prevent rank-1/2/3 layout rules from stretching the premium cards. */
body.modern-ui .volta-rank-sort-premium .volta-player-card-grid{
  grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
  align-items: start !important;
  gap: 16px !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card,
body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-1,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-2,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-3{
  order: 10 !important;
  grid-column: span 1 !important;
  min-height: 218px !important;
  margin-top: 0 !important;
  border-color: rgba(255,211,116,.58) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,214,105,.24), transparent 40%),
    radial-gradient(circle at 12% 18%, rgba(255,86,25,.16), transparent 34%),
    linear-gradient(180deg, rgba(42,15,4,.96), rgba(7,1,0,.98)) !important;
  box-shadow:
    0 0 0 1px rgba(255,237,174,.12),
    0 18px 44px rgba(0,0,0,.38),
    inset 0 0 32px rgba(255,176,54,.1) !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card summary,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-1 summary,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-2 summary,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-3 summary{
  min-height: 216px !important;
  padding: 28px 14px 18px !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card .volta-player-card__portrait,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-1 .volta-player-card__portrait,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-2 .volta-player-card__portrait,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-3 .volta-player-card__portrait{
  width: 82px !important;
  height: 82px !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card .volta-player-card__rank,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-1 .volta-player-card__rank{
  width: 42px !important;
  height: 42px !important;
  font-size: 18px !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card .volta-player-card__main strong,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-1 .volta-player-card__main strong,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-2 .volta-player-card__main strong,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-3 .volta-player-card__main strong{
  max-width: 100% !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
}

body.modern-ui .volta-rank-sort-premium .volta-player-card .volta-player-card__level,
body.modern-ui .volta-rank-sort-premium .volta-player-card.rank-1 .volta-player-card__level{
  min-width: 86px !important;
}

@media (max-width: 1120px){
  body.modern-ui .volta-rank-sort-premium .volta-player-card-grid{
    grid-template-columns: repeat(3, minmax(170px, 1fr)) !important;
  }
}

@media (max-width: 760px){
  body.modern-ui .volta-rank-sort-premium .volta-player-card-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px){
  body.modern-ui .volta-rank-sort-premium .volta-player-card-grid{
    grid-template-columns: 1fr !important;
  }
}

/* Account panel and legacy account pages refresh */
html body.volta-page-administration #content.site-content,
html body:has(.volta-account-page) #content.site-content,
html body:has(.volta-account-legacy) #content.site-content{
  margin-top: -273px !important;
  padding-top: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

html body.volta-page-administration .content-area.glass-card,
html body:has(.volta-account-page) .content-area.glass-card,
html body:has(.volta-account-legacy) .content-area.glass-card,
html body:has(.volta-account-legacy) .site-container,
html body:has(.volta-account-legacy) .site-wrapper{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.volta-account-page{
  min-height: auto !important;
  padding: 0 0 54px !important;
}

.volta-account-shell{
  width: min(1160px, calc(100% - 72px)) !important;
}

.volta-account-hero,
.volta-account-card,
.volta-account-actions,
.volta-account-legacy{
  background:
    radial-gradient(circle at 50% 0%, rgba(124,45,9,.2), transparent 34%),
    linear-gradient(180deg, #0b0301, #030000) !important;
  border-color: rgba(223,166,70,.5) !important;
  backdrop-filter: none !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.54), inset 0 0 0 1px rgba(255,222,145,.08) !important;
}

.volta-account-hero{
  padding: 22px 30px !important;
}

.volta-account-hero h1{
  font-size: clamp(42px, 4vw, 72px) !important;
}

.volta-account-legacy{
  position: relative !important;
  z-index: 2 !important;
  width: min(1160px, calc(100% - 72px)) !important;
  margin: 0 auto 54px !important;
  padding: 14px !important;
  color: #fff1c8 !important;
}

.volta-account-legacy .page-hd{
  min-height: auto !important;
  margin: 0 0 12px !important;
  padding: 20px 24px !important;
  border: 1px solid rgba(223,166,70,.44) !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(180,72,18,.22), transparent 32%),
    linear-gradient(180deg, #100501, #030000) !important;
  box-shadow: inset 0 0 0 1px rgba(255,222,145,.06) !important;
}

.volta-account-legacy .page-hd:before,
.volta-account-legacy .page-hd:after{
  display: none !important;
}

.volta-account-legacy .bd-c{
  padding: 0 !important;
  margin: 0 !important;
}

.volta-account-legacy .pre-social,
.volta-account-legacy .page-hd h2{
  margin: 0 !important;
  color: #fff1c8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 3.4vw, 58px) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  text-shadow: 0 0 24px rgba(255,115,30,.35), 0 2px 0 rgba(74,20,4,.9) !important;
}

.volta-account-legacy .padding-container,
.volta-account-legacy .jumbotron,
.volta-account-legacy .panel,
.volta-account-legacy .panel-body{
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(223,166,70,.36) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(127,48,12,.16), transparent 33%),
    linear-gradient(180deg, #090201, #020000) !important;
  color: #fff1c8 !important;
  box-shadow: inset 0 0 0 1px rgba(255,222,145,.05) !important;
}

.volta-account-legacy .jumbotron{
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.volta-account-legacy .table{
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  color: #fff1c8 !important;
}

.volta-account-legacy .table thead th{
  padding: 12px 14px !important;
  border: 0 !important;
  background: #050100 !important;
  color: #ffdf8a !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

.volta-account-legacy .table tbody tr{
  background: linear-gradient(90deg, #120501, #070100) !important;
  box-shadow: inset 0 0 0 1px rgba(223,166,70,.24) !important;
}

.volta-account-legacy .table tbody th,
.volta-account-legacy .table tbody td{
  padding: 13px 14px !important;
  border: 0 !important;
  vertical-align: middle !important;
  color: #fff1c8 !important;
  background: transparent !important;
}

.volta-account-legacy .table img{
  border-radius: 50% !important;
  border: 1px solid rgba(255,218,132,.42) !important;
  box-shadow: 0 0 16px rgba(255,115,30,.2) !important;
}

.volta-account-legacy .form-control,
.volta-account-legacy select,
.volta-account-legacy input[type="text"],
.volta-account-legacy input[type="email"],
.volta-account-legacy input[type="password"]{
  height: 52px !important;
  border: 1px solid rgba(223,166,70,.42) !important;
  background: #050100 !important;
  color: #fff1c8 !important;
  box-shadow: none !important;
}

.volta-account-legacy .form-control:focus{
  border-color: rgba(255,218,132,.82) !important;
  box-shadow: 0 0 0 3px rgba(255,154,44,.13) !important;
}

.volta-account-legacy .btn,
.volta-account-legacy button,
.volta-account-legacy input[type="submit"]{
  border: 1px solid rgba(255,218,132,.58) !important;
  background: linear-gradient(180deg, #8b3414, #4a1005) !important;
  color: #fff1c8 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 22px rgba(255,95,20,.18) !important;
}

.volta-account-legacy .btn:hover,
.volta-account-legacy button:hover,
.volta-account-legacy input[type="submit"]:hover{
  border-color: rgba(255,230,157,.86) !important;
  filter: brightness(1.08) !important;
}

.volta-account-legacy .alert{
  border: 1px solid rgba(223,166,70,.42) !important;
  background: #080200 !important;
  color: #fff1c8 !important;
}

.volta-account-legacy .panel-group{
  margin: 0 !important;
}

.volta-account-legacy .panel-heading{
  border: 1px solid rgba(223,166,70,.4) !important;
  background: linear-gradient(180deg, #120501, #050100) !important;
  color: #fff1c8 !important;
}

.volta-account-legacy .panel-title a{
  display: block !important;
  color: #ffdf8a !important;
  text-decoration: none !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

@media (max-width: 900px){
  html body.volta-page-administration #content.site-content,
  html body:has(.volta-account-page) #content.site-content,
  html body:has(.volta-account-legacy) #content.site-content{
    margin-top: -126px !important;
  }

  .volta-account-shell,
  .volta-account-legacy{
    width: min(100% - 24px, 1160px) !important;
  }

  .volta-account-hero{
    grid-template-columns: 1fr !important;
  }
}

/* Account pages: keep only the new account surface, remove the legacy shell */
html body.volta-page-administration .navbar-glass,
html body:has(.volta-account-page) .navbar-glass,
html body:has(.volta-account-legacy) .navbar-glass,
html body.volta-page-administration .sidebar.glass-card,
html body:has(.volta-account-page) .sidebar.glass-card,
html body:has(.volta-account-legacy) .sidebar.glass-card{
  display: none !important;
}

html body.volta-page-administration .site-container,
html body:has(.volta-account-page) .site-container,
html body:has(.volta-account-legacy) .site-container,
html body.volta-page-administration .site-wrapper,
html body:has(.volta-account-page) .site-wrapper,
html body:has(.volta-account-legacy) .site-wrapper,
html body.volta-page-administration .site-wrapper > .row,
html body:has(.volta-account-page) .site-wrapper > .row,
html body:has(.volta-account-legacy) .site-wrapper > .row{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.volta-page-administration .site-wrapper > .row > [class*="col-xs-"],
html body:has(.volta-account-page) .site-wrapper > .row > [class*="col-xs-"],
html body:has(.volta-account-legacy) .site-wrapper > .row > [class*="col-xs-"]{
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.volta-page-administration .content-area.glass-card > .row,
html body:has(.volta-account-page) .content-area.glass-card > .row,
html body:has(.volta-account-legacy) .content-area.glass-card > .row{
  display: none !important;
}

html body.volta-page-administration .content-area.glass-card > .news-area.glass-inner,
html body:has(.volta-account-page) .content-area.glass-card > .news-area.glass-inner,
html body:has(.volta-account-legacy) .content-area.glass-card > .news-area.glass-inner{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.volta-page-administration .content-area.glass-card > .news-area.glass-inner > .volta-account-page,
html body:has(.volta-account-page) .content-area.glass-card > .news-area.glass-inner > .volta-account-page,
html body:has(.volta-account-legacy) .content-area.glass-card > .news-area.glass-inner > .volta-account-legacy{
  display: block !important;
}

/* Premium character roster */
.volta-account-characters{
  padding: 12px !important;
}

.volta-character-board{
  position: relative;
  padding: 18px;
  border: 1px solid rgba(223,166,70,.42);
  background:
    radial-gradient(circle at 50% 0%, rgba(160,68,18,.18), transparent 34%),
    linear-gradient(180deg, rgba(12,3,1,.96), rgba(2,0,0,.98));
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.07), 0 18px 46px rgba(0,0,0,.45);
}

.volta-character-board:before{
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(223,166,70,.18);
}

.volta-character-board__head{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding: 16px 18px;
  border: 1px solid rgba(223,166,70,.34);
  background: linear-gradient(90deg, rgba(82,22,6,.72), rgba(9,2,0,.86));
}

.volta-character-board__head span{
  display: block;
  color: #d9a94d;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.volta-character-board__head h3{
  margin: 3px 0 0;
  color: #fff1c8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 46px);
  line-height: 1;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-shadow: 0 0 22px rgba(255,112,25,.24);
}

.volta-character-board__head strong{
  color: #ffdf8a;
  font-size: 13px;
  font-weight: 1000;
  text-transform: uppercase;
  white-space: nowrap;
}

.volta-character-grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.volta-character-card{
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 16px;
  min-height: 202px;
  padding: 16px;
  border: 1px solid rgba(223,166,70,.36);
  background:
    radial-gradient(circle at 18% 12%, rgba(255,135,35,.16), transparent 34%),
    linear-gradient(135deg, rgba(18,5,1,.96), rgba(54,15,4,.74) 48%, rgba(5,1,0,.96));
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.06), 0 14px 34px rgba(0,0,0,.35);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.volta-character-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,215,126,.72);
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.12), 0 18px 42px rgba(255,86,18,.16), 0 20px 48px rgba(0,0,0,.45);
}

.volta-character-card__portrait{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(223,166,70,.3);
  background: linear-gradient(180deg, rgba(0,0,0,.42), rgba(95,30,8,.28));
}

.volta-character-card__portrait img{
  width: 74px;
  height: 74px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid rgba(255,213,112,.72);
  box-shadow: 0 0 0 4px rgba(100,26,8,.54), 0 0 28px rgba(255,102,24,.24);
}

.volta-character-card__portrait span{
  color: #ffbf48;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
}

.volta-character-card__body{
  min-width: 0;
}

.volta-character-card__top{
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(223,166,70,.22);
}

.volta-character-card__top span{
  display: block;
  color: #d9a94d;
  font-size: 11px;
  font-weight: 1000;
  text-transform: uppercase;
}

.volta-character-card__top h4{
  margin: 4px 0 0;
  color: #fff1c8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  line-height: 1.05;
  text-shadow: 0 0 18px rgba(255,126,28,.22);
  overflow-wrap: anywhere;
}

.volta-character-level{
  width: 82px;
  min-width: 82px;
  padding: 8px 10px;
  border: 1px solid rgba(223,166,70,.38);
  background: rgba(0,0,0,.4);
  text-align: center;
}

.volta-character-level small{
  display: block;
  color: #d9a94d;
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.volta-character-level strong{
  display: block;
  color: #ff4f3e;
  font-size: 26px;
  line-height: 1;
  text-shadow: 0 0 16px rgba(255,54,30,.3);
}

.volta-character-stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.volta-character-stats div{
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(223,166,70,.22);
  background: rgba(0,0,0,.34);
}

.volta-character-stats i{
  color: #ffcf70;
  margin-right: 6px;
}

.volta-character-stats span{
  display: inline-block;
  color: rgba(255,241,200,.66);
  font-size: 10px;
  font-weight: 1000;
  text-transform: uppercase;
}

.volta-character-stats strong{
  display: block;
  margin-top: 4px;
  color: #fff1c8;
  font-size: 13px;
  font-weight: 1000;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.volta-character-debug{
  margin-top: 12px;
}

.volta-character-debug button{
  width: 100%;
  height: 38px;
  border: 1px solid rgba(255,218,132,.58);
  background: linear-gradient(180deg, #8b3414, #4a1005);
  color: #fff1c8;
  font-weight: 1000;
  text-transform: uppercase;
}

@media (max-width: 1100px){
  .volta-character-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px){
  .volta-character-card{
    grid-template-columns: 1fr;
  }

  .volta-character-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Staff / admin panel */
.volta-admin-page{
  width: min(1280px, calc(100% - 72px)) !important;
}

.volta-admin-page .volta-admin-hero{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 24px 28px !important;
}

.volta-admin-kicker{
  display: block !important;
  margin-bottom: 6px !important;
  color: #dca958 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.volta-admin-hero p{
  max-width: 760px !important;
  margin: 10px 0 0 !important;
  color: rgba(255,244,220,.72) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.volta-admin-level{
  min-height: 112px !important;
  display: grid !important;
  place-items: center !important;
  padding: 14px !important;
  border: 1px solid rgba(223,166,70,.46) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,173,65,.2), transparent 60%),
    rgba(0,0,0,.32) !important;
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.08), 0 0 26px rgba(255,99,22,.13) !important;
  text-align: center !important;
}

.volta-admin-level i{
  color: #ffe39b !important;
  font-size: 24px !important;
}

.volta-admin-level span{
  color: rgba(255,244,220,.6) !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.volta-admin-level strong{
  color: #ffdf8a !important;
  font-size: 32px !important;
  line-height: 1 !important;
}

.volta-admin-content{
  padding: 0 !important;
}

.volta-admin-page .list-group{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.volta-admin-page .list-group > .list-group-item.active{
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  border: 1px solid rgba(223,166,70,.46) !important;
  background: linear-gradient(90deg, rgba(120,39,10,.78), rgba(10,2,0,.92)) !important;
  color: #ffe7ad !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.volta-admin-page .list-group-item-action{
  min-height: 112px !important;
  margin: 0 !important;
  padding: 18px 18px 16px !important;
  border: 1px solid rgba(223,166,70,.28) !important;
  background:
    radial-gradient(circle at 15% 15%, rgba(255,142,34,.14), transparent 38%),
    linear-gradient(145deg, rgba(33,9,2,.94), rgba(3,0,0,.98)) !important;
  color: #fff1c8 !important;
  text-decoration: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.05), 0 14px 32px rgba(0,0,0,.26) !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}

.volta-admin-page .list-group-item-action:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(255,218,132,.72) !important;
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.1), 0 18px 40px rgba(255,95,20,.15), 0 18px 42px rgba(0,0,0,.34) !important;
}

.volta-admin-page .list-group-item-heading{
  margin: 0 0 8px !important;
  color: #fff1c8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 22px !important;
  text-transform: uppercase !important;
}

.volta-admin-page .list-group-item-heading i{
  color: #ffcf70 !important;
  margin-right: 8px !important;
}

.volta-admin-page .list-group-item-text{
  margin: 0 !important;
  color: rgba(255,244,220,.68) !important;
  line-height: 1.45 !important;
}

.volta-admin-page table,
.volta-admin-page .table{
  width: 100% !important;
  color: #fff1c8 !important;
}

.volta-admin-page input,
.volta-admin-page select,
.volta-admin-page textarea,
.volta-admin-page .form-control{
  border: 1px solid rgba(223,166,70,.42) !important;
  background: #050100 !important;
  color: #fff1c8 !important;
}

.volta-admin-page .btn,
.volta-admin-page button,
.volta-admin-page input[type="submit"]{
  border: 1px solid rgba(255,218,132,.58) !important;
  background: linear-gradient(180deg, #8b3414, #4a1005) !important;
  color: #fff1c8 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

.volta-staff-dashboard{
  display: grid !important;
  gap: 18px !important;
}

.volta-staff-command{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 170px !important;
  gap: 18px !important;
  padding: 26px !important;
  border: 1px solid rgba(238,177,72,.42) !important;
  background:
    radial-gradient(circle at 76% 18%, rgba(255,142,35,.22), transparent 34%),
    linear-gradient(135deg, rgba(31,7,1,.98), rgba(5,1,0,.96)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.06), 0 22px 55px rgba(0,0,0,.38) !important;
  overflow: hidden !important;
}

.volta-staff-command:before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, transparent, rgba(255,197,92,.08), transparent),
    repeating-linear-gradient(90deg, rgba(255,220,130,.06) 0 1px, transparent 1px 128px) !important;
  opacity: .6 !important;
}

.volta-staff-command > *{
  position: relative !important;
  z-index: 1 !important;
}

.volta-staff-eyebrow{
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  color: #f3bd62 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

.volta-staff-command h2{
  margin: 0 !important;
  color: #fff0c7 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 5vw, 64px) !important;
  line-height: .95 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 20px rgba(255,91,22,.4) !important;
}

.volta-staff-command p{
  max-width: 780px !important;
  margin: 14px 0 0 !important;
  color: rgba(255,242,214,.74) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.volta-staff-rank{
  display: grid !important;
  place-items: center !important;
  align-self: stretch !important;
  padding: 18px !important;
  border: 1px solid rgba(255,208,110,.52) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,197,87,.24), transparent 62%),
    rgba(0,0,0,.42) !important;
  text-align: center !important;
}

.volta-staff-rank i{
  color: #ffdc86 !important;
  font-size: 30px !important;
}

.volta-staff-rank span,
.volta-staff-rank em{
  color: rgba(255,242,214,.68) !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.volta-staff-rank strong{
  color: #ffdf8d !important;
  font-size: 46px !important;
  line-height: 1 !important;
}

.volta-staff-security,
.volta-staff-roles{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border: 1px solid rgba(223,166,70,.28) !important;
  background: rgba(5,1,0,.72) !important;
}

.volta-staff-roles{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.volta-staff-security > div,
.volta-staff-roles > article{
  padding: 18px !important;
  border-right: 1px solid rgba(223,166,70,.2) !important;
}

.volta-staff-security > div:last-child,
.volta-staff-roles > article:last-child{
  border-right: 0 !important;
}

.volta-staff-security i,
.volta-staff-roles i{
  color: #ffd27a !important;
  font-size: 24px !important;
  margin-bottom: 10px !important;
}

.volta-staff-security strong,
.volta-staff-roles h3{
  display: block !important;
  margin: 0 0 5px !important;
  color: #fff0c7 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
}

.volta-staff-security span,
.volta-staff-roles p{
  margin: 0 !important;
  color: rgba(255,242,214,.62) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.volta-staff-modules{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.volta-staff-module{
  position: relative !important;
  min-height: 156px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  padding: 20px !important;
  border: 1px solid rgba(223,166,70,.3) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(255,133,31,.17), transparent 44%),
    linear-gradient(150deg, rgba(22,5,1,.96), rgba(4,0,0,.98)) !important;
  color: #fff0c7 !important;
  text-decoration: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.04), 0 16px 36px rgba(0,0,0,.32) !important;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease !important;
  overflow: hidden !important;
}

.volta-staff-module:before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(120deg, transparent 0 42%, rgba(255,217,126,.16) 48%, transparent 55% 100%) !important;
  transform: translateX(-130%) !important;
  transition: transform .45s ease !important;
}

.volta-staff-module:hover{
  transform: translateY(-4px) !important;
  border-color: rgba(255,218,132,.75) !important;
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.1), 0 20px 44px rgba(255,83,18,.16), 0 22px 48px rgba(0,0,0,.36) !important;
}

.volta-staff-module:hover:before{
  transform: translateX(130%) !important;
}

.volta-staff-module > i{
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,215,124,.52) !important;
  background: linear-gradient(180deg, rgba(139,63,17,.86), rgba(50,12,2,.94)) !important;
  color: #ffe39b !important;
  font-size: 22px !important;
}

.volta-staff-module small{
  display: block !important;
  color: #dca958 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.volta-staff-module strong{
  display: block !important;
  margin: 4px 0 8px !important;
  color: #fff0c7 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 22px !important;
  text-transform: uppercase !important;
}

.volta-staff-module p{
  margin: 0 !important;
  color: rgba(255,242,214,.66) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.volta-staff-module__level{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  min-width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,218,132,.48) !important;
  background: rgba(0,0,0,.45) !important;
  color: #ffdf8d !important;
  font-weight: 1000 !important;
}

.volta-staff-module--administrator{
  border-color: rgba(255,91,37,.38) !important;
}

.volta-staff-module--gm{
  border-color: rgba(255,188,74,.38) !important;
}

.volta-admin-audit{
  padding: 22px !important;
  border: 1px solid rgba(223,166,70,.34) !important;
  background:
    radial-gradient(circle at 85% 0%, rgba(255,125,30,.14), transparent 42%),
    rgba(5,1,0,.84) !important;
  box-shadow: inset 0 0 0 1px rgba(255,226,150,.05), 0 18px 42px rgba(0,0,0,.32) !important;
}

.volta-admin-audit__intro{
  margin: 0 0 16px !important;
  color: rgba(255,242,214,.66) !important;
}

.volta-admin-audit__table{
  overflow-x: auto !important;
}

.volta-admin-audit code{
  color: #ffd27a !important;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(223,166,70,.18) !important;
  padding: 4px 6px !important;
}

@media (max-width: 900px){
  .volta-admin-page{
    width: min(100% - 24px, 1280px) !important;
  }

  .volta-admin-page .volta-admin-hero,
  .volta-admin-page .list-group{
    grid-template-columns: 1fr !important;
  }

  .volta-staff-command,
  .volta-staff-security,
  .volta-staff-roles,
  .volta-staff-modules{
    grid-template-columns: 1fr !important;
  }

  .volta-staff-security > div,
  .volta-staff-roles > article{
    border-right: 0 !important;
    border-bottom: 1px solid rgba(223,166,70,.2) !important;
  }
}

/* =========================================================
   VOLTA2 MOBILE PASS - premium phone layout for all pages
   ========================================================= */
@media (max-width: 820px){
  html,
  body.modern-ui{
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.modern-ui .volta-mobile-actions,
  body.modern-ui .navbar-glass{
    display: none !important;
  }

  body.modern-ui #body-bg,
  body.modern-ui .volta-home-redesign__video,
  body.modern-ui .volta-download-video{
    position: fixed !important;
    inset: 0 !important;
    z-index: -4 !important;
  }

  body.modern-ui #body-vide,
  body.modern-ui .volta-home-redesign__video video,
  body.modern-ui .volta-download-video video{
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
    object-position: center top !important;
    filter: saturate(1.16) contrast(1.08) brightness(.64) !important;
  }

  body.modern-ui .volta-home-nav,
  html body.modern-ui .volta-download-nav{
    position: sticky !important;
    top: 0 !important;
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    grid-template-columns: 112px 1fr 112px !important;
    gap: 10px !important;
    align-items: center !important;
    background: linear-gradient(180deg, rgba(10,2,0,.98), rgba(26,7,2,.94)) !important;
    border-bottom: 1px solid rgba(231,184,94,.36) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.58) !important;
    z-index: 1000 !important;
    transform: none !important;
    animation: none !important;
  }

  body.modern-ui .volta-home-nav__brand{
    min-width: 0 !important;
    justify-self: start !important;
  }

  body.modern-ui .volta-home-nav__brand img{
    width: 112px !important;
    max-width: 112px !important;
    height: auto !important;
    max-height: 50px !important;
    object-fit: contain !important;
  }

  body.modern-ui .volta-menu-toggle{
    display: inline-grid !important;
    grid-template-columns: 22px auto !important;
    grid-template-rows: repeat(3, 4px) !important;
    align-content: center !important;
    align-items: center !important;
    column-gap: 9px !important;
    width: auto !important;
    min-width: 94px !important;
    height: 42px !important;
    padding: 0 11px !important;
    grid-column: 2 !important;
    justify-self: center !important;
    border: 1px solid rgba(231,184,94,.44) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(91,32,9,.82), rgba(5,1,0,.9)) !important;
    color: #ffe1a0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1002 !important;
    box-shadow: 0 0 22px rgba(255,121,24,.18), inset 0 0 18px rgba(255,181,73,.08) !important;
    transform: none !important;
    animation: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
  }

  body.modern-ui .volta-menu-toggle span{
    display: block !important;
    grid-column: 1 !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    background: #ffe1a0 !important;
    box-shadow: 0 0 10px rgba(255,133,35,.35) !important;
  }

  body.modern-ui .volta-menu-toggle span:nth-child(1){
    grid-row: 1 !important;
  }

  body.modern-ui .volta-menu-toggle span:nth-child(2){
    grid-row: 2 !important;
  }

  body.modern-ui .volta-menu-toggle span:nth-child(3){
    grid-row: 3 !important;
  }

  body.modern-ui .volta-menu-toggle strong{
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 / 4 !important;
    color: #ffe1a0 !important;
    font-family: var(--volta-serif) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 10px rgba(255,150,43,.4) !important;
  }

  html body.modern-ui.volta-page-players .volta-ranking-nav,
  html body.modern-ui.volta-page-guilds .volta-ranking-nav,
  html body.modern-ui.volta-page-referrals .volta-ranking-nav,
  html body.modern-ui:has(.ranking-page) .volta-ranking-nav{
    position: sticky !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: 112px 1fr 112px !important;
    min-height: auto !important;
    padding: 10px 12px !important;
    align-items: center !important;
    justify-content: initial !important;
    z-index: 1000 !important;
    transform: none !important;
    animation: none !important;
  }

  html body.modern-ui.volta-page-players .volta-ranking-nav .volta-menu-toggle,
  html body.modern-ui.volta-page-guilds .volta-ranking-nav .volta-menu-toggle,
  html body.modern-ui.volta-page-referrals .volta-ranking-nav .volta-menu-toggle,
  html body.modern-ui:has(.ranking-page) .volta-ranking-nav .volta-menu-toggle{
    display: inline-grid !important;
    grid-column: 2 !important;
    justify-self: center !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.modern-ui .volta-home-nav__links,
  body.modern-ui .volta-home-nav__actions,
  body.modern-ui .volta-home-nav__cta{
    display: none !important;
  }

  body.modern-ui .volta-home-nav.is-open{
    grid-template-columns: 112px 1fr 112px !important;
  }

  html body.modern-ui.volta-page-players .volta-ranking-nav.is-open,
  html body.modern-ui.volta-page-guilds .volta-ranking-nav.is-open,
  html body.modern-ui.volta-page-referrals .volta-ranking-nav.is-open,
  html body.modern-ui:has(.ranking-page) .volta-ranking-nav.is-open{
    grid-template-columns: 112px 1fr 112px !important;
  }

  body.modern-ui .volta-home-nav.is-open .volta-home-nav__links{
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(231,184,94,.22) !important;
    border-radius: 10px !important;
    background: rgba(0,0,0,.42) !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  body.modern-ui .volta-home-nav.is-open .volta-home-nav__links a,
  body.modern-ui .volta-home-nav.is-open .volta-home-nav__cta{
    min-height: 44px !important;
    height: auto !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    text-align: center !important;
    white-space: normal !important;
    transform: none !important;
    animation: none !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease !important;
  }

  body.modern-ui .volta-home-nav__links,
  body.modern-ui .volta-home-nav__links a,
  body.modern-ui .volta-home-nav__links a:before,
  body.modern-ui .volta-home-nav__links a:after{
    transform: none !important;
    animation: none !important;
  }

  body.modern-ui .volta-home-nav.is-open .volta-home-nav__cta{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  body.modern-ui .volta-home-nav.is-open .volta-home-nav__actions{
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  body.modern-ui .volta-home-nav.is-open .volta-home-nav__actions .volta-home-nav__cta{
    grid-column: auto !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  body.modern-ui .volta-home-nav.is-open .volta-home-nav__actions .volta-home-nav__cta:only-child{
    grid-column: 1 / -1 !important;
  }

  body.modern-ui .volta-mobile-actions{
    position: sticky !important;
    top: 61px !important;
    z-index: 999 !important;
    width: calc(100% - 20px) !important;
    margin: 8px auto 10px !important;
    padding: 7px !important;
    display: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    border: 1px solid rgba(231,184,94,.3) !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(31,9,2,.94), rgba(5,1,0,.9)) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.44), inset 0 0 0 1px rgba(255,226,150,.05) !important;
    backdrop-filter: blur(12px) saturate(1.1) !important;
  }

  body.modern-ui .volta-mobile-actions a{
    min-width: 0 !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(231,184,94,.24) !important;
    border-radius: 8px !important;
    color: #ffe7ad !important;
    background:
      radial-gradient(circle at 50% 0, rgba(255,164,45,.18), transparent 60%),
      linear-gradient(180deg, rgba(89,29,8,.74), rgba(8,2,0,.78)) !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
  }

  body.modern-ui .volta-mobile-actions a i{
    color: #ffd16e !important;
    font-size: 13px !important;
  }

  body.modern-ui .volta-home-redesign{
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.modern-ui .volta-home-nav,
  html body.modern-ui .volta-download-nav,
  html body.modern-ui.volta-page-players .volta-ranking-nav,
  html body.modern-ui.volta-page-guilds .volta-ranking-nav,
  html body.modern-ui.volta-page-referrals .volta-ranking-nav{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 7px 10px !important;
    grid-template-columns: 104px 1fr 104px !important;
  }

  body.modern-ui .volta-home-nav__brand img{
    width: 104px !important;
    max-width: 104px !important;
    max-height: 46px !important;
  }

  body.volta-home-page .volta-home-shell,
  html body.volta-page-download .volta-home-shell,
  html body.volta-page-register .volta-home-shell,
  html body.volta-page-login .volta-home-shell,
  html body.volta-page-administration .volta-home-shell{
    width: min(100% - 22px, 760px) !important;
    min-width: 0 !important;
    padding: 74px 0 34px !important;
    margin: 0 auto !important;
  }

  body.volta-home-page .volta-hero,
  html body.volta-page-download .volta-hero{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    min-height: auto !important;
  }

  body.volta-home-page .volta-hero__stage,
  body.volta-home-page .volta-leaderboard,
  html body.volta-page-download .volta-hero__stage,
  html body.volta-page-download .volta-leaderboard{
    min-height: auto !important;
    width: 100% !important;
  }

  body.volta-home-page .volta-hero__stage,
  html body.volta-page-download .volta-hero__stage{
    padding: 38px 16px 20px !important;
    border-radius: 12px !important;
  }

  body.volta-home-page .volta-hero__copy{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    transform: none !important;
  }

  body.volta-home-page .volta-kicker,
  html body.volta-page-download .volta-kicker{
    max-width: 100% !important;
    padding: 8px 12px !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
  }

  body.volta-home-page .volta-kicker:before,
  body.volta-home-page .volta-kicker:after{
    width: 18px !important;
  }

  body.volta-home-page .volta-hero h1,
  html body.volta-page-download .volta-hero h1{
    max-width: 100% !important;
    font-size: clamp(56px, 19vw, 96px) !important;
    line-height: .9 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.volta-home-page .volta-hero h2,
  html body.volta-page-download .volta-hero h2{
    margin-top: 12px !important;
    font-size: clamp(20px, 6vw, 28px) !important;
    line-height: 1.12 !important;
  }

  body.volta-home-page .volta-hero p,
  html body.volta-page-download .volta-hero p{
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body.volta-home-page .volta-hero-runes,
  body.volta-home-page .volta-hero-actions{
    gap: 8px !important;
  }

  body.volta-home-page .volta-play-button,
  html body.volta-page-download .volta-play-button,
  html body.volta-page-register .volta-play-button{
    width: 100% !important;
    max-width: 320px !important;
    min-height: 64px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.volta-home-page .volta-notifications{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    transform: none !important;
  }

  body.volta-home-page .volta-notice{
    min-height: 82px !important;
    padding: 12px !important;
    grid-template-columns: 42px minmax(0, 1fr) 18px !important;
  }

  body.volta-home-page .volta-notice__icon{
    width: 42px !important;
    height: 42px !important;
    font-size: 16px !important;
  }

  body.volta-home-page .volta-notice__body strong{
    font-size: 15px !important;
  }

  body.volta-home-page .volta-notice__body em{
    font-size: 11px !important;
  }

  body.volta-home-page .volta-leaderboard{
    padding: 18px 12px !important;
  }

  body.volta-home-page .volta-leaderboard-tabs{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.volta-home-page .volta-leaderboard__row{
    grid-template-columns: 36px minmax(0, 1fr) 44px 72px !important;
    min-height: 42px !important;
    gap: 6px !important;
    font-size: 12px !important;
  }

  body.volta-home-page .volta-player img{
    width: 28px !important;
    height: 28px !important;
  }

  body.volta-home-page .volta-player strong,
  body.volta-home-page .volta-player-guild{
    max-width: 86px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.volta-home-page .volta-side-rankings,
  body.volta-home-page .volta-stats-bar,
  html body.volta-page-download .volta-stats-bar{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  body.volta-home-page .volta-stat,
  html body.volta-page-download .volta-stat{
    min-height: 78px !important;
    padding: 12px !important;
    grid-template-columns: 34px 1fr !important;
  }

  body.volta-home-page .volta-info-grid,
  html body.volta-page-download .volta-info-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .volta-register-layout,
  .volta-auth-shell,
  .volta-account-grid,
  .volta-account-hero,
  .volta-download-hero-home{
    grid-template-columns: 1fr !important;
  }

  .volta-register-intro,
  .volta-register-card,
  .volta-auth-card,
  .volta-auth-intro,
  .volta-account-hero,
  .volta-account-card,
  .volta-account-actions,
  .volta-panel,
  .volta-rank-premium{
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 14px !important;
    border-radius: 12px !important;
  }

  .volta-register-intro h1,
  .volta-account-hero h1,
  .volta-rank-hero h2{
    font-size: clamp(32px, 10vw, 48px) !important;
    line-height: 1 !important;
    overflow-wrap: anywhere !important;
  }

  .volta-register-perks,
  .volta-auth-perks,
  .volta-account-wallet,
  .volta-download-modal__stats{
    grid-template-columns: 1fr !important;
  }

  .volta-captcha-row,
  .volta-login-captcha{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .volta-captcha-image,
  .volta-login-captcha__image,
  .volta-text-captcha{
    width: 100% !important;
    min-height: 58px !important;
  }

  .volta-input-wrap{
    min-height: 48px !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
  }

  .volta-input-wrap .form-control,
  .volta-input-wrap input,
  .volta-input-wrap select,
  .volta-input-wrap textarea{
    min-width: 0 !important;
    width: 100% !important;
    font-size: 15px !important;
  }

  #volta-login-modal,
  #volta-lost-modal,
  #volta-register-modal,
  #volta-download-modal{
    padding: 12px !important;
    align-items: flex-start !important;
    overflow-y: auto !important;
  }

  #volta-login-modal .volta-login-modal__panel,
  #volta-lost-modal .volta-login-modal__panel,
  #volta-register-modal .volta-login-modal__panel,
  #volta-download-modal .volta-login-modal__panel{
    width: min(100%, 440px) !important;
    max-height: none !important;
    margin: 18px auto !important;
    padding: 22px 16px !important;
    border-radius: 12px !important;
  }

  #volta-login-modal .volta-login-modal__close,
  #volta-lost-modal .volta-login-modal__close,
  #volta-register-modal .volta-login-modal__close,
  #volta-download-modal .volta-login-modal__close{
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    width: 38px !important;
    height: 38px !important;
  }

  #volta-download-modal .volta-download-modal__item{
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  #volta-download-modal .volta-download-modal__item a{
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  html body.volta-page-players #content.site-content,
  html body.volta-page-guilds #content.site-content,
  html body.volta-page-referrals #content.site-content,
  html body:has(.ranking-page) #content.site-content,
  html body.volta-page-administration #content.site-content,
  html body:has(.volta-account-page) #content.site-content,
  html body:has(.volta-account-legacy) #content.site-content{
    margin-top: 0 !important;
    padding-top: 12px !important;
  }

  .ranking-page,
  html body:has(.ranking-page) .ranking-page{
    width: min(100% - 20px, 760px) !important;
    padding: 12px !important;
    margin: 0 auto 24px !important;
  }

  .volta-rank-hero{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 18px 14px !important;
    text-align: left !important;
  }

  .volta-rank-hero__seal{
    display: none !important;
  }

  .glass-search-row{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .glass-tabs,
  .volta-rank-tabs{
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .volta-player-card-grid,
  body.modern-ui .volta-card-rank-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .volta-player-card-grid .volta-rank-card,
  body.modern-ui .volta-card-rank{
    min-height: auto !important;
    padding: 14px !important;
  }

  .volta-player-card-grid .volta-rank-card--first{
    grid-column: auto !important;
    transform: none !important;
  }

  .volta-rank-card__extra,
  .volta-rank-card__meta{
    grid-template-columns: 1fr !important;
  }

  .volta-account-shell,
  .volta-account-legacy,
  .volta-admin-page{
    width: min(100% - 20px, 760px) !important;
    margin: 0 auto 24px !important;
  }

  .volta-account-hero,
  .volta-admin-page .volta-admin-hero{
    grid-template-columns: 1fr !important;
  }

  .volta-character-grid,
  .volta-admin-page .list-group{
    grid-template-columns: 1fr !important;
  }

  .volta-character-card{
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: auto !important;
    padding: 12px !important;
  }

  .volta-character-card__portrait img{
    width: 62px !important;
    height: 62px !important;
  }

  .volta-character-card__top{
    align-items: flex-start !important;
  }

  .volta-character-card__top h4{
    font-size: 20px !important;
  }

  .volta-character-stats{
    grid-template-columns: 1fr !important;
  }

  .volta-admin-page .table,
  .volta-account-legacy .table{
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 480px){
  body.modern-ui .volta-mobile-actions,
  body.modern-ui .navbar-glass{
    display: none !important;
  }

  body.modern-ui .volta-home-nav{
    grid-template-columns: 92px 1fr 92px !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 6px 8px !important;
  }

  body.modern-ui .volta-menu-toggle{
    grid-column: 2 !important;
    justify-self: center !important;
    min-width: 84px !important;
    height: 38px !important;
    padding: 0 9px !important;
    column-gap: 7px !important;
  }

  html body.modern-ui.volta-page-players .volta-ranking-nav,
  html body.modern-ui.volta-page-guilds .volta-ranking-nav,
  html body.modern-ui.volta-page-referrals .volta-ranking-nav,
  html body.modern-ui:has(.ranking-page) .volta-ranking-nav{
    grid-template-columns: 92px 1fr 92px !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 6px 8px !important;
  }

  body.modern-ui .volta-menu-toggle span{
    width: 19px !important;
  }

  body.modern-ui .volta-menu-toggle strong{
    font-size: 10px !important;
  }

  body.modern-ui .volta-mobile-actions{
    grid-template-columns: 1fr !important;
    top: 58px !important;
  }

  body.modern-ui .volta-mobile-actions a{
    min-height: 40px !important;
  }

  body.volta-home-page .volta-home-shell,
  html body.volta-page-download .volta-home-shell,
  html body.volta-page-register .volta-home-shell,
  html body.volta-page-login .volta-home-shell,
  html body.volta-page-administration .volta-home-shell{
    width: calc(100% - 16px) !important;
  }

  body.volta-home-page .volta-hero__stage,
  html body.volta-page-download .volta-hero__stage{
    padding: 30px 12px 16px !important;
  }

  body.volta-home-page .volta-hero h1,
  html body.volta-page-download .volta-hero h1{
    font-size: clamp(48px, 18vw, 76px) !important;
  }

  body.volta-home-page .volta-hero h2,
  html body.volta-page-download .volta-hero h2{
    font-size: 19px !important;
  }

  body.volta-home-page .volta-stats-bar,
  html body.volta-page-download .volta-stats-bar,
  body.volta-home-page .volta-side-rankings{
    grid-template-columns: 1fr !important;
  }

  .volta-character-card{
    grid-template-columns: 1fr !important;
  }

  .volta-character-card__portrait{
    min-height: 112px !important;
  }

  .volta-panel__head h2,
  #volta-login-modal .volta-panel__head h2,
  #volta-lost-modal .volta-panel__head h2,
  #volta-register-modal .volta-panel__head h2,
  #volta-download-modal .volta-panel__head h2{
    font-size: 22px !important;
  }

  .volta-register-intro h1,
  .volta-account-hero h1,
  .volta-rank-hero h2{
    font-size: 34px !important;
  }
}

/* Mobile/landscape final header fix: keep the menu at the very top. */
@media (max-width: 980px), (pointer: coarse){
  html body.modern-ui .volta-home-nav,
  html body.modern-ui .volta-download-nav,
  html body.modern-ui .volta-ranking-nav{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    display: grid !important;
    grid-template-columns: 100px 1fr 100px !important;
    align-items: center !important;
    gap: 8px !important;
    z-index: 1000 !important;
    transform: none !important;
  }

  html body.modern-ui .volta-home-nav.is-open,
  html body.modern-ui .volta-download-nav.is-open,
  html body.modern-ui .volta-ranking-nav.is-open{
    height: auto !important;
    min-height: 58px !important;
  }

  html body.modern-ui .volta-home-nav__brand img{
    width: 100px !important;
    max-width: 100px !important;
    max-height: 42px !important;
  }

  html body.modern-ui .volta-menu-toggle{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    min-width: 82px !important;
    height: 38px !important;
    padding: 0 9px !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.volta-home-page .volta-home-shell,
  html body.volta-page-download .volta-home-shell,
  html body.volta-page-register .volta-home-shell,
  html body.volta-page-login .volta-home-shell,
  html body.volta-page-administration .volta-home-shell{
    padding-top: 8px !important;
    margin-top: 58px !important;
  }

  body.volta-home-page .volta-hero,
  html body.volta-page-download .volta-hero{
    margin-top: 0 !important;
  }

  body.volta-home-page .volta-hero__stage,
  body.volta-home-page .volta-leaderboard,
  html body.volta-page-download .volta-hero__stage,
  html body.volta-page-download .volta-leaderboard{
    margin-top: 0 !important;
  }
}

/* Final premium badge override: must live at the end because older theme rules
   redefine the same badge lower in the file. */
html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium{
  top: 12px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  height: 24px !important;
  min-width: 96px !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 215, 127, .58) !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 215, 127, .16), transparent),
    linear-gradient(180deg, rgba(36, 12, 3, .96), rgba(12, 3, 0, .98)) !important;
  color: #ffe9b4 !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
  box-shadow: 0 0 14px rgba(255, 142, 33, .18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium:before,
html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium:after{
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 18px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 211, 119, .72)) !important;
}

html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium:before{
  right: 100% !important;
  transform: translateY(-50%) !important;
}

html body.modern-ui .volta-rank-sort-premium .volta-player-card.is-premium .volta-player-card__premium:after{
  left: 100% !important;
  transform: translateY(-50%) rotate(180deg) !important;
}