:root{color-scheme:dark;--gold:#e0c46b;--gold-bright:#f2dda0;--text:#b7b9ba;--line:#3d494f;--muted:#81898e;--panel:#0c1013;--blue:#71c8e4}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#000 url('/static/assets/epvi-background-clean-v1.webp') no-repeat center 43px;background-size:1920px auto;color:var(--text);font:13px/1.55 Georgia,'Times New Roman',serif}
a{color:var(--gold);text-decoration:none}
a:hover{color:#fff}
button,input,select{font:inherit}
button,a,input,select{touch-action:manipulation}
button{cursor:pointer}
img{max-width:100%;height:auto}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dacc7f;outline-offset:3px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400}
button{color:inherit}
button[disabled]{cursor:default}
input,select{border:1px solid #455159;border-radius:2px;background:#080b0e;color:#e7e5dc;padding:10px 12px;min-height:42px}
input:focus,select:focus{border-color:var(--gold)}
input[type=checkbox]{min-height:0;accent-color:var(--gold)}
[hidden]{display:none!important}
.site-shell{width:1000px;max-width:calc(100% - 32px);margin:0 auto}
.utility-bar{height:44px;border:1px solid #53616a;border-top:0;background:linear-gradient(#4d565a 0%,#252c31 42%,#0d1317 55%,#080d10 100%);border-radius:0 0 4px 4px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;box-shadow:0 2px 4px #000}
.wordmark-small{display:flex;align-items:center;flex:0 0 auto;height:100%;padding:2px 0}
.wordmark-small img{display:block;width:104px;height:auto;filter:drop-shadow(0 1px 2px #000)}
.utility-links{display:flex;gap:11px;align-items:center;font:11px Arial,sans-serif}
.language{font-size:9px;color:#a0aaa9;letter-spacing:1px}
.divider{color:#596267}
.masthead{height:160px;display:flex;align-items:center;justify-content:center;position:relative}
.brand-logo{display:block;width:400px;max-width:100%;height:auto;filter:drop-shadow(0 3px 3px #000) drop-shadow(0 0 8px #03080ddd)}
.main-nav{display:flex;min-height:39px;padding:4px 6px;gap:3px;border:1px solid #77858c;border-bottom-color:#222d34;border-radius:8px 8px 0 0;background:linear-gradient(#707c81 0,#434e53 8%,#263036 45%,#11181d 53%,#1c262c);box-shadow:inset 0 1px #c3ced2}
.main-nav a{display:flex;align-items:center;justify-content:center;padding:4px 16px;border:1px solid transparent;color:#d4c07e;font-size:13px;text-shadow:0 1px #000}
.main-nav a:hover,.main-nav a.active{border-color:#7b878a;background:linear-gradient(#6b7474,#303b40 50%,#1b252a);border-radius:4px;box-shadow:inset 0 1px #a6afb2;color:#ffdf83}
.page-surface{border:1px solid #344149;border-top:0;padding:0 9px 14px;background:linear-gradient(#273037 0,#0a0e12 330px,#030506 800px);box-shadow:0 10px 30px #000c}
.status-strip{display:flex;align-items:center;gap:7px;min-height:35px;padding:0 5px;font:10px Arial,sans-serif;letter-spacing:.4px;color:#a3afb7}
.status-strip strong{color:#b8d6b0}
.status-right{margin-left:auto;color:#65747d;font-size:9px;letter-spacing:2px}
.live-dot{width:6px;height:6px;border-radius:100%;background:#83c076;box-shadow:0 0 7px #76bc6899}
.live-dot.unavailable{background:#999;box-shadow:none}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 193px;gap:10px}
main{min-width:0;outline:none}
.sidebar{min-width:0}
.panel{margin:0 0 12px;border:1px solid #3a454b;border-radius:4px;background:linear-gradient(120deg,#12171b,#090c0e);overflow:hidden;box-shadow:0 2px 4px #000}
.panel-heading{font-size:18px;line-height:1.2;color:#c3cbd1;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border-bottom:1px solid #3c4d58;background:linear-gradient(#707b7f 0%,#404c51 9%,#283239 45%,#151c22 55%,#202b32);box-shadow:inset 0 1px #a0afb5;text-shadow:0 2px #000}
.panel-heading a,.panel-heading>span{font-size:10px;white-space:nowrap;align-self:center;color:#d9c578;letter-spacing:.2px}
.panel-body{padding:14px}
.panel-body p{margin-bottom:11px}
.panel-body p:last-child{margin-bottom:0}
.welcome-banner{min-height:234px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;margin-bottom:12px;padding:24px 27px;border:1px solid #5c6f7b;background:#08121b}
.hero-art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:right top}
.welcome-banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071019f5 0%,#071019e6 34%,#071019a8 56%,#07101900 78%)}
.hero-copy{max-width:63%}
.hero-kicker,.eyebrow{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:2px;color:#bda866}
.welcome-banner h1{margin:8px 0 12px;font-size:32px;line-height:1.12;letter-spacing:.4px;color:#f2ebd8;text-shadow:0 2px 4px #000}
.welcome-banner h1 span{color:#e0a09a}
.welcome-banner p{font:12px/1.6 Arial,sans-serif;color:#c3ccd2}
.welcome-banner .hero-note{font-size:11px;color:#a3b2ba;margin-top:8px;max-width:290px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 19px;margin-top:18px}
.hero-secondary{font-size:11px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:34px;padding:6px 16px;border:1px solid #73818a;border-radius:3px;background:linear-gradient(#5a676b,#303b43 48%,#19232a 51%,#26333d);box-shadow:inset 0 1px #a2adb2,0 2px 3px #000;color:#ead38e;text-shadow:0 1px #000;font-size:12px}
.button:hover{filter:brightness(1.18);color:#fff}
.button.gold{border-color:#aa8f43;background:linear-gradient(#e0c785,#a7893e 47%,#7a5c23 51%,#a28640);box-shadow:inset 0 1px #f6e8b2,0 2px 4px #000;color:#fff5d1}
.button.full{width:100%}
.nation-art{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;background:#0c121b}
.nation-numbers{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;text-align:center;padding:13px 18px;border-top:1px solid #4c5660;background:linear-gradient(90deg,#1d1428,#0c131c 45%,#0c131c 55%,#291416)}
.nation-numbers a{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.3}
.nation-numbers strong{font-size:22px;font-weight:normal;letter-spacing:1px}
.nation-numbers .nation-capella strong{color:#cfb0ef}
.nation-numbers .nation-procyon strong{color:#efb1a8}
.nation-numbers a:hover strong{color:#fff}
.nation-numbers a>span{font:10px/1.6 Arial,sans-serif;color:#98a6b2}
.nation-numbers b{font-weight:normal;color:#e5dfcb}
.nation-vs{color:#7c8b99;font-size:11px;font-style:italic}
.nation-numbers a:focus-visible{outline-offset:5px}
.news-tabs{display:flex;border-bottom:1px solid #303c43;padding:7px 9px 0;gap:4px;background:#151c21}
.news-tabs button,.page-tabs a{padding:6px 13px;font-size:11px;background:#0c1217;border:1px solid #3c484f;border-radius:3px 3px 0 0;color:#a5aeb3}
.news-tabs button[aria-selected=true],.page-tabs a.selected{background:linear-gradient(#49555b,#1e2b35);color:#edd58a;border-bottom-color:#32434e}
.news-row{display:flex;align-items:flex-start;gap:12px;padding:15px 13px;border-bottom:1px solid #283038;background:linear-gradient(#14191df0,#0a0e12)}
.news-row:last-child{border-bottom:0}
.news-badge{display:inline-block;font:9px Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;border:1px solid #4a4736;color:#c9bc85;background:#23241d;padding:4px 5px;min-width:47px;text-align:center}
.news-row h3{font-size:14px;line-height:1.3;margin-bottom:4px}
.news-row p{font:11px/1.65 Arial,sans-serif;color:#919ba2}
.row-arrow{margin-left:auto;font:24px/1 Georgia;color:#85794b}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
thead{background:#141d24}
th{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.3px;color:#9ba8b0;padding:10px}
td{padding:10px;border-top:1px solid #252f36}
tbody tr{background:linear-gradient(#171e23,#0d1216)}
tbody tr:nth-child(even){background:#0b1014}
tbody tr:hover{background:#1b2830}
.rank-position{color:#d2bd78;width:35px;text-align:center}
.character-name{color:#e0d5ae}
.nation-label{white-space:nowrap;font-size:11px;color:#aab4b9}
.nation-1{color:#bda2df}
.nation-2{color:#e69c8e}
.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bottom-panels .panel{margin-bottom:0}
.bottom-panels p{font:12px/1.7 Arial,sans-serif}
.bottom-panels a{font-size:12px}
.download-art{display:block;border:1px solid #b2b9bb;border-radius:3px;overflow:hidden;margin-bottom:12px;background:#111;box-shadow:0 2px 6px #000}
.download-art img{display:block;width:100%}
.download-art:hover{filter:brightness(1.15)}
.sidebar .panel-heading{font-size:14px}
.sidebar .panel-body{padding:12px}
.client-status .panel-body{font:12px/1.6 Arial,sans-serif;color:#98a6af}
.client-status .panel-body a{font-size:11px}
.account-box p{font-size:12px;color:#98a6af}
.account-box .small-link{display:block;text-align:center;font-size:11px;margin-top:9px}
.account-box .account-name{color:#f3df9b;font-size:17px;overflow-wrap:anywhere}
.text-button{border:0;background:none;color:var(--gold);display:block;padding:5px;margin:5px auto 0;font-size:11px}
.side-nav{display:grid;gap:5px;margin-bottom:12px}
.side-nav a{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #687077;border-radius:4px;background:linear-gradient(#666e71,#353e43 12%,#1a2227 50%,#11181d 55%,#1c252b);font-size:11px;box-shadow:inset 0 1px #a1a6a7,0 2px 3px #000}
.side-nav a:hover{background:linear-gradient(#76774f,#444631 12%,#262b20 50%,#1e251d);color:#fce5a4}
.side-nav span{color:#7e8b91}
.server-stats{margin:0;padding:7px 12px}
.server-stats>div{display:flex;justify-content:space-between;border-bottom:1px solid #252f35;padding:8px 0;font:11px Arial,sans-serif}
.server-stats>div:last-child{border:0}
.server-stats dt{color:#8f9ca5}
.server-stats dd{margin:0;color:#e1d2a1}
.server-stats dd.online-number{color:#a7c99a}
.fighter-panel{margin-top:16px;position:relative;border:1px solid #3d4951;border-radius:5px;background:linear-gradient(#1c252b,#0c1115);overflow:hidden}
.fighter-panel>img{display:block;width:100%;height:auto;aspect-ratio:1164/1351;object-fit:contain;object-position:bottom;background:radial-gradient(ellipse at 50% 35%,#344b32,#101b20 65%,#070d11)}
.fighter-panel>div{padding:12px;background:linear-gradient(#161f26,#0a1014)}
.fighter-panel h2{color:#d1c48c;font-size:16px}
.fighter-panel p{font-size:12px;line-height:1.6;margin:6px 0 10px}
.fighter-panel a{font-size:11px}
footer{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid #3d4b55;background:linear-gradient(#222e36,#0b1116);padding:22px 18px;color:#66757f;margin-bottom:40px;font-size:11px}
footer>div{text-align:center}
footer>div>span{margin:0 10px;color:#64717b}
footer p{font:10px/1.6 Arial;margin-top:8px}
.footer-brand{display:flex;align-items:center;flex:0 0 auto}
.footer-brand img{display:block;width:160px;height:auto;filter:drop-shadow(0 2px 3px #000)}
.back-top{white-space:nowrap;font-size:10px}
.page-intro{padding:19px 14px 27px}
.page-intro h1{font-size:32px;color:#e3dac1;line-height:1.2;margin:10px 0}
.page-intro p{font:12px/1.7 Arial,sans-serif;color:#95a4af}
.page-tabs{display:flex;gap:5px;padding:0 4px;margin-bottom:13px}
.filters{display:flex;gap:12px;align-items:flex-end;margin:0 0 14px;padding:13px;background:#0c1319;border:1px solid #34434f;border-radius:3px}
.filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;flex:1}
.filters select{width:100%;font-size:11px;min-height:35px;padding:6px}
.filters .button{min-height:35px;white-space:nowrap}
.muted{color:var(--muted)}
.footnote{font:11px/1.6 Arial,sans-serif;padding:5px 8px 12px}
.empty-state{padding:30px 20px;text-align:center;color:#99a7b0;line-height:1.8}
.empty-state h2{font-size:23px;color:#dbd1b3;margin-bottom:8px}
.empty-state .button{margin-top:16px}
.auth-form{padding:24px 28px;max-width:510px;margin:auto;display:flex;flex-direction:column}
.auth-form>label{color:#d9d0b4;font-size:13px;margin:14px 0 6px}
.auth-form>label:first-of-type{margin-top:0}
.auth-form small{font:10px/1.6 Arial;color:#86949c;margin-top:6px}
.password-field{display:flex;position:relative}
.password-field input{width:100%;padding-right:55px}
.password-field button{position:absolute;right:1px;top:1px;bottom:1px;border:0;background:#18222b;padding:0 12px;font:10px Arial;color:#c9ba85}
.auth-form label.checkbox{display:flex;align-items:flex-start;gap:9px;margin:19px 0;font:11px/1.7 Arial;color:#a2aab0}
.checkbox input{margin-top:3px}
.auth-form .submit-button{margin-top:20px;min-height:42px;font-size:14px}
.auth-switch{text-align:center;margin:19px 0 4px;font-size:12px}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.message{padding:12px 16px;border:1px solid #657f53;background:#172c1c;color:#c1d5b1;margin:0 0 14px;font:12px/1.6 Arial}
.message.error{border-color:#835c54;background:#301b1a;color:#efb3a8}
.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.balance{padding:15px;text-align:center}
.balance>span{font-size:12px;color:#9eaab2}
.balance>strong{display:block;font-size:27px;color:#e9d697;font-weight:normal;margin-top:8px}
.character-card{display:flex;gap:13px;padding:20px 15px;border-bottom:1px solid #38434b;align-items:center}
.character-card:last-child{border-bottom:0}
.character-card h2{font-size:19px;color:#decf9e}
.character-card p{font-size:12px;margin:3px 0}
.character-card .muted{font-size:10px}
.class-symbol{display:flex;align-items:center;justify-content:center;border:1px solid #657681;border-radius:4px;width:49px;height:56px;flex-shrink:0;background:linear-gradient(#324653,#101a22);font-size:25px;color:#cdbb80}
.character-card dl{margin:0 0 0 auto;display:grid;gap:4px;font-size:11px}
.character-card dl>div{display:flex;gap:15px;justify-content:space-between}
.character-card dd{margin:0;color:#dfd2a4}
.character-card dt{color:#8c9da7}
.download-content{display:flex;gap:24px;padding:26px}
.download-icon{font-size:65px;line-height:1;color:#d0bc7c;text-shadow:0 3px 2px #000}
.download-content h2{color:#e4d6b1;font-size:23px;margin:0 0 8px}
.download-content p{font:12px/1.8 Arial;margin:8px 0 16px}
.availability{display:inline-block;padding:9px 12px;background:#252719;border:1px solid #67603b;color:#dac98f;font-size:12px}
.steps{list-style:none;padding:7px 22px;margin:0}
.steps li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #2c3941}
.steps li:last-child{border:0}
.steps li>span{font-size:27px;color:#887e56}
.steps h3{font-size:17px;color:#ddd0ab}
.steps p{font:12px/1.8 Arial;margin-top:5px}
.class-list{display:grid;grid-template-columns:1fr 1fr}
.class-list article{display:flex;gap:13px;padding:20px 18px;border-bottom:1px solid #2d3a42}
.class-list article:nth-child(odd){border-right:1px solid #2d3a42}
.class-list h2{font-size:20px;color:#e1d2a5;margin-bottom:5px}
.class-list h3{font-size:12px;color:#9ebdce;margin-bottom:8px}
.class-list p{font:11px/1.8 Arial;color:#94a3ac}
.class-number{font-size:22px;color:#4d606c}
.prose{font-size:14px;line-height:1.9}
.prose p{margin:15px 0}
.prose ol{padding-left:21px;margin:8px 0}
.prose li{margin-bottom:13px}
.news-article{padding:22px}
.news-article h2{margin:11px 0;font-size:24px}
.news-article p{font-size:13px;line-height:1.9;margin:12px 0 18px}
.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:#101b24;padding:10px}
.skip-link:focus{top:10px}

@media(min-width:1400px){.site-shell{width:1000px}
.masthead{height:160px}
}

@media(max-width:850px){.site-shell{max-width:calc(100% - 20px)}
.main-nav a{padding:6px 10px}
.content-grid{grid-template-columns:minmax(0,1fr) 170px}
.welcome-banner{padding:20px}
.welcome-banner h1{font-size:28px}
.panel-heading{font-size:16px}
.news-row{gap:8px;padding:13px 10px}
.news-row p{font-size:10px}
td,th{padding:9px 7px}
.class-list{grid-template-columns:1fr}
.class-list article:nth-child(odd){border-right:0}
.bottom-panels{grid-template-columns:1fr}
.bottom-panels .panel{margin-bottom:2px}
}

@media(max-width:700px){
.welcome-banner{min-height:0;flex-direction:column;align-items:stretch;padding:0}
.hero-art{position:static;z-index:auto;height:150px}
.welcome-banner::before{display:none}
.hero-copy{max-width:none;padding:20px 18px;border-top:1px solid #344d5d;background:linear-gradient(#10202c,#08121b)}
.welcome-banner h1{font-size:28px}
.hero-actions{gap:12px 16px}
}

@media(max-width:600px){body{background-size:1680px auto;background-position:center 42px}
.site-shell{max-width:calc(100% - 16px)}
.utility-links{gap:8px}
.language{display:none}
.masthead{height:142px}
.brand-logo{width:350px;max-width:calc(100% - 12px)}
.main-nav{flex-wrap:wrap;gap:2px;padding:5px}
.main-nav a{flex:1 0 22%;font-size:11px;padding:6px 5px}
.content-grid{display:block}
.page-surface{padding:0 7px 10px}
.status-right{font-size:7px;letter-spacing:1px}
.nation-numbers{padding:10px 12px;grid-template-columns:1fr 24px 1fr}
.nation-numbers strong{font-size:19px}
.nation-panel .panel-heading{font-size:13px}
.nation-panel .panel-heading a{font-size:8px}
.panel-heading{font-size:16px}
.panel-heading a{font-size:9px}
.news-row{padding:15px 9px;gap:9px}
.news-row h3{font-size:13px}
.news-row p{font-size:11px}
.news-badge{min-width:43px;font-size:8px}
.news-tabs button{padding:7px 11px}
.sidebar{margin-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.sidebar .download-art,.sidebar .client-status{grid-column:1;grid-row:1;margin:0}
.download-art img{height:137px;object-fit:cover}
.sidebar .account-box{grid-column:2;grid-row:1;margin:0;min-height:139px}
.sidebar .side-nav{grid-column:1;grid-row:2/4;margin:0}
.sidebar .panel{margin:0}
.fighter-panel{grid-column:2;margin:0}
.fighter-panel>img{max-height:none;object-fit:contain}
.fighter-panel h2{font-size:14px}
.fighter-panel p{font-size:11px}
.fighter-panel a{font-size:10px}
.account-box .panel-body{padding:9px}
.account-box p{font-size:10px}
.sidebar .panel-heading{font-size:13px}
.side-nav a{font-size:10px}
footer{flex-wrap:wrap;justify-content:center;gap:13px;padding:20px 10px}
.footer-brand{width:100%;justify-content:center}
.back-top{width:100%;text-align:center}
.page-intro{padding:21px 8px}
.page-intro h1{font-size:29px}
.auth-form{padding:20px 16px}
.filters{flex-wrap:wrap;gap:9px}
.filters label{min-width:40%}
.filters button{width:100%}
.page-tabs{gap:3px}
.page-tabs a{font-size:10px;padding:7px 12px}
.balance{padding:12px 6px}
.balance>span{font-size:10px}
.balance>strong{font-size:23px}
.character-card{flex-wrap:wrap;padding:15px 10px}
.character-card dl{width:100%;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #28343d;padding-top:12px}
.character-card dl>div{flex-direction:column;gap:2px}
.download-content{padding:22px 15px;gap:14px}
.download-icon{font-size:46px}
.download-content h2{font-size:21px}
.steps{padding:7px 16px}
.prose{font-size:13px}
.news-article h2{font-size:22px}
table{font-size:11px}
th{font-size:9px}
td,th{padding:9px 8px}
.character-name{white-space:nowrap}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}