/* Reference: 2559px screenshots, same proportions at 100% browser zoom.
   Keep measurements explicit rather than scaling the entire page. */
/* Layout-only reordering is applied at the end of this stylesheet. */
/* Black background; independent white particles are drawn by appearance.js. */
body.dashboard,body.dashboard.profile-open{
 background:#030303;
 isolation:isolate;
}
body.dashboard::before{
 content:none;
}
.dashboard .ambient-particles{display:none}
.white-particles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.language-control{position:fixed;top:11px;left:16px;z-index:90;color:#eee;font-size:14px;line-height:20px}
.language-trigger{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid #ffffff23;border-radius:9px;background:linear-gradient(135deg,#1c1c20,#0c0c0f);color:#ddd;font:inherit;cursor:pointer;box-shadow:0 3px 12px #0004;transition:border-color .18s,background .18s}
.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:#d8b45b70;background:#24211a}
.language-code{font-size:12px;font-weight:700;letter-spacing:.8px}
.language-chevron{color:#94949d;font-size:14px;transition:transform .18s}
.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;top:calc(100% + 9px);left:0;width:200px;max-width:calc(100vw - 32px);padding:7px;border:1px solid #ffffff20;border-radius:12px;background:#101012f5;backdrop-filter:blur(14px);box-shadow:0 16px 42px #000a;animation:language-reveal .16s ease-out}
.language-menu[hidden]{display:none}
.language-menu-title{display:block;font-size:10px;letter-spacing:1px;color:#8c8c96;padding:7px 9px 10px}
.language-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:1px solid transparent;border-radius:7px;font:inherit;font-size:14px;color:#bfc0c7;background:transparent;cursor:pointer;text-align:left}
.language-menu button:hover{background:#ffffff08;color:#fff}
.language-menu button[aria-checked=true]{background:#b28c2514;border-color:#b28c2533;color:#ebce87}
.language-badge{display:grid;place-items:center;width:29px;height:26px;border:1px solid #ffffff15;border-radius:5px;background:#ffffff04;font-size:10px;font-weight:700;letter-spacing:.5px}
.language-check{margin-left:auto;opacity:0;color:#e2c073}
.language-menu button[aria-checked=true] .language-check{opacity:1}
.language-trigger:focus-visible,.language-menu button:focus-visible{outline:2px solid #e2c073;outline-offset:3px}
@keyframes language-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.language-menu{animation:none}.language-trigger,.language-chevron{transition:none}}
@media(max-width:1500px){.dashboard .header .nav-wrap{padding-left:120px}.dashboard .account-profile-top{padding-left:120px}}
@media(max-width:600px){.language-control{top:11px;left:8px}.language-trigger{gap:5px;padding:0 7px}.language-trigger svg{width:14px}.language-chevron{display:none}.dashboard .header .nav-wrap{padding-left:76px}.dashboard .account-profile-top{padding-left:76px}.dashboard .header .brand{font-size:10px}}
/* Exact inspector measurements supplied October 3; supersede estimates below. */
/* Long German preview labels must not increase measured reference heights. */
.dashboard .header .nav-wrap{height:52px;min-height:52px;max-width:1240px}
.dashboard .header .brand{font-size:14px;gap:10px;line-height:1.2}
.dashboard .header .brand small{display:none}
.dashboard .header .brand-mark{width:24px;height:24px;font-size:12px;border-radius:7px}
.dashboard .header .account-summary{gap:10px}
.dashboard .header .preview-tag{display:none}
.dashboard .header .credit-chip{padding:4px 10px;font-size:12px;line-height:18px}
.dashboard .header .avatar{width:30px;height:30px;font-size:14px}
.dashboard .account-menu{top:38px;min-width:190px;padding:5px;border-radius:9px}
.dashboard .account-menu strong{padding:10px;font-size:12px}
.dashboard .account-menu a,.dashboard .account-menu button{padding:10px;font-size:12px}
.dashboard .dashboard-main{padding-top:40px}
.dashboard .welcome>.eyebrow{display:none}
.dashboard .welcome h1{font-size:36px;line-height:1.2;margin:0 0 8px;letter-spacing:-1px}
.dashboard .welcome>p{font-size:14px;line-height:1.5}
.dashboard .welcome .stat-tiles{gap:10px;margin-top:22px;margin-bottom:30px}
.dashboard .stat-tiles article{min-width:0;width:88px;padding:10px 14px;border-radius:10px}
.dashboard .stat-tiles article:nth-child(2){width:102px}
.dashboard .stat-tiles article>span{font-size:12px;line-height:1.4}
.dashboard .stat-tiles strong{font-size:18px;line-height:1.5;white-space:nowrap}
.dashboard .stat-tiles small{font-size:12px}
.dashboard .profile-panel{padding:20px;min-height:0}
.dashboard .profile-top{gap:12px}
.dashboard .profile-top .avatar{width:42px;height:42px}
.dashboard .level-label,.dashboard .level-label strong{font-size:12px}
.dashboard .xp-track{height:5px;margin-top:7px}
.dashboard .profile-stats{padding:18px 0 10px;gap:20px}
.dashboard .profile-stats strong{font-size:14px;line-height:1.4}
.dashboard .profile-stats div div>span{font-size:12px}
.dashboard .metric-icon{font-size:18px}
.dashboard .profile-caption{padding-top:10px;font-size:11px;line-height:18px}
.dashboard .hub-columns{margin-top:18px}
.dashboard .account-profile{max-width:980px;margin:0 auto 70px}
.dashboard .account-profile-top{padding-bottom:18px;font-size:14px}
.dashboard .profile-identity{padding:32px;gap:25px;min-height:240px;margin:32px 0 24px}
.dashboard .profile-avatar{width:126px;height:126px;font-size:44px}
.dashboard .profile-identity h2{font-size:25px;margin-bottom:10px}
.dashboard .profile-identity p{font-size:12px}
.dashboard .profile-content{grid-template-columns:minmax(0,2.08fr) minmax(0,1fr);gap:24px}
.dashboard .profile-content h3{font-size:12px;margin:0 0 14px}
.dashboard .profile-content .profile-stat-grid+h3,.dashboard .profile-content .profile-empty-box+h3{margin-top:26px}
.dashboard .profile-stat-grid{gap:9px}
.dashboard .profile-stat-grid article{padding:20px 15px;min-height:106px}
.dashboard .profile-stat-grid strong{font-size:22px}
.dashboard .profile-stat-grid span{font-size:12px}
.dashboard .profile-empty-box{padding:20px;font-size:14px;min-height:66px}
.dashboard .profile-danger{max-width:450px;margin-top:32px;padding:22px}
.dashboard .profile-danger h3{font-size:14px}
.dashboard .profile-danger p{font-size:14px}
@media(min-width:1900px){.dashboard .container{max-width:1660px}}
.dashboard .shop-heading,.dashboard .shop-notice{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dashboard .shop-category h3{line-height:16px;margin-bottom:9px}
.dashboard .shop-card{min-height:148px;padding:16px;line-height:1.35}
.dashboard .shop-card-grid{gap:9px}
.dashboard .service-description{font-size:13px;line-height:1.5}
.dashboard .shop-category{margin-bottom:20px}
.dashboard.profile-open>.header{display:none}
.dashboard.profile-open .dashboard-main{padding-top:0}
.dashboard .account-profile-top{height:56px;padding:0 12px;border-bottom:1px solid #202322}
.dashboard .profile-identity{margin-top:32px}
.dashboard .profile-delete-dialog{width:384px;max-width:calc(100vw - 32px);padding:24px;border-radius:14px}
.dashboard .profile-delete-dialog h2{font-size:16px;line-height:1.4;margin:0 0 12px}
.dashboard .profile-delete-dialog p{font-size:14px;line-height:1.65;margin:10px 0}
.dashboard .profile-delete-actions{gap:12px;margin-top:22px}
.dashboard .profile-delete-actions button{padding:11px 8px;font-size:14px}
.dashboard .profile-delete-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
@media(max-width:800px){.dashboard .profile-content{grid-template-columns:1fr}.dashboard .profile-identity{padding:22px;min-height:0}.dashboard .profile-avatar{width:86px;height:86px}.dashboard .profile-panel{min-height:0}.dashboard .account-profile-top{flex-wrap:wrap;gap:12px}}
@media(max-width:600px){.dashboard .header .nav-wrap{height:52px;width:calc(100% - 30px)}.dashboard .header .brand{font-size:12px}.dashboard .dashboard-main{padding-top:26px}.dashboard .welcome h1{font-size:30px}.dashboard .stat-tiles article{min-width:0;flex:1;padding:10px}.dashboard .profile-panel{padding:15px}.dashboard .profile-stats{grid-template-columns:1fr 1fr}.dashboard .profile-identity{gap:15px;padding:18px}.dashboard .profile-avatar{width:64px;height:64px}.dashboard .profile-identity h2{font-size:21px}.dashboard .profile-stat-grid{grid-template-columns:1fr 1fr}}

/* Inspector-backed desktop geometry. Heights may grow with enlarged text. */
.dashboard .header .nav-wrap{height:56px;min-height:56px}
.dashboard .header .avatar{width:28px;height:28px}
.dashboard .header .credit-chip{min-height:30px;padding:6px 12px;line-height:16px}
.dashboard .stat-tiles article{width:85.91px;min-height:63px;padding:10px 16px}
.dashboard .stat-tiles article:nth-child(2){width:101.8px}
.dashboard .stat-tiles article:nth-child(3){width:87.94px}
.dashboard .stat-tiles article:first-child strong{font-size:16px}
.dashboard .stat-tiles article:first-child strong small{font-size:10px}
.dashboard .profile-panel{min-height:173px;padding:20px}
.dashboard .hub-primary .faction-showcase{min-height:245.5px;padding:24px}
.dashboard .killfeed-empty{min-height:204px;display:flex;flex-direction:column;justify-content:center;margin:0}
.dashboard .killfeed-empty[hidden]{display:none}
.dashboard .account-profile{max-width:976px}
.dashboard .profile-identity{min-height:239.5px;padding:32px}
.dashboard .profile-avatar{width:124px;height:124px}
.dashboard .profile-identity .credit-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;line-height:20px}
.dashboard .profile-content{grid-template-columns:minmax(0,642.66fr) minmax(0,309.34fr);gap:24px}
.dashboard .profile-stat-grid{gap:8px}
.dashboard .profile-stat-grid article{min-height:105px;padding:16px}
.dashboard .profile-content>div>.profile-empty-box{min-height:105px;padding:20px;text-align:center;display:flex;align-items:center;justify-content:center}
.dashboard .profile-danger{max-width:448px;min-height:195.75px;padding:20px}
@media(min-width:1750px){.dashboard .dashboard-main{max-width:1652px}.dashboard:not(.profile-open):not(.vip-open):not(.protection-open):not(.factions-open) .welcome{min-height:183px}.dashboard .hub-columns{grid-template-columns:minmax(0,1034fr) minmax(0,602fr);gap:16px}}
@media(max-width:800px){.dashboard .profile-content{grid-template-columns:1fr}.dashboard .profile-identity{min-height:0;padding:22px}.dashboard .profile-avatar{width:86px;height:86px}.dashboard .profile-panel{min-height:0}}
@media(max-width:600px){.dashboard .stat-tiles article,.dashboard .stat-tiles article:nth-child(2),.dashboard .stat-tiles article:nth-child(3){width:auto;min-width:0;flex:1}.dashboard .profile-avatar{width:64px;height:64px}.dashboard .profile-identity{padding:18px}.dashboard .hub-primary .faction-showcase{min-height:0}}

.dashboard .stat-tiles article{height:63px;min-height:63px;flex-shrink:0}
.dashboard .stat-tiles article>span{white-space:nowrap;font-size:10px;line-height:16px}
.dashboard .stat-tiles article strong{line-height:25px;font-size:18px}
.dashboard .stat-tiles article:first-child strong{font-size:14px;letter-spacing:-.4px}
.dashboard .account-menu strong,.dashboard .account-menu button,.dashboard .account-menu a{white-space:nowrap;line-height:18px}
.dashboard .account-menu{min-height:0}
.dashboard .profile-content>div>.profile-services-empty{min-height:66px;padding:14px 16px}
.dashboard .profile-danger{margin-left:auto;margin-right:auto}
.dashboard.profile-open{background:#030303}
.dashboard.profile-open .ambient-particles,.dashboard.profile-open .hub-footer{display:none}
/* Paired inspector references: 173px hub summary and 399px profile grid. */
.dashboard .profile-stats strong,.dashboard .profile-stats div div>span,.dashboard .metric-icon{line-height:16px}
.dashboard .profile-content h3{line-height:13px;margin:0 0 12px}
.dashboard .profile-content .profile-stat-grid+h3,.dashboard .profile-content .profile-empty-box+h3{margin-top:24px}
.dashboard .profile-content .profile-activity-empty{min-height:82px;padding:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px}
.dashboard .profile-content>div>.profile-linked-empty{flex-direction:column;gap:4px}
.dashboard .profile-linked-icon{font-size:18px;line-height:20px;filter:grayscale(1);opacity:.55}
.dashboard .profile-linked-empty small{font-size:11px;line-height:16px}
.dashboard .profile-stat-grid article{display:flex;flex-direction:column;justify-content:center}
.dashboard .profile-stat-grid .profile-stat-icon{font-style:normal;font-size:16px;line-height:16px;margin-bottom:7px;color:#bc6868}
.dashboard .profile-stat-grid article:nth-child(2) .profile-stat-icon{color:#70a8cc}
.dashboard .profile-stat-grid article:nth-child(3) .profile-stat-icon{color:#65ab94}
.dashboard .profile-stat-grid article:nth-child(4) .profile-stat-icon{color:#c89b45}
.dashboard .profile-stat-grid strong{line-height:26px}
.dashboard .profile-stat-grid span{margin-top:4px;line-height:18px;text-transform:uppercase;font-size:10px;letter-spacing:.4px}
@media(min-width:801px){.dashboard .profile-identity{height:239.5px;min-height:239.5px}.dashboard .profile-identity h2{line-height:30px}.dashboard .profile-identity p{line-height:19px}}
@media(min-width:1201px){
 .dashboard .hub-primary .faction-showcase{height:245.5px;min-height:245.5px;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.45fr);gap:24px;align-items:center}
 .dashboard .faction-spotlight{position:relative}
 .dashboard .spotlight-label{font-size:10px;line-height:14px;margin-bottom:3px}
 .dashboard .featured-faction{padding:0;line-height:1.3}
 .dashboard .featured-faction img{height:80px;margin:0 0 4px}
 .dashboard .featured-faction strong{font-size:13px;line-height:18px}
 .dashboard .featured-stats{font-size:10px;line-height:15px}
 .dashboard .featured-faction .platform-badge{font-size:9px;padding:2px 5px;margin:3px 0;line-height:12px}
 .dashboard .faction-dots{margin-top:5px;gap:5px}
 .dashboard .faction-dots button{width:11px;height:11px;min-width:11px;padding:0}
 .dashboard .rotation-control{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;padding:2px;line-height:14px}
 .dashboard .faction-preview-note{font-size:10px;line-height:14px;margin-top:5px}
 .dashboard .faction-intro p{font-size:13px;line-height:1.5;margin:10px 0}
 .dashboard .hub-primary .faction-intro h2{font-size:34px;line-height:1.15;margin:8px 0}
 .dashboard .war-button{font-size:12px;padding:10px 14px;min-height:0;line-height:18px}
 .dashboard .faction-badge{font-size:10px;line-height:14px;padding:3px 6px}
 .dashboard .topfive-row{font-size:11px;line-height:16px;padding:5px 4px!important}
 .dashboard .topfive-heading{font-size:10px;line-height:14px}
 .dashboard .all-factions-link{font-size:11px;line-height:16px;margin-top:7px}
}

/* Mirrored original columns: grouped purchases left, large panels right.
   Stats and component sizing are unchanged. */
@media(min-width:851px){.dashboard .welcome{position:relative;left:-8px}}
.dashboard .hub-columns{
 grid-template-columns:minmax(330px,1fr) minmax(0,1.72fr);
 gap:16px;
}
.dashboard .hub-columns>.hub-primary{width:100%;min-width:0;order:2}
.dashboard .hub-columns>.shop-sidebar{width:100%;min-width:0;margin-top:0;order:1}
.dashboard #shop-categories{display:grid;gap:20px}
.dashboard #shop-categories>.shop-category{margin-bottom:0}
.dashboard .shop-sidebar .shop-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dashboard .shop-sidebar .shop-category h3{text-align:left}
@media(min-width:1750px){
 .dashboard .hub-columns{grid-template-columns:minmax(0,602fr) minmax(0,1034fr)}
}
@media(max-width:850px){
 .dashboard .hub-columns{grid-template-columns:minmax(0,1fr);row-gap:28px}
}