:root{--bg:#14161f;--bg-2:#0f111a;--bg-3:#1e2130;--bg-4:#0c0e18;--border:hsla(0,0%,100%,.07);--border-2:hsla(0,0%,100%,.12);--text-1:#f2f3f5;--text-2:#d8dce2;--text-3:#9aa0ad;--text-4:#636b78;--accent:#e07b39;--accent-dim:rgba(224,123,57,.18);--accent-border:rgba(224,123,57,.45);--task-supply:#e07b39;--task-production:#f0b232;--task-collection:#4f8ef7;--task-vehicle:#23a559;--green:#23a559;--green-dim:rgba(35,165,89,.15);--green-border:rgba(35,165,89,.38);--amber:#f0b232;--amber-dim:rgba(240,178,50,.15);--amber-border:rgba(240,178,50,.38);--red:#da373c;--red-dim:rgba(218,55,60,.15);--red-border:rgba(218,55,60,.38);--blue:#4f8ef7;--blue-dim:rgba(79,142,247,.15);--warden:#4f8ef7;--colonial:#7ab648;--liq-bg:hsla(0,0%,100%,.055);--liq-bg-hover:hsla(0,0%,100%,.09);--liq-border:hsla(0,0%,100%,.11);--liq-blur:blur(22px) saturate(1.6) brightness(1.06);--liq-radius:14px;--liq-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),inset 0 -1px 0 rgba(0,0,0,.3),inset 1px 0 0 hsla(0,0%,100%,.06),inset -1px 0 0 rgba(0,0,0,.12);--radius:6px;--radius-lg:14px;--font-mono:"Consolas","Courier New",monospace;--font-body:"gg sans","Noto Sans","Helvetica Neue",Arial,sans-serif;--font-cond:"gg sans","Noto Sans","Helvetica Neue",Arial,sans-serif;--font-display-fallback:"Impact","Arial Black",system-ui,sans-serif;--accent-bright:#ffad33;--hero-tracer:rgba(255,173,51,.65);--war-progress-bg:hsla(0,0%,100%,.04);--testimonial-bg:rgba(224,123,57,.07);--bmat:#c0c8d4;--emat:#9b8cf2;--hemat:#ff6b6b;--rmat:#45dabb;--salvage:#a8783f;--comp:#6ea0d8;--sulfur:#e8c552;--coal:#4a4a52;--oil:#2a2a35}.tnum{font-feature-settings:"tnum" 1,"lnum" 1}@keyframes pulseLed{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}@keyframes sidebar-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes boot-blink{0%,to{opacity:1}50%{opacity:0}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font-body);font-size:13px;color:var(--text-2);min-height:100vh;background:#0c0e18;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 30% 20%,rgba(35,45,70,.28) 0,transparent 70%),radial-gradient(ellipse 70% 55% at 85% 90%,rgba(20,25,45,.3) 0,transparent 75%)}body>*{position:relative;z-index:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.22)}h1,h2,h3{font-weight:700;letter-spacing:.04em;color:var(--text-1)}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}.mono{font-family:var(--font-mono)}.page-title{font-family:var(--font-display),var(--font-display-fallback);font-size:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-1);margin:0;display:flex;align-items:center;gap:10px;line-height:1}.page-title:before{content:"";display:inline-block;width:3px;height:16px;background:var(--accent);border-radius:2px;flex-shrink:0}.layout{display:flex;min-height:calc(100vh - 48px)}.topbar{height:48px;align-items:center;justify-content:space-between;padding:0 18px;position:relative;background:rgba(8,10,18,.82);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid hsla(0,0%,100%,.07);box-shadow:inset 0 -1px 0 rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.03);top:0;z-index:100}.sidebar,.topbar{display:flex;position:-webkit-sticky;position:sticky}.sidebar{width:220px;flex-shrink:0;background:rgba(6,8,16,.72);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border-right:1px solid hsla(0,0%,100%,.06);box-shadow:inset -1px 0 0 rgba(0,0,0,.25),inset 1px 0 0 hsla(0,0%,100%,.02);padding:10px 6px;top:48px;height:calc(100vh - 48px);overflow-y:auto;flex-direction:column}.main-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:12px;background:transparent;padding:16px 20px 60px}.nav-section{margin-bottom:4px}.nav-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4);padding:10px 10px 5px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;color:var(--text-3);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s;border:none;background:none;width:100%;text-align:left;text-decoration:none}.nav-item:hover{background:hsla(0,0%,100%,.07);color:var(--text-2)}.nav-item.active{background:hsla(0,0%,100%,.1);color:var(--text-1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),inset 0 -1px 0 rgba(0,0,0,.2)}.nav-badge{margin-left:auto;font-size:11px;font-weight:700;padding:1px 6px;border-radius:3px;min-width:24px;text-align:center;flex-shrink:0}.nav-badge.red{background:var(--red-dim);color:var(--red)}.nav-badge.amber{background:var(--amber-dim);color:var(--amber)}.nav-badge.accent{background:var(--accent-dim);color:var(--accent)}.nav-badge.dim{background:hsla(0,0%,100%,.07);color:var(--text-4)}.nav-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.s-sep{height:1px;background:hsla(0,0%,100%,.06);margin:6px 4px}.nav-sub{padding-left:20px;margin:2px 0 4px;position:relative}.nav-sub:before{content:"";position:absolute;left:14px;top:6px;bottom:6px;width:1px;background:hsla(0,0%,100%,.1)}.nav-subitem{font-size:12px;padding:5px 8px;color:var(--text-4);position:relative}.nav-subitem:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:6px;height:1px;background:hsla(0,0%,100%,.12)}.nav-subitem:hover{color:var(--text-2);background:none}.nav-subitem.active{color:var(--text-1);background:none;box-shadow:none}.nav-subitem.active:before{background:hsla(0,0%,100%,.55);height:2px}.card{background:var(--liq-bg);backdrop-filter:var(--liq-blur);-webkit-backdrop-filter:var(--liq-blur);border:1px solid var(--liq-border);border-radius:var(--liq-radius);box-shadow:var(--liq-shadow),0 4px 20px rgba(0,0,0,.18);overflow:hidden;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid hsla(0,0%,100%,.07)}.card-label,.card-title{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-1)}.card-label{margin-bottom:11px;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.07)}.card-body{padding:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.stat-card{background:var(--liq-bg);backdrop-filter:var(--liq-blur);-webkit-backdrop-filter:var(--liq-blur);border:1px solid var(--liq-border);border-radius:var(--liq-radius);box-shadow:var(--liq-shadow),0 4px 20px rgba(0,0,0,.2);padding:14px 16px;position:relative;overflow:hidden;transition:background .15s}.stat-card:hover{background:var(--liq-bg-hover)}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);box-shadow:1px 0 8px rgba(224,123,57,.3)}.stat-card.warn:before{background:var(--amber);box-shadow:1px 0 8px rgba(240,178,50,.3)}.stat-card.danger:before{background:var(--red);box-shadow:1px 0 8px rgba(218,55,60,.3)}.stat-label{font-size:10px;color:var(--text-4);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.stat-label,.stat-value{font-family:var(--font-mono)}.stat-value{font-size:28px;color:var(--text-1);line-height:1}.stat-card.warn .stat-value{color:var(--amber)}.stat-card.danger .stat-value{color:var(--red)}.stat-sub{font-size:11px;color:var(--text-4);margin-top:4px}.kbd-inline{background:var(--bg-3);padding:1px 5px;border-radius:3px;font-size:11px}.fill-bar{height:4px;background:rgba(0,0,0,.3);border-radius:2px;overflow:hidden}.fill-bar-inner{height:100%;border-radius:2px;transition:width .4s ease}.fill-ok{background:var(--green);box-shadow:0 0 4px rgba(35,165,89,.4)}.fill-warn{background:var(--amber);box-shadow:0 0 4px rgba(240,178,50,.4)}.fill-crit{background:var(--red);box-shadow:0 0 4px rgba(218,55,60,.4)}.wh-item{display:flex;align-items:stretch;overflow:hidden;margin-bottom:0;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.wh-item:hover{background:var(--liq-bg);border-radius:var(--radius)}.wh-item:last-of-type{border-bottom:none}.wh-stripe{width:3px;flex-shrink:0}.wh-stripe.red{background:var(--red);box-shadow:1px 0 6px rgba(218,55,60,.35)}.wh-stripe.amber{background:var(--amber);box-shadow:1px 0 6px rgba(240,178,50,.3)}.wh-stripe.green{background:var(--green);box-shadow:1px 0 6px rgba(35,165,89,.3)}.wh-body{flex:1 1;padding:8px 10px;min-width:0}.wh-name{font-size:12px;font-weight:600;color:var(--text-2)}.wh-meta{font-size:11px;color:var(--text-3);margin-top:1px}.wh-right{padding:8px 10px;text-align:right;flex-shrink:0}.wh-pct{font-size:12px;font-weight:700}.pct-red{color:var(--red)}.pct-amber{color:var(--amber)}.pct-green{color:var(--green)}.wh-urgency{font-size:12px;font-weight:700;margin-top:1px}.urg-red{color:var(--red)}.urg-amber{color:var(--amber)}.wh-action{padding:0 12px;border-left:1px solid hsla(0,0%,100%,.07);display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-3);white-space:nowrap;transition:color .15s,background .15s}.wh-action:hover{color:var(--accent);background:var(--accent-dim)}.wh-hint{font-size:12px;color:var(--text-3);margin-top:8px;display:flex;align-items:center;gap:5px}.wh-hint a{color:var(--accent);text-decoration:none}.wh-hint a:hover{text-decoration:underline}.task-item{display:flex;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.task-item:hover{background:var(--liq-bg);border-radius:var(--radius)}.task-item:last-child{border-bottom:none}.task-bar{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0}.task-bar.urgent{background:var(--red);box-shadow:1px 0 5px rgba(218,55,60,.4)}.task-bar.normal{background:var(--amber);box-shadow:1px 0 5px rgba(240,178,50,.35)}.task-info{flex:1 1;min-width:0}.task-name{font-size:12px;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{font-size:11px;color:var(--text-3);margin-top:1px}.task-pts{font-weight:700;text-shadow:0 0 8px rgba(224,123,57,.3);font-family:var(--font-mono)}.btn-take,.task-pts{font-size:12px;color:var(--accent);flex-shrink:0}.btn-take{font-weight:600;padding:4px 9px;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-take:hover{background:var(--accent);color:#fff;box-shadow:0 0 10px rgba(224,123,57,.35)}.feed-list{display:flex;flex-direction:column;flex:1 1;overflow-y:auto}.feed-item{display:flex;align-items:flex-start;gap:9px;padding:6px 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.feed-item:last-child{border-bottom:none}.feed-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.fi-green{background:var(--green-dim)}.fi-accent{background:var(--accent-dim)}.fi-amber{background:var(--amber-dim)}.fi-red{background:var(--red-dim)}.feed-text{flex:1 1;font-size:12px;color:var(--text-3);line-height:1.45;min-height:calc(12px * 1.45 * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-text b{color:var(--text-2);font-weight:600}.feed-time{font-size:12px;color:var(--text-4);flex-shrink:0;margin-top:1px;white-space:nowrap}.rating-list{display:flex;flex-direction:column;gap:4px;flex:1 1;overflow-y:auto}.r-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius);transition:background .12s;cursor:pointer}.r-row:hover:not(.me){background:hsla(0,0%,100%,.07)}.r-row.me{background:var(--accent-dim);border:1px solid var(--accent-border);cursor:default;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)}.r-pos{font-size:12px;font-weight:700;color:var(--text-4);width:18px;text-align:center;flex-shrink:0}.r-pos.gold{color:#f0b232;text-shadow:0 0 8px rgba(240,178,50,.4)}.r-pos.silver{color:#aab0b8}.r-pos.bronze{color:#cd7f32}.r-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.r-name{flex:1 1;font-size:13px;font-weight:500;color:var(--text-2)}.r-name.me{color:var(--text-1);font-weight:700}.r-pts{font-size:12px;font-weight:700;color:var(--text-3);font-family:var(--font-mono)}.r-pts.me{color:var(--accent);text-shadow:0 0 8px rgba(224,123,57,.3)}.view-all{display:block;text-align:center;font-size:12px;color:var(--text-3);margin-top:10px;cursor:pointer;padding:5px;border-radius:var(--radius);text-decoration:none;transition:color .12s,background .12s}.view-all:hover{color:var(--text-2);background:hsla(0,0%,100%,.07)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-4);text-transform:uppercase;text-align:left;padding:8px 14px;border-bottom:1px solid hsla(0,0%,100%,.07)}.data-table td{padding:9px 14px;border-bottom:1px solid hsla(0,0%,100%,.06);font-size:13px;color:var(--text-2)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:hsla(0,0%,100%,.04)}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-cond);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);color:var(--text-2);cursor:pointer;transition:all .12s;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)}.btn-primary,.btn:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.btn-primary{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 12px rgba(224,123,57,.35),inset 0 1px 0 hsla(0,0%,100%,.2)}.btn-danger{background:var(--red-dim);border-color:var(--red-border);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-logout{font-size:12px;font-weight:500;color:var(--text-3);padding:5px 12px;border-radius:var(--radius);border:1px solid hsla(0,0%,100%,.1);background:transparent;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .12s}.btn-logout:hover{color:var(--red)}.btn-sm{padding:3px 9px;font-size:11px}.btn:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius);color:var(--text-2);font-family:var(--font-body);font-size:13px;padding:7px 10px;width:100%;transition:border-color .12s,box-shadow .12s;color-scheme:dark}select option{background:var(--bg-3);color:var(--text-1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 0 3px rgba(224,123,57,.1)}input[type=checkbox]:focus{outline:none;border-color:unset;box-shadow:none}label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);margin-bottom:5px}.field{margin-bottom:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.alert{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius);border-left:3px solid;margin-bottom:14px;font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.alert-danger{background:var(--red-dim);border-color:var(--red);color:var(--red)}.alert-warn{background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.04) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.04) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:12px}.dashboard-top,.grid-3{display:grid;gap:12px;align-items:stretch}.dashboard-top{grid-template-columns:minmax(280px,1fr) minmax(0,2fr);grid-gap:12px;min-height:0}.dashboard-panel{background:var(--liq-bg);backdrop-filter:var(--liq-blur);-webkit-backdrop-filter:var(--liq-blur);border:1px solid var(--liq-border);border-radius:var(--liq-radius);box-shadow:var(--liq-shadow),0 4px 20px rgba(0,0,0,.18);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.dashboard-map-panel{position:relative}.dashboard-map-panel:before{content:"";position:absolute;inset:0;background-image:url(/bg_map.png);background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:.4;border-radius:inherit;pointer-events:none;z-index:0}.dashboard-map-panel>*{position:relative;z-index:1}.divider{height:1px;background:hsla(0,0%,100%,.07);margin:16px 0}.text-muted{color:var(--text-3)}.text-mono{font-family:var(--font-mono)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.text-accent{color:var(--accent)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 5px rgba(35,165,89,.5)}@keyframes blink{50%{opacity:0}}.blink{animation:blink 1.2s step-end infinite}.section-title{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);margin-bottom:12px}.section-title:after{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.07)}.hero{background:var(--liq-bg);backdrop-filter:var(--liq-blur);-webkit-backdrop-filter:var(--liq-blur);border:1px solid var(--liq-border);border-radius:var(--liq-radius);box-shadow:var(--liq-shadow),0 4px 20px rgba(0,0,0,.18);display:flex;flex-direction:column}.war-band{padding:12px 18px;border-bottom:1px solid hsla(0,0%,100%,.07);display:flex;align-items:center;gap:18px}.war-name{font-size:14px;font-weight:700;color:var(--text-1);flex-shrink:0}.war-bar-wrap{flex:1 1;min-width:0}.faction-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:12px;font-weight:700}.fw{color:var(--warden)}.fc{color:var(--colonial)}.fmid{font-size:12px;color:var(--text-4);font-weight:400;align-self:center}.war-bar{height:6px;background:rgba(0,0,0,.3);border-radius:3px;overflow:hidden;display:flex}.wb-w{background:var(--warden);height:100%;width:57%;border-radius:3px 0 0 3px}.wb-c{background:var(--colonial);height:100%;flex:1 1;border-radius:0 3px 3px 0}.war-live{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.live-badge{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--green)}.war-days{font-size:12px;color:var(--text-4)}.pc{position:relative;display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden}.pc:before{content:"";position:absolute;inset:0;background-image:url(/bg_user.png);background-repeat:no-repeat;background-position:50%;background-size:cover;opacity:.4;pointer-events:none;z-index:0}.pc>*{position:relative;z-index:1}.pc-hr{height:1px;background:hsla(0,0%,100%,.07);flex-shrink:0}.pc-header{padding:13px 16px;display:flex;align-items:center;gap:10px}.pc-identity{flex:1 1;min-width:0}.pc-name{font-size:13px;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-meta{font-size:12px;display:flex;align-items:center;gap:6px;margin-top:2px}.pc-meta,.pc-meta-role{color:var(--text-3)}.pc-meta-dot{color:var(--text-4)}.pc-online{color:var(--green);gap:3px}.pc-btn-profile,.pc-online{display:flex;align-items:center}.pc-btn-profile{flex-shrink:0;gap:5px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius);padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.pc-btn-profile:hover{background:hsla(0,0%,100%,.1);color:var(--text-1)}.pc-hero{padding:12px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pc-hero-label{font-size:10px;font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.pc-hero-pts-row{display:flex;align-items:baseline;gap:5px}.pc-hero-pts{font-size:30px;font-weight:700;color:var(--text-1);font-family:var(--font-numbers),var(--font-display),sans-serif;font-feature-settings:"tnum" 1,"lnum" 1;line-height:1;letter-spacing:-.03em}.pc-hero-unit{font-size:13px;font-weight:700;font-family:var(--font-numbers),var(--font-display),sans-serif;color:#ffad33;text-transform:uppercase;letter-spacing:.04em}.pc-rank-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px}.pc-rank-badge-val{font-size:14px;font-weight:700;color:var(--accent);text-shadow:0 0 10px rgba(224,123,57,.4);text-align:center}.pc-rank-badge-lbl{font-size:10px;color:var(--text-4);text-align:center;white-space:nowrap}.pc-rank-section{padding:11px 16px}.pc-rank-row{display:flex;align-items:center;gap:10px}.pc-rank-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.pc-rank-name{font-size:13px;font-weight:700;color:var(--text-1)}.pc-rank-bar{height:4px;background:hsla(0,0%,100%,.06);border-radius:2px;overflow:hidden}.pc-rank-fill{height:100%;border-radius:2px;transition:width .4s}.pc-rank-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--text-4);letter-spacing:.04em}.pc-rank-meta-cur{color:var(--text-3);font-weight:600}.pc-rank-hint{font-size:11px;color:var(--text-4);margin-top:3px}.pc-war-section{padding:4px 16px 11px}.pc-war-stats{display:flex;gap:24px;align-items:flex-start}.pc-war-stat{display:flex;flex-direction:column;gap:1px}.pc-war-val{font-size:20px;font-weight:700;color:var(--text-1);line-height:1;letter-spacing:-.02em}.pc-war-val-green{color:var(--green)}.pc-war-lbl{font-size:11px;color:var(--text-4);margin-top:2px}.pc-war-stars{display:flex;align-items:center;gap:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:1px}.pc-war-star{font-size:16px;line-height:1}.pc-spec-section{padding:11px 16px}.pc-spec-label{font-size:10px;font-weight:700;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.pc-spec-rows{display:flex;flex-direction:column;gap:5px}.pc-spec-row{gap:8px}.pc-spec-icon,.pc-spec-row{display:flex;align-items:center}.pc-spec-icon{width:20px;height:20px;flex-shrink:0;justify-content:center;color:var(--text-3)}.pc-spec-name{font-size:12px;color:var(--text-2);min-width:90px}.pc-spec-bar-wrap{flex:1 1;height:4px;background:hsla(0,0%,100%,.06);border-radius:2px;overflow:hidden}.pc-spec-bar-fill{height:100%;border-radius:2px;transition:width .4s}.pc-spec-pct{font-family:var(--font-mono);font-size:9px;color:var(--text-3);min-width:28px;text-align:right;letter-spacing:.04em}.pc-cta{padding:10px 16px 14px;display:flex;gap:8px}.pc-btn-find{flex:1 1;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);border:none;border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .15s;text-decoration:none}.pc-btn-find:hover{opacity:.88}.pc-btn-cont{flex:1 1;display:flex;align-items:center;justify-content:center;gap:7px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius);padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .15s;text-decoration:none}.pc-btn-cont-cnt,.pc-btn-cont:hover{background:hsla(0,0%,100%,.1)}.pc-btn-cont-cnt{border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600;color:var(--text-1)}.me-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;border:2px solid var(--accent-border);box-shadow:0 0 12px rgba(224,123,57,.25)}.hero-body{display:grid;grid-template-columns:1fr 2fr;grid-gap:12px;gap:12px;align-items:stretch}.hex-map-block{padding:14px 18px;border-left:1px solid hsla(0,0%,100%,.07);display:flex;flex-direction:column;gap:10px;min-width:0}.hex-map-head{display:flex;align-items:center;justify-content:space-between}.hex-map-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4)}.hex-legend{display:flex;gap:10px}.hex-leg-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-4)}.hex-leg-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.hex-map-body{gap:16px}.hex-cols,.hex-map-body{display:flex;align-items:flex-start}.hex-cols{gap:6px;flex-wrap:wrap}.hex-col{display:flex;flex-direction:column;gap:4px}.hex-col-off{margin-top:44px}.hex-tile{position:relative;width:110px;height:95px;cursor:pointer;flex-shrink:0;text-decoration:none;display:block;transition:transform .15s}.hex-tile:hover{transform:scale(1.05)}.hex-tile-crit .hex-svg polygon{filter:drop-shadow(0 0 6px rgba(218,55,60,.6))}.hex-svg{width:100%;height:100%;display:block}.hex-type-lbl{top:14px;font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:hsla(0,0%,100%,.6)}.hex-name-lbl,.hex-type-lbl{position:absolute;left:0;right:0;text-align:center;font-weight:700;pointer-events:none}.hex-name-lbl{bottom:15px;font-size:10px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.95);line-height:1.2;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hex-map-stats{display:flex;flex-direction:column;gap:14px;justify-content:center;padding-left:16px;border-left:1px solid hsla(0,0%,100%,.06);flex-shrink:0}.hms-lbl{font-size:9px;color:var(--text-4);letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px}.hms-val{font-size:28px;font-weight:700;color:var(--text-1);line-height:1}.next-prog{background:hsla(0,0%,100%,.06);border:1px solid rgba(88,101,242,.2);border-radius:var(--radius);padding:7px 10px;display:inline-flex;flex-direction:column;gap:5px;align-self:flex-start;min-width:200px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.prog-head{display:flex;align-items:baseline;gap:8px}.prog-name{font-weight:600;color:var(--text-2)}.prog-fraction,.prog-name{font-size:12px;white-space:nowrap}.prog-fraction{color:var(--text-3)}.prog-pct{font-size:12px;font-weight:700;color:var(--accent);margin-left:auto}.prog-bar{height:3px;background:rgba(0,0,0,.3);border-radius:2px;overflow:hidden}.prog-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s;box-shadow:0 0 6px rgba(224,123,57,.4)}