@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--red:#ff2424;--panel:rgba(7,5,5,.90);--text:#f2eeee;--muted:#837878;--line:rgba(255,55,55,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030202;color:var(--text);font-family:Inter,sans-serif}body{min-height:100vh;overflow-x:hidden}
.world{position:fixed;inset:0;z-index:0;background:#050202 url('/assets/background.png') center center/cover no-repeat}
.world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.52) 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 180px 45px rgba(0,0,0,.82)}
.site-header{position:fixed;z-index:5;top:0;left:0;right:0;height:82px;padding:0 clamp(24px,5vw,86px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.18));backdrop-filter:blur(5px)}
.brand{justify-self:start;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 17px 'Barlow Condensed';letter-spacing:.22em}.brand-mark{color:var(--red);font-size:15px;text-shadow:0 0 14px red}
.site-nav{display:flex;height:100%;align-items:center;gap:38px}.site-nav a{height:100%;display:flex;align-items:center;position:relative;color:#a99f9f;text-decoration:none;font:600 11px 'Barlow Condensed';letter-spacing:.18em;transition:.2s}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--red);box-shadow:0 0 12px var(--red)}
.language{justify-self:end;display:flex;align-items:center;gap:10px}.language label{margin:0;color:#756b6b;font:600 8px 'Barlow Condensed';letter-spacing:.16em}.language select{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.55);color:#eee;padding:8px 27px 8px 11px;font:700 10px Inter;outline:none}
.entry-shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,560px);align-items:center;gap:5vw;padding:110px clamp(28px,6vw,110px) 45px}.scene-space{min-height:55vh}
.auth-wrap{display:flex;justify-content:flex-end}.auth-card{width:100%;position:relative;background:linear-gradient(155deg,rgba(14,9,9,.94),rgba(3,3,3,.91));border:1px solid rgba(255,55,55,.28);box-shadow:0 45px 120px rgba(0,0,0,.78),0 0 45px rgba(255,0,0,.055);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);backdrop-filter:blur(8px)}
.auth-card:before,.auth-card:after{content:"";position:absolute;background:var(--red);box-shadow:0 0 14px var(--red)}.auth-card:before{width:74px;height:1px;top:0;left:22px}.auth-card:after{width:1px;height:62px;right:0;bottom:23px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.08)}.auth-tabs a{position:relative;padding:24px 15px;text-align:center;color:#696060;text-decoration:none;font:700 18px 'Barlow Condensed';letter-spacing:.07em;background:rgba(255,255,255,.015)}.auth-tabs a.active{color:#fff;background:linear-gradient(180deg,rgba(150,0,0,.32),rgba(90,0,0,.15));text-shadow:0 0 18px rgba(255,60,60,.4)}.auth-tabs a.active:after{content:"";position:absolute;left:16%;right:16%;bottom:-1px;height:2px;background:var(--red);box-shadow:0 0 16px var(--red)}
.auth-inner{padding:36px 40px 30px}label{display:block;margin:0 0 19px}label>span{display:block;margin:0 0 8px;color:#716767;font:600 9px 'Barlow Condensed';letter-spacing:.22em}input{width:100%;height:56px;padding:0 18px;color:#f5eeee;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.12);outline:none;font:500 13px Inter;transition:.2s}input:focus{border-color:rgba(255,42,42,.72);background:rgba(255,0,0,.035);box-shadow:inset 3px 0 0 var(--red),0 0 20px rgba(255,0,0,.06)}input::placeholder{color:#4e4747}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
button{position:relative;width:100%;height:60px;margin-top:9px;border:1px solid #ff4545;background:linear-gradient(180deg,#9d1111,#5d0505);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font:800 15px 'Barlow Condensed';letter-spacing:.28em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 22px rgba(255,65,65,.18),0 0 24px rgba(255,0,0,.08);transition:.2s}button:hover{filter:brightness(1.22);box-shadow:inset 0 0 25px rgba(255,90,90,.26),0 0 30px rgba(255,0,0,.17)}button b{position:absolute;right:21px;font-size:28px;font-weight:300}.switch{text-align:center;margin:23px 0 0;color:#625959;font:500 10px Inter}.switch a{color:#d83a3a;text-decoration:none}.errors{margin-bottom:22px;padding:11px 14px;border-left:2px solid var(--red);background:rgba(120,0,0,.16);color:#ff9a9a;font-size:11px}.errors p{margin:4px 0}
.auth-card footer{height:44px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:14px;color:#493f3f;font:600 8px 'Barlow Condensed';letter-spacing:.18em}.auth-card footer i{width:4px;height:4px;background:var(--red);transform:rotate(45deg);box-shadow:0 0 8px red}
.logged-shell{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:110px 40px 40px}.logged-panel{width:min(900px,100%);padding:60px;background:rgba(4,2,2,.78);border-left:2px solid var(--red);backdrop-filter:blur(12px);box-shadow:0 35px 100px #000}.overline{font:600 11px 'Barlow Condensed';letter-spacing:.42em;color:#d6caca;margin:0 0 18px}.logged-panel h1{font:800 clamp(64px,9vw,120px)/.78 'Barlow Condensed';letter-spacing:-.045em;margin:18px 0;text-transform:uppercase;text-shadow:0 12px 35px #000}.logged-panel h1 span{color:var(--red)}.logout{display:inline-flex;gap:60px;margin-top:28px;padding:18px 24px;border:1px solid rgba(255,50,50,.4);color:#fff;text-decoration:none;font:700 11px 'Barlow Condensed';letter-spacing:.2em;background:rgba(100,0,0,.18)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:auto;min-height:72px;padding:15px 22px}.site-nav{order:3;grid-column:1/-1;width:100%;justify-content:center;gap:24px;height:42px}.site-nav a{height:42px}.language{grid-column:2}.entry-shell{grid-template-columns:1fr;align-items:end;padding-top:145px}.scene-space{min-height:20vh}.auth-wrap{justify-content:stretch}.auth-card{max-width:600px;margin-left:auto}.vignette{box-shadow:inset 0 0 100px 35px #000}}@media(max-width:560px){.site-header{padding:12px 16px}.site-nav{gap:13px}.site-nav a{font-size:9px;letter-spacing:.11em}.language label{display:none}.entry-shell{padding:140px 16px 30px;gap:20px}.scene-space{min-height:12vh}.auth-inner{padding:27px 20px 23px}.auth-tabs a{padding:19px 10px;font-size:16px}.two{grid-template-columns:1fr}.logged-panel{padding:35px 24px}}

/* In-game screen */
body.game-page .world{background-image:url('/assets/game-background.png');background-position:center center;background-size:cover;background-repeat:no-repeat}
body.game-page .world:after{background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.48) 100%)}

/* Command HUD */
.command-topbar{position:fixed;z-index:8;top:0;left:0;right:0;height:86px;display:grid;grid-template-columns:300px 1fr 300px;align-items:center;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(3,3,3,.92),rgba(5,2,2,.70));backdrop-filter:blur(12px)}
.commander-mini{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.commander-mini>span:last-child{display:flex;flex-direction:column;gap:3px}.commander-mini b{font:800 12px 'Barlow Condensed';letter-spacing:.2em}.commander-mini small{color:#a99;font:600 10px Inter}.avatar-frame{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,50,50,.65);background:linear-gradient(145deg,#240505,#080303);color:#ff4545;font:800 20px 'Barlow Condensed';clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.resource-bar{justify-self:center;display:flex;align-items:center;gap:13px;color:#aaa;font:700 10px 'Barlow Condensed';letter-spacing:.1em}.resource-bar b{color:#fff}.xp-track{width:min(30vw,390px);height:9px;border:1px solid rgba(255,70,70,.35);background:#100404;padding:2px}.xp-track i{display:block;height:100%;background:linear-gradient(90deg,#741010,#ff3030);box-shadow:0 0 12px rgba(255,0,0,.6)}
.server-tools{justify-self:end;display:flex;align-items:center;gap:22px;font:700 9px 'Barlow Condensed';letter-spacing:.12em;color:#756b6b}.server-tools b{color:#d9cccc}.server-tools a{padding:10px 14px;border:1px solid rgba(255,55,55,.3);color:#ddd;text-decoration:none}.server-tools a:hover{border-color:#ff3030;color:#fff}
.game-sidebar{position:fixed;z-index:7;top:86px;bottom:0;left:0;width:88px;padding-top:20px;border-right:1px solid rgba(255,255,255,.07);background:rgba(3,2,2,.72);backdrop-filter:blur(10px)}.game-sidebar a{height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#746969;text-decoration:none;font:700 8px 'Barlow Condensed';letter-spacing:.1em;border-left:2px solid transparent}.game-sidebar a b{font-size:17px}.game-sidebar a:hover,.game-sidebar a.active{color:#fff;background:linear-gradient(90deg,rgba(120,0,0,.25),transparent);border-left-color:#ff3030}.game-sidebar a.active b{color:#ff3030;text-shadow:0 0 10px red}
.game-shell{position:relative;z-index:2;min-height:100vh;padding:110px 30px 30px 118px}
.commander-page{position:relative;z-index:2;min-height:100vh;padding:116px 34px 40px 122px}.commander-card{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;padding:24px;max-width:1250px;background:linear-gradient(100deg,rgba(10,6,6,.93),rgba(10,5,5,.70));border:1px solid rgba(255,55,55,.23);backdrop-filter:blur(12px)}.commander-portrait{height:150px;display:grid;place-items:center;border:1px solid rgba(255,60,60,.45);background:radial-gradient(circle,#351010,#070303 70%);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.commander-portrait span{font:800 62px 'Barlow Condensed';color:#ff3838;text-shadow:0 0 28px #c00}.commander-identity h1{margin:0 0 18px;font:800 clamp(34px,5vw,68px)/.9 'Barlow Condensed';letter-spacing:.02em;text-transform:uppercase}.rank-line{display:flex;flex-wrap:wrap;gap:8px}.rank-line span{padding:8px 12px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.09);color:#766b6b;font:700 9px 'Barlow Condensed';letter-spacing:.1em}.rank-line b{color:#eee}.medals{display:flex;gap:9px;margin-top:15px}.medals i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,50,50,.28);color:#7d2020;font-style:normal}
.commander-grid{max-width:1250px;margin-top:18px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.commander-grid article{padding:20px;background:rgba(7,4,4,.88);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.commander-grid h2{margin:0 0 16px;font:800 15px 'Barlow Condensed';letter-spacing:.15em}.commander-grid h2 small{float:right;color:#762323;font-size:8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat-grid div{padding:10px;background:rgba(255,255,255,.025);border-left:1px solid rgba(255,50,50,.3);display:flex;justify-content:space-between}.stat-grid span{color:#807474;font:600 8px Inter}.stat-grid b{font:700 10px Inter}.skill-slots{display:grid;gap:7px}.skill-slots div{position:relative;min-height:52px;padding:9px 10px 9px 45px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center}.skill-slots div>b{position:absolute;left:0;top:0;bottom:0;width:34px;display:grid;place-items:center;background:rgba(100,0,0,.18);color:#a33}.skill-slots span{font:700 9px 'Barlow Condensed';letter-spacing:.08em}.skill-slots small{margin-top:3px;color:#5e5555;font-size:7px}
@media(max-width:900px){.command-topbar{grid-template-columns:1fr auto;height:76px;padding:0 14px}.resource-bar{position:fixed;top:76px;left:0;right:0;height:36px;background:rgba(0,0,0,.9);justify-content:center}.server-tools span{display:none}.game-sidebar{top:112px;width:64px}.game-sidebar a span{display:none}.commander-page{padding:132px 14px 25px 78px}.commander-card{grid-template-columns:90px 1fr}.commander-portrait{height:90px}.commander-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}}

/* Commander HUD v2 */
.command-topbar{grid-template-columns:1fr auto;height:112px;padding:10px 28px}
.hud-left{display:flex;align-items:center;gap:14px}.commander-avatar-link{width:78px;height:92px;display:block;overflow:hidden;border:1px solid rgba(255,55,55,.55);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:0 0 24px rgba(150,0,0,.18)}.commander-avatar-link img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.hud-left-info{display:flex;flex-direction:column;gap:7px}.hud-xp{display:grid;grid-template-columns:auto 170px auto;align-items:center;gap:8px;font:700 9px 'Barlow Condensed';letter-spacing:.08em;color:#9b8e8e}.hud-xp b{color:#fff}.hud-xp .xp-track{width:170px}.commander-name{display:flex;gap:8px;align-items:baseline;color:#fff;text-decoration:none;font-family:'Barlow Condensed'}.commander-name b{font-size:11px;letter-spacing:.18em;color:#ff3838}.commander-name span{font-size:15px;font-weight:800;letter-spacing:.08em}.server-tools{flex-direction:column;align-items:flex-end;gap:7px}.server-tools a{min-width:94px;text-align:center;padding:8px 12px}.game-sidebar{top:112px}.commander-nav-icon{font-size:24px;line-height:1;color:#8d2929;text-shadow:0 0 12px rgba(255,0,0,.3)}.game-sidebar a.active .commander-nav-icon,.game-sidebar a:hover .commander-nav-icon{color:#ff3434}
.commander-page{padding-top:138px}.commander-portrait{overflow:hidden}.commander-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.portrait-selector{max-width:1250px;margin-top:18px;padding:18px 20px;background:rgba(7,4,4,.88);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.portrait-selector h2{margin:0 0 14px;font:800 14px 'Barlow Condensed';letter-spacing:.16em}.portrait-options{display:flex;gap:12px}.portrait-options button{margin:0;width:112px;height:auto;padding:5px;display:flex;flex-direction:column;gap:6px;background:#090505;border:1px solid rgba(255,255,255,.12);clip-path:none;letter-spacing:.08em}.portrait-options button.selected{border-color:#ff3434;box-shadow:0 0 20px rgba(255,0,0,.25)}.portrait-options img{width:100px;height:112px;object-fit:cover;object-position:center 18%;display:block}.portrait-options span{padding:3px 0 5px;font:700 9px 'Barlow Condensed';color:#aaa}
@media(max-width:900px){.command-topbar{height:104px}.commander-avatar-link{width:58px;height:72px}.hud-xp{grid-template-columns:auto 100px auto}.hud-xp .xp-track{width:100px}.game-sidebar{top:104px}.commander-page{padding-top:126px}.server-tools span{display:block}.commander-card{grid-template-columns:90px 1fr}}

/* Commander image sizing correction */
.command-topbar{height:86px;padding:7px 24px}
.commander-avatar-link{width:52px;height:62px}
.hud-left{gap:10px}.hud-left-info{gap:5px}
.hud-xp{grid-template-columns:auto 135px auto;gap:6px}.hud-xp .xp-track{width:135px}
.commander-name b{font-size:9px}.commander-name span{font-size:12px}
.game-sidebar{top:86px}
.commander-page{padding-top:110px}
.portrait-options button{width:82px;padding:4px}.portrait-options img{width:72px;height:82px}.portrait-options span{font-size:8px}
@media(max-width:900px){.command-topbar{height:82px}.commander-avatar-link{width:46px;height:56px}.hud-xp{grid-template-columns:auto 90px auto}.hud-xp .xp-track{width:90px}.game-sidebar{top:82px}.commander-page{padding-top:104px}}

/* VIP system */
.command-topbar{height:116px}.game-sidebar{top:116px}.commander-page{padding-top:140px}.hud-left-info{gap:4px}.vip-hud{width:250px;color:#b9aaaa;text-decoration:none;font:700 8px 'Barlow Condensed';letter-spacing:.08em}.vip-hud>span:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.vip-hud b{color:#e5b85c;font-size:10px}.vip-hud em{font-style:normal;color:#6e6262;font-size:7px}.vip-hud em.active{color:#e5b85c;text-shadow:0 0 8px rgba(229,184,92,.5)}.vip-xp-track{display:block;height:5px;border:1px solid rgba(229,184,92,.28);background:#0d0903;padding:1px}.vip-xp-track i{display:block;height:100%;background:linear-gradient(90deg,#765315,#e5b85c);box-shadow:0 0 8px rgba(229,184,92,.35)}.vip-hud small{display:block;margin-top:2px;color:#74695a;font-size:7px}.vip-page{max-width:1370px}.vip-card{max-width:1250px;padding:26px;background:linear-gradient(105deg,rgba(15,10,4,.94),rgba(8,5,3,.82));border:1px solid rgba(229,184,92,.25);backdrop-filter:blur(12px)}.vip-card h1{display:inline-block;margin:0 18px 20px 0;font:800 54px 'Barlow Condensed';color:#e5b85c}.vip-card h1 small{font-size:20px;color:#75664d}.vip-status{display:inline-block;padding:7px 12px;border:1px solid #463d31;color:#756b5b;font:800 9px 'Barlow Condensed';letter-spacing:.15em}.vip-status.active{border-color:#e5b85c;color:#e5b85c}.vip-main-xp{max-width:600px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;font:700 9px 'Barlow Condensed';color:#95856b}.vip-main-xp .vip-xp-track{height:9px}.vip-timer{margin-top:18px;color:#776b5a;font:700 9px 'Barlow Condensed';letter-spacing:.12em}.vip-timer b{margin-left:10px;color:#e5b85c;font-size:14px}.vip-grid{max-width:1250px;margin-top:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.vip-grid article{padding:20px;background:rgba(8,5,3,.88);border:1px solid rgba(229,184,92,.14)}.vip-grid h2{margin:0 0 14px;font:800 14px 'Barlow Condensed';letter-spacing:.13em;color:#e5b85c}.vip-grid p{color:#776f65;font-size:10px;line-height:1.6}.vip-packs{display:flex;flex-wrap:wrap;gap:7px}.vip-packs span{padding:8px 10px;border:1px solid rgba(229,184,92,.18);background:rgba(229,184,92,.04);color:#b9a47d;font:700 9px 'Barlow Condensed';letter-spacing:.08em}
@media(max-width:900px){.command-topbar{height:110px}.game-sidebar{top:110px}.commander-page{padding-top:132px}.vip-hud{width:190px}.vip-grid{grid-template-columns:1fr}}

/* VIP active/inactive state */
.vip-hud.vip-inactive{filter:grayscale(1);opacity:.58}.vip-hud.vip-inactive b,.vip-hud.vip-inactive small,.vip-hud.vip-inactive em{color:#777}.vip-hud.vip-inactive .vip-xp-track{border-color:rgba(160,160,160,.22);background:#090909}.vip-hud.vip-inactive .vip-xp-track i{background:#666;box-shadow:none}
.vip-hud.vip-active{opacity:1;filter:none;text-shadow:0 0 9px rgba(229,184,92,.18)}.vip-hud.vip-active b,.vip-hud.vip-active em{color:#f0c866;text-shadow:0 0 10px rgba(240,200,102,.7)}.vip-hud.vip-active .vip-xp-track{border-color:rgba(240,200,102,.62);box-shadow:0 0 9px rgba(229,184,92,.18)}.vip-hud.vip-active .vip-xp-track i{background:linear-gradient(90deg,#8f6518,#ffd66e);box-shadow:0 0 10px rgba(255,211,100,.72)}
.vip-card.vip-inactive{filter:grayscale(.9);border-color:rgba(150,150,150,.18)}.vip-card.vip-inactive h1,.vip-card.vip-inactive .vip-timer b{color:#858585}.vip-card.vip-inactive .vip-main-xp .vip-xp-track{border-color:rgba(150,150,150,.22)}.vip-card.vip-inactive .vip-main-xp .vip-xp-track i{background:#666;box-shadow:none}
.vip-card.vip-active{border-color:rgba(240,200,102,.65);box-shadow:0 0 28px rgba(229,184,92,.14),inset 0 0 25px rgba(229,184,92,.035)}.vip-card.vip-active h1,.vip-card.vip-active .vip-timer b{color:#ffd66e;text-shadow:0 0 14px rgba(255,211,100,.5)}

/* Clean sidebar navigation */
.game-sidebar{width:176px;padding:18px 10px;background:linear-gradient(180deg,rgba(5,3,3,.88),rgba(3,2,2,.76))}
.game-sidebar a{height:48px;padding:0 14px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;border-left:2px solid transparent;color:#817777;font:700 10px 'Barlow Condensed';letter-spacing:.13em;text-align:left}
.game-sidebar a .commander-nav-icon{width:16px;flex:0 0 16px;font-size:13px;line-height:1;text-align:center;color:#6e5555;text-shadow:none}
.game-sidebar a:hover,.game-sidebar a.active{color:#f2eeee;background:linear-gradient(90deg,rgba(115,10,10,.24),rgba(70,0,0,.05));border-left-color:#ff3030}
.game-sidebar a:hover .commander-nav-icon,.game-sidebar a.active .commander-nav-icon{color:#c83b3b;text-shadow:none}
.game-shell{padding-left:206px}.commander-page{padding-left:206px}
@media(max-width:900px){.game-sidebar{width:132px;padding:12px 7px}.game-sidebar a{height:44px;padding:0 9px;gap:7px;font-size:9px}.game-sidebar a span{display:inline}.game-sidebar a .commander-nav-icon{width:13px;flex-basis:13px;font-size:11px}.game-shell{padding-left:150px}.commander-page{padding-left:150px}}

/* Dashboard resources */
.dashboard{padding-top:142px}.energy-core{max-width:1180px;min-height:92px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,5,3,.90);border:1px solid rgba(229,184,92,.38);backdrop-filter:blur(10px)}.energy-core small{color:#887757;font:700 8px 'Barlow Condensed';letter-spacing:.2em}.energy-core h1{margin:3px 0 0;color:#e5b85c;font:800 22px 'Barlow Condensed';letter-spacing:.14em}.energy-core strong{color:#f0c866;font:800 27px 'Barlow Condensed'}.energy-core strong span{color:#827253;font-size:9px;letter-spacing:.13em}.resource-dashboard{max-width:1180px;margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.resource-tile{min-height:68px;padding:12px;display:flex;align-items:center;gap:11px;background:rgba(6,4,4,.86);border:1px solid rgba(255,255,255,.075);backdrop-filter:blur(8px)}.resource-symbol{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:1px solid rgba(255,55,55,.2);color:#a83b3b;font:800 9px 'Barlow Condensed'}.resource-tile div{display:flex;flex-direction:column;gap:3px}.resource-tile small{color:#776d6d;font:700 8px 'Barlow Condensed';letter-spacing:.12em}.resource-tile b{color:#eee;font:800 15px 'Barlow Condensed'}.resource-tile.premium{border-color:rgba(229,184,92,.28)}.resource-tile.premium .resource-symbol,.resource-tile.premium b{color:#e5b85c;border-color:rgba(229,184,92,.3)}@media(max-width:1050px){.resource-dashboard{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.resource-dashboard{grid-template-columns:repeat(2,1fr)}}

/* Top resource bar */
.command-topbar{position:fixed}.resource-bar{position:absolute;left:190px;right:185px;bottom:7px;height:31px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}.resource-bar-item{height:27px;min-width:57px;padding:0 6px;display:flex;align-items:center;justify-content:center;gap:5px;background:rgba(5,4,4,.72);border:1px solid rgba(255,255,255,.07);font-family:'Barlow Condensed';white-space:nowrap}.resource-bar-item span{color:#8b3a3a;font-size:8px;font-weight:800}.resource-bar-item b{color:#c8c2c2;font-size:10px;font-weight:800}.resource-bar-item.energy{border-color:rgba(229,184,92,.35);background:rgba(34,24,6,.62)}.resource-bar-item.energy span,.resource-bar-item.energy b{color:#edc45f}.resource-bar-item.premium{border-color:rgba(229,184,92,.3)}.resource-bar-item.premium span,.resource-bar-item.premium b{color:#e5b85c}@media(max-width:1200px){.resource-bar{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.resource-bar::-webkit-scrollbar{display:none}.resource-bar-item{flex:0 0 auto}}@media(max-width:900px){.resource-bar{left:145px;right:145px}}

/* Flat resource strip */
.resource-bar{left:185px;right:180px;bottom:8px;height:25px;display:flex;justify-content:flex-start;gap:0;border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045);background:rgba(3,2,2,.38);overflow-x:auto;scrollbar-width:none}.resource-bar::-webkit-scrollbar{display:none}.resource-bar-item{height:24px;min-width:auto;padding:0 10px;gap:5px;background:none;border:0;border-right:1px solid rgba(255,255,255,.07);flex:0 0 auto}.resource-bar-item span{color:#746b6b;font-size:8px;letter-spacing:.08em}.resource-bar-item b{color:#d3cece;font-size:10px}.resource-bar-item.energy{background:none;border:0;border-right:1px solid rgba(229,184,92,.16)}.resource-bar-item.energy span{color:#927b49}.resource-bar-item.energy b{color:#c7a759}

/* Resource bar final position: TOP edge of HUD */
.command-topbar{padding-top:26px}
.resource-bar{position:absolute!important;top:0!important;bottom:auto!important;left:0!important;right:0!important;height:22px!important;padding-left:185px;padding-right:180px;display:flex;align-items:center;justify-content:flex-start;gap:0;background:rgba(2,2,2,.94);border-top:0;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;z-index:3}
.resource-bar-item{height:21px!important;padding:0 10px!important;background:transparent!important;border:0!important;border-right:1px solid rgba(255,255,255,.07)!important}
.resource-bar-item span{font-size:8px!important}.resource-bar-item b{font-size:10px!important}
@media(max-width:900px){.command-topbar{padding-top:26px}.resource-bar{left:0!important;right:0!important;padding-left:145px;padding-right:145px}}

/* HUD alignment correction: resources BETWEEN left and right blocks */
.command-topbar{padding-top:7px!important}
.resource-bar{position:absolute!important;top:0!important;bottom:0!important;left:330px!important;right:180px!important;height:auto!important;padding:0!important;display:flex;align-items:center;justify-content:flex-start;gap:0;background:transparent!important;border:0!important;overflow-x:auto;z-index:3}
.resource-bar-item{height:24px!important}
@media(max-width:900px){.command-topbar{padding-top:7px!important}.resource-bar{left:300px!important;right:135px!important;top:0!important;bottom:0!important;padding:0!important}}

/* Dashboard + shared galaxy */
.dashboard-home{padding-top:140px}.dashboard-panel{max-width:1100px;padding:24px;background:rgba(6,4,4,.72);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(8px)}.dashboard-panel h1,.galaxy-head h1{margin:0;font:800 34px 'Barlow Condensed';letter-spacing:.08em}.dashboard-empty{margin:12px 0 0;color:#756c6c;font-size:11px}
.galaxy-page{padding-top:136px}.galaxy-head{max-width:1250px;display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.galaxy-coords{color:#766d6d;font:700 9px 'Barlow Condensed';letter-spacing:.1em}.galaxy-coords b{color:#ddd;margin-right:8px}.galaxy-map{position:relative;max-width:1250px;height:650px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(85,10,10,.16),transparent 32%),rgba(1,1,2,.82);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 90px #000}.galaxy-map:before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle,#fff 0 1px,transparent 1px);background-size:47px 47px}.galaxy-planet{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#817878;font:700 8px 'Barlow Condensed';letter-spacing:.08em}.galaxy-planet i{width:14px;height:14px;margin-bottom:5px;border-radius:50%;background:#6d2727;box-shadow:0 0 12px rgba(180,35,35,.45)}.galaxy-planet span{color:#c9c2c2}.galaxy-planet small{font-size:7px;color:#665e5e}.galaxy-planet.own i{width:22px;height:22px;background:#d44b32;box-shadow:0 0 20px rgba(255,70,35,.8),0 0 45px rgba(180,20,10,.35)}.galaxy-planet.own span{color:#fff}

/* Galaxy full-screen view */
.galaxy-fullscreen{overflow:hidden}
.galaxy-page-full{position:relative;z-index:2;width:100vw;height:calc(100vh - 118px);margin-top:118px;padding:0!important}
.galaxy-page-full .galaxy-head{position:absolute;z-index:5;top:22px;left:28px;right:28px;max-width:none;margin:0;pointer-events:none}
.galaxy-page-full .galaxy-coords{pointer-events:auto}
.galaxy-page-full .galaxy-map{position:absolute;inset:0;width:100%;height:100%;max-width:none;border:0!important;box-shadow:inset 0 0 140px #000}
.galaxy-back{position:absolute;z-index:8;left:28px;top:92px;display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid rgba(255,255,255,.12);background:rgba(3,2,2,.78);color:#c9c1c1;text-decoration:none;font:700 10px 'Barlow Condensed';letter-spacing:.14em;backdrop-filter:blur(6px)}
.galaxy-back:hover{color:#fff;border-color:rgba(255,55,55,.4);background:rgba(40,4,4,.82)}

/* Buildings */
.buildings-page{padding-top:140px;padding-bottom:60px}.buildings-head{max-width:1280px;margin-bottom:18px}.buildings-head h1{margin:0;font:800 34px 'Barlow Condensed';letter-spacing:.08em}.buildings-head>p:last-of-type{color:#756b6b;font:600 9px 'Barlow Condensed';letter-spacing:.12em}.building-error{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,55,55,.28);background:rgba(90,0,0,.25);color:#e9b1b1;font-size:11px}.building-grid{max-width:1280px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.building-card{padding:16px;background:rgba(5,4,4,.82);border:1px solid rgba(255,255,255,.075);backdrop-filter:blur(7px)}.building-card>header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.building-card header span,.building-production span,.building-cost>span{display:block;color:#756b6b;font:700 8px 'Barlow Condensed';letter-spacing:.15em}.building-card h2{margin:3px 0 0;font:800 18px 'Barlow Condensed';letter-spacing:.08em}.building-card header>b{color:#d9d2d2;font:800 11px 'Barlow Condensed'}.building-production{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:13px 0}.building-production span{grid-column:1/-1}.building-production strong{font:800 19px 'Barlow Condensed';color:#fff}.building-production small{align-self:end;color:#756b6b;font:700 9px 'Barlow Condensed'}.building-cost{display:flex;flex-wrap:wrap;gap:7px;padding:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}.building-cost>span{width:100%}.building-cost b{font:700 9px 'Barlow Condensed';color:#aaa}.building-time{padding:10px 0;color:#756b6b;font:700 8px 'Barlow Condensed';letter-spacing:.1em}.building-time b{float:right;color:#c9c2c2}.building-card form{margin:0}.building-card form button{height:38px;margin:0;font-size:10px;letter-spacing:.16em;clip-path:none}.building-running,.building-max{height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(220,170,70,.22);background:rgba(90,60,5,.12);color:#c8a65b;font:800 9px 'Barlow Condensed';letter-spacing:.14em}.building-max{color:#777;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
@media(max-width:1000px){.building-grid{grid-template-columns:1fr}}

/* Buildings readability + temporary visual slots */
.building-card{padding:0!important;overflow:hidden}.building-card>header,.building-card>.building-production,.building-card>.building-cost,.building-card>.building-time,.building-card>form,.building-card>.building-running,.building-card>.building-max{margin-left:18px;margin-right:18px}.building-card>header{padding-top:15px}.building-visual{position:relative;height:155px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 70% 45%,rgba(210,35,25,.24),transparent 24%),linear-gradient(135deg,#171010,#040303 62%,#120505)}.building-visual:before{content:"";position:absolute;width:150px;height:100px;left:50%;top:50%;transform:translate(-50%,-48%);border:1px solid rgba(255,255,255,.14);clip-path:polygon(20% 0,80% 0,100% 30%,86% 100%,14% 100%,0 30%);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(110,0,0,.14));box-shadow:0 0 35px rgba(160,20,15,.18)}.building-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(transparent,rgba(0,0,0,.72))}.building-visual>span{position:absolute;z-index:2;left:16px;bottom:12px;color:#9b8f8f;font:700 10px 'Barlow Condensed';letter-spacing:.16em}.building-visual-power_plant{background:radial-gradient(circle at 55% 45%,rgba(230,170,45,.28),transparent 22%),linear-gradient(135deg,#15120a,#030303 65%)}.building-visual-metal_mine,.building-visual-titanium_mine{background:radial-gradient(circle at 62% 42%,rgba(120,130,140,.24),transparent 24%),linear-gradient(135deg,#121313,#030303 65%)}.building-visual-crystal_mine{background:radial-gradient(circle at 62% 42%,rgba(115,45,180,.28),transparent 24%),linear-gradient(135deg,#100b14,#030303 65%)}.building-visual-fuel_refinery{background:radial-gradient(circle at 62% 42%,rgba(160,75,30,.28),transparent 24%),linear-gradient(135deg,#140d08,#030303 65%)}.building-visual-silicon_mine{background:radial-gradient(circle at 62% 42%,rgba(35,110,130,.25),transparent 24%),linear-gradient(135deg,#081114,#030303 65%)}.building-visual-uranium_mine{background:radial-gradient(circle at 62% 42%,rgba(80,150,45,.28),transparent 24%),linear-gradient(135deg,#0b1408,#030303 65%)}.building-visual-biomass_facility{background:radial-gradient(circle at 62% 42%,rgba(100,125,45,.25),transparent 24%),linear-gradient(135deg,#101308,#030303 65%)}
.building-card header span,.building-production span,.building-cost>span{font-size:11px!important}.building-card h2{font-size:22px!important}.building-card header>b{font-size:14px!important}.building-production strong{font-size:24px!important}.building-production small{font-size:12px!important}.building-cost b{font-size:12px!important}.building-time{font-size:11px!important;padding:12px 0!important}.building-time b{font-size:12px!important}.building-card form button,.building-running,.building-max{font-size:12px!important}.buildings-head>p:last-of-type{font-size:11px!important}

.building-visual-credit_center{background:radial-gradient(circle at 62% 42%,rgba(195,155,55,.3),transparent 24%),linear-gradient(135deg,#171307,#030303 65%)}
.building-visual-alloy_foundry{background:radial-gradient(circle at 62% 42%,rgba(150,110,70,.3),transparent 24%),linear-gradient(135deg,#17100a,#030303 65%)}
.building-visual-plasma_harvester{background:radial-gradient(circle at 62% 42%,rgba(185,40,120,.3),transparent 24%),linear-gradient(135deg,#170815,#030303 65%)}
.building-visual-antimatter_harvester{background:radial-gradient(circle at 62% 42%,rgba(75,50,200,.34),transparent 24%),linear-gradient(135deg,#0b0818,#030303 65%)}
.building-visual-dark_matter_extractor{background:radial-gradient(circle at 62% 42%,rgba(90,25,125,.3),transparent 24%),linear-gradient(135deg,#0d0612,#010101 65%)}

.energy-status{display:flex;gap:18px;margin-top:12px;padding:11px 14px;max-width:650px;border:1px solid rgba(230,170,45,.22);background:rgba(80,55,5,.12);font:700 12px 'Barlow Condensed';letter-spacing:.08em;color:#8f8370}.energy-status b{margin-left:6px;color:#e0bc68;font-size:14px}.building-energy{margin:10px 18px 0;padding:10px;border:1px solid rgba(230,170,45,.18);background:rgba(90,60,5,.1);color:#9e8a62;font:700 11px 'Barlow Condensed';letter-spacing:.1em}.building-energy b{float:right;color:#e0bc68;font-size:12px}

/* Compact ordered Buildings grid */
.buildings-page{max-width:none!important;padding-right:28px!important}
.building-grid{max-width:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(260px,1fr))!important;gap:10px!important;align-items:stretch}
.building-card{display:flex;flex-direction:column;min-width:0}
.building-visual{height:105px!important;flex:0 0 105px}
.building-visual:before{width:105px!important;height:70px!important}
.building-visual>span{left:12px!important;bottom:9px!important;font-size:9px!important}
.building-card>header{padding-top:11px!important;padding-bottom:9px!important;margin-left:13px!important;margin-right:13px!important}
.building-card h2{font-size:18px!important}
.building-card header>b{font-size:12px!important}
.building-card>.building-production,.building-card>.building-cost,.building-card>.building-time,.building-card>form,.building-card>.building-running,.building-card>.building-max{margin-left:13px!important;margin-right:13px!important}
.building-production{padding:9px 0!important}
.building-production strong{font-size:20px!important}
.building-production small,.building-cost b{font-size:11px!important}
.building-cost{padding:8px!important;gap:5px!important}
.building-energy{margin:8px 13px 0!important;padding:8px!important}
.building-time{padding:8px 0!important}
.building-card form{margin-top:auto!important;margin-bottom:12px!important}
.building-card form button,.building-running,.building-max{height:34px!important}
@media(max-width:1350px){.building-grid{grid-template-columns:repeat(2,minmax(260px,1fr))!important}}
@media(max-width:760px){.building-grid{grid-template-columns:1fr!important}}