/* Shared Void Tale identity. Loaded after page-specific legacy styles. */
/* Main header dimensions are defined at the end of this shared stylesheet. */
@font-face{font-family:VoidSans;src:url('../fonts/montserrat-regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:VoidSans;src:url('../fonts/montserrat-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg-color:#0c0b12;--primary-color:#15121f;--secondary-color:#c3bdcf;--accent-color:#ba98ff;--border-color:#332a46;--success-color:#a9f3c5;--error-color:#ff889c;--void-text:#f5f2ff;--void-muted:#a49cb5;--void-green:#a9f3c5}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark}
html{overflow-y:scroll!important;scrollbar-gutter:stable}
body{display:block!important;margin:0!important;padding:0!important;min-width:0!important;background:radial-gradient(ellipse at 85% 0,rgba(102,61,154,.19),transparent 45%),#0c0b12!important;color:var(--secondary-color)!important;font:14px/1.7 VoidSans,Arial,sans-serif!important}
a{color:var(--accent-color);text-decoration:none;transition:color .2s,background .2s,transform .2s}
a:hover{color:var(--void-green)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--void-green)!important;outline-offset:5px}
img{max-width:100%}
h1,h2,h3,h4,strong,b{font-family:VoidSans,Arial,sans-serif;color:var(--void-text)}
#general{width:100%!important;min-width:0!important;height:auto!important;background:none!important;overflow:visible!important}
#general .wrapper{width:min(1200px,calc(100% - 64px))!important;max-width:1200px!important;margin:auto!important;background:none!important}
#general .wrapper .inner{width:100%!important;max-width:100%!important;min-width:0!important}
.menu-background-bar{display:none!important}
#general .inner.navi,.vt-nav{display:flex!important;align-items:center!important;gap:24px;position:relative!important;height:auto!important;min-height:94px;padding:18px 0!important;background:none!important;border-bottom:1px solid var(--border-color);z-index:20!important}
#general .floating-nav-logo,.vt-brand{position:static!important;display:block!important;flex:0 0 190px;width:190px!important;height:auto!important;transform:none!important;margin:0!important;background:none!important}
#general .floating-nav-logo img,.vt-brand img{display:block!important;width:190px!important;height:auto!important}
#general .navi ul,.vt-nav ul{display:flex!important;flex:1;flex-wrap:wrap;justify-content:flex-end!important;align-items:center!important;gap:8px;list-style:none!important;position:static!important;transform:none!important;width:auto!important;height:auto!important;left:auto!important;top:auto!important;margin:0!important;padding:0!important}
#general .navi ul li,.vt-nav li{position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important}
#general .navi ul li a,.vt-nav li a{display:block!important;width:auto!important;height:auto!important;padding:9px 11px!important;background:none!important;border:0!important;text-align:center!important;line-height:1.4!important;color:var(--void-muted)!important;border-radius:6px}
#general .navi ul li a span,.vt-nav li a span{position:static!important;font:700 11px/1.4 VoidSans,Arial,sans-serif!important;letter-spacing:.8px!important;color:inherit!important;text-shadow:none!important}
#general .navi ul li a p,#general .navi .lang,.vt-nav li a p{display:none!important}
#general .navi ul li a:hover,#general .navi ul li a.active,.vt-nav li a:hover{color:var(--void-text)!important;background:#20192f!important}
#general .navi ul li:last-child a{border:1px solid var(--border-color)!important}
.vt-eyebrow{display:block;color:var(--void-green);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}
.vt-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:80px 0 64px;position:relative;overflow:hidden}
.vt-hero h1{font-size:clamp(48px,6.1vw,80px);line-height:1.04;letter-spacing:-4px;font-weight:700;margin:0 0 25px}
.vt-hero h1 em{font-style:normal;color:var(--accent-color)}
.vt-hero p{max-width:450px;font-size:15px;color:var(--void-muted);margin:0 0 30px;line-height:1.9}
.vt-actions{display:flex;gap:14px;flex-wrap:wrap}
.vt-button,.download-button,.btn-login,.footer-button{display:inline-flex!important;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 24px!important;border:1px solid var(--accent-color)!important;border-radius:6px!important;background:var(--accent-color)!important;color:#160d27!important;font:700 12px/1.5 VoidSans,Arial,sans-serif!important;letter-spacing:.5px;box-shadow:none!important;text-shadow:none!important;cursor:pointer}
.vt-button:hover,.download-button:hover,.btn-login:hover,.footer-button:hover{background:#cdb5ff!important;color:#160d27!important;transform:translateY(-2px)}
.vt-button.secondary{background:transparent!important;color:var(--void-text)!important;border-color:var(--border-color)!important}
.vt-hero-note{display:block;margin-top:24px;color:var(--void-muted);font-size:10px;letter-spacing:1px}
.vt-portal{position:relative;display:grid;place-items:center;aspect-ratio:1;isolation:isolate;background:radial-gradient(ellipse,rgba(129,76,211,.23),transparent 65%)}
.vt-portal:before,.vt-portal:after{content:'';position:absolute;width:74%;height:74%;border-radius:50%;border:1px solid #695085;box-shadow:0 0 55px #7043ac33,inset 0 0 40px #7043ac33;transform:rotate(-28deg) scaleX(.75)}
.vt-portal:after{width:88%;height:88%;border:1px dashed #40324f;box-shadow:none;transform:rotate(28deg) scaleX(.85)}
.vt-portal img{display:block;width:85%;height:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 24px #a47aeb55)}
.vt-portal-label{position:absolute;bottom:8%;font-size:9px;letter-spacing:4px;color:var(--void-muted)}
.vt-specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:26px 0;margin-bottom:64px}
.vt-specs div{padding:0 24px;border-right:1px solid var(--border-color)}
.vt-specs div:first-child{padding-left:0}.vt-specs div:last-child{border:0}
.vt-specs strong{display:block;font-size:23px;letter-spacing:-1px}.vt-specs span{font-size:10px;color:var(--void-muted);letter-spacing:1.2px;text-transform:uppercase}
.vt-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 24px}.vt-section-title h2{font-size:30px;letter-spacing:-1px;margin:0;line-height:1.3}.vt-section-title .vt-eyebrow{margin-bottom:8px}.vt-section-title>a{font-size:11px}
.vt-news{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}
.vt-news article{position:relative;border:1px solid var(--border-color);padding:32px;border-radius:10px;background:linear-gradient(130deg,#1c1529,#111018)}
.vt-news h3{font-size:20px;margin:8px 0 12px}.vt-news p{color:var(--void-muted);margin:0 0 20px;font-size:13px}.vt-news a{font-size:11px;font-weight:700}.vt-news .vt-eyebrow{margin:0;font-size:9px}
.ranking-section{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;margin:0 0 24px!important}
.ranking-section>div{width:100%!important;min-width:0}
.ranking-title-block{position:static!important;background:#191322!important;border:1px solid var(--border-color)!important;border-radius:10px 10px 0 0!important;padding:22px!important;text-align:left!important;height:auto!important;width:100%!important}
.ranking-main-title{color:var(--void-text)!important;text-shadow:none!important;font:700 16px/1.5 VoidSans,Arial,sans-serif!important;letter-spacing:.5px!important}
.ranking-sub-title{color:var(--void-muted)!important;font:11px/1.7 VoidSans,Arial,sans-serif!important;margin:5px 0 0!important}
.ranking-full-container{background:#111018!important;border:1px solid var(--border-color)!important;border-top:0!important;border-radius:0 0 10px 10px!important;width:100%!important;margin:0!important;overflow:hidden}
.ranking-header-container,.ranking-header{background:#191322!important;color:var(--void-muted)!important;border:0!important}
.ranking-header,.ranking-row{display:grid!important;grid-template-columns:40px 1.1fr 1.3fr 45px;align-items:center;gap:8px;padding:12px 16px!important;font-size:11px!important;width:100%!important;height:auto!important;margin:0!important;background:none!important;border-bottom:1px solid #282132!important}
.ranking-header.pvp-grid,.ranking-row.pvp-grid{grid-template-columns:34px 1fr 1.2fr 36px 42px!important}
.sod-info-clan{display:block;font-size:11px;color:var(--void-muted);overflow-wrap:anywhere}
.ranking-row:hover{background:#21182f!important}.ranking-row>span,.ranking-header>span{width:auto!important;position:static!important;padding:0!important;color:var(--secondary-color)!important;min-width:0;overflow-wrap:anywhere}
.ranking-row .col-rank,.ranking-row .col-kills,.ranking-row .col-level{color:var(--void-green)!important;font-weight:700}
.ranking-row .col-class{display:flex;align-items:center;gap:7px}.class-icon-small{width:23px!important;height:23px!important;object-fit:contain}
.ranking-body-scroll{max-height:350px!important;overflow:auto!important;scrollbar-color:#66527f #111018}
.sod-card{background:#15121f!important;border:1px solid var(--border-color)!important;border-radius:10px!important}.sod-card-head{padding:18px!important;border-color:var(--border-color)!important}.sod-card-head-text{color:var(--accent-color)!important;text-shadow:none!important;font-size:14px!important;letter-spacing:1px!important}.sod-card-head-line{background:var(--border-color)!important}.sod-score-value{color:var(--void-green)!important}.sod-score-label,.sod-info-tag,.sod-card-empty{color:var(--void-muted)!important}.sod-avatar{border-color:var(--border-color)!important}
.vt-community{margin:60px 0;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--border-color);border-radius:10px;background:linear-gradient(110deg,#231733,#12141b)}
.vt-community h2{font-size:26px;margin:0 0 8px;letter-spacing:-1px}.vt-community p{margin:0;color:var(--void-muted);font-size:13px}
.inner.footer{width:min(1200px,calc(100% - 64px))!important;height:auto!important;position:relative!important;margin:60px auto 0!important;padding:40px 0 20px!important;background:none!important;border-top:1px solid var(--border-color)!important;color:var(--void-muted)!important}
.footer-grid{display:grid!important;grid-template-columns:1.2fr .7fr 1fr!important;gap:40px!important;padding:0 0 30px!important}.footer-brand strong{font-size:23px!important;line-height:1.2!important;letter-spacing:2px!important;color:var(--void-text)!important}.footer-brand strong span{color:var(--accent-color)!important}.footer-brand p,.footer-community p{font-size:12px!important;line-height:1.8!important;margin:15px 0!important;color:var(--void-muted)!important}.footer-links h3,.footer-community h3{font-size:12px!important;margin:0 0 14px!important;color:var(--void-text)!important}.footer-links a{display:block!important;font-size:12px!important;margin:8px 0!important;color:var(--void-muted)!important}.footer-button{min-height:38px;font-size:10px!important;padding:8px 16px!important}.footer-bottom{display:flex!important;justify-content:space-between;gap:16px;border-top:1px solid var(--border-color)!important;padding:20px 0!important;font-size:10px!important;color:var(--void-muted)!important}
/* Guide keeps its existing tab IDs, histories and item images. */
.vt-guide #general .header{height:auto!important;padding:52px 0 36px!important;background:none!important}.vt-guide .header .logo{display:none!important}.vt-page-heading h1{font-size:42px;line-height:1.2;letter-spacing:-2px;margin:0 0 15px}.vt-page-heading p{color:var(--void-muted);margin:0}
.vt-guide .inner.content{display:grid!important;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:30px;padding:0!important;background:none!important;height:auto!important}
.vt-guide .content-left{width:100%!important;float:none!important;top:20px!important;background:#15121f;border:1px solid var(--border-color);border-radius:10px;padding:12px}
.vt-guide .content-left ul,.vt-guide .content-left ul li{width:100%!important;margin:0!important;list-style:none}
.vt-guide .content-left ul li a{width:100%!important;height:auto!important;min-height:0!important;padding:13px 12px!important;border:0!important;border-radius:6px;background:none!important;line-height:1.4}
.vt-guide .content-left ul li a .text{position:static!important;transform:none!important;width:auto!important}.vt-guide .content-left ul li a .text span{font:700 11px/1.5 VoidSans,Arial,sans-serif!important;color:var(--void-muted)!important}.vt-guide .content-left li.active>a,.vt-guide .content-left a:hover{background:#292039!important;color:var(--void-text)!important}.vt-guide .information-submenu a{font-size:11px!important}.vt-guide .content-right{width:100%!important;float:none!important;margin:0!important;padding:30px!important;background:#131019!important;border:1px solid var(--border-color);border-radius:10px;min-width:0;overflow-x:auto}.vt-guide .content-tab{width:100%!important}.vt-guide .content-title{background:none!important;color:var(--void-text)!important;font-size:22px!important;height:auto!important;padding:0 0 20px!important;text-shadow:none!important}.vt-guide .title-1{color:var(--accent-color)!important;font-size:12px!important}.vt-guide .info-box{background:#191322!important;border-color:var(--border-color)!important}.vt-guide table{max-width:100%;border-color:var(--border-color)!important}.vt-guide th{color:var(--accent-color)!important;background:#21182f!important}.vt-guide td{border-color:var(--border-color)!important}
/* Downloads become a two-column installation desk. */
.download-page-container{display:grid!important;grid-template-columns:1fr 1fr;gap:24px;width:100%!important;max-width:none!important;margin:50px auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;text-align:left!important}
.download-page-container>h1,.download-page-container>.vt-page-heading,.download-page-container>.warning-message,.download-page-container>.requirements-card{grid-column:1/-1}.download-page-container>h1{font-size:42px;letter-spacing:-2px;margin:0}.download-card,.requirements-card{margin:0!important;padding:30px!important;border:1px solid var(--border-color)!important;background:#15121f!important;border-radius:10px!important}.download-card h2,.requirements-card h2{color:var(--void-text)!important;font-size:20px!important;text-align:left!important}.download-card p{font-size:13px!important;color:var(--void-muted)!important}.download-button{width:100%!important;margin-top:10px}.warning-message{padding:20px!important;background:#211b2c!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--secondary-color)!important;font-size:12px!important}.requirements-card ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding:0!important;list-style:none}.requirements-card li{font-size:12px!important;color:var(--void-muted)!important}
/* Account forms and authenticated panel share the public identity. */
.login-container{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:48px auto!important;padding:36px!important;width:calc(100% - 32px)!important;max-width:520px;background:linear-gradient(140deg,#1d162a,#121017)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 20px 80px #0003!important}
.login-container img.logo,.sidebar img.logo{position:static!important;width:230px!important;max-width:100%!important;height:auto!important;margin:0 auto 28px!important;background:none!important}
.login-container h2{font-size:25px!important;font-weight:700!important;margin:0 0 24px!important}.input-group input,textarea,select{background:#0e0c14!important;color:var(--void-text)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;padding:13px!important;font-family:VoidSans,Arial,sans-serif!important}input::placeholder{color:#8e859f!important;text-shadow:none!important}.links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:20px!important}.links a{font-size:11px!important;margin:0 5px!important}.btn-login{width:100%}.message-box{font-size:12px}.panel-wrapper{display:grid!important;grid-template-columns:240px minmax(0,1fr);width:min(1200px,calc(100% - 64px))!important;max-width:1200px!important;margin:36px auto!important;gap:24px!important}.sidebar{width:auto!important;min-width:0!important;background:#15121f!important;border:1px solid var(--border-color)!important;border-radius:10px!important;padding:24px!important}.sidebar .main-menu a{border-radius:6px!important;font-size:12px!important}.sidebar .main-menu a.active{background:#302140!important;color:var(--void-text)!important}.content-area{width:auto!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:auto}.content-box{padding:30px!important;background:#15121f!important;border:1px solid var(--border-color)!important;border-radius:10px!important}.welcome-msg{color:var(--void-muted)!important}.page-title{color:var(--void-text)!important}.saldo-card{background:#20172c!important;border-color:var(--border-color)!important}.donation-package,.package-card{border-color:var(--border-color)!important;background:#191322!important}
.vt-skip{position:absolute;left:20px;top:-100px;background:#a9f3c5;color:#0c0b12;padding:12px;z-index:100}.vt-skip:focus{top:12px}
.sod-card-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color)}.sod-card-head-line{height:1px;flex:1}.sod-card-head-text{white-space:nowrap;font-weight:700}.sod-card-empty{padding:24px;text-align:center;font-size:11px}.sod-card-body{display:flex;align-items:center;gap:14px;padding:22px}.sod-avatar{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.sod-avatar img{width:100%;height:100%;object-fit:contain}.sod-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.sod-info-tag,.sod-score-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px}.sod-info-name{color:var(--void-text);font-weight:700;overflow-wrap:anywhere}.sod-score{text-align:right}.sod-score-value{font-size:22px;font-weight:700}
.vt-guide .content-left ul li a .text{height:auto!important;padding:0!important;min-height:0!important}.vt-guide .content-left ul li a:before{display:none!important}.vt-guide .content-left ul li a{box-shadow:none!important}.vt-guide .content-left ul li.active>a{box-shadow:inset 3px 0 var(--accent-color)!important}.vt-guide .content-right .content-tab{color:var(--secondary-color)!important;line-height:1.8!important}.vt-guide .content-right .content-tab .content-title{font:700 22px/1.4 VoidSans,Arial,sans-serif!important}.vt-guide .content-right .content-tab span.title-1{margin:0 0 20px!important}.vt-guide .content-right .content-tab ul{padding-left:18px}.vt-guide .content-left ul li.menu-section{margin-top:8px!important}.vt-guide .content-left ul.information-submenu li a{padding:9px 12px 9px 22px!important}.download-page-container>h1{font-weight:700!important;line-height:1.2!important}.warning-message{text-align:left!important}
@media(min-width:1800px){.vt-hero{padding-top:100px}}
@media(max-width:1000px){#general .inner.navi{flex-wrap:wrap;gap:8px}#general .navi ul{justify-content:flex-start!important}.vt-hero h1{font-size:56px}.vt-guide .inner.content{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:700px){#general .wrapper,.inner.footer,.panel-wrapper{width:calc(100% - 32px)!important}#general .inner.navi{padding:14px 0!important;gap:12px}#general .floating-nav-logo{flex-basis:160px;width:160px!important}#general .floating-nav-logo img{width:160px!important}#general .navi ul{flex-basis:100%;gap:2px;justify-content:flex-start!important}#general .navi ul li a{padding:9px 8px!important}#general .navi ul li a span{font-size:9px!important}.vt-hero{grid-template-columns:1fr;padding:46px 0 32px;gap:0}.vt-hero h1{font-size:52px;letter-spacing:-2.5px}.vt-hero p{font-size:13px}.vt-portal{max-width:330px;width:100%;margin:auto;grid-row:2}.vt-specs{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.vt-specs div{padding:0 12px!important}.vt-specs div:nth-child(2){border:0}.vt-news,.ranking-section,.download-page-container{grid-template-columns:1fr!important}.vt-news article{padding:24px}.vt-section-title h2{font-size:25px}.vt-community{flex-direction:column;align-items:flex-start;padding:26px;margin:40px 0}.footer-grid{grid-template-columns:1fr!important;gap:24px!important}.footer-bottom{flex-direction:column;gap:6px}.vt-guide .inner.content{grid-template-columns:1fr!important;gap:18px}.vt-guide .content-left{position:relative!important;top:0!important;max-height:none!important}.vt-guide .content-right{padding:20px!important}.vt-page-heading h1,.download-page-container>h1{font-size:34px}.requirements-card ul{grid-template-columns:1fr}.login-container{padding:26px!important;margin:30px auto!important}.panel-wrapper{grid-template-columns:1fr!important}.sidebar{position:static!important}.sidebar .main-menu{display:flex;flex-wrap:wrap;gap:6px}.sidebar .main-menu li{list-style:none}.content-box{padding:20px!important}.ranking-header,.ranking-row{padding:10px 8px!important;gap:4px;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Identical main navigation on public pages and account pages. */
html body #general .wrapper{box-sizing:border-box!important;position:relative!important;display:block!important;width:min(1200px,calc(100% - 64px))!important;max-width:1200px!important;padding:0!important;margin:0 auto!important;left:auto!important;right:auto!important;transform:none!important}
html body #general .wrapper .inner.navi{margin:0!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;font:14px/1.4 VoidSans,Arial,sans-serif!important;box-shadow:none!important}
html body #general .wrapper .inner.navi>ul>li{display:block!important;flex:0 0 auto!important;align-self:center!important;line-height:1!important;border:0!important}
html body #general .wrapper .inner.navi>ul>li>a>span{display:block!important;margin:0!important;padding:0!important;transform:none!important;font:700 10px/1.4 VoidSans,Arial,sans-serif!important;letter-spacing:.6px!important;text-transform:uppercase!important;text-shadow:none!important;font-style:normal!important;font-synthesis:none!important}
html body #general .wrapper .inner.navi{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:80px!important;height:auto!important;padding:14px 0!important;flex-wrap:nowrap!important;box-sizing:border-box!important;border-radius:0!important;border-bottom:1px solid var(--border-color)!important}
html body #general .wrapper .inner.navi .floating-nav-logo{flex:0 0 172px!important;width:172px!important;margin:0!important;padding:0!important;align-self:center!important}
html body #general .wrapper .inner.navi .floating-nav-logo img{display:block!important;width:172px!important;height:auto!important;transform:none!important}
html body #general .wrapper .inner.navi>ul{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important}
html body #general .wrapper .inner.navi>ul>li>a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:8px 9px!important;line-height:1.4!important;white-space:nowrap!important}
html body #general .wrapper .inner.navi>ul>li>a>span{font-size:10px!important;line-height:1.4!important;letter-spacing:.6px!important}
@media(max-width:1000px){html body #general .wrapper .inner.navi{flex-wrap:wrap!important;gap:10px!important}html body #general .wrapper .inner.navi>ul{flex-basis:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}html body #general .wrapper .inner.navi>ul>li>a{padding:8px!important}}
@media(max-width:700px){html body #general .wrapper{width:calc(100% - 32px)!important}}

.vt-battle-art{margin:0 0 56px;overflow:hidden;border:1px solid #69508566;border-radius:16px;background:#100b18;box-shadow:0 18px 60px #0004}.vt-battle-art img{display:block;width:100%;height:auto}@media(max-width:700px){.vt-battle-art{margin-bottom:36px;border-radius:10px}}

/* Shared compact navigation, with centered brand and links. */
html body #general .wrapper .inner.navi{justify-content:center!important;min-height:72px!important;padding:2px 0!important;gap:30px!important;border-bottom-color:#ba98ff2e!important}
html body #general .wrapper .inner.navi .floating-nav-logo{flex:0 0 180px!important;width:180px!important}
html body #general .wrapper .inner.navi .floating-nav-logo img{width:180px!important;height:68px!important;object-fit:contain!important}
html body #general .wrapper .inner.navi>ul{flex:0 1 auto!important;justify-content:center!important;gap:5px!important}
html body #general .wrapper .inner.navi>ul>li>a{min-height:38px!important;padding:10px 12px!important;border-radius:7px!important;transition:background .2s,color .2s,box-shadow .2s}
html body #general .wrapper .inner.navi>ul>li>a>span{font-size:11px!important;letter-spacing:.7px!important}
html body #general .wrapper .inner.navi>ul>li>a.active{background:linear-gradient(135deg,#ba98ff22,#ba98ff0a)!important;color:#e5d6ff!important;box-shadow:inset 0 -2px #ba98ff}
html body #general .wrapper .inner.navi>ul>li>a:hover{background:#ba98ff18!important;color:#fff!important}
html body #general .wrapper .inner.navi>ul>li:last-child>a{border-color:#ba98ff66!important;color:#dfccff!important;background:#ba98ff0c!important;padding-inline:18px!important}
html body.vt-home #general .wrapper .inner.navi{min-height:64px!important;padding:10px 0!important}
@media(min-width:1001px) and (max-width:1150px){html body #general .wrapper .inner.navi{gap:16px!important}html body #general .wrapper .inner.navi>ul{gap:2px!important}html body #general .wrapper .inner.navi>ul>li>a{padding-inline:8px!important}html body #general .wrapper .inner.navi>ul>li>a>span{font-size:10px!important}}
@media(max-width:1000px){html body #general .wrapper .inner.navi{flex-wrap:wrap!important;gap:4px!important;padding:2px 0 10px!important}html body #general .wrapper .inner.navi .floating-nav-logo{margin-inline:auto!important}html body #general .wrapper .inner.navi>ul{flex:1 1 100%!important;justify-content:center!important;flex-wrap:wrap!important;gap:3px!important}html body #general .wrapper .inner.navi>ul>li>a{min-height:34px!important;padding:8px!important}html body #general .wrapper .inner.navi>ul>li>a>span{font-size:10px!important}}

/* Identical navigation geometry on every page. */
html body #general .wrapper .inner.navi,
html body.vt-home #general .wrapper .inner.navi{min-height:64px!important;padding:10px 0!important;gap:0!important;justify-content:center!important;flex-wrap:wrap!important}
html body #general .wrapper .inner.navi>ul{flex:0 1 auto!important;justify-content:center!important;flex-wrap:wrap!important;gap:5px!important}
html body #general .wrapper .inner.navi>ul>li>a{min-height:38px!important;padding:10px 12px!important}
html body #general .wrapper .inner.navi>ul>li>a>span{font-size:11px!important;letter-spacing:.7px!important}
@media(max-width:700px){html body #general .wrapper .inner.navi>ul{gap:3px!important}html body #general .wrapper .inner.navi>ul>li>a{min-height:34px!important;padding:8px!important}html body #general .wrapper .inner.navi>ul>li>a>span{font-size:10px!important}}

/* Keep links centered independently of the internal-page brand. */
html body #general .wrapper .inner.navi .floating-nav-logo{position:absolute!important;left:0!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:184px!important}
html body #general .wrapper .inner.navi .floating-nav-logo img{width:184px!important;height:62px!important;object-fit:contain!important}
/* Reserve the same space on every page when the logo cannot fit beside the links. */
@media(max-width:1199px){
html body #general .wrapper .inner.navi,
html body.vt-home #general .wrapper .inner.navi{padding-bottom:72px!important}
html body #general .wrapper .inner.navi .floating-nav-logo{left:50%!important;top:auto!important;bottom:2px!important;transform:translateX(-50%)!important}
}