@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--bg: #0c0d10;--sidebar: #06070a;--panel: #181b21;--panel-2: #11141a;--border: #353b46;--muted: #a8adba;--text: #f6f3ea;--gold: #f0c64f;--gold-dim: rgba(240, 198, 79, .18);--copper: #74b6ff;--danger: #ef6461;--good: #4ee28a;font-family:Outfit,system-ui,sans-serif;background:var(--bg)}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}button,input,select{font:inherit}svg{flex:0 0 auto}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at top right,rgba(240,198,79,.1),transparent 32%),var(--bg)}aside{background:linear-gradient(180deg,#06070a,#0d1016);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:100vh}.brand{height:64px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--border);color:var(--gold)}.brand svg{width:25px;height:25px;padding:4px;border:1px solid rgba(240,198,79,.52);background:var(--gold-dim);border-radius:6px}h1,h2,h3{font-family:Rajdhani,sans-serif;letter-spacing:0;margin:0}.brand h1{font-size:16px;text-transform:uppercase;line-height:1}.brand span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;margin-top:3px}nav{padding:14px 10px;display:grid;gap:3px}nav button,.toolbar-button{border:1px solid transparent;color:var(--muted);background:transparent;border-radius:6px;min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}nav button:hover,.toolbar-button:hover{color:var(--text);background:#ffffff0a;border-color:#ffffff0a}nav button.active{color:var(--gold);background:var(--gold-dim);border-color:#f0c64f61}.refresh-status{margin:auto 18px 18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:8px auto 1fr;align-items:center;gap:8px;color:var(--muted);font-size:11px;text-transform:uppercase}.refresh-status time{justify-self:end;color:var(--text);font-family:JetBrains Mono,monospace;font-size:11px;text-transform:none}.refresh-dot{width:7px;height:7px;border-radius:99px;background:var(--good);box-shadow:0 0 0 3px #4ee28a1f}main{min-width:0;max-height:100vh;overflow:auto}.panel{padding:26px;display:grid;gap:20px}.section-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.section-header h2{color:var(--gold);font-size:27px}.section-header p{color:var(--muted);margin:4px 0 0}.split-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.online-summary{margin:8px 0 0;color:var(--muted)}.online-summary strong,.online-text{color:var(--good)}.toolbar-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px}.inline-field{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.inline-field span{text-transform:uppercase;font-size:10px;letter-spacing:.08em}.mini-action{min-height:28px;border:1px solid rgba(240,198,79,.42);border-radius:6px;background:#f0c64f1a;color:var(--gold);padding:0 9px;cursor:pointer;font-size:12px}.mini-action:hover{border-color:#f0c64fb8;background:#f0c64f29}.loading,.error{margin:26px;padding:18px;border:1px solid var(--border);background:var(--panel);border-radius:8px}.error{border-color:#ef646180;color:#ffaba8}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{min-height:106px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--panel);border-radius:8px;padding:16px;display:grid;align-content:space-between;position:relative;overflow:hidden;text-align:left}.clickable-stat{color:inherit;cursor:pointer;width:100%}.clickable-stat:hover{border-color:#f0c64f8c;background:linear-gradient(180deg,#f0c64f1f,#f0c64f06),var(--panel)}.stat.warn{border-color:#ef646180}.stat-icon{color:var(--gold);opacity:.85}.stat-icon svg{width:18px;height:18px}.stat span,.info-row span{color:var(--muted);font-size:12px}.stat strong{font-family:Rajdhani,sans-serif;color:var(--text);font-size:24px;line-height:1.05;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 26px;border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:16px}.info-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04)}.info-row strong{text-align:right;font-weight:500}.overview-hero{border:1px solid rgba(240,198,79,.32);background:linear-gradient(135deg,#f0c64f24,#4ee28a0e 42%,#74b6ff14),var(--panel);border-radius:8px;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end}.overview-hero h2{color:var(--text);font-size:34px;line-height:1;margin-top:10px}.overview-hero p{color:var(--muted);margin:7px 0 0}.health-pill{display:inline-flex;align-items:center;min-height:25px;border:1px solid rgba(78,226,138,.42);border-radius:999px;color:var(--good);background:#4ee28a1a;padding:0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.health-pill.active{color:var(--gold);border-color:#f0c64f70;background:var(--gold-dim)}.health-pill.warn{color:#ffb4ae;border-color:#ef64617a;background:#ef64611f}.hero-metrics{display:grid;grid-template-columns:repeat(3,86px);gap:8px}.hero-metrics button{min-height:78px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000002e;color:var(--muted);cursor:pointer;display:grid;place-items:center;align-content:center;gap:4px}.hero-metrics button:hover{border-color:#f0c64f80;background:#f0c64f17}.hero-metrics strong{color:var(--text);font-family:Rajdhani,sans-serif;font-size:28px;line-height:1}.hero-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ops-card{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),var(--panel);padding:16px;display:grid;gap:11px;align-content:start}.ops-card header{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px}.ops-card header svg{color:var(--gold)}.ops-card header span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ops-card header strong{color:var(--text);font-family:Rajdhani,sans-serif;font-size:24px}.ops-card .info-row{padding:7px 0}.ops-link{min-height:42px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:var(--panel-2);color:var(--muted);padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.ops-link:hover{border-color:#f0c64f6b;background:#f0c64f14}.ops-link strong{color:var(--text);font-weight:500;text-align:right}.overview-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.attention-panel{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:15px;display:grid;gap:9px}.attention-panel h3{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:18px}.attention-panel button{border:1px solid rgba(255,255,255,.06);border-radius:7px;background:var(--panel-2);min-height:58px;padding:10px;color:var(--muted);display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:9px;align-items:center;text-align:left;cursor:pointer}.attention-panel button:hover{border-color:#f0c64f6b;background:#f0c64f14}.attention-panel button span{color:var(--gold);grid-row:span 2}.attention-panel button svg{width:17px;height:17px}.attention-panel button strong{color:var(--text)}.attention-panel button small{color:var(--muted)}.overview-details{min-height:100%;align-content:start}.search{width:min(360px,100%);height:38px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--panel);border-radius:7px;padding:0 11px;color:var(--muted)}.search input{width:100%;background:transparent;border:0;outline:0;color:var(--text)}.online-dot{display:block;width:9px;height:9px;border-radius:99px;background:#334155;margin:auto}.online-dot.is-online{background:var(--good);box-shadow:0 0 7px 2px #5de0a273}.role-badge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:2px 8px;color:var(--muted);font-size:11px;white-space:nowrap}.role-badge.owner{color:var(--gold);border-color:#f0c64f75;background:#f0c64f1f}.role-badge.officer{color:#60a5fa;border-color:#60a5fa73;background:#60a5fa14}.role-badge.good{color:var(--good);border-color:#5de0a259;background:#5de0a214}.role-badge.legendary{color:#fbbf24;border-color:#fbbf2473}.role-badge.epic{color:#c084fc;border-color:#c084fc73}.role-badge.rare{color:#60a5fa;border-color:#60a5fa73}.role-badge.uncommon{color:var(--good);border-color:#5de0a266}.permission-icons{display:inline-flex;align-items:center;gap:8px}.permission-icons svg{width:16px;height:16px;color:#89909c40}.permission-icons svg.enabled{color:var(--gold)}.permission-icons svg.enabled.blue{color:#60a5fa}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow:auto;background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.055);text-align:left;vertical-align:top}th{color:var(--gold);font:600 12px Rajdhani,sans-serif;text-transform:uppercase;background:#12151b;position:sticky;top:0}td{color:#e9e6dc;font-size:13px}tbody tr:hover{background:#ffffff06}.pill{display:inline-flex;min-width:42px;justify-content:center;padding:2px 7px;border-radius:999px;border:1px solid var(--border);text-transform:uppercase;font-size:11px}.pill.buy{color:var(--good);border-color:#5de0a259}.pill.sell{color:var(--gold);border-color:#f0c64f70}.summary-grid,.metric-grid,.rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skills-summary,.metric-grid,.rank-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-stat{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px;display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center}.mini-stat div{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;color:var(--gold);background:var(--gold-dim);grid-row:span 2}.mini-stat svg{width:18px;height:18px}.mini-stat span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.mini-stat strong{font-family:Rajdhani,sans-serif;font-size:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skills-dashboard{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:14px;align-items:start}.focus-panel,.coverage-panel{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:15px;display:grid;gap:12px}.focus-panel h3,.coverage-panel h3{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:18px}.focus-metrics{border:1px solid rgba(255,255,255,.06);border-radius:7px;background:var(--panel-2);padding:8px 12px}.focus-list{display:grid;gap:7px}.focus-list div{min-height:34px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:var(--panel-2);padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.focus-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-list strong{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:12px}.coverage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coverage-list button{min-height:62px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:var(--panel-2);color:var(--muted);padding:9px 10px;display:grid;gap:3px;text-align:left;cursor:pointer}.coverage-list button:hover,.coverage-list button.active{border-color:#f0c64f73;background:#f0c64f14}.coverage-list span{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coverage-list b{color:var(--gold);font-size:12px}.coverage-list small{color:var(--muted)}.heatmap-wrap{border:1px solid var(--border);border-radius:8px;overflow:auto;background:var(--panel)}.skill-table{min-width:1120px;table-layout:fixed}.skill-table th,.skill-table td{padding:7px 6px;text-align:center}.skill-table thead th{height:38px;cursor:pointer;-webkit-user-select:none;user-select:none}.skill-table .sticky-col{position:sticky;left:0;z-index:1;min-width:150px;width:150px;text-align:left;background:#141820}.skill-table thead .sticky-col{z-index:2;background:#10141b}.skill-table .name-spacer{height:86px}.skill-table .vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block;white-space:nowrap;color:var(--muted);font-size:10px;font-weight:500}.skill-table th.sorted .vertical-label{color:var(--gold)}.skill-table .clickable{color:var(--muted);font-size:12px}.skill-table .clickable:hover{color:var(--text)}.skill-table .numeric{width:64px;text-align:right;font-family:JetBrains Mono,monospace;color:var(--muted)}.skill-table .best{color:var(--gold);font-weight:600}.skill-table .member-cell{font-weight:600;color:var(--text)}.skill-cell{width:46px;font-family:JetBrains Mono,monospace;font-size:12px;color:#f7f1df;border-left:1px solid rgba(255,255,255,.025)}.lvl0{color:#89909c47}.lvl1{color:#b7c2d2}.lvl2{color:#e0e6ef}.lvl3{color:#f5cd67}.lvl4{color:#ffe9a7;font-weight:700}.legend{color:var(--muted);font-size:11px;margin:0}.crafter-pills{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;max-width:390px}.crafter-pills span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:5px 9px;font-size:12px}.crafter-pills strong{color:var(--text)}.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.production-card{border:1px solid var(--border);border-radius:8px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;min-height:226px}.production-card.active-work{border-color:#4ee28a94;box-shadow:inset 0 0 0 1px #4ee28a1f}.production-card header{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.06)}.production-card header div{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:8px;align-items:center}.production-card header svg{color:var(--gold)}.production-card header strong{color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-card header span{grid-column:2;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-card header p{display:grid;justify-items:end;gap:4px;margin:0;flex-shrink:0}.production-card header small{color:var(--muted);font-size:10px}.production-card section{padding:14px;display:grid;gap:10px}.production-card h3{color:var(--text);font-size:16px}.production-card section p,.production-card section small{margin:0;color:var(--muted);font-size:12px}.status-pill{border:1px solid rgba(240,198,79,.46);color:var(--gold);background:#f0c64f1f;border-radius:999px;padding:2px 8px;font-size:11px}.status-pill.working{border-color:#4ee28a8f;color:var(--good);background:#4ee28a1f}.work-chips{display:flex;flex-wrap:wrap;gap:7px}.work-chips span{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px}.progress-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.progress-meta strong{color:var(--gold)}.progress{height:7px;border-radius:999px;background:#0b0f16;border:1px solid rgba(255,255,255,.06);overflow:hidden}.progress div{height:100%;background:linear-gradient(90deg,var(--gold),var(--good));border-radius:inherit}.empty-state{border:1px solid var(--border);border-radius:8px;min-height:170px;display:grid;place-items:center;gap:10px;color:var(--muted);background:var(--panel)}.empty-state svg{width:40px;height:40px;opacity:.3}.select-control{height:38px;border:1px solid var(--border);border-radius:7px;background:var(--panel);color:var(--text);padding:0 10px}.check-control{min-height:32px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.check-control input{accent-color:var(--gold)}.segmented{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.segmented span{font-size:11px;color:var(--muted)}.segmented button,.player-pills button{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:999px;min-height:28px;padding:0 10px;cursor:pointer}.segmented button.active,.player-pills button.active{color:var(--gold);border-color:#f0c64f7a;background:var(--gold-dim)}.container-list,.building-sections{display:grid;gap:12px}.container-card,.building-section{border:1px solid var(--border);border-radius:8px;background:var(--panel);overflow:hidden}.container-card summary{list-style:none;cursor:pointer;min-height:54px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted)}.container-card summary::-webkit-details-marker{display:none}.container-card summary span{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text)}.container-card summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-card summary small{color:var(--muted);text-align:right}.container-card .table-wrap{border:0;border-top:1px solid var(--border);border-radius:0}.muted-line{display:block;color:var(--muted);font-size:11px;margin-top:2px}.building-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.building-card{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:12px;display:grid;gap:9px;min-width:0}.building-section{padding:14px;display:grid;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent),var(--panel-2)}.building-section h3{display:flex;align-items:center;gap:8px;color:var(--text);font-size:18px}.building-section h3 small{margin-left:auto;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-family:Outfit,sans-serif;font-size:11px}.building-card header{display:flex;align-items:center;gap:8px;min-width:0}.building-card header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.building-card header b{margin-left:auto;color:var(--gold);border:1px solid rgba(240,198,79,.42);border-radius:999px;padding:1px 6px;font-size:11px}.building-card p{margin:-4px 0 0 18px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.building-card>div{display:flex;gap:5px;flex-wrap:wrap}.category-dot{width:8px;height:8px;border-radius:50%;background:#64748b;flex:0 0 auto}.category-dot.crafting{background:#38bdf8}.category-dot.refining{background:#a78bfa}.category-dot.storage{background:var(--good)}.category-dot.housing{background:#c084fc}.category-dot.trade{background:#fb923c}.category-dot.core{background:var(--gold)}.slot-row{display:flex;flex-wrap:wrap;gap:5px}.slot-chip{display:inline-flex;align-items:center;gap:4px;border-radius:5px;background:#ffffff0b;color:var(--muted);font-size:10px;padding:3px 5px}.slot-chip svg{width:11px;height:11px;opacity:.7}.slot-chip strong{color:var(--text)}.warning-section{border:1px solid rgba(240,198,79,.4);background:#f0c64f1a;border-radius:8px;padding:15px;display:grid;gap:12px}.warning-section h3,.two-col h3,.bar-panel h3{display:flex;align-items:center;gap:8px;color:var(--gold);font-family:Rajdhani,sans-serif;margin:0}.gather-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.project-list{display:grid;gap:12px}.project-card{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:14px;display:grid;gap:12px}.project-card header{display:flex;align-items:center;gap:10px}.project-card header svg{width:17px;height:17px;color:var(--gold)}.project-card header span{margin-left:auto;color:var(--gold)}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.material-grid div{border:1px solid rgba(240,198,79,.34);background:#f0c64f18;border-radius:6px;padding:9px;display:grid;gap:3px}.material-grid strong{font-size:12px}.material-grid span{color:var(--muted);font-size:11px}.material-watch{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:15px;display:grid;gap:12px}.material-watch h3{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:18px}.material-watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.material-card{border:1px solid rgba(255,255,255,.07);border-radius:8px;background:var(--panel-2);padding:12px;display:grid;gap:4px;min-width:0}.material-card.empty{opacity:.62}.material-card span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.material-card strong{color:var(--text);font-family:Rajdhani,sans-serif;font-size:25px;line-height:1}.material-card small{color:var(--muted);font-size:11px}.material-card em{color:var(--gold);font-style:normal;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.two-col section{display:grid;gap:8px;align-content:start;max-height:640px;overflow:auto}.research-card{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:7px;background:var(--panel);padding:10px}.research-card.done{border-color:#5de0a24d;background:#5de0a212}.research-card svg{width:16px;height:16px;color:var(--muted)}.research-card.done svg{color:var(--good)}.research-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.research-card b{color:var(--gold);font-size:12px}.highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.highlight-grid div{border:1px solid var(--border);background:var(--panel);border-radius:7px;padding:11px;display:grid;gap:4px}.highlight-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.highlight-grid span{color:var(--muted);font-size:12px}.tabs{display:flex;border-bottom:1px solid var(--border)}.tabs button{min-height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:0 16px;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.bar-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:15px;display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:170px minmax(0,1fr) 80px;align-items:center;gap:10px;color:var(--muted);font-size:12px}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row div{height:12px;border-radius:99px;background:#0b0f16;overflow:hidden}.bar-row i{display:block;height:100%;background:#475569}.bar-row i.mine{background:var(--gold)}.bar-row b{text-align:right;color:var(--text)}.mine-panel{border:1px solid rgba(240,198,79,.48);background:var(--gold-dim);border-radius:8px;padding:13px 15px;display:grid;grid-template-columns:22px auto 1fr;align-items:center;gap:10px}.mine-panel svg,.mine-panel strong{color:var(--gold)}.mine-panel span{color:var(--text)}.mine-row td{background:#f0c64f17}.mine-text{color:var(--gold);display:inline-flex;align-items:center;gap:6px}.sort-button{border:0;background:transparent;color:inherit;padding:0;display:inline-flex;align-items:center;gap:5px;cursor:pointer;text-transform:inherit;font:inherit}.sort-button:disabled{cursor:default}.full-height{min-height:100vh;grid-template-rows:auto auto auto minmax(520px,1fr)}.player-pills{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.player-pills button{display:inline-flex;align-items:center;gap:6px}.player-pills .online-dot{margin:0;width:7px;height:7px}.map-frame{width:100%;min-height:620px;height:100%;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.sync-panel{min-height:100vh;grid-template-rows:auto minmax(720px,1fr)}.sync-frame{width:100%;min-height:720px;height:100%;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.activity-list{display:grid;gap:8px}.activity-list div,.activity-list p{margin:0;padding:12px 14px;border:1px solid var(--border);background:var(--panel);border-radius:7px;color:var(--muted)}.activity-list div{display:grid;gap:4px}.activity-list strong{color:var(--gold);font-size:12px;font-weight:600}.activity-list span{color:var(--text)}.admin-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:16px;align-items:start}.form-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:16px;display:grid;gap:14px}.form-card h3{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:18px}.form-card h3 small{color:var(--muted);font:500 12px Outfit,sans-serif}.field{display:grid;gap:6px;color:var(--muted);font-size:12px}.field input{height:39px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text);padding:0 11px;outline:0}.field input:focus{border-color:var(--gold)}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-field{min-height:42px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.color-field input{width:34px;height:24px;border:0;padding:0;background:transparent;cursor:pointer}@media(max-width:900px){.app-shell{grid-template-columns:1fr}aside{min-height:auto;position:sticky;top:0;z-index:2}nav{grid-template-columns:repeat(3,1fr)}.refresh{margin-top:0}main{max-height:none}.stat-grid,.detail-grid,.summary-grid,.skills-summary,.metric-grid,.rank-grid,.production-grid,.building-grid,.gather-grid,.material-grid,.material-watch-grid,.two-col,.highlight-grid,.admin-grid,.theme-grid,.overview-hero,.ops-grid,.overview-layout,.skills-dashboard,.coverage-list{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.split-header{display:grid}.bar-row{grid-template-columns:1fr}}