.hub-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.hub-map{border:1px solid #648e8a55;border-radius:22px;overflow:hidden;background:#142f36;position:sticky;top:20px}#hospitalScene{display:block;width:100%;height:380px;touch-action:pan-y;cursor:pointer}.room-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.room-nav button{padding:10px 14px;border:1px solid #75aca855;border-radius:10px;background:#254850;color:#e2faf2;cursor:pointer}.room-nav button[aria-pressed=true]{background:#b8efd7;color:#143f38}.hub-upgrade{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #82a59944}.hub-upgrade p{margin:6px 0;font-size:13px}.hub-upgrade button{white-space:nowrap}.hub-upgrade small,.milestone small{display:block;opacity:.75}.role-list{display:grid;gap:10px;margin-top:14px}.role-list button{text-align:left;display:grid;gap:7px;padding:16px;border:1px solid #82a59966;border-left:5px solid var(--role-color);border-radius:12px;background:transparent;color:inherit;cursor:pointer}.role-list button[aria-pressed=true]{background:#75c9aa22;outline:2px solid #62b99e}.role-list span{font-size:13px;line-height:1.5}.role-list small{font-weight:700;color:inherit}.milestones{display:grid;gap:12px}.milestone{padding:16px;border:1px solid #82a59944;border-radius:12px;opacity:.6}.milestone.earned{opacity:1;background:#75c9aa22}.milestone progress{width:100%;height:8px;accent-color:#52b793}.supply-total{font-size:38px;font-weight:700}.supply-total small{font-size:15px}.role-status{font-size:11px;text-align:center;padding:8px;background:#163e3c;color:#d3f8ec;min-height:30px}.role-status b{color:#bbf3dc}button:disabled{cursor:default;opacity:.5}#roomDetail h3{margin-top:24px}@media(max-width:800px){.hub-layout{grid-template-columns:1fr;gap:16px}.hub-map{position:static}#hospitalScene{height:290px}.room-nav{gap:6px;padding:12px}.room-nav button{font-size:12px;padding:10px}.hub-upgrade{gap:10px}.hub-upgrade .primary{padding:12px}}